.clearfix {
    *zoom: 1;
}
/**Fix for inside the tabs pagination alignment**/
.mstGV ul.pagination li {
    padding-left: 0px;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix, .clearfix:after {
    clear: both;
}

* {
    /*outline: none !important;*/
}


html, body {
    height: 100%;
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*color: #555;*/
    color: #000; /*color contrast*/
    font-size: 13px;
    -ms-overflow-style: scrollbar !important;
}

.container {
    max-width: none !important;
    padding: 0 20px;
}

.row-no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col-no-margin {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

#container {
    position: relative;
    height: 100%;
    /*table-layout:fixed;*/
}

    #container.fixed-header {
        margin-top: 52px;
    }

    #container > #content > .container {
        float: left;
        width: 100%;
    }

#content {
    background: #fff;
    margin-left: 250px;
    overflow: visible;
    padding-bottom: 30px;
    min-height: 100%;
}

    #content > .wrapper {
        -webkit-transition: margin ease-in-out .1s;
        -moz-transition: margin ease-in-out .1s;
        -o-transition: margin ease-in-out .1s;
        transition: margin ease-in-out .1s;
        position: relative;
    }

.sidebar-closed > #content {
    margin-left: 0;
}

.page-header {
    border: 0;
    margin: 0;
    *zoom: 1;
    padding-bottom: 0;
}

    .page-header:before, .page-header:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .page-header:after {
        clear: both;
    }

.page-title {
    float: left;
    padding: 15px 0;
    padding-bottom: 0;
}

    .page-title h3 {
        margin: 0;
        margin-bottom: 10px;
        color: #555;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase;
    }

    .page-title span {
        display: block;
        font-size: 11px;
        color: #888;
        font-weight: normal;
    }

.page-stats {
    float: right;
    padding: 25px 0;
    margin-left: 0;
    list-style: none;
}

    .page-stats li {
        float: left;
        display: block;
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #d9d9d9;
    }

        .page-stats li:first-child {
            border: 0;
        }

        .page-stats li .summary {
            float: left;
            margin-right: 18px;
        }

            .page-stats li .summary span {
                color: #888;
                font-weight: 600;
                font-size: 11px;
                text-transform: uppercase;
            }

            .page-stats li .summary h3 {
                color: #555;
                margin: 0;
                font-size: 20px;
                line-height: 20px;
                font-weight: 600;
            }

        .page-stats li .graph {
            float: right;
        }

        .page-stats li .sparkline {
            margin-top: 4px;
        }

.align-left {
    text-align: left !important;
}

.align-center {
    text-align: center;
    margin: 0 auto;
}

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

.full-width-fix {
    width: 100% !important;
}


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #F0EFEF !important;
    color: #555 !important;
}

textarea {
    min-height: 60px;
}

input[type="file"] {
    height: auto;
    line-height: normal;
    margin-top: 5px;
}

label > span.required {
    color: #e25856;
}

.input-icon > input {
    padding-left: 30px !important;
}

.input-icon > i {
    color: #d1d1d1;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 8px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.input-group-addon {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 13px;
    padding: 6px 6px;
    background-color: #f9f9f9;
}

.input-group > .input-group-btn .btn {
    margin-right: -1px;
    margin-left: -1px;
}

.form-group .help-block:not(.error) {
    display: block !important;
}

.form-group select.select2-offscreen + .help-block {
    padding-top: 10px;
    clear: both;
}

/* Added by Ashim */
.select2-with-word-wrap .select2-container .select2-choice > .select2-chosen {
    white-space: normal !important;
    word-break: break-all;
}

body .select2-container .select2-choice > .select2-chosen {
    margin-right: 36px;
}

.form-group.error .help-block, .form-group.warning .help-block, .form-group.success .help-block, .form-group.info .help-block {
    display: inline-block;
}

.form-horizontal .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-horizontal .control-label {
    padding-top: 7px;
    font-weight: 600;
}

.control-label {
    font-weight: 600;
    /*color: #737373;*/
    color: #1E252C; /*Color contrast issue*/
}

.form-vertical {
    margin-left: -10px;
    margin-right: -10px;
}

    .form-vertical.no-margin {
        margin-left: 0;
        margin-right: 0;
    }

    .form-vertical .help-block {
        margin-bottom: 0;
    }

    .form-vertical .select2-container.error {
        margin-bottom: 10px;
    }

    .form-vertical .form-group {
        padding-right: 15px;
        padding-left: 15px;
    }

        .form-vertical .form-group:first-child {
            padding-top: 5px;
        }

        .form-vertical .form-group:last-child {
            padding-bottom: 0;
        }

        .form-vertical .form-group .control-label {
            padding-bottom: 5px;
            font-weight: 600;
        }

.radio > div.radio, .radio-inline > div.radio, .checkbox > div.checker, .checkbox-inline > div.checker {
    margin-left: -20px;
    padding-top: 0;
}

    .radio > div.radio input[type="radio"], .checkbox > div.checker input[type="checkbox"] {
        margin-left: 0;
    }

.table {
    margin-bottom: 5px;
}


.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #fafafa;
}

.table-hover tbody tr:hover > td {
    background-color: #FFF9E7;
}

.table-hover tbody tr:hover > th {
    background-color: transparent;
}

.tableFixedLayout {
    table-layout: fixed;
}

    .tableFixedLayout td {
        word-break: break-all;
        word-wrap: normal;
    }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    padding: 6px;
    background-color: #fff;
    background-image: none !important;
    color: #555;
    filter: none !important;
    font-weight: normal;
    vertical-align: top;
}

.form-control {
    font-size: 13px;
    height: 32px;
}

form {
    margin: 0 5px;
}

label, input, button, select, textarea {
    font-size: 13px !important;
}

label {
    font-weight: 600;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-appearance: none !important;
    color: #555;
    padding: 6px 6px !important;
    font-weight: normal;
    vertical-align: top;
    background-color: #fff;
    background-image: none !important;
    filter: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        border-color: #4d7496;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
    }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form-control {
    height: 32px;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

select.form-control, textarea.form-control {
    padding: 0 5px;
}

    select.form-control:focus, textarea.form-control:focus {
        border-color: #4d7496;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(0, 0, 0, 0.1);
    }

.add-items {
    background: #5078b3;
    padding: 0 11px;
    border: none;
    cursor: pointer;
}

.remove-list-items {
    float: right;
    background-color: #5078b3;
    padding: 5px 12px;
    color: #fff;
    margin-bottom: 4px;
}

.btn-primary {
    color: #fff !important;
    background-color: #3968c6;
    z-index: 2;
    border-radius: 2px;
}

    .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        background-color: #4d77cc;
    }

    .btn-primary:active, .btn-primary.active {
        background-color: #335eb2;
        border-top: 1px solid #1c3463;
    }

    .btn-primary.disabled, .btn-primary.btn[disabled] {
        background: #f5f5f5;
        border: solid 1px #ccc !important;
        box-shadow: none;
        color: #cccccc !important;
        text-shadow: 1px 1px 0 #fff;
    }

    .btn-primary .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #335eb2;
}

.btn-info {
    color: #fff;
    /*background-color: #2f96b4;*/
    background-color: #0975b3; /*color contrast*/
    z-index: 2;
}

    .btn-info:hover, .btn-info:focus {
        color: #fff;
        background-color: #34a7c8;
    }

    .btn-info:active, .btn-info.active {
        background-color: #2a85a0;
        border-top: 1px solid #15424f;
    }

    .btn-info.disabled, .btn-info.btn[disabled] {
        background-color: #2f96b4;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-info .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2a85a0;
}

.btn-warning {
    color: #fff;
    background-color: #f89406;
    z-index: 2;
}

    .btn-warning:hover, .btn-warning:focus {
        color: #fff;
        background-color: #fa9f1e;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #df8505;
        border-top: 1px solid #7c4a03;
    }

    .btn-warning.disabled, .btn-warning.btn[disabled] {
        background-color: #f89406;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


    .btn-warning .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #df8505;
}

.btn-danger {
    color: #fff;
    background-color: #bd362f;
    z-index: 2;
}

    .btn-danger:hover, .btn-danger:focus {
        color: #fff;
        background-color: #ce3f38;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #a9302a;
        border-top: 1px solid #571916;
    }

    .btn-danger.disabled, .btn-danger.btn[disabled] {
        background-color: #bd362f;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-danger .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #a9302a;
}

.btn-inverse {
    color: #fff;
    background-color: #555;
    z-index: 2;
}

    .btn-inverse:hover, .btn-inverse:focus {
        color: #fff;
        background-color: #626262;
    }

    .btn-inverse:active, .btn-inverse.active {
        background-color: #484848;
        border-top: 1px solid #151515;
    }

    .btn-inverse.disabled, .btn-inverse.btn[disabled] {
        background-color: #555;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-inverse .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #484848;
}

.btn-success {
    color: #fff;
    background-color: #51a351;
    z-index: 2;
}

    .btn-success:hover, .btn-success:focus {
        color: #fff;
        background-color: #5eaf5e;
    }

    .btn-success:active, .btn-success.active {
        background-color: #499249;
        border-top: 1px solid #274e27;
    }

    .btn-success.disabled, .btn-success.btn[disabled] {
        background-color: #51a351;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn-success .caret {
        border-top-color: #fff;
    }

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #499249;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    z-index: 2;
}


.hide-default {
    display: none;
}

.padding-top-zero {
    padding-top: 0 !important;
}

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

.padding-top-0px {
    padding-top: 0px !important;
}

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

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

.padding-left-5px {
    padding-left: 5px !important;
}

.padding-right-5px {
    padding-right: 5px !important;
}

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

.padding-top-20px {
    padding-top: 20px !important;
}

.padding-bottom-20px {
    padding-bottom: 20px !important;
}

.padding-top-15px {
    padding-top: 15px !important;
}

.padding-bottom-15px {
    padding-bottom: 15px !important;
}

.padding-bottom-10px {
    padding-bottom: 10px !important;
}

.padding-left-10px {
    padding-left: 10px !important;
}

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

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

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

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

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

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

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

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


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

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

.spacing-10px {
    display: block;
    padding-top: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 300;
    font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 18px;
}

.subtitle {
    display: block;
    padding-bottom: 5px;
    font-weight: 600;
}

.highlighted {
    background: yellow;
}

.widget-content + h1 {
    margin-top: 0;
}

a {
    color: #316198; /*color contrast */
}

    a:hover {
        color: #4d7496;
        cursor: pointer;
    }

span.blue {
    color: #54728c;
}

span.green {
    color: #94b86e;
}

span.red {
    color: #e25856;
}

.header {
    z-index: 10030;
}
/***********************************************************************Custom CSS***************************************************/



.copyOneUp-icon:before {
    content: "\ea4a";
}



.copyOneDown-icon:before {
    content: "\ea49";
}



.copyAllUp-icon:before {
    content: "\ea48";
}



.copyAllDown-icon:before {
    content: "\ea47";
}



.copyAll-icon:before {
    content: "\ea46";
}

.btn-submit {
    position: relative;
    font-size: 12px;
}

    .btn-submit:after {
        font-family: FontAwesome;
        top: 0;
        left: -5px;
        content: "\f105";
    }

.submit.btn.btn-primary.pull-right {
    border-radius: 0 !important;
}

.icon-login-email {
    background-color: #7b8698 !important;
    color: #fff !important;
    font-size: 21px !important;
    font-weight: normal;
    height: 38px !important;
    margin: 0px !important;
    padding-top: 6px !important;
    vertical-align: middle;
    width: 38px !important;
}


.main-footer {
    background-color: #f4f4f4;
    width: 100%;
    color: #5b5b5b;
    font-size: 13px;
    padding: 16px;
    border-top: 1px solid #e6e6e6;
    /*left: 0;*/
    bottom: 0;
    float: left;
    clear: both;
    /*position: fixed;*/
    right: 0;
    z-index: 100;
}

.pos-absolute {
    position: absolute;
}

.pos-relative {
    position: relative;
}

.nav-bar-summit {
    background-color: #fff;
}

.main-logo {
}

.dropdown-toggle > img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 6px;
    text-align: center;
}

.global-nav-txt {
    color: #888;
    font-size: 10px;
}

.user-info-content {
    padding-right: 12px;
    border-right: 1px solid #f9f9f9;
}

/**Breadcrumbs Style's **/


.breadcrumb ul li {
    display: inline;
    list-style: none;
}

.breadcrumb ul {
    margin: 0;
    padding: 0;
    float: left;
    min-width: 200px;
}

.navbar.navbar-default.navbar-static-top.nav-bar-summit {
    border-bottom-color: #c9d0d5;
}

.breadcrumb ul {
    padding-top: 5px;
}

.summit-left-nav {
    border-right: 3px solid #6999e0;
}

.breadcrumb-lnk-items .home {
    background: transparent url("../images/brdcrb-home.gif") no-repeat scroll 0 0;
}

/**********************************************************Left Navigation*******************/
.summit-left-nav {
    background-color: #5078b3;
}

    .summit-left-nav ul li {
        border-bottom: 1px solid #7393c2;
        background-color: #5078b3;
    }

        .summit-left-nav ul li a {
            color: #fff;
            font-size: 11px;
            line-height: 1.8em;
            /*overflow-x: hidden;
    overflow-y: hidden;*/
            padding-bottom: 0;
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 41px;
            text-align: center;
            text-overflow: ellipsis;
            white-space: normal;
            min-width: 60px;
        }

            .summit-left-nav ul li a .fa {
                display: inline-block;
                font-size: 34px;
                text-align: left;
            }

.left-nav-title {
    display: inline-block;
    font-size: 12px;
}

.breadcrumb-lnk-items {
    padding-top: 3px;
}

    .breadcrumb-lnk-items .home > span {
        padding-left: 30px;
    }

.summit-left-nav ul li a:hover, .summit-left-nav ul li a:focus {
    background-color: #6999e0;
}

.summit-left-nav ul li.active a {
    background-color: #6999e0;
}
/*******************************************************************Global Styles******/
#page-wrapper {
    padding: 0 15px;
    background-color: #fff !important;
    min-height: 690px !important;
}

.btns-container {
    float: right;
    padding-top: 10px;
}

.page-title h3 {
    /*color: #0d79e8;*/
    color: #474C51; /*color contrast*/
    font-size: 16px;
    display: inline-block;
    margin-bottom: 15px;
}

.btn.btn-primary {
    background-color: #0975B3;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    text-transform: uppercase;
}

    .btn.btn-primary.btn-sm {
        background-color: #5078b3;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 1px;
        padding-bottom: 2px;
        text-transform: uppercase;
    }
/*Used on ADM_DynamicWebService_Mapping page*/
.btn-sm {
    padding: 1px 7px 2px 7px !important;
}

.pad-left-zero {
    padding-left: 0 !important;
}

.pad-right-zero {
    padding-right: 0 !important;
}

.padding-zero {
    padding: 0 !important;
}

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

.instance-title {
    border-bottom-color: #cac5c5;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #333333;
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 12px;
    padding-top: 12px;
    font-weight: 600;
}


.instance-select-wrapper > ul {
    list-style-type: none;
    padding: 0;
}

.instance-select-wrapper li {
    cursor: pointer;
    color: #666;
    width: auto;
    padding-bottom: 4px;
    border-bottom: 1px solid #cac5c5;
    padding-bottom: 6px;
    padding-top: 6px;
    text-transform: uppercase;
}

.instance-select-wrapper .active {
    border-bottom-color: #0d79e8;
    color: #0d79e8;
}

.instance-select-wrapper a:hover, .instance-select-wrapper a:focus {
    text-decoration: none;
}

.instance-list-wrap {
    display: inline-block;
    vertical-align: top;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 480px;
}

    .instance-list-wrap select {
        padding: 10px;
        margin: -5px -20px -5px -1px;
        /*height: 100% !important;*/
        border: none;
        background-color: transparent;
        /*width: 250px;*/
    }

        .instance-list-wrap select option {
            background-color: transparent;
            -webkit-appearance: none;
            border-bottom: none; /* wcag chnages*/
            color: #1e252c;
            font-size: 13px;
            padding: 6px 0;
            cursor: pointer;
        }

.summit-panel {
    border-radius: 0;
    border: 1px solid #e4e7eb;
}

    .summit-panel .panel-heading {
        background-color: #e7edf3;
        border-radius: 0;
        color: #61656a;
        font-size: 14px;
        border-bottom: none;
        border-bottom: 1px solid #e4e7eb;
        text-transform: uppercase;
    }

.panel-body .form-group label, .panel-body-logticket .form-group label {
    color: #45494c;
    font-size: 13px;
    padding-top: 5px;
}

.panel-body-logticket {
    display: table;
    content: " ";
    clear: both;
    width: 100%;
}


.log-incident .form-group {
    clear: both;
    display: block;
    padding-top: 10px;
}

.divCopyAttachment {
    padding-left: 15px !important;
}

.mandatory {
    color: #AD0000 !important; /*changed color due to WCAG compliances */
}

.disp-table {
    display: table;
}

.disp-tbl-cell {
    display: table-cell;
    float: none;
    vertical-align: top;
}



.action-container {
    background-color: #ebeef1;
    height: auto;
    min-height: 500px;
    height: 100%;
    position: absolute;
    right: -15px;
    top: 0;
    width: 100%;
    border-top: 3px solid #5078b3;
    border-left: 1px solid #5078b3;
    border-bottom: 1px solid #5078b3;
    border-right: 1px solid #5078b3;
    z-index: 100; /* Added for overlapping  filter tooltip with pagination*/
}

.action-container-dashboard {
    display: inline-block;
    position: relative;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 30px 0px 0px 30px;
    padding: 8px 18px;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.action-indicator {
    left: 0;
    line-height: 0.5em;
    padding: 2px;
    position: absolute;
    width: 100%;
}

    .action-indicator i {
        color: white;
        font-size: 10px;
    }

    .action-indicator.configured {
        background-color: #5cd254;
    }

    .action-indicator.not-configured {
        background-color: orange;
    }

.action-title {
    /*color: #4a7dc8;*/
    color: #316198; /*color contrast*/
    font-size: 13px;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
    text-transform: uppercase;
    border-bottom: 1px solid #d4d6d7;
    text-align: center;
}

.actions-content {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
}

    .actions-content .fa-asterisk {
        color: rgb(252, 51, 12);
        font-size: 8px;
        left: 1px;
        position: absolute;
        top: 6px;
    }

.action {
    background-color: #f6f8f9;
    display: block;
    margin-bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    width: 95%;
    text-align: center;
}

.actions {
    background-color: #f6f8f9;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 2.5%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 2.5%;
    width: 96%;
    position: relative;
}

    .actions > a, .actions > input {
        background-color: #f6f8f9;
        display: block;
        min-height: 55px;
        text-align: center;
        width: 100%;
    }

        .actions > a.icon {
            background-position: center 8px;
            border: solid 1px #ffffff;
        }

        .actions > a:hover {
            text-decoration: none;
            background-color: #ffffff;
            border: solid 1px #6999e0;
        }

        .actions > a.aspNetDisabled:hover {
            border: solid 1px #ffffff;
            background-color: #f6f8f9;
        }

.action-name {
    clear: both;
    display: block;
    font-size: 11px;
    margin-top: 4px;
    text-align: center;
    text-transform: uppercase;
}

.kb-container-style2 {
    position: absolute;
    right: 35px;
    top: 10px;
}

    .kb-container-style2 .title {
        font-size: 16px;
    }

.kb-container {
    position: absolute;
    min-height: 120px;
    min-width: 250px;
    position: absolute;
    right: 35px;
    top: 0;
    border: 1px solid #d4d9de;
    background-color: #e9edf1;
}

    .kb-container #triangle-down {
        width: 0;
        height: 0;
        border-left: 150px solid transparent;
        border-right: 130px solid transparent;
        border-top: 39px solid #6999e0;
    }

.solution-count {
    color: #fff;
    font-size: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 100%;
}

.search-input-group {
    /*padding: 2.8px 0;*/
}

.valign-top {
    vertical-align: top !important;
}

.valign-middle {
    vertical-align: middle !important;
}

.valign-bottom {
    vertical-align: bottom !important;
}

.input-group .input-group-btn {
    vertical-align: top;
}

.panel-heading-two-col .row .grid-pnl-title {
    padding-top: 8px;
    padding-bottom: 0;
}

.panel-heading-two-col {
    padding-top: 6px;
    padding-bottom: 6px;
}

label.error {
    /*color: #f42a2a !important;*/
    color: #D20101 !important;
    font-size: 12px !important;
}

input.error, select.error, textarea.error {
    border: 1px solid #EC5151 !important;
}

/*****Jquery UI Styles Overwrite*/
.ui-datepicker-title select {
    color: #737373;
    font-size: 12px !important;
    font-weight: normal;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.ui-datepicker-div {
    font-family: "Open Sans",Arial,Verdana,Calibri;
}

.ui-datepicker.ui-widget.ui-widget-content {
    z-index: 1600 !important;
}

.ui-datepicker {
    z-index: 102 !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: normal !important;
    border: 1px solid #79b7e7 !important;
    background-color: #d0e5f5 !important;
    padding: 0.2em !important;
}

body.popup-controls {
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 10px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal !important;
    background-image: none !important;
}

.ui-widget-header, .ui-datepicker {
    border-radius: 0 !important;
}

.ui-datepicker-buttonpane .ui-state-hover {
    padding-bottom: 0.3em !important;
    padding-left: 0.6em !important;
    padding-right: 0.6em !important;
    padding-top: 0.2em !important;
}

.ui-datepicker-trigger {
    position: relative;
    border: none;
    background-color: #fff;
    width: 28px;
    height: 31px;
}


    .ui-datepicker-trigger:before {
        content: "\f073";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 5px;
        left: 0;
        padding-left: 5px;
    }

.detail-page .ui-datepicker-trigger:before {
    top: 2px !important;
}

.ui-timepicker-div select {
    width: 40%;
    border: 1px solid #ccc;
    border-radius: 0;
}

.ui-timepicker-div dl dt {
    font-size: 13px;
    color: #555;
    font-weight: normal;
}

.ui-datepicker-calendar tr th {
    font-weight: normal;
    font-size: 13px;
}

.ui-dialog {
    background-image: none !important;
    background-color: white !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: none;
    box-shadow: -1px 3px 12px #111;
}

    .ui-dialog .ui-widget-header {
        background-color: #f7f7f7 !important;
        border-color: #cdcdcd !important;
        background-image: none !important;
    }

.ui-dialog-titlebar .ui-dialog-title {
    color: #333333 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
}

.ui-widget-overlay {
    background-color: #777;
    opacity: 0.7;
    background-image: none;
}

.ui-dialog .ui-icon-closethick {
    height: 22px !important;
    position: absolute;
    right: 19px;
    top: 14px;
    width: 18px !important;
    background: transparent url('../Images/close.png') no-repeat 0 0 !important;
    display: inline !important;
}

.ui-dialog .ui-button {
    padding-bottom: 18px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 19px;
    position: absolute !important;
    right: 0;
    top: 0;
    border: 0 none;
    border-radius: 0;
    background-color: #f2f2f2;
    margin: 0px;
}

/*.ui-dialog .ui-state-hover {
    padding-bottom: 18px;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 19px;
    position: absolute !important;
    right: 0;
    top: 0;
    border: 0 none;
    border-radius: 0;
    background-color: #f2f2f2;
    margin: 0px;
}*/

/*.ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-hover, .ui-dialog .ui-state-focus, .ui-dialog .ui-widget-content .ui-state-focus, .ui-dialog .ui-widget-header .ui-state-focus {
    padding-bottom: 18px !important;
    padding-left: 19px !important;
    padding-right: 19px !important;
    padding-top: 19px !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    border: 0 none !important;
    border-radius: 0;
    background-color: #f2f2f2 !important;
    margin: 0px !important;
}*/

.ui-dialog-titlebar-close {
    height: 22px !important;
    position: absolute;
    right: 19px;
    top: 14px;
    width: 18px !important;
    background: transparent url('../Images/close.png') no-repeat 0 0 !important;
    display: inline !important;
    border: none;
    margin-right: 10px !important;
}


/*********************For label note ************************/
.lbl-note {
    /*color: rgb(161, 161, 161);*/
    color: #474C51; /*color contrast issue*/
    font-size: 11px !important;
    font-style: italic;
    font-weight: normal;
}
.lbl-note-padding {
    padding-left: 0px;
    padding-top: 10px
}


/******************************************Grid View*****************************/
.panel, .panel-heading {
    border-radius: 0;
}


/**Kendo UI Styles Modifications*/

.log-incident .form-group .k-dropdown {
    width: 100%;
}

.form-group .k-dropdown-wrap {
    border-radius: 0;
}

.k-editor {
    border-radius: 0;
}

.kd-editor .k-content {
    height: 100px !important;
}

.k-icon {
    margin-top: 6px;
}

.table-responsive .k-grid {
    border: 0 none;
    box-shadow: none;
}

.k-grid-content {
    min-height: 644px;
}

.k-grid .k-pager-wrap {
    background-color: #fff;
    height: 40px;
    padding: 0;
}

.k-grid .k-link {
    border-top: none;
    border-bottom: none;
    border-radius: 0;
}

.k-grid .k-pager-numbers span, .k-grid .k-link {
    padding: 7px 6px;
    border-radius: 0 !important;
}

.k-grid .k-pager-first {
    border-left: 0 none;
}

.k-grid .k-pager-info {
    color: #555;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    border-right: 1px solid #eee;
}

.k-grid .k-label {
    color: #707070;
}

.k-grid .k-pager-sizes {
    float: right;
    padding-bottom: 5px;
    padding-top: 5px;
    border-left: 1px solid #eee;
}

.k-dropdown-wrap {
    border-radius: 0;
}

.k-pager-wrap .k-link {
    border-color: #eee !important;
}

.k-grid-header th.k-header, .k-filter-row th {
    padding-bottom: 0.7em;
    padding-top: 0.7em;
}

.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: #e6e9ed;
}

.k-grid tr td {
    border-color: #eee !important;
}

.k-grid .k-alt {
    background-color: #fafafa;
}

.grid-pnl-title {
    font-size: 14px;
    padding-bottom: 12px;
    padding-top: 12px;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    background-color: #6eabd1 !important;
    border-color: #6eabd1 !important;
}

.k-widget.k-dropdown.k-header.kd-dropdown, .k-widget.k-dropdown.k-header.kd-dropdownWithFilter {
    background-color: transparent !important;
}

.k-list-filter .k-i-search {
    margin-top: 0;
}

.ddlPagination {
    position: relative;
    top: 5px;
    padding-left: 15px;
    height: 40px;
}

.gridrecords {
    padding-left: 15px;
}

.mstGV > tbody > tr:first-child > td > div > .pagination {
    position: absolute;
    right: 0;
    top: -40px;
}

.parentChildMstGV tr,
.parentChildMstGV tr td,
.parentChildMstGV tr th {
    border: 1px solid #eee
}

.parentChildMstGV .mstGV {
    background: #ffffff;
}

.backgroundSubTableSelect > td,
td.highlightselect {
    background: #f0f0f0 !important;
}

.table-responsive {
    position: relative;
}

    .table-responsive .ddlPagination {
        position: absolute;
        right: 10px;
        top: 24px;
    }

        .table-responsive .ddlPagination .k-dropdown {
            width: 4.4em !important;
        }

    .table-responsive .pagination {
        float: right;
        margin: 0;
    }

        .table-responsive .pagination li a, .table-responsive .pagination li span.previousPage, .table-responsive .pagination li span.selected, .table-responsive .pagination li span.firstPage, .table-responsive .pagination li span.firstPage, .pagination li span.nextPage, .pagination li span.lastPage {
            padding-bottom: 12px;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 12px;
            font-size: 12px;
            border-radius: 0;
            border-top: 0;
            border-bottom: 0;
            height: 40px;
            color: #1E252C;
        }

    .table-responsive .selected {
        background-color: #55687F;
        color: #fff !important;
        border: 1px solid #55687F;
    }

.grid-pager > td {
    padding: 0 !important;
}

.mstGV tr td, .mstGV tr th {
    border: 1px solid #eee;
    padding: 0.4em 0.6em;
    text-overflow: ellipsis;
    white-space: normal;
    vertical-align: middle;
    font-weight: normal;
    color: #1E252C;
    word-wrap: break-word;
    font-size: 13px;
}

.mstGV tr th {
    font-weight: 600 !important;
    /*text-shadow: 0 1px 0 #fff;*/
}

.mstGV th, .table th, .table-striped th, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #C4CFDD;
    border-color: #ccc !important;
    text-overflow: ellipsis;
    padding: 0.7em !important;
    white-space: nowrap !important;
    border-top: 1px solid #ccc !important;
    word-wrap: normal !important;
    text-align: center;
    font-weight: 600 !important;
}

.mstGV > tbody > tr:nth-child(odd) > td {
    background-color: #EFF3F7;
}

.mstGVTD-ValignTop tr td {
    vertical-align: top;
}

.msgGV {
    table-layout: fixed;
}
/***************Grid View Styles********************/
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0px !important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    background-clip: padding-box;
}
/***********************Background Images************************************/
.top-icon {
    margin: auto;
    display: block;
}

.delegate-icon {
    background: transparent url('../Images/delegate_gray.png') no-repeat 0 0;
    width: 24px;
    height: 24px;
}

.alert-icon {
    background: transparent url('../Images/alert_gray.png') no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.notification-icon {
    background: transparent url('../Images/notification_gray.png') no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.help-icon {
    background: transparent url('../Images/help_gray.png') no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.user-placeholder-icon {
    background: transparent url('../Images/uesr_placeholder.png') no-repeat scroll 0 0;
    background-size: 28px auto;
    width: 28px;
    height: 34px;
    width: 30px;
    height: 40px;
}

.down-dropdown {
    background: transparent url('../Images/dd-down-arrow.png') no-repeat scroll 0 0;
    width: 12px;
    height: 9px;
}

.logout-icon {
    background: transparent url('../Images/logout.png') no-repeat scroll 0 0;
    width: 20px;
    height: 24px;
}

/*.Configuration-item-icon {
    background: url("../Images/Configuration-item.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}*/

.configuration-detail-icon {
    background: url("../Images/General-Config.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.sofware-delivery-icon {
    background: url("../Images/Software-01.png") no-repeat scroll 0 0 transparent;
    background-size: 24px;
    border: medium none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.re-execute-patch-icon {
    background: url("../Images/execute-patch.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.contract-detail-icon {
    background: transparent url('../Images/Contract-Details.png') no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.agreement-detail-icon {
    background: transparent url('../Images/agreement-details.png') no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

/*.configure-columns-icon {
    background-image: url('../Images/save template.png');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-position: center;
}*/


.btn {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.39em;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.configuration input {
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.ZeroWidth {
    display: none !important;
}

.alert {
    border: 1px solid transparent;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 0px;
    font-weight: bold;
    font-family: 'Segoe UI', 'Calibri';
}

.popover {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.bootboxWidth95 {
    margin: 0 auto;
    width: 95%;
}

.bootboxWidth70 {
    margin: 0 auto;
    width: 70%;
}

.bootboxWidth50 {
    margin: 0 auto;
    width: 50%;
}

.bootboxforImage {
    margin: 0 auto;
    width: 97%;
}

/*.bootboxforImage img {
        width: auto%;
    }*/

.profileiconSmall {
    background-image: url(../Images/profile.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;
}
/******End User Dashboard ***********************************************************************/
.dashboard-item-container {
    border: 1px solid #e8edf2;
    background-color: #fdfdfe;
    margin-bottom: 10px;
    padding-bottom: 15px;
    min-height: 170px;
}

.dashboard-box {
    border: 1px solid #e7edf3;
    text-align: center;
    min-height: 135px;
    margin-bottom: 12.5%;
    background-color: #fff;
    padding-top: 5%;
}

.dashboard-item-container .lbl-module {
    font-size: 14px;
    color: #333;
}

.dashboard-item-container .title {
    padding: 10px 5px;
}

.dashboard-item-container .legend-title {
    background-color: #fdfdfe;
    width: 30%;
    border: 1px solid #e8edf2;
    /*border-bottom:none;*/
    margin-left: -1px;
    margin-top: -33px;
    padding: 5px;
    float: left;
    text-transform: uppercase;
}

.user-dashboard-block fieldset {
    margin-top: 45px;
}

.dashboard-item-container .lbl-module {
    padding-left: 15px;
}
/**Images need to convert to fonts*/
.dashboard-box .new-ticket-icon, .new-ticket-icon {
    background: transparent url(../Images/my-incident.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    margin: auto;
}

.dashboard-box div.icon {
    opacity: .5;
}

.dashboard-box .my-list {
    background: transparent url(../Images/my_list.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    margin: auto;
}

.dashboard-box .give-feedback {
    background: transparent url(../Images/give_feedback.png) no-repeat scroll 0 0;
    width: 35px;
    height: 35px;
    margin: auto;
}

.dashboard-box .box-text {
    color: #737373;
    float: left;
    font-size: 14px;
    margin-top: 20px;
    width: 100%;
}

.dashboard-box a {
    vertical-align: middle;
    width: 100%;
    float: left;
    padding: 0px;
    margin-top: 10px;
    padding-top: 10px;
}

.side-box-container {
    border: 1px solid #f1f1f1;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

#BulletinBoard {
    word-break: break-all;
    word-wrap: break-word;
}

    #BulletinBoard li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 388px;
    }

        #BulletinBoard li > div {
            width: inherit;
            text-overflow: ellipsis;
            overflow: hidden;
        }

.side-box-container .sidebox-head {
    background-color: #e7edf3;
    float: left;
    padding: 0 10px;
    width: 100%;
}

.sidebox-head > h3 {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    padding: 10px 0;
}

.sidebox-search .fa-search {
    color: #a7a7a7;
    font-size: 18px;
}

.sidebox-container {
    background-color: #fff;
}

.sidebox-search .input-group {
    width: 99%;
    float: left;
}

#dashboard .side-box-container:first-child {
    margin-top: 6px;
}

.kb-subject .fa-external-link {
    margin-left: 8px;
}

.sidebox-search .input-group input {
    border: 0 none;
    box-shadow: none;
}

.sidebox-search .btn {
    box-shadow: none;
    border: none;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .sidebox-search .btn:hover {
        background-color: #fafafa;
    }

.sidebox-search .fa.fa-search:hover {
    color: #4d7496;
}

.dashboard-box .lbl-number {
    font-size: 45px;
}

.dashboard-box a:hover {
    text-decoration: none;
}

.sidebox-kbsearch {
    width: 8%;
    background: transparent url(../Images/search-kb-sidecol-icon.png) no-repeat scroll center center;
    padding: 16px;
    background-color: #fafafa;
    float: right;
}

.sidebox-head .icon {
    background: transparent url(../Images/sidcol-right.png) no-repeat scroll center center;
    padding: 8px 16px;
    background-color: #d8e1e9;
    display: none;
}

.sidebox-kb {
    background-color: #fff;
}

.tab-content ul {
    margin: 0;
    padding: 0;
}

.sidebox-kb .tab-content li {
    padding: 15px;
    border-top: 1px solid #f1f1f1;
    position: relative;
    min-height: 50px;
}

.sidebox-kb .nav-tabs {
    border: 0;
}

.sidebox-updates ul {
    padding: 0;
    clear: both;
    margin: 0;
}

.sidebox-updates li {
    padding: 15px;
    border-top: 1px solid #f1f1f1;
    list-style-type: none;
}

/**************Bootstrap Styles***********************************/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: none;
    /*color: #1775ff;*/
    color: #316198; /*color contrast*/
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    border-radius: 0;
    border-color: #e7edf3;
    border-top-color: transparent;
}

.nav-tabs {
    border-color: #f1f1f1;
}

.tab-content li {
    list-style-type: none;
}

.nav-tabs a {
    font-size: 14px;
}

.select2 {
    /*display:table !important;*/ /*commented this css due to this bug id -80820*/
    /*table-layout:fixed;*/
    width: 100% !important;
}

.select2WithSearch {
    width: 100% !important;
}

.popupMessage label {
    font-weight: bold;
}

.page-title span {
    /*color: #0d79e8*/
    color: #474C51; /*color contrast*/
    display: inline;
    font-size: 16px;
    padding-left: 3px;
    padding-right: 3px;
}

.form-horizontal .form-group span.label-text {
    font-weight: 600;
}


.attachmentLink {
    list-style: none;
    margin: 10px;
    margin-left: -20px;
}

    .attachmentLink li {
        position: relative;
        padding-left: 0.4em;
        margin-bottom: 5px;
    }

        .attachmentLink li:before {
            content: '\f0c1';
            font-family: FontAwesome;
            position: absolute;
            left: -1em;
        }

/*timeline plugin - implemented for log ticket page - Dham*/
.timeline {
    background-color: #fff;
    padding: 10px;
    padding-left: 15px;
}

    .timeline .timelineContent {
        margin-top: 10px;
      /*  width: inherit !important;*/
        overflow: auto;
        margin-bottom: 10px;
        overflow:auto;
    }


.timelineContent img {
    width: 50%;
    cursor: pointer;
    cursor: hand;
}

.timeline .entryType {
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 10px;
}

.timeline .userType {
    padding: 3px;
    font-family: 'Segoe UI';
    font-size: 12px;
    color: grey;
}

.timeline .updates {
    position: relative;
    padding: 20px 0px 20px 0px;
}

    .timeline .updates:before {
        content: '';
        position: absolute;
        top: 0px;
        bottom: 0;
        width: 1px;
        background: #ccc;
        margin: 0;
    }

   /* .timeline .updates b {
        color: #006699;
    }*/

.timeline_square {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: -4px;
    border-top: 3px solid #e8eaed;
    border-bottom: 3px solid #e8eaed;
    margin-top: -8px;
}

    .timeline_square.User {
        background-color: #0073b7;
    }

    .timeline_square.Engineer {
        background-color: #f39c12;
    }

.stbody {
    min-height: 50px;
    background-color: #f9f9f9;
    padding: 10px;
    width: 91%;
    margin-left: 30px;
    margin-bottom: 20px;
    border: 0px solid #dfdfdf;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

@media(min-width: 1900px) and (max-width: 2000px) {
    .stbody {
        width: auto;
    }
}

@media(min-width: 1801px) and (max-width: 1899px) {
    .stbody {
        width: auto;
    }
}

@media(min-width: 1701px) and (max-width: 1800px) {
    .stbody {
        width: auto;
    }
}

@media(min-width: 1601px) and (max-width: 1700px) {
    .stbody {
        width: auto;
    }
}

@media(min-width: 1501px) and (max-width: 1600px) {
    .stbody {
    }
}

@media(min-width: 1401px) and (max-width: 1500px) {
    .stbody {
        width: auto;
    }
}

@media(min-width: 1301px) and (max-width: 1400px) {
    .stbody {
    }
}

@media(min-width: 1200px) and (max-width: 1300px) {
    .stbody {
    }
}

@media (min-width: 1051px) and (max-width: 1199px) {
    .stbody {
    }
}

@media (min-width: 1000px) and (max-width: 1050px) {
    .stbody {
    }
}

@media (min-width:700px) and (max-width: 999px) {
    .stbody {
    }
}

    .stbody.right-border-Engineer {
        border-right: 3px solid #f39c12;
    }

    .stbody.right-border-User {
        border-right: 3px solid #0073b7;
    }

.stimg {
    float: left;
    height: 38px;
    width: 38px;
    border: solid 1px #dedede;
    padding: 2px;
}

.sttext {
    margin-left: 50px;
    min-height: 50px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
    /* Issue # 46003- added word break to wrap the long word to next line*/
    word-break: break-word;
}

.sttext-style2 {
    margin-left: 5px;
    min-height: 50px;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
}

.sttime:before {
    left: -1em;
    content: '\f017';
    font-family: FontAwesome;
    left: -4px;
    position: relative;
}

.sttime {
    font-size: 11px;
    /*color: #999;*/
    color: #1E252C; /*color contrast*/
    position: relative;
    float: right;
}

.stimg img {
    width: 32px;
    height: 32px;
}

.stexpand {
    margin-top: 5px;
}

.timeline .color1 {
    background-color: #f37160;
}

.timeline .color2 {
    background-color: #50b848;
}

.timeline .color3 {
    background-color: #f39c12;
}

.timeline .color4 {
    background-color: #0073b7;
}

.timeline .color5 {
    background-color: #00acd6;
}

.effectHinge {
    animation: hinge 1s;
    -webkit-animation: hinge 1s; /* Safari and Chrome */
}

/*article + article header:before {font-family: FontAwesome;content:'\f007'; color:#ccc; background-color:black; z-index:10;}
article + article + article header:before {font-family: FontAwesome;content:'\f007'; color:#ccc;z-index:10;}*/

.formBlockTitle {
    border-bottom: 1px solid #cac5c5;
    color: #333333;
    font-size: 14px;
    margin: 0px 0px 20px 0px;
    padding-bottom: 7px;
    padding-top: 12px;
}



.ui-menu .ui-menu-item {
    margin: 0;
    padding: 3px;
    width: 100%;
    cursor: pointer;
    /* support: IE10, see #8844 */
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: #e7edf3;
    color: #61656a;
    font-weight: bold;
    padding: 3px;
    border: 1px solid #e7edf3;
}

.ui-widget {
    font-family: 'Open Sans',Arial,Verdana,Calibri;
}

.detail-card {
    border: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    min-height: 100px;
    padding: 8px;
    float: left;
}

    .detail-card label {
        text-overflow: ellipsis;
        max-width: 250px;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        clear: both;
    }

        .detail-card label.normal {
            padding-top: 0px !important;
        }

.detail-card-lg {
    border: 1px solid #e5e5e5;
    background-color: #f6f6f6;
    min-height: 120px;
    padding: 8px 15px;
    float: left;
    word-break: break-all;
}

    .detail-card-lg h4 {
        margin: 0;
    }

        .detail-card-lg h4 span {
            color: #333;
            font-size: 14px;
            float: left;
        }

.control-label-value {
    color: #333 !important;
}

.detail-card-lg span {
    /*color: #737373;*/
    color: #1E252C; /*color contrast issue*/
    font-size: 12px;
    padding: 0;
}

.user-image {
    /*background: transparent url(../Images/user_placeholder_details.png) no-repeat scroll 0 0;*/
    width: 53px;
    height: 56px;
    float: left;
}

    .user-image img {
        width: 50px;
        height: 50px;
        border-radius: 50px;
    }

.user-details {
    float: left;
    padding-left: 8px;
    width: calc(100% - 87px);
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
}

    .user-details > span {
        clear: both;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 100%;
    }

.usercard-lower-details {
    clear: both;
    float: left;
    padding-top: 8px;
}

    .usercard-lower-details .lbl {
        color: #838080;
        padding-right: 5px;
    }

.user-card-actions {
    background-color: #f5f2f2;
    clear: both;
    float: left;
    min-height: 26px;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 4px 7px;
    border-top: 0 none;
    background-color: #ebebeb;
    position: relative;
    margin-bottom: 10px;
}

    .user-card-actions:hover {
        z-index: 10000;
    }

.add-config-icon:before {
    content: "\e6c7";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 37px;
    left: 35%;
    line-height: 1em;
}

.update-all-icon:before {
    content: "\ea21";
    font-family: icomoon;
    font-size: 24px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.icon-quickreport:before {
    content: "\e905";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 33px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    line-height: 0.95em;
    padding: 9px;
    background: #5a7292;
    position: relative;
    top: -1px;
}

.copy-details-icon:before {
    content: "\ea23";
    font-family: icomoon;
    font-size: 24px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.forward-Request-icon:before {
    content: "\ea25";
    font-family: icomoon;
    font-size: 24px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.forward-icon:before {
    content: "\ea26";
    font-family: icomoon;
    font-size: 24px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.previous-request-icon:before {
    content: "\ea27";
    font-family: icomoon;
    font-size: 24px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.icon-add_Report:before {
    content: "\e903";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*color: #ffffff;*/
    color: #1E252C;
    font-size: 33px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    line-height: 0.95em;
    padding: 9px;
    /*background: #5a7292;*/
    background: #C7D0DE;
    position: relative;
    top: -1px;
}

.icon-add_dashboard:before {
    content: "\e902";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*color: #ffffff;*/
    color: #1E252C;
    font-size: 33px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    line-height: 0.95em;
    padding: 9px;
    /*background: #5a7292;*/
    background: #C7D0DE;
    position: relative;
    top: -1px;
}

.cc-icon:before {
    content: "\e66b";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 18px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    line-height: 0.95em;
}

.cc-icon-active:before {
    content: "\e66b";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: royalblue;
    font-size: 18px;
    cursor: pointer;
    cursor: hand;
}

.cc-icon {
    line-height: 1em;
    vertical-align: bottom;
}

.cc-icon-active {
    line-height: 1em;
    vertical-align: bottom;
}

.user-incident-history {
    background: transparent url("../Images/user-incident-history.png") no-repeat scroll 0 0 / 17px 17px;
    width: 18px;
    height: 18px;
    float: left;
}

.user-asset:before {
    content: "\e686";
    font-family: icomoon;
    font-size: 18px;
    color: #7c7c7c;
    line-height: 29px;
    margin-left: -1px;
}

.remote-desktop {
    background: transparent url(../Images/remote-desktop.png) no-repeat scroll 0 0;
    width: 20px;
    height: 16px;
    float: left;
}

.user-chat {
    background: transparent url(../Images/user-chat.png) no-repeat scroll 0 0;
    width: 18px;
    height: 16px;
    float: left;
}

.user-card-actions .f-right span {
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
}

.detail-page .left-col label {
    font-weight: normal;
}

.detail-page .select2-choice {
    height: 25px !important;
}

.detail-page .select2-container .select2-choice .select2-arrow b {
    background-position: 12px -1px;
}

.detail-page .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -20px 1px;
    float: right;
    width: 22px;
}

.detail-page .left-col textarea {
    width: 100%;
    border: 1px solid #ccc;
}

.detail-page .mid-col .panel-heading {
    min-height: 38px;
    height: auto;
}

    .detail-page .mid-col .panel-heading > div {
        padding-top: 9px;
    }
/* .detail-page .btn-default{   height: 25px;
    min-width: 30px;
    padding: 0;}*/
.status-container ul {
    padding: 0;
    margin: 0;
}

    .status-container ul li {
        list-style-type: none;
        display: inline;
        float: left;
        min-width: 110px;
        padding: 10px 0;
        text-align: center;
        /*background-color: #8a9098;*/
        background-color: #55687F; /*color contrast issue*/
        border-right: 1px solid #fff;
        position: relative;
    }

        .status-container ul li a {
            /*background-color: #8a9098;*/
            background-color: #55687F; /*color contrast issue*/
            color: #fff;
            display: block;
            cursor: pointer;
            cursor: hand;
            text-decoration: none;
            font-size: 13px;
        }

        .status-container ul li.last {
            border-right: none;
        }

        .status-container ul li span {
            background: transparent url(../Images/status-tick.png) no-repeat scroll 0 0;
            height: 30px;
            left: -14px;
            position: absolute;
            top: 4px;
            width: 28px;
            background-size: 26px 28px;
        }

        .status-container ul li.active-status, .status-container ul li.active-status a {
            /*background-color: #47ae09;*/ /*color contrast issue*/
            background-color: #4A7429;
        }

            .status-container ul li.active-status span {
                background-image: url(../Images/active-status-tick.png);
            }

        .status-container ul li.single-status {
            min-width: 210px !important;
        }

.detail-page .panel-body {
    padding: 5px;
}

.action-popup {
    display: inline;
    padding: 0;
    margin: 0;
}

    .action-popup li {
        background-color: #e1e8f3;
        border-top-color: #e1e8f3;
        border-top-style: solid;
        border-top-width: 3px;
        float: left;
        list-style-type: none;
        margin-bottom: 0;
        margin-left: 1px;
        margin-top: 0;
        min-height: 64px !important;
        padding-left: 0px;
        padding-right: 0;
        white-space: normal;
        width: 96px;
    }

        .action-popup li a {
            bottom: 2px;
            clear: both;
            color: #000;
            display: block;
            font-size: 10px;
            padding-left: 4px;
            padding-right: 4px;
            padding-top: 4px;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            white-space: normal;
            width: 96px;
            word-wrap: break-word;
            padding-top: 45px;
        }

        .action-popup li.last {
            margin-right: 0;
        }

        .action-popup li span {
            background-size: 25px auto !important;
            display: inline-block;
            height: 30px;
            margin-top: 2px;
            text-align: center;
        }

        .action-popup li span {
            background-size: 26px 26px;
        }

        /*.info-log-icon {
    background: transparent url(../Images/info-log-icon.png) no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}*/

        .action-popup li.active {
            border-top: 3px solid #5cd254;
        }

        .action-popup li:hover {
            transition: all 0.5s ease-in-out;
        }

/*.relationship-icon {
    background: transparent url(../Images/relationship-icon.png) no-repeat scroll 0 0;
    height: 26px;
    width: 26px;
}*/

.add-info-icon {
    background: transparent url(../Images/additional-info-icon.png) no-repeat scroll 0 0;
    height: 37px;
    width: 37px;
}

.checklist-icon {
    background: transparent url(../Images/checklist-icon.png) no-repeat scroll 0 0;
    height: 30px;
    width: 30px;
}

.partner-info-icon {
    background: transparent url(../Images/partner-info.png) no-repeat scroll 0 0;
    height: 31px;
    width: 37px;
}

.run-book-icon {
    background: transparent url('../Images/Run book automation-01.png') no-repeat scroll 0 0;
    height: 34px;
    width: 37px;
}

.form-details {
    border-top: 1px solid #e3e3e4;
    margin-top: 5px;
    padding: 0 10px;
}

    .form-details .group-heading {
        margin-top: 5px;
    }

        .form-details .group-heading > h3, .group-heading > h3, .group-heading > span {
            color: #666;
            font-size: 15px;
            margin-top: 10px;
            padding-bottom: 2px;
            border-bottom: 1px solid #e3e3e4;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

.detail-page .form-details .control-label, .custom-attribute-container .control-label {
    /*color: #737373;*/
    color: #1E252C; /*color contrast*/
    font-size: 13px !important;
    font-weight: 600;
    width: 100%;
}

#ticketdetail .search-btn, .form-details .group-heading .search-btn, .form-details .search-btn, .form-details .group-span-filestyle .btn-default {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 12px !important;
}

.group-head-btn h3 {
    float: left;
    width: 100%;
}

    .group-head-btn h3 > span {
        float: left;
        margin-top: 15px;
        z-index: 1;
    }

.detail-page .form-control {
    height: 25px;
    padding: 0 2px !important;
    position: relative;
}

.detail-page .group-container .row > div, div.row > div {
    margin-bottom: 6px;
}

.detail-page .select2-container .select2-selection--single {
    height: 25px;
}

.detail-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px;
}

.detail-page .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 19px;
}

.custom-group-container .group-heading .form-group {
    min-height: 32px !important;
}

.detail-page .custom-group-container .form-control {
    height: 26px;
}

.custom-group-container .form-group:nth-child(even) {
    clear: both !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #ticketdetail .custom-group-container .search-btn, .form-details .custom-group-container .group-heading .search-btn {
        font-size: 12.8px !important;
    }
}
.sla-notification-container, .sla-notification-val {
    padding: 9px 8px;
}

.response-resolution-row {
    margin-bottom: 0 !important;
}

.sla-notification-val {
    border-left: none;
    background-color: #ebebeb;
    font-size: 11px;
}

    .sla-notification-val label {
        font-weight: normal;
    }

.sla-notification-lbl {
    padding-top: 10px;
}

.sla-notification-container {
    border: 1px solid #ddd;
}

    .sla-notification-container .isViolated {
        float: right;
        font-weight: bold;
        font-size: 16px;
        color: #D20101;
        line-height: 1em;
    }

        .sla-notification-container .isViolated .filled {
            color: #6e98d1 !important;
        }

    .sla-notification-container .isNotViolated {
        float: right;
        font-weight: bold;
        font-size: 18px;
        /*color: #23912c;*/
        color: #347502; /*color contrast issue*/
        line-height: 1em;
    }

.isViolated .fa.fa-info-circle {
    margin-left: 8px;
}

.sla-summary {
    color: #45494c;
    font-size: 12px;
    font-style: italic;
    padding: 0 8px;
}


.add-new-btn {
    background: url(../Images/add_new_record.png) no-repeat scroll center 0 transparent;
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
    margin-top: 1px;
    padding-top: 25px;
}

.action-btn {
    padding: 10px 0;
}

.show-list-btn {
    background: url(../Images/icon-copy.png) no-repeat scroll center 0 transparent;
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
    margin-top: 1px;
    padding-top: 20px;
}

.calender {
    background: url(../Images/calender.png) no-repeat scroll center;
    width: 30px;
    vertical-align: middle;
    align-content: center;
}

.include-inactive label {
    padding-left: 10px;
}

.include-inactive {
    padding-top: 12px;
}

.send-mail-icon {
    background: transparent url(../images/send-mail.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Knowledge-Approval-icon {
    background: transparent url(../images/Approve_New.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Knowledge-Feedback-icon {
    background: transparent url(../images/Configure-Feedback-Rating.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Add-KB-using-Incident-icon {
    background: transparent url('../Images/AddKBUsingIM.png') no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}


.Knowledge-Record-History-icon {
    background: transparent url('../Images/Knowledge_History.png') no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Knowledge-Authorize-icon {
    background: transparent url('../Images/Authorizer.png') no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Knowledge-Publish-icon {
    background: transparent url('../Images/publish.png') no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.Knowledge-Review-icon {
    background: transparent url('../Images/journal-icon.png') no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.action-col-2 .action-item {
    background-color: #f6f8f9;
}

.filter-title {
    background-color: #e0e3e6;
    margin: 5px;
    padding: 15px 10px;
    text-align: center;
}

    .filter-title a {
        /*color: #7c7c7c;*/
        color: #474C51; /*color contrast*/
        font-size: 13px;
    }

.action-title-with-filter {
    border-top: 1px solid #d4d6d7;
    /*white-space: nowrap;*/
}

.filter-icon {
    background: transparent url(../images/filters.png) no-repeat scroll 0 0;
    width: 19px;
    height: 22px;
    float: left;
}

.popover {
    max-width: 40% !important;
    width: 40% !important;
}

.popover-form .popover {
    max-width: 90% !important;
    width: 90% !important;
}

.copy-incident-icon {
    background: transparent url(../images/copy_incident.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.view-audit-icon {
    background: transparent url(../images/copy_incident.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.view-chat-history-icon {
    background: transparent url(../images/user-communication-history.png) no-repeat scroll 0 0;
    width: 22px;
    height: 19px;
}

.create-workorder-icon {
    background: transparent url(../images/create-workorder-icon.png) no-repeat scroll 0 0;
    width: 17px;
    height: 23px;
}

.incident-reminder-icon {
    background: transparent url(../images/incident-reminder.png) no-repeat scroll 0 0;
    width: 19px;
    height: 22px;
}

.user-incident-history-icon {
    background: transparent url(../images/user-incident-history.png) no-repeat scroll 0 0;
    width: 17px;
    height: 22px;
}

.im-kb-icon {
    background-image: url('../Images/im-kb.png') !important;
    background-repeat: no-repeat;
    width: 17px;
    height: 22px;
    background-size: 26px auto;
    background-position: 30px;
    display: block;
}

.kb-icon {
    background: transparent url(../images/kb-icon.png) no-repeat scroll 0 0;
    width: 21px;
    height: 21px;
}

.actions .icon {
    float: left;
}

.add-new-icon {
    background: transparent url(../images/AddNewRecord.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.add-new-service-icon {
    background: transparent url(../images/create.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.show-list-icon {
    background: transparent url(../images/ListActions.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.show-list-iconTop5 {
    width: 14px;
    height: 14px;
}

.show-details-icon {
    background: transparent url(../images/view_audit_log.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.show-history-icon {
    background: transparent url(../images/incident_history.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.copy-records-icon {
    background: url(../images/icon-copy.png) no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    border: 0 none;
}

.feedback-rating-icon {
    background: url(../images/Configure-Feedback-Rating.png) no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    border: 0 none;
}

.Asset-Exclusion-icon {
    background: url("../images/Asset_Exclusion.png") no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    border: 0 none;
}

.checkbox-with-label label {
    /*font-weight: normal;*/
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0;
    color: #1E252C; /* Added*/
}

.checkbox-with-label input {
    margin-top: 0;
}

.tile-container {
}

    .tile-container .tile {
        min-height: 192px;
    }

        .tile-container .tile article:hover {
            -moz-box-shadow: 2px 2px 4px 3px #ccc;
            -webkit-box-shadow: 2px 2px 4px 3px #ccc;
            box-shadow: 2px 2px 4px 3px #ccc;
            cursor: pointer;
            cursor: hand;
        }

        .tile-container .tile article.cardSelected {
            -moz-box-shadow: 2px 2px 4px 3px gray;
            -webkit-box-shadow: 2px 2px 4px 3px gray;
            box-shadow: 2px 2px 4px 3px gray;
        }

    .tile-container ul.moduleNavigation {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 800px;
        white-space: nowrap;
    }

        .tile-container ul.moduleNavigation li.active a {
            display: inline;
            color: #fff;
            background-color: #369;
        }

        .tile-container ul.moduleNavigation li {
            display: inline-block;
            width: 180px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

            .tile-container ul.moduleNavigation li a {
                background-color: #e7edf3;
                color: black;
                cursor: pointer;
                display: block !important;
                margin: 0 5px;
                padding: 1px 8px;
                text-decoration: none;
                width: 180px;
                text-overflow: ellipsis;
                overflow: hidden;
            }

                .tile-container ul.moduleNavigation li a:hover {
                    color: #fff;
                    background-color: #369;
                }

    .tile-container article {
        border: 1px solid #e3e3e4;
        margin-top: 10px;
    }

        .tile-container article header {
            background-color: #FAFAFA;
            padding: 6px;
            font-weight: 600;
            cursor: pointer;
            cursor: hand;
        }

            .tile-container article header.style2 {
                height: 50px;
            }

            .tile-container article header .header {
                padding-right: 0px;
            }

            .tile-container article header a.header {
                font-size: 16px;
            }

            .tile-container article header i.selection {
                right: 2px;
            }

            .tile-container article header i.tileSelected {
                margin-right: 5px;
                margin-top: 5px;
                color: green;
            }

            .tile-container article header .subheader {
                /*color: gray;*/
                color: #474C51; /*Color contrast issue*/
                text-decoration: none;
                font-size: 11px;
                font-weight: 600;
                padding-left: 5px;
            }

            .tile-container article header i {
                margin-left: 3px;
                margin-right: 3px;
                color: #ccc;
            }

        .tile-container article section {
            padding-top: 10px;
            padding-bottom: 5px;
            padding-left: 8px;
            padding-right: 15px;
            background-color: #fff;
        }

            .tile-container article section .indicator {
                height: 24px;
                margin-left: -8px;
                position: absolute;
                width: 5px;
            }

.table .indicator {
    height: 24px;
    position: absolute;
    width: 5px;
}

.tile-container article footer {
    background-color: #e8e8e8;
    /*color: white;*/
    color: #1E252C; /*color contrast*/
    padding: 4px;
    font-weight: 600;
    height: 30px;
}

    .tile-container article footer i {
        padding-top: 5px;
        cursor: pointer;
        cursor: hand;
        margin-right: 5px;
        color: #7c7c7c;
    }

.tile-container .Closed span {
    background-color: #e8e8e8;
}

.tile-container .Resolved span {
    background-color: #85D63C;
}

.tile-container .In-Progress {
    background-color: #DCF0D9;
    color: #474C51;
}

.tile-container .In_Progress {
    background-color: #DCF0D9;
    color: #474C51;
}

.tile-container .New, .Requested {
    background-color: #D9F2FF;
    color: #474C51 !Important;
}


.tile-container .Assigned {
    background-color: #CEE3F0;
    color: #474C51;
}


.tile-container .Pending {
    background-color: #E4DDF2;
    color: #474C51;
}

.tile-container .Requested {
    background-color: #D9F2FF;
    color: #474C51 !Important;
}

#BodyContentPlaceHolder_gvChangeRequests h4.Requested {
    background-color: #fad46b !important;
}

/*for CMDB Dev*/
.tile-container .Development, .Development {
    background-color: #fad46b;
    color: #474C51 !Important;
    font-weight: normal !important;
}

/*for CMDB Staging*/
.tile-container .Staging {
    background-color: #34a7c8;
    color: #474C51 !Important;
    font-weight: normal !important;
}

.Staging {
    background-color: #34a7c8;
    color: #474C51 !Important;
    font-weight: normal !important;
}
/*for CMDB production*/
.tile-container .Production {
    background-color: #85D63C;
    color: #474C51 !Important;
    font-weight: normal !important;
}

.Production {
    background-color: #85D63C;
    color: #474C51 !Important;
    font-weight: normal !important;
}

/*for CMDB Under Maintenance*/
.tile-container .Under_Maintenance {
    background-color: #b6dada;
    color: #474C51;
    font-weight: normal !important;
}

.Under_Maintenance {
    background-color: #b6dada;
    color: #474C51;
    font-weight: normal !important;
}

h6.highlight-label-queue {
    border-radius: 8px !important;
}
/*for CM*/
.tile-container .Implemented span {
    background-color: #85D63C;
    color: #474C51;
    font-weight: normal !important;
}

.tile-container .Implemented {
    background-color: #85D63C;
    color: #474C51;
    font-weight: normal !important;
}

.Implemented {
    background-color: #85D63C;
    color: #474C51;
    font-weight: normal !important;
}

/*for CM*/
.tile-container .On-Hold span {
    background-color: #E8E8E8;
    color: #474C51;
    font-weight: normal !important;
}

.tile-container .On-Hold {
    background-color: #E8E8E8;
    color: #474C51;
    font-weight: normal !important;
}

.On-Hold {
    background-color: #E8E8E8;
    color: #474C51 !important;
    font-weight: normal !important;
}

/*.tile-container .Rejected span {
    background-color: #F8B3C0;
}
*/

/*for CM*/
.tile-container .Initial_Authorization span {
    /*background-color: #f58410;*/
    background-color: #EDC49F; /*color contrast*/
    font-weight: normal !important;
}

.tile-container .Initial_Authorization {
    background-color: #edc49f;
    font-weight: normal !important;
}

/*  for SLA SQP*/
.tile-container .Active {
    background-color: #85d63c;
    /*  for SLA SQP*/
}

.tile-container .InActive {
    background-color: #585858;
}

.Initial_Authorization span, .Initial_Authorization {
    /*background-color: #f58410;*/
    background-color: #EDC49F; /*color contrast*/
}

.In_Progress {
    background-color: #DCF0D9;
}

/*for CM*/
.tile-container .Objected span {
    background-color: #da74b8;
}

.tile-container .Objected {
    background-color: #da74b8;
}

.Objected {
    background-color: #da74b8;
}

/*for CM*/
.tile-container .Approved span {
    background-color: #C2F587;
}

.tile-container .Approved {
    background-color: #C2F587;
}


.Approved {
    background-color: #7dcc93;
}

/*for CM*/
.tile-container .Canceled span {
    /*background-color: #777d82;*/
    background-color: #FAD5DC; /*color contrast*/
    /*color: #FFF !important;*/
    color: #1e252c !important;
}

.tile-container .Canceled {
    /*background-color: #777d82;*/
    background-color: #FAD5DC; /*color contrast*/
    /*color: #FFF !important;*/
    color: #1e252c !important;
}

.Canceled {
    /*background-color: #777d82;*/
    background-color: #FAD5DC; /*color contrast*/
}

/*for CM*/
.tile-container .Draft span {
    background-color: #D9F2FF;
}

.tile-container .Draft {
    background-color: #D9F2FF;
}


.Draft {
    background-color: #D9F2FF;
    color: #474C51 !important;
}

/*for CM*/
.tile-container .Not_Authorized span {
    background-color: #FAD5DC;
}

.tile-container .Not_Authorized {
    background-color: #FAD5DC;
}

.Not_Authorized {
    background-color: #FAD5DC;
    color: #474C51 !important;
}

/*Release Record*/

.tile-container .Design, .Design {
    background-color: #fad46b;
    /*color: #925959 !Important;*/
    color: #1E252C !important; /*color contrast*/
}

.tile-container .Deploy {
    background-color: #85d63c;
}

.Deploy {
    background-color: #85d63c;
}

.tile-container .Built, .Built {
    background-color: #CCCC00;
}

.tile-container .Test {
    background-color: #6c85bd;
}


/*for CM*/
.tile-container .Waiting_For_Customer_Approval span {
    background-color: #8086ff !important;
}

.tile-container .Waiting_For_Customer_Approval {
    background-color: #8086ff !important;
}

.tile-container .Pending_Further_Review span {
    background-color: #f0b279;
    color: #262626;
}

.tile-container .Pending_Further_Review {
    background-color: #f0b279;
    color: #262626;
}


.Pending_Further_Review {
    background-color: #f0b279;
    color: #262626 !important;
}

.Waiting_For_Customer_Approval {
    background-color: #8086ff;
}

.tile-container .Estimate_Provided span {
    background-color: #b6dada;
    color: #595959;
}

.tile-container .Estimate_Provided {
    background-color: #b6dada;
    color: #595959;
}

.Estimate_Provided {
    background-color: #b6dada;
    color: #595959 !important;
}

.tile-container .Build span {
    background-color: #9db14c;
}

.tile-container .Build {
    background-color: #9db14c;
}

.Build {
    background-color: #9db14c;
}

.tile-container .Designed span {
    background-color: #34a7c8;
}

.tile-container .Designed {
    background-color: #34a7c8;
}


.Designed {
    background-color: #34a7c8;
}

.tile-container .Maintenance span {
    background-color: #E8E8E8;
    color: #474C51;
}

.tile-container .Maintenance {
    background-color: #E8E8E8;
    color: #474C51;
}

.Maintenance {
    background-color: #E8E8E8;
    color: #474C51 !important;
}

/*for CM*/
.tile-container .Customer_Approved span {
    background-color: #20b1aa !important;
}

.tile-container .Customer_Approved {
    background-color: #20b1aa !important;
}

.Customer_Approved {
    background-color: #20b1aa;
}

/*for PM*/
.tile-container .Released {
    background-color: #85D63C;
}

.tile-container .Scrapped {
    background-color: #777d82;
}

.tile-container .Cancelled {
    /*background-color: #777d82;*/
    background-color: #fad5dc; /*color contrast*/
}

.tile-container .Deferred {
    background-color: #ff6633;
}

.tile-container .On_hold {
    background-color: #f84545;
}

.tile-container .To_be_started {
    background-color: #34a7c8;
}

.tile-container .Not_Started {
    background-color: #f0b279;
    color: #000000;
}

.tile-container .Completed {
    background-color: #85d63c;
}

.Not_Started {
    background-color: #f0b279;
    color: #000000 !important;
}

.To_be_started {
    background-color: #34a7c8;
}

.Completed {
    background-color: #85d63c;
}

.Onhold {
    background-color: #bd362f;
}

.On_hold {
    background-color: #f84545;
}

.Deferred {
    background-color: #ff6633;
}

.Cancelled {
    background-color: #777d82;
}

.tile-container .Onhold {
    background-color: #bd362f;
}

.tile-container .Open {
    background-color: #20b1aa;
}

.To_be_Approved {
    background-color: #34a7c8;
}

.Submitted_For_Approval {
    background-color: #34a7c8;
}

.Not_Yet_Submitted {
    background-color: #bd362f;
}

.tile-container .To_be_Approved {
    background-color: #f89a90;
}


.tile-container .Submitted_For_Approval {
    background-color: #34a7c8;
}


.tile-container .Not_Yet_Submitted {
    background-color: #bd362f;
}

/*for PM*/
/*for KM*/
.tile-container .Authorized {
    background-color: #CEE3F0;
}

.Authorized {
    background-color: #CEE3F0;
    color: #474C51 !important;
}

.tile-container .Submitted {
    background-color: #DCF0D9;
    color: #474C51;
}

.Submitted {
    background-color: #DCF0D9;
    color: #474C51 !Important;
}

.tile-container .Rejected {
    background-color: #F8B3C0;
}

.tile-container .Published {
    background-color: #C2F587;
}

.Published {
    background-color: #C2F587;
    color: #474C51 !important;
}

.tile-container .Retired {
    background-color: #E8E8E8;
}

.Retired {
    background-color: #E8E8E8;
    color: #474C51 !important;
}

.tile-container .Operational {
    background-color: #9db14c;
}

.Operational {
    background-color: #9db14c;
}

.tile-container .Referred_Back_To_Author {
    background-color: #D0C0F1;
}

.Referred_Back_To_Author {
    background-color: #D0C0F1;
    color: #474C51 !important;
}

.tile-container .Referred_Back_To_Authorizer {
    background-color: #D0C0F1;
}

.Referred_Back_To_Authorizer {
    background-color: #D0C0F1;
    color: #474C51 !important;
}

.tile-container .Referred_Back_To_Approver {
    background-color: #D0C0F1;
}

.Referred_Back_To_Approver {
    background-color: #D0C0F1;
    color: #474C51 !important;
}

/* For Portfolio*/
.tile-container .Defined {
    /*background-color: #f58410;*/
    background-color: #EDC49F; /*color contrast*/
}

.Defined {
    /*background-color: #f58410;*/
    background-color: #EDC49F; /*color contrast*/
}

.tile-container .Chartered {
    background-color: #a88cd5;
}

.Chartered {
    background-color: #a88cd5;
}

.tile-container .Not-Authorized {
    background-color: #ffaeae;
}

.Not-Authorized {
    /*background-color: #ffaeae;*/
    background-color: #F8B3B3; /*color contrast*/
}

.tile-container .Under_Implementation {
    background-color: #6c85bd;
}

.Under_Implementation {
    background-color: #6c85bd;
}

.tile-container .Catalog_Publish {
    background-color: #85d63c;
}

.Catalog_Publish {
    background-color: #85d63c;
}



/*For PM*/
.tile-container .RCA_Approved span {
    background-color: #20b1aa;
}

.RCA_Approved {
    background-color: #20b1aa;
}

.tile-container .RCA_Rejected span {
    background-color: #ff6633;
}

.RCA_Rejected {
    background-color: #ff6633;
}

.tile-container .Testing span {
    background-color: #C9D7F7;
    color: #fff !important;
}

.Testing {
    background-color: #C9D7F7;
}

.Test {
    background-color: #6c85bd;
}
/*For SR*/
.tile-container .Pending_for_Approval span {
    background-color: #E4DDF2;
    color: #474C51;
}

.Pending_for_Approval {
    background-color: #E4DDF2;
    color: #474C51;
}

.tile-container .On_Hold span {
    background-color: #f84545;
}

.On_Hold {
    background-color: #E8E8E8;
    color: #474C51;
}

.tile-container .Forwarded {
    background-color: #CEE3F0;
    color: #474C51;
}

.Forwarded {
    background-color: #CEE3F0;
    color: #474C51;
}

.tile-container .Referred_Back {
    background-color: #D0C0F1;
    color: #474C51;
}

.Referred_Back {
    background-color: #D0C0F1;
    color: #474C51;
}

.tile-container .Reopen {
    background-color: #6c85bd;
}

.Reopen {
    background-color: #6c85bd;
}

.tile-container .Fixed {
    background-color: #a88cd5;
}

.Fixed {
    background-color: #a88cd5;
}
/*SLA */
.tile-container .Publish {
    background-color: #9db14c;
}
/*SLA*/

.tile-container .Planning {
    background-color: #f58410;
}

.Planning {
    background-color: #f58410;
}

.tile-container .Customer_Rejected {
    background-color: #f89a90;
}

.Customer_Rejected {
    background-color: #f89a90;
}

/*for RM*/
.tile-container .Not_Approved {
    background-color: #ff6633;
}

.Not_Approved {
    background-color: #ff6633;
}

/*for KM*/
.tile-container .row-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.8em;
    max-width: 350px;
}

    .tile-container .row-item span.ng-binding {
        margin-left: 5px;
    }

.tile-container .sla-wrapper {
    border: 1px solid #efefef;
    margin-top: 6px;
    left: 0;
    /*position: absolute;*/
    float: left;
    width: 100%;
    height: 6px;
}

.tile-container .sprogress {
    height: 8px;
    /*position: absolute;*/
    left: 0;
    border: 1px solid lightgray;
}

.table .sprogress {
    height: 8px;
    margin-top: 3px;
    left: 0;
    border: 1px solid lightgray;
}

.pagination li.active a {
    color: #fff !important;
}

.border {
    border-bottom: 1px solid #e3e3e4;
    margin-top: 2px;
    margin-bottom: 2px;
}

.border-middle {
    border-bottom: 1px solid #e3e3e4;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.caller-image-small {
    margin-left: 1px;
    margin-right: 4px;
}

.relation-selected {
    color: green;
    right: 10px;
    top: 14px;
    position: absolute;
    display: block;
    font-size: 20px;
    cursor: pointer;
    cursor: hand;
    opacity: .5;
}

.tile-container .tile article.cardSelected .relation-selected {
    color: green;
    display: block !important;
    position: absolute;
    top: 14px;
    right: 2px;
    opacity: 1;
}

.relation-selected-detail-page {
    color: green;
    float: right;
    display: none;
    font-size: 20px;
    cursor: pointer;
    cursor: hand;
}

.tile-container .tile article.cardSelected .relation-selected-detail-page {
    color: green;
    display: block !important;
    position: absolute;
    top: 14px;
    right: 20px;
}

.red {
    color: red !important;
    opacity: .6;
}

.green {
    color: green !important;
    /*opacity: .6;*/
}

.yellow {
    color: yellow !important;
}

.copy-right {
    position: relative;
    border: none;
    background-color: #fff;
    width: 28px;
    height: 31px;
}

.TileViewController {
    background-color: #F7F7F7;
}

    .TileViewController .spagination {
        margin-top: 4px;
    }

.spagination-row {
    background-color: #fff;
    width: 100%;
    float: left;
}

    .spagination-row .pagination > li {
        float: left;
    }

    .spagination-row .pagination .btn-group a {
        float: left;
        padding: 10px 15px;
    }

    .spagination-row .pagination .dropdown-menu {
        min-width: 42px;
    }

        .spagination-row .pagination .dropdown-menu a {
            float: none !important;
            padding: 10px 0 !important;
            text-align: center;
        }

.tile-wrapper {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    float: left;
    padding-bottom: 20px;
    width: 100%;
}

.tile-container {
    min-height: 485px;
}

.tile-header {
    position: relative;
}

.dropdown-menu {
    border-radius: 0;
    margin-top: 0;
}

.copy-right:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    position: absolute;
    left: 0;
}

.copy-left {
    position: relative;
    border: none;
    background-color: #fff;
    width: 28px;
    height: 31px;
}


    .copy-left:before {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        position: absolute;
        left: 0;
    }
/*double arrow*/
.copy-right-double-arrow {
    position: relative;
    border: none;
    background-color: #fff;
    width: 28px;
    height: 31px;
}

    .copy-right-double-arrow:before {
        content: "\f101";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #000;
        font-size: 18px;
        position: absolute;
        left: -4px;
    }

.copy-left-double-arrow {
    position: relative;
    border: none;
    background-color: #fff;
    width: 28px;
    height: 31px;
}

    .copy-left-double-arrow:before {
        content: "\f100";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #000;
        font-size: 18px;
        position: absolute;
        left: -4px;
    }

.listbox-action .copy-left:before, .listbox-action .copy-right:before {
    position: static;
}

.datepicker.form-control.hasDatepicker, .datetimepicker.hasDatepicker {
    width: 100% !important;
    float: left;
}

.selected {
    background-color: #ECE9D8;
    color: #606060;
    font: bold 12px Arial;
    text-decoration: none;
}

.unselected {
    background-color: #ffffff;
    color: #606060;
    font: bold 12px Arial;
    text-decoration: none;
}

.page-min-height {
    min-height: 600px;
}

.hrlabel {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.seperator-border {
    border-bottom: 1px solid #ccc;
    float: left;
    margin: 10px 0;
    width: 100%;
}

.popup-icon {
    background: transparent url(../images/feedbackpopup.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.actions-content .icon .control-label, .actions-content .action-icon .control-label {
    color: #444 !important;
    float: left;
    font-size: 9px !important;
    overflow: hidden;
    padding: 38px 4px 0;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    font-weight: 600;
    position: relative;
}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 0px;
    min-height: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
}

/**Filter's pop up styles**********************************/
.filters-content {
    width: 800px;
    left: -815px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    min-height: 120px;
    padding: 0px;
    border: 1px solid #d5d5d5;
    top: 0;
    text-align: left;
    z-index: 100;
}

.filters-content-large {
    width: 950px;
    left: -958px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    min-height: 120px;
    padding: 0px;
    border: 1px solid #d5d5d5;
    top: 0;
    text-align: left;
    z-index: 100;
}

.filters-content-medium {
    width: 650px;
    left: -665px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    min-height: 120px;
    padding: 0px;
    border: 1px solid #d5d5d5;
    top: 0;
    text-align: left;
    z-index: 100;
}

.filters-content-small {
    width: 500px;
    left: -515px;
    position: absolute;
    background-color: rgb(255, 255, 255);
    min-height: 120px;
    padding: 0px;
    border: 1px solid #d5d5d5;
    top: 0;
    text-align: left;
    z-index: 100;
}

.filters-content .row {
    margin-bottom: 10px;
}

.popover-head {
    background-color: #f7f7f7;
    border: 1px solid #ebebeb;
    font-size: 15px;
    padding: 8px 14px;
    text-align: left;
    color: #404040;
    text-transform: uppercase !important;
}

.filters-content, .filters-content-large, .filters-content-medium, .filters-content-small {
    -moz-box-shadow: 2px 2px 4px 3px gray;
    -webkit-box-shadow: 2px 2px 4px 3px gray;
    box-shadow: 2px 2px 4px 3px gray;
}

    .filters .content, .filters-content .content {
        padding: 10px 0;
    }

.arrow_box {
    position: absolute;
    background: #f7f7f7;
    border: 1px solid #d5d5d5;
    width: 0;
    right: 0;
}

    .arrow_box:after, .arrow_box:before {
        left: 100%;
        top: -18px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        background-color: transparent;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #f7f7f7;
        border-width: 13px;
        margin-top: -13px;
    }

    .arrow_box:before {
        border-color: rgba(213, 213, 213, 0);
        border-left-color: #d5d5d5;
        border-width: 14px;
        margin-top: -14px;
    }

.filters-btn-container {
    border-top: 1px solid #d6d6d6;
    clear: both;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    float: left;
}

#bulkUpdate .arrow_box:after, .arrow_box:before {
    top: -18px;
}
/*Temporarily added by 'Ramakrishna' for alert-active*/
.fa-alert-active {
    color: green;
}

.grey-check, .grey-check:hover {
    color: lightgray;
}

.green-check, .green-check:hover {
    color: #5cd254;
}

.orange-check, .orange-check:hover {
    color: orange;
}

.module-config-wrap {
    background-color: #fafafa;
    border: 1px solid #bcbcbc;
    margin: 12px;
    min-height: 90px;
    padding: 12px;
    position: relative;
}

    .module-config-wrap span {
        bottom: 5px;
        clear: both;
        color: #555 !important;
        float: left;
        font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-size: 12px;
        font-weight: normal;
        left: 0;
        position: absolute;
        width: 95%;
    }


/*Asset module images*/

.add-asset-icon:before {
    content: "\e61a";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.back-action-icon:before {
    content: "\f112";
    font-family: FontAwesome;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
    line-height: 1.6em;
}


.update-asset-icon:before {
    content: "\e619";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.allocate-asset-icon:before {
    content: "\e618";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.bulkallocate-asset-icon:before {
    content: "\e66e";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.reallocate-asset-icon:before {
    content: "\e62e";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.deactive-asset-icon:before {
    content: "\e616";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
    line-height: 1.6em;
}

.return-asset-icon:before {
    content: "\e621";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 35%;
    line-height: 1em;
}

.sendto-repair-center-icon:before {
    content: "\e624";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 35%;
    line-height: 1em;
}

.Return-from-repair-center-icon:before {
    content: "\e622";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 35%;
    line-height: 1em;
}

.Print-barcode-icon:before {
    content: "\e62b";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 35%;
    line-height: 1em;
}

.delete-asset-icon:before {
    content: "\e617";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
    line-height: 1.8em;
}

.none-appcontrol-icon:before {
    content: "\f05e";
    font-family: FontAwesome;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.3em;
}

.whitelist-appcontrol-icon {
    background: transparent url(../images/Return_Asset-01.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.blacklist-appcontrol-icon {
    background: transparent url(../images/Delete_Asset-01.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.icon-multiple_asset:before {
    content: "\e915";
    font-family: icomoon;
    font-size: 17px;
}

.icon-Single_asset:before {
    content: "\e916";
    font-family: icomoon;
    font-size: 16px;
}



.warning-appcontrol-icon:before {
    content: "\e62f";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.return-icon:before {
    content: "\e628";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 26px;
    left: 35%;
    line-height: 1.8em;
}

.accept-icon {
    background: transparent url(../images/accept.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.reject-icon:before {
    content: "\e629";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
    line-height: 1.4em;
}

.green {
    color: #5cd254;
}

.red {
    color: red;
}

.grey {
    color: grey !important;
    opacity: .6;
}

.store-movement-icon:before {
    content: "\e62d";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.floor-movement-icon:before {
    content: "\e62c";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.re-conciliation-icon {
    background: transparent url('../Images/reconciliation.png') no-repeat scroll 0 0;
}

.View-Asset-Approvals-icon:before {
    content: "\e960";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 36px;
    position: relative;
    line-height: 1em;
}

.View-Request-Approvals-icon:before {
    content: "\e961";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 36px;
    position: relative;
    line-height: 1em;
}

.View-Send-Approvals-icon:before {
    content: "\e961";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 30px;
    position: absolute;
    top: 0px;
    left: 34%;
}

.View-Variance-Assets-icon:before {
    content: "\e90b";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 36px;
    position: relative;
    line-height: 1em;
}

.map-software-icon:before {
    content: "\e927";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.unmap-software-icon:before {
    content: "\e928";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.green-status-icon {
    background: transparent url(../images/Green_Button.gif) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.carousel-tiles .carousel-tile-container.active {
    border: 1px solid #6999e1;
}

    .carousel-tiles .carousel-tile-container.active .item-name {
        background-color: #6999e1;
    }

.refresh-icon {
    background: transparent url(../images/refresh-icon.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.export-excel-icon:before {
    content: "\e62a";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.iconRight.export-icon-all-to-excel:before {
    left: inherit;
}

.deallocate-sw-icon:before {
    content: "\e909";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.2em;
}

.deallocate-sw-icon-popup:before {
    content: "\e909";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    /* position: absolute; */
    font-size: 24px;
    /* left: 35%; */
    line-height: 1.2em;
}

.data-sync-icon:before {
    content: "\e9c8";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1.2em;
    position: absolute;
}

.configure-prefix-icon:before {
    content: "\e90b";
    font-family: icomoon;
    font-size: 28px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.4em;
}

.export-excel-icon-all:before {
    content: "\e931";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.export-excel-icon-all:hover {
    text-decoration: none !important;
}

.export-icon-all-to-excel:before {
    content: "\e932";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.exceliconSize:before {
    font-size: 24px;
    margin: 0;
    /*border:solid 1px #cccccc;*/
    font-weight: 100;
    padding: 3px;
    color: #666;
    /*background: #666;
    color: #fff;
    border-color:#666666;*/
}

.iconGridStyle:before {
    position: absolute;
    font-size: 31px;
    left: 47%;
    line-height: 1em;
    top: 10px;
}

.exceliconSize {
    margin-left: 0 !important;
    text-decoration: none !important;
}

.fa-print.popup-icon-header.exceliconSize:before {
    padding: 7px;
    font-size: 17px;
    top: 4px;
    position: relative;
}

.oracle-credentials-icon:before {
    content: "\e92d";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.export-excel-icon-general:before {
    content: "\e62a";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    font-size: 31px;
    left: 47%;
    line-height: 1em;
    top: 10px;
}

.export-to-pdf-icon:before {
    content: "\e97c";
    font-family: icomoon;
    font-size: 28px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.export-to-word-icon:before {
    content: "\e97d";
    font-family: icomoon;
    font-size: 28px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.exportPdf-icon:before {
    content: "\ea14";
    font-family: icomoon;
    font-size: 26px;
    color: #474C51 !important;
    position: absolute;
    left: 33%;
    line-height: 1em;
}

.cmdb-relationship-icon:before {
    content: "\e66c";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 35%;
    line-height: 1.3em;
}

.carousel-tiles .carousel-tile-container.active {
    border: 1px solid #55687F;
}

    .carousel-tiles .carousel-tile-container.active .item-name {
        /*background-color: #6999e1;*/
        background-color: #55687F; /*color contrast*/
        color: #fff !important;
    }

.tab-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    height: 64px;
}

    .tab-wrapper .list {
        position: absolute;
        left: 0px;
        top: 0px;
        min-width: 3000px;
        margin-top: 0px;
    }

        .tab-wrapper .list li {
            display: table-cell;
            position: relative;
            text-align: center;
            color: #efefef;
            vertical-align: middle;
        }

.scroller {
    background-color: white;
    cursor: pointer;
    opacity: 0.8;
    padding-bottom: 25px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 25px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1;
}

.scroller-right {
    float: right;
    position: absolute;
    right: 16px;
}

.scroller-left {
    float: left;
    position: absolute;
    left: 18px;
}

.actions .icon.fa {
    color: #6b6c6c;
    font-size: 22px;
    padding-top: 8px;
    position: relative;
}

.actions-content .icon.fa .control-label {
    bottom: 5px;
    left: 0;
    padding-top: 15px;
    position: absolute;
    font-weight: 600;
    font-family: open sans;
}

.actions-content .icon.fa:hover, .actions-content .icon.fa:focus {
    text-decoration: none;
}

.custom-attribute-container fieldset legend {
    color: #666 !important;
    font-family: "Open Sans Semibold","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 15px;
    margin-bottom: 10px;
}

.custom-attribute-container fieldset {
    margin-left: -10px;
}

.detail-page .select2-container .select2-choice > .select2-chosen {
    line-height: 1.8em;
}

fieldset legend {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    float: left;
    width: 100%;
}


.mst-header {
    background-color: #e6e9ed;
    border: 1px solid #ccc;
    color: #444;
    padding: 8px 15px;
}

.form-control.height-auto {
    height: auto;
}

/*Css for Accordian*/
.accordion-container {
    width: 100%;
    margin: 8px;
    float: left;
}

    .accordion-container .header {
        position: relative;
        padding: 5px;
        cursor: pointer;
        /*background-color: #9faec3;*/
        background-color: #C7D0DE; /*color contrast*/
        margin: 0;
        font-size: 14px;
        z-index: 0;
        color: #1E252C;
    }

        .accordion-container .header:before {
            position: absolute;
            font-family: FontAwesome;
            top: 5px;
            right: 10px;
            content: "\f146";
            color: #1E252C;
        }

    .accordion-container.collapsed .header {
        position: relative;
    }

.collapsed .header:before {
    position: absolute;
    font-family: FontAwesome;
    top: 5px;
    right: 10px;
    content: "\f0fe";
    color: #1E252C;
}

.accordion-container .content {
    height: auto;
    min-height: 0px;
    overflow: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    border: 1px solid #dedede;
    padding: 5px;
}

.accordion-container.collapsed .content {
    min-height: 0px;
    height: 0px;
    padding: 0;
}

.accordion-container span.control-label {
    font-size: 12px;
    font-weight: inherit;
    text-transform: none;
}

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

    .carousel-panel .brdcrumb ul {
        margin: 0;
        padding: 0;
    }

        .carousel-panel .brdcrumb ul li {
            display: inline;
            margin: 0;
            padding: 0;
            text-transform: uppercase;
        }

    .carousel-panel .brdcrumb li .seperator {
        margin: 0px 4px;
    }

        .carousel-panel .brdcrumb li .seperator > i {
            color: rgb(209, 209, 209);
            font-size: 20px;
            vertical-align: bottom;
        }

.search-container {
    position: relative;
    padding: 0;
}

    .search-container i {
        color: #b2b2b2;
        font-size: 18px;
        right: 10px;
        top: 7px;
        position: absolute;
    }

.carousel-container {
    margin-top: 5px;
    border: 1px solid #bebebe;
    min-height: 300px;
    padding: 20px;
}

    .carousel-container .items-container {
        border: 1px solid #e7e7e7;
        min-height: 200px;
        min-width: 90%;
        background-color: #55687F;
        /*background-color:#568cbe;*/
        margin: 10px;
    }

.items-container .item-head {
    height: 25px;
    background-color: #55687F;
    /*background-color:#568cbe;*/
}

.items-container .item-description {
    padding: 10px 5px;
}

.items-container .image-container {
    text-align: center;
    color: #858585;
}

.items-container .item-name {
    color: #333333;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

.items-container .item-description {
    font-size: 14px;
}

.carousel-tiles .carousel-tile-container {
    border: 1px solid #e7e7e7;
    margin: 15px;
    cursor: pointer;
}


.carousel-tiles .item-name {
    /*background-color: rgb(159, 174, 195);*/
    background-color: #D8E1EA; /*color contrast*/
    /*color: rgb(255, 255, 255);*/
    color: #474c51 !important; /*color contrast*/
    text-transform: uppercase;
    padding: 8px 0px;
    text-align: center;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.group-span-filestyle .btn-primary {
    padding: 5.7px 10px;
}

.detail-page .group-span-filestyle .btn-primary {
    padding: 2.2px 10px;
}

.carousel-tiles a:hover, .carousel-tiles a:focus {
    text-decoration: none;
}

.grid-edit-icon {
    background: transparent url(../images/grid_edit.png) no-repeat scroll 0 0;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: none;
}

.grid-delete-icon {
    background: transparent url(../images/delete.png) no-repeat scroll 0 0;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: none;
}

.grid-rerun-icon {
    background: transparent url(../images/grid_edit.png) no-repeat scroll 0 0;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: none;
}

.panel-header-filters {
    background-color: #fafafa;
    border-bottom: 1px solid rgb(222, 222, 222);
    border-left: 1px solid rgb(222, 222, 222);
    font-size: 12px;
    margin-bottom: 0;
    padding: 0 15px;
}

    .panel-header-filters .filter {
        border-right: 1px solid #dedede;
        padding: 12px 14px 6px;
        float: left;
    }

        .panel-header-filters .filter.last {
            border: none;
        }

        .panel-header-filters .filter > span {
            float: left;
            padding-right: 12px;
            padding-top: 8px;
        }

.panel-heading > .row > div {
    margin-bottom: 0;
}
/*****************************************module menu icons*/
.AM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/Asset-Management.png") !important;
    background-origin: padding-box;
    background-position: 23px 8px !important;
    background-repeat: no-repeat;
    background-size: 28px auto !important;
    background-repeat: no-repeat !important;
}

.availability-management {
    background-attachment: scroll !important;
    background-clip: border-box;
    background-image: url("../images/availability-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.CM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/change-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.CMDB {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/CMBD.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 24px auto !important;
}

.IM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/incident.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.KM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/knowledge.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.PFM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/portfolio.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.PM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/problem.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.procurement {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/procurement.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.PT {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/project-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.RM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/release-manegement.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 22px auto !important;
}

.SR {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/request-fulfilment.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.SC {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/service-catalog-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.SLAM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/sla-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.SUMMIT {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/administration.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}

.DB {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/dashboard.png") !important;
    background-origin: padding-box !important;
    background-position: 16px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 30px auto !important;
}

.AVM {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/availability-management.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}



/*.administration:before {
	content: "\e600";position:absolute; font-family: icomoon;font-size: 15px;
}*/
.navbar {
    z-index: 101;
    position: relative;
}

/*for the Bug#21856*/
.DASH_SDE:before {
    content: "\e612";
    font-family: icomoon;
    font-size: 36px;
    left: 15px;
    position: absolute;
    top: 15px;
}


.grid-container3 .has-more {
    position: relative;
}

    .grid-container3 .has-more:before {
        position: absolute;
        top: 8px;
        right: 15px;
        font-size: 15px;
        font-family: FontAwesome;
        content: "\f105";
    }

.input-group .form-control {
    z-index: 0 !important;
}
/**added for left menu*/
.sidebar-menu {
    max-height: 1200px;
}

.grid-additional-info {
    border-bottom: 1px solid #dedede;
}

.custom-attributes-table td, .custom-attributes-table th {
    padding: 4px !important;
}

.divViolationPopver {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 2px 3px 6px #dedede;
    left: 30px;
    padding: 10px;
    position: absolute;
    z-index: 100;
}

.arrow_box_top {
    position: absolute;
    background: #ffffff;
    border: 1px solid #dedede;
    right: 20px;
    top: -1px;
}

    .arrow_box_top:after, .arrow_box_top:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box_top:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: -10px;
    }

    .arrow_box_top:before {
        border-color: rgba(222, 222, 222, 0);
        border-bottom-color: #dedede;
        border-width: 11px;
        margin-left: -11px;
    }

.form-vertical .select2-container.error {
    border: 1px solid red;
    margin-bottom: 0px;
}

.noty_type_validationmsg .noty_message {
    background-color: #d9534f !important;
    color: #fafafa !important;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*#noty_top_layout_container >li{border-width: 1px !important;}
#noty_top_layout_container li,#noty_top_layout_container h4,#noty_top_layout_container p{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.noty_text h4{margin:0;  border-bottom: 1px solid;padding-bottom: 3px;margin-bottom: 8px;}
.noty_text p {margin: 4px auto;text-align: left;width: 70%;}

.grid-view-audit-log-lense-icon {
    background: transparent url(../images/view_audit_log_lense.png) no-repeat scroll 0 0;
    background-size:20px;
    width: 20px;
    height: 20px;
    border:none;
    display:block;
}

.delete-icon {
    background: transparent url(../images/delete.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
    border: none;
}
.noty_text .title {
    font-size:16px; border-bottom:1px solid gray; width:100%;margin:0;
}*/
.description, .description img {
    width: 100% !important;
}
/*Added Below Css to set Image for KM*/
#BodyContentPlaceHolder_txtans img {
    width: auto;
}

.modal-body .description {
    width: auto;
}

.nowrap {
    white-space: nowrap !important;
}

.modalbox-description {
    max-height: 500px;
    overflow: auto;
}

.modal {
    direction: rtl;
    overflow-y: auto;
}

    .modal .modal-dialog {
        direction: ltr;
    }

.modal-open {
    overflow: auto;
}
/*.grid-container3 {display:none;}*/
.role-privilege .instance-select-wrapper {
    border-right: 1px solid #c5c5c5;
}


::-webkit-input-placeholder {
    color: #777;
    font-size: 12px !important;
    text-transform: capitalize;
}

:-moz-placeholder { /* Firefox 18- */
    color: #777;
    font-size: 12px !important;
    text-transform: capitalize;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #777;
    font-size: 12px !important;
    text-transform: capitalize;
}

:-ms-input-placeholder {
    color: #777;
    font-size: 12px !important;
    text-transform: capitalize;
}

.approve-icon {
    background: transparent url(../images/approve.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.printer-icon {
    background: transparent url(../images/printer-01.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.SubNetTxt {
    display: inline;
    text-align: right;
    width: 40px;
}

.gridTextOverFlow th {
    overflow: hidden !important;
    word-wrap: break-word !important;
    text-overflow: ellipsis !important;
    word-wrap: normal !important;
    white-space: normal !important;
}

.border-box {
    border: 1px solid #dedede;
}

.grid-view-audit-log-lense-icon {
    background: transparent url(../images/view_audit_log_lense.png) no-repeat scroll 0 0;
    background-size: 20px;
    width: 20px;
    height: 20px;
    border: none;
    display: block;
}

.delete-icon {
    background: transparent url(../images/delete.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
    border: none;
}

.table-heading {
    background-color: #e6e9ed;
    border: 1px solid #dedede;
    padding: 10px;
}

    .table-heading h3 {
        margin: 0px;
        font-size: 14px;
    }

.row-popup {
    height: 35px;
    clear: both;
}

li.kb-item {
    max-height: 100px;
    overflow: hidden;
}
/********SDE Dashboard Styles**************************************************************************************/
.sde-dashboard-container .dashboard-item {
    border: 1px solid #bebebe;
    min-height: 460px;
    margin: 0 5px;
}

.sde-dashboard-container .first {
    padding-left: 0;
}

.sde-dashboard-container .head {
    min-height: 43px;
    background-color: #CDE8E4;
    /*color: #fff;*/
    color: #000; /*color contrast*/
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #818181;
}

.sde-dashboard-container .item-name {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}

.sde-dashboard-container .content {
    padding: 10px;
}

.sde-dashboard-container .item-info {
    border: 1px solid #eee;
    min-height: 115px;
    position: relative;
}

.sde-dashboard-container .item-number {
    background-color: #f6f6f6;
    color: #618ecf;
    font-size: 47px;
    line-height: 1.6em;
    min-height: 78px;
    text-align: center;
}

.item-type {
    background-color: #9faec3;
    color: #1E252C;
    line-height: 2.5em;
    min-height: 35px;
    text-align: center;
    text-transform: uppercase;
}

.sde-dashboard-container a:hover, .sde-dashboard-container a:focus {
    text-decoration: none;
}

.sde-dashboard-container .item-group-head {
    clear: both;
    text-transform: uppercase;
    color: #727272;
    width: 100%;
    border-bottom: 1px solid #e0e4e7;
    float: left;
    margin: 3px 0;
    margin-bottom: 10px;
}

.item-visual-info {
    padding-top: 5px;
    clear: both;
}

.sde-dashboard-other {
    min-height: 250px;
    margin-top: 20px;
}

.dashboard-box .heading {
    color: #747474;
    font-size: 14px;
    text-transform: uppercase;
}

.dashboard-item-container div.piechart {
    width: auto !important;
    height: 120px !important;
}

.sde-dashboard-other div.piechart {
    height: 120px !important;
    width: 24.5% !important;
    float: left;
    text-align: center;
}

div.piechart.style1 .legend-item {
    font-size: 16px !important;
    opacity: 1;
    font-weight: 700;
    transform: translate(0,4px);
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

div.piechart.style2 .legend-item {
    font-size: 12px !important;
    opacity: 1;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

div.piechart .legend-item {
    font-size: 14px !important;
    opacity: 1;
    font-weight: 600;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    float: left !important;
    clear: both !important;
    margin-top: 10px !important;
}

div.barchart .progress-bar {
    height: 7px;
}

div.barchart .progressbaritem {
    list-style-type: none;
    padding: 5px;
    margin: 0;
    line-height: 20px;
    color: #474C51;
    min-height: 123px;
}

    div.barchart .progressbaritem li .sprogress {
        width: 100%;
        border: 1px solid whitesmoke;
    }

.table.table-borderless td, .table.table-borderless th {
    border: 0 !important;
}

.top-records {
    background: #fefefe;
    border: 1px solid #dedede;
    display: block;
    min-height: 210px;
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    position: absolute;
    right: 15px;
    z-index: 10;
}

    .top-records .tab-pane {
        clear: both;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        padding-bottom: 0;
        padding-left: 10px;
        padding-right: 0;
        padding-top: 10px;
    }

    .top-records li .fa {
        margin-right: 3px;
        font-size: 11px;
    }

    .top-records .tab-pane li {
        border-bottom-color: #dedede;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        float: left;
        padding-bottom: 1px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 2px;
        width: 95%;
    }



#kb-records {
    background: #fefefe;
    border: 1px solid #dedede;
    display: block;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    visibility: hidden;
    width: 400px;
    position: absolute;
    right: 15px;
    z-index: 10;
}

.kb-heading {
    /*background-color: #9faec3;*/
    background-color: #465D84; /*color contrast issue*/
    color: #fff;
    float: left;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
}

#kb-records > ul {
    clear: both;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 10px;
}

#kb-records li .fa {
    margin-right: 3px;
    font-size: 11px;
}
#kb-records ul {
    padding-left:10px;
}

#kb-records li {
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
    width: 95%;
    list-style: none;
}

.push-report-icon {
    background: transparent url(../images/user-incident-history.png) no-repeat scroll 0 0;
    width: 17px;
    height: 22px;
}

.icon.fa-print {
    font-size: 21px;
    cursor: pointer;
    text-decoration: none;
    color: #777;
}

.icon.fa-fa-file-excel-o {
    font-size: 21px;
    cursor: pointer;
    text-decoration: none;
}

.ddSlick .dd-option-text {
    line-height: 2.5em !important;
    margin: 0;
    font-weight: normal;
}

.ddSlick .dd-option-image, .dd-selected-image {
    max-width: 24px !important;
}

.ddSlick .dd-selected label {
    line-height: 2.5em !important;
    color: #fff;
}

.ddSlick .dd-select {
    /*background-color: #4f79b3;*/
    background-color: #0975b3; /*color contrast*/
    cursor: pointer;
}

.ddSlick .dd-pointer-down {
    border-top-color: #fff;
}

.ddSlick .dd-pointer-up {
    border-bottom-color: #fff !important;
}

.ddSlick .dd-option-selected {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #777;
}

.ddSlick .dd-option {
    background-color: #e9ecf1;
    color: #777;
}

.report-preview-box {
    min-height: 200px;
    margin-top: 5px;
}

.ddSlick .dd-selected-text {
    margin-bottom: 0;
}

.ddSlick .dd-selected, .ddSlick .dd-option {
    padding: 5px 10px !important;
}


.sde-dashboard-other .dashboard-box {
    margin-bottom: 0;
    min-height: 190px;
}

.badge-blue {
    background: transparent url(../images/badge-blue.png) no-repeat scroll 0 0;
    width: 42px;
    height: 60px;
    display: block;
    text-align: center;
    margin: 30px auto 22px auto;
}

.badge-green {
    background: transparent url(../images/badge-green.png) no-repeat scroll 0 0;
    width: 42px;
    height: 60px;
    display: block;
    text-align: center;
    margin: 32px auto 16px;
}

.dashboard-box .caption {
    color: #729ad7;
    font-size: 13px;
    text-transform: uppercase;
}

.dashboard-box .seperator {
    border-left: 1px solid #cccccc;
    float: left;
    height: 115px;
    margin-top: 7px;
}

.dashboard-box .type-seperator {
    border-left: 1px solid #999;
    float: left;
    height: 155px;
    margin-top: -10px;
}

.dashboard-box .caption-number {
    font-size: 25px;
    color: #628fd2;
}

.report-list-container {
    border: 1px solid #bebebe;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
}

.report-list .heading {
    /*background-color: #9faec3;*/
    background-color: #C7D0DE; /*color contrast*/
    font-size: 14px;
    /*color: #fff;*/
    color: #1E252C;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    width: 100%;
}

#kb-records .kb-subject {
    color: #555;
    float: left;
    font-weight: 600;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
    width: 95%;
}

    #kb-records .kb-subject .fa-external-link, .kb-item .fa-external-link {
        margin-left: 4px;
        font-size: 14px;
    }

#kb-records .kb-details {
    color: #555;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
    width: 95%;
}

.jstree-default .jstree-search {
    color: #6999e0 !important;
    font-style: italic !important;
    font-weight: 600 !important;
}

.dropdown-menu > li > a {
    text-transform: none;
}

.dropdown-menu > li > a, .dropdown-toggle {
    cursor: pointer;
}


.report-carousel-tiles .carousel-tile-container {
    min-height: 200px;
    border: 1px solid #e6e6e6;
    margin: 20px 5px;
}

    .report-carousel-tiles .carousel-tile-container .head {
        background-color: #e9ecf1;
        padding: 10px 10px 10px 10px;
        color: #333333;
        text-align: center;
        overflow: hidden;
    }

    .report-carousel-tiles .carousel-tile-container .content {
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-bar {
        background: transparent url('../Images/rpt_bar_graph.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-bar-data {
        background: transparent url('../Images/rpt_bar_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-bar-trending {
        background: transparent url('../Images/rpt_bar_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-doughnut {
        background: transparent url('../Images/rpt_donut_chart.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-doughnut-data {
        background: transparent url('../Images/rpt_donut_chart_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-line {
        background: transparent url('../Images/rpt_line_graph.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-line-data {
        background: transparent url('../Images/rpt_line_graph_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-mixed {
        background: transparent url('../Images/rpt_mixed_graph.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-no-image {
        background: transparent url('../Images/rpt_no_image.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-piechart {
        background: transparent url('../Images/rpt_pie_chart.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-piechart-data {
        background: transparent url('../Images/rpt_pie_chart_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-stacked {
        background: transparent url('../Images/rpt_stacked_bar.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-stacked-trending {
        background: transparent url('../Images/rpt_stacked_bar_trending.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-stacked-data {
        background: transparent url('../Images/rpt_stacked_bar_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-data-grid {
        background: transparent url('../Images/data-grid.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-cus-data-grid {
        background: transparent url('../Images/data-grid.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .graph-type-cus-bar-data {
        background: transparent url('../Images/rpt_bar_with_data.png') no-repeat scroll 0 0;
        display: block;
        width: 100px;
        height: 100px;
        margin: 15px auto;
    }

    .report-carousel-tiles .carousel-tile-container .description {
        color: #727272;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .report-carousel-tiles .carousel-tile-container .footer {
        background-color: #848484;
        width: 100%;
        padding: 2px 5px;
        color: #fff;
        text-align: right;
    }

        .report-carousel-tiles .carousel-tile-container .footer .fa {
            font-size: 15px;
            margin-bottom: 1px;
            margin-left: 6px;
            margin-right: 6px;
            margin-top: 1px;
        }

.avmslide-carousel-tiles .carousel-tile-container {
    border: 1px solid #e6e6e6;
    margin: 20px 5px;
}

    .avmslide-carousel-tiles .carousel-tile-container .content {
        background-color: #e9ecf1;
        color: #333333;
        text-align: center;
        min-height: 60px;
    }

        .avmslide-carousel-tiles .carousel-tile-container .content a {
            padding: 20px;
            display: block;
            cursor: pointer;
        }


.report-list-container .heading .fa-cog {
    font-size: 26px;
    margin-left: 15px;
    margin-top: 4px;
    margin-right: 40px;
}

.report-list-container.expand span.arrow:before {
    content: "\f077";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #1E252C;
    font-size: 18px;
}

.report-list-container span.arrow:before {
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #1E252C;
    font-size: 18px;
}

.report-list-container.expand {
    height: 46px !important;
    overflow: hidden;
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
    position: fixed;
    bottom: 0px;
    left: 75px;
    z-index: 1;
}

.fixbottom {
    position: fixed;
    bottom: 50px !important;
}

.report-list-container {
    height: auto !important;
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
    position: static;
    width: auto !important;
}

.expand-report-container {
    min-height: 920px;
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

.report-list-container .arrow {
    cursor: pointer;
}

#btnShowHideRpt {
    background-color: #C7D0DE;
    padding-bottom: 14px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
    position: absolute;
    right: -10px;
    top: -6px;
}

.sidebox-kb .tab-content .kb-subject {
    float: left;
    font-weight: 600;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
    position: absolute;
    top: 2px;
    left: 15px;
    width: 90%;
}

    .sidebox-kb .tab-content .kb-subject a {
        color: #555;
        font-weight: 600;
    }

.sidebox-kb .tab-content .kb-details {
    color: #555;
    float: left;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2px;
    position: absolute;
    top: 22px;
    left: 15px;
    width: 90%;
}
/* Bug Id: 25245 Relationship Icon */
.tile-footer label {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    white-space: nowrap;
    font-weight: normal;
}

.marquee {
    background-color: whitesmoke;
    border: 1px solid #dedede;
    box-shadow: 0 2px 4px #dedede;
    box-sizing: border-box;
    font-weight: normal;
    height: 30px;
    /*Bug ID: 22698. The following line commented because of Safri browser compatability*/
    /*overflow: hidden;*/
    padding-top: 4px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

marquee.marquee * {
    font-size: 14px !important;
}

.marquee div:hover {
    animation-play-state: paused;
}

.mail-body-editor > div {
    width: 100% !important;
}

.mail-body-editor .nicEdit-main {
    width: 100% !important;
}

.add-email-to-icon {
    background: transparent url(../images/Add_to_To_List.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.add-email-cc-icon {
    background: transparent url(../images/Add_to_CC_List.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}
/**Bootstrap Accordion*******/
.accordion-heading {
    background-color: #fff;
    padding: 0;
    height: auto;
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
}

#accordion .panel {
    border: none;
}

.accordion-heading h3:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: grey;
}

.accordion-heading .collapsed h3:after {
    font-family: 'FontAwesome';
    content: "\f078" !important;
    float: right;
    color: grey;
}

.accordion-heading .group-heading, .accordion-heading .group-heading:hover, .accordion-heading .group-heading:focus {
    text-decoration: none;
}

    .accordion-heading .group-heading:focus, .accordion-heading .group-heading:hover {
        background-color: rgba(0, 0, 0, 0.075);
    }

.asset-tile {
}

    .asset-tile .item-image {
        background: transparent url(../images/tile-image-bg.png) no-repeat scroll 0 0;
        width: 121px;
        height: 122px;
        position: absolute;
        left: 28%;
        top: 50px;
        text-align: center;
        padding-top: 24px;
    }

    .asset-tile .item-head {
        min-height: 100px;
        color: #fff;
        font-size: 14px;
        padding-top: 5px;
        text-align: center;
    }

    .asset-tile .items-container .item-description {
        background-color: #fff;
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 75px;
        min-height: 460px;
    }

    .asset-tile .items-container {
        position: relative;
    }

    .asset-tile .item-row {
        padding: 10px 0;
        border-bottom: 1px solid #e0e0e0;
        float: left;
        width: 100%;
    }

    .asset-tile .items-container {
        margin-left: 8px;
        margin-right: 8px;
        cursor: pointer;
    }

        .asset-tile .items-container .label-cntrl {
            color: #737373;
        }

        .asset-tile .items-container .label-value {
            color: #343434;
        }

.asset-tile-view .owl-buttons {
    position: absolute;
    top: 45%;
    width: 100%;
}

.asset-tile-view .owl-buttons {
    border: none;
    display: none;
}

.asset-tile-view:hover .owl-buttons {
    display: block;
}

.asset-tile-view {
    border: none;
}

    .asset-tile-view .owl-prev {
        position: absolute;
        left: -23px;
    }

    .asset-tile-view .owl-next {
        position: absolute;
        right: -23px;
    }

    .asset-tile-view .item-footer {
        background-color: #76a2cf;
        min-height: 30px;
        width: 100%;
        position: absolute;
        bottom: 0;
        color: #fff;
        font-size: 14px;
        padding: 8px 0;
    }

.tile-default-tick {
    position: absolute;
    background: transparent url(../images/tick-blue.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
}

.asset-tile .items-container.active .tile-default-tick {
    background: transparent url(../images/tick-green-white.png) no-repeat scroll 0 0;
}

.asset-tile .items-container.active {
    border: 1px solid #09d276;
}

.asset-tile-view .active .item-footer {
    background-color: #09d276;
}

.fixed-width {
    height: 50px;
}

.asset-tile-view .item-footer .fa {
    font-size: 18px;
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
}

.asset-tile .item-last-row {
    border: none;
}

.item-footer a {
    color: white;
}

.effort-detail {
    background: #EEF0F3;
    margin: 9px;
    margin-left: 0px;
    padding: 12px;
}

    .effort-detail span.active-watch {
        font-weight: 600;
        font-size: 12px;
    }

    .effort-detail a {
        cursor: hand;
        cursor: pointer;
    }

.box-popoup {
    background-color: #fff;
    position: absolute;
    z-index: 1;
    box-shadow: 1px 1px 10px #888888;
}

.box-popup {
    background-color: #fff;
    position: absolute;
    z-index: 600;
    box-shadow: 1px 1px 10px #888888;
}

.group-span-filestyle .btn-default {
    margin: 0 !important;
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    border-left: none;
}

.highlight-label h4 {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 8px;
    color: #474C51 !important;
    display: inline;
    font-weight: 700;
    line-height: 1;
    padding: 0.2em 0.3em 0.3em;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

    .highlight-label h4.Resolved {
        background-color: #C2F587;
    }

    .highlight-label h4.Closed {
        background-color: #E8E8E8;
    }

    .highlight-label h4.New {
        background-color: #D9F2FF !important;
        color: #925959 !important;
    }

    .highlight-label h4.Assigned {
        background-color: #CEE3F0;
    }

    .highlight-label h4.In-Progress {
        background-color: #DCF0D9;
    }

    .highlight-label h4.Pending {
        background-color: #E4DDF2;
    }

    .highlight-label h4.Cancelled {
        background-color: #FAD5DC;
    }
/*.highlight-label h4 span{color: inherit !important}*/
.Resolved, .chat_Notification_popup .Resolved {
    background-color: #C2F587;
    color: #474C51 !important;
}

.Closed, .chat_Notification_popup .Closed {
    background-color: #E8E8E8;
    /*color: #474C51 !important;*/
    color: #1E252C !important; /*color contrast issue*/
}

.New, .chat_Notification_popup .New {
    background-color: #D9F2FF !important;
    color: #474C51 !important;
}

.Assigned, .chat_Notification_popup .Assigned {
    background-color: #CEE3F0;
    color: #474C51 !important;
}

.In-Progress, .chat_Notification_popup .In-Progress {
    background-color: #DCF0D9;
    color: #474C51 !important;
}

.Pending, .chat_Notification_popup .Pending {
    background-color: #E4DDF2;
    color: #474C51 !important;
}

.Cancelled, .chat_Notification_popup .Cancelled {
    background-color: #FAD5DC;
    color: #1e252c !important;
}

.Approved {
    background-color: #C2F587;
    color: #474C51 !important;
}

.Rejected {
    background-color: #F8B3C0;
    color: #474C51 !important;
}

.Pending_for_Approval {
    background-color: #E4DDF2 !important;
    color: #474C51 !important;
}

.Publish {
    /*background-color: #9db14c;*/
    background-color: #AFC377; /*color contrast*/
}

.avm_Up {
    background-color: #73b236 !important;
}

.avm_Down {
    background-color: #da534f !important;
}

.avm_Alert {
    background-color: #e1a930 !important;
}

.avm-success {
    /*background-color: #73b236 !important;*/
    background-color: #BDDF9C !important; /*color contrast */
}

.avm-danger {
    /*background-color: #da534f !important;*/
    background-color: #ED9090 !important; /*color contrast */
}

.avm-info {
    background-color: #f1d600 !important;
}

.avm-warning {
    background-color: #f0ad4e !important;
}

.avm-singlethreshold-danger {
    background-color: #FDBBB9 !important;
}

.avm-tile-border-success {
    border-color: #ccc !important;
}

.avm-tile-border-danger {
    border-color: #ccc !important;
}

.avm-tile-border-info {
    border-color: #e1a930 !important;
}

.avm-tile-border-warning {
    border-color: orange !important;
}

.Open {
    /*background-color: #20b1aa;*/
    background-color: #9DE8F1; /*color contars*/
}

h4.highlight-label-queue {
    border-radius: 8px;
    /*color: #fff;*/
    color: #1E252C; /*color contrast */
    font-size: 12px;
    font-weight: normal;
    padding: 4px 6px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

/*.btnAddKB {
    background: transparent url(../images/AddKBUsingIM.png) no-repeat scroll 0 0;
    width: 26px;
    height: 26px;
    border: none;
    cursor: pointer;
}*/

#wrapper {
    position: relative;
}

.navbar-static-side {
    bottom: 0;
    top: 58px;
    z-index: 10000 !important;
}

.trouble-shooting-icon:before {
    content: "\e613";
    font-family: icomoon;
    font-size: 24px;
    line-height: 1em;
    color: #6e98d0;
}

.am-dashboard-box {
    border: 1px solid #e7edf3;
    text-align: center;
    min-height: 230px;
    margin-bottom: 4.5%;
    background-color: #fff;
    padding-top: 5%;
}

.avm-dashboard-box-resize-auto {
    border: 1px solid #e7edf3;
    text-align: center;
    margin-bottom: 1.5%;
    min-height: 90px;
    max-height: 230px;
    background-color: #fff;
    padding-top: 5%;
    /*height: 90px;*/
}

.am-count-bottom {
    /*background-color: #6999e1;*/
    background-color: #A4DCFF; /*color contrast*/
    bottom: 0;
    color: #fff;
    font-size: 10px;
    height: 43px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    display: table;
    padding-bottom: 3px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

    .am-count-bottom span {
        bottom: 0;
        color: #fff !important;
        display: table-cell;
        height: 100%;
        margin: auto;
        text-align: center;
        vertical-align: bottom;
        width: 80%;
    }

.asset-dashboard-container .dashboard-box {
    box-shadow: 1px 3px 8px #dedede;
    min-height: 100px !important;
    padding-bottom: 0;
    position: relative;
    border: 1px solid #dedede;
}

    .asset-dashboard-container .dashboard-box .lbl-number {
        font-size: 30px;
    }

.fixed-asset-icon {
    background: transparent url('../images/Fixed-01.png') no-repeat scroll 0 0;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}

.consumable-asset-icon {
    background: transparent url('../images/Consumables.png') no-repeat scroll 0 0;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}

.accessories-asset-icon {
    background: transparent url('../images/Acessories.png') no-repeat scroll 0 0;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}

.software-asset-icon {
    background: transparent url('../images/Software-01.png') no-repeat scroll 0 0;
    width: 50px;
    height: 50px;
    display: block;
    margin: auto;
}

.fixed-asset-icon-small {
    background: transparent url('../images/Fixed-01.png') no-repeat scroll 0 0;
    background-size: 14px;
    height: 14px;
    width: 14px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.consumable-asset-icon-small {
    background: transparent url('../images/Consumables.png') no-repeat scroll 0 0;
    background-size: 14px;
    height: 14px;
    width: 14px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.accessories-asset-icon-small {
    background: transparent url('../images/Acessories.png') no-repeat scroll 0 0;
    background-size: 14px;
    height: 14px;
    width: 14px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.software-asset-icon-small {
    background: transparent url('../images/Software-01.png') no-repeat scroll 0 0;
    background-size: 14px;
    height: 14px;
    width: 14px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.ticket-detail-attachment .btn-default {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px !important;
    border-left: none;
    padding-bottom: 2px !important;
}

.communication-icon:before {
    content: "\e635";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.user-card-actions .fa-comments {
    color: #7c7c7c;
    font-size: 20px;
    line-height: 0;
}

.user-card-actions .fa-envelope {
    color: #7c7c7c;
    font-size: 17px;
    line-height: 0;
    margin-left: 7px;
}

.alert-action-icon {
    background: transparent url('../images/Alert-Configuration.png') no-repeat scroll 0 0;
    height: 24px;
}

.kb-article-db-icon {
    background: transparent url('../images/knowledge-article-database.png') no-repeat scroll 0 0;
    height: 24px;
}

.grph-relationship-icon {
    background: transparent url('../images/view relationship28.png') no-repeat scroll 0 0;
    height: 24px;
}

.asset-type-icon:before {
    content: "\e913";
    font-family: icomoon;
    font-size: 17px;
    color: #7c7c7c;
    top: 3px;
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    text-align: left;
    line-height: 0.8em;
}

.list-back-icon:before {
    content: "\e914";
    font-family: icomoon;
    font-size: 16px;
    color: #7c7c7c;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    line-height: 0.8em;
}

.recurrence-icon:before {
    content: "\e638";
    font-family: icomoon;
    font-size: 25px;
    color: #474c51 !important;
    position: absolute;
    font-size: 30px;
    left: 24%;
    line-height: 1em;
}

.cm-ticket-detail .recurrence-icon:before {
    color: #7c7c7c;
    font-size: 36px;
    left: 35%;
}

.approved-icon:before {
    content: "\e637";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.pi-review-icon:before {
    content: "\e636";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.import-template-icon:before {
    content: "\e63e";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.ticket-history-icon:before {
    content: "\e63f";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.list-icon:before {
    content: "\e63a";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.create-template-icon:before {
    content: "\e63c";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.edit-template-icon:before {
    content: "\e63b";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.risk-icon:before {
    content: "\e644";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.log-icon:before {
    content: "\e640";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.test-icon:before {
    content: "\e643";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.test-icon:before {
    content: "\e643";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.requirement-icon:before {
    content: "\e642";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.release-icon:before {
    content: "\e641";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.general-tab-icon:before {
    content: "\e645";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.applicableusers-tab-icon:before {
    content: "\e680";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.inventroydetails-tab-icon:before {
    content: "\e681";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.Goods-Information-tab-icon:before {
    content: "\e9b9";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.skillsandresources-tab-icon:before {
    content: "\e682";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.validationPFM-tab-icon:before {
    content: "\e683";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.vendorinfo-tab-icon:before {
    content: "\e684";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.link-icon:before {
    content: "\e699";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 40px;
    left: 9%;
    line-height: 50%;
}

.icon-impl:before {
    content: "\e930";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 40px;
    left: 35%;
    line-height: 50%;
}

.vendor-Payment-Export-icon:before {
    content: "\e935";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.4em;
}

.payment-details-icon:before {
    content: "\e991";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.4em;
}

.eval-action-icon:before {
    content: "\e660";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.am-filter-cancel-display {
    display: none;
}

.mstGV .DashHeader td {
    background-color: #e6e9ed !important;
    border-color: #ddd !important;
}

/*.GridHyperlink {CURSOR: pointer;TEXT-DECORATION: underline;}*/
.panel-header-filters span {
    font-weight: 600;
}

.msg-display {
    background-color: #FFECEC;
    border-radius: 3px;
    /*box-shadow: 1px 1px 4px #8a9098;*/
    color: #AD0000;
    font-weight: 600;
    margin-bottom: 9px;
    margin-top: 9px;
    padding: 7px 15px;
    width: auto;
    border: 1px solid #FFD7D7;
}

.TextWithLink .lbl-number {
    font-size: 35px;
}

.TextWithLink a {
    padding-top: 0;
}

.report-list-container .carousel-tile-container a {
    cursor: pointer;
}

.report-list-container .carousel-tile-container .head a {
    display: inline-block;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.grid-pnl-title {
    text-transform: uppercase;
}

.popover-head .close {
    background-color: #e0e0e0;
    color: #000;
    font-size: 28px;
    font-weight: normal;
    line-height: 0;
    /*opacity: 0.2;*/
    padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 20px;
    position: absolute;
    right: 1px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    top: 0;
    vertical-align: middle;
    width: 50px;
}

    .popover-head .close:hover, .popover-head .close:focus {
        color: #000;
        cursor: pointer;
        /*opacity: 0.5;*/
    }

.rpt-action-container { /*margin-top:25px;*/
}

.rca-icon:before {
    content: "\e64a";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 0.8em;
}

.cost-icon:before {
    content: "\e648";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.diagnostic-icon:before {
    content: "\e647";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.review-icon:before {
    content: "\e649";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.2em;
}

.RPT {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-image: url("../images/reports.png") !important;
    background-origin: padding-box !important;
    background-position: 23px 8px !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
}


.msgInfo {
    background-color: #78c5e7;
    border: 1px solid #3badd6;
    /*color: #fff;*/
    color: #2E2E2E; /* color contrast issue*/
    margin-top: 2px;
    padding: 0px 10px;
    position: absolute;
    top: 0;
    z-index: 1;
}

.desktop-icon:before {
    content: "\e64b";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.network-icon:before {
    content: "\e652";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.server-icon:before {
    content: "\e64c";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.ci-relation-icon:before {
    content: "\e650";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.version-history-icon:before {
    content: "\e651";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.documents-icon:before {
    content: "\e64f";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.hardware-variance-icon:before {
    content: "\e64e";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}

.software-variance-icon:before {
    content: "\e64d";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}

.gv-white-space-normal tr th {
    white-space: normal !important;
}

.allocate-icon:before {
    content: "\e62e";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}

.shift-roster-icon:before {
    content: "\e653";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}

.workflow_flowchart-direction-icon:before {
    content: "\e936";
    font-family: icomoon;
    font-size: 31px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1.2em;
}

small {
    font-size: 9px;
}

.push-report-icon-img {
    background: transparent url(../images/push-report.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
    background-size: 20px !important;
}

.export-excel-icon-img {
    background: transparent url(../images/export-to-excel.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.modal-content .bootbox-body {
    max-height: 485px;
    overflow: auto;
    margin-top: 28px;
}

button.close {
    height: 40px;
    font-size: 34px !important;
    font-weight: normal !important;
    background-color: #e0e0e0;
    position: absolute;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: 0px;
}

.am-variance-color-summary {
    background-color: #CCCCFF;
    color: white;
}

.am-variance-color-detail {
    background-color: #99CCFF;
    color: white;
}

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

#logServiceTicket .carousel-tile-container .image img {
    width: 75px;
}

.purple {
    color: purple !important;
}

.orange {
    color: orange !important;
}

.blood-red {
    color: #EA2525 !important;
}

.title-with-tab {
    width: 100%;
    border-bottom: 1px solid #55687F;
}

    .title-with-tab h3 {
        font-size: 13px !important;
    }

    .title-with-tab .active {
        color: #fff !important;
        /*background-color: rgb(66, 139, 202);*/
        background-color: #55687F; /* color contrast issue*/
    }

        .title-with-tab .active h3, .title-with-tab .active i {
            color: #fff !important;
        }

    .title-with-tab > a {
        cursor: pointer;
        display: inline-block;
        font-weight: normal;
        line-height: 1.39em;
        margin-bottom: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
    }

    .title-with-tab > .dropdown > .btn {
        padding: 0;
        border: 0;
        padding-right: 5px;
    }

        .title-with-tab > .dropdown > .btn .caret {
            display: inline-block;
            padding: 1px;
            line-height: 1em;
        }

    .title-with-tab a:hover {
        text-decoration: none;
    }

    .title-with-tab .dropdown {
        display: inline-block;
    }

.dashboard-tab {
    padding-top: 14px;
    padding-left: 38px;
}

    .dashboard-tab > i {
        display: inline-block;
        width: 45px;
        height: 35px;
        text-align: center;
        margin-right: 4px;
    }

.title-with-tab .tab-icon {
    font-family: icomoon;
    font-style: normal;
    line-height: 50px;
    color: #979FA9;
    font: normal normal normal 30px/1 icomoon;
    vertical-align: middle;
}

.title-with-tab .fa, .title-with-tab .tab-icon {
    font-size: 22px;
}

.sde-dash-icon:before {
    content: "\e612";
}

.dashboard-tab {
    padding: 8px 10px 0 0;
}

.title-with-tab h3 {
    margin-bottom: 0;
}

.title-with-tab .active .tab-icon:before {
    color: #fff !important;
}

.asset-dash-icon:before {
    content: "\e656";
    font-family: icomoon;
}


.avm-dash-icon:before {
    content: "\e685";
    font-family: icomoon;
}

.grid-asset-allocate-icon {
    background: transparent url(../images/Allocate_Asset-01.png) no-repeat scroll 0 0;
    background-size: 24px;
    width: 24px;
    height: 24px;
    border: none;
    color: gray;
}

.panel-heading .checkbox-with-label {
    text-transform: none;
}

.popup-nav-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    line-height: 1.5em;
    float: left;
    cursor: pointer;
    overflow: hidden !important;
    font-size: 13px;
    /*text-transform: capitalize !important;*/
}

.popup-nav-arrow {
    padding: 5px;
    color: #d3d3d3;
    float: left;
    font-size: 13px;
}

.popup-export-excel-icon-local {
    background-image: url("../../Images/export-to-excel.png");
    background-repeat: no-repeat;
    background-position: 0 -2px;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
}

.not-allowed-cursor {
    cursor: not-allowed;
}

.mstGV td a, .GridHyperlink {
    text-decoration: underline;
    color: #545454;
    cursor: pointer;
}

.chart-iframe {
    position: relative;
}

.ddSlick {
    z-index: 2 !important;
}

.popup-icon-header {
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-left: 15px;
}

.btn-group .multiselect {
    min-width: 100%;
    white-space: nowrap;
    text-align: left;
    padding-left: 8px;
    /*position: absolute;*/
}

.multiselect b.caret {
    position: absolute;
    right: 16px;
    top: 14px;
    vertical-align: middle;
}

.multiselect-container > li.active label {
    color: #fff;
}

.custom-group-container .col-md-4 {
    padding-left: 15px;
}

.custom-group-container .col-md-12 {
    padding-right: 0;
}

.custom-group-container .form-group {
    margin: 0;
    padding: 0;
    clear: none !important;
}

.custom-group-container .group-span-filestyle .btn-default {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    min-height: 25px;
}

span.multivalued-content {
    display: block;
    max-width: 10em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.ui-timepicker-div dl dt {
    min-width: 80px;
    float: left;
}

.ui_tpicker_hour {
    margin-bottom: 5px;
}

.catalog-info-icon {
    background: transparent url(../Images/checklist-icon.png) no-repeat scroll 0 0;
    height: 31px;
    width: 37px;
}

.set-approver-icon {
    background: transparent url('../Images/Authorizer.png') no-repeat scroll 0 0;
    width: 20px;
    height: 24px;
}

.service_catalog-icon {
    background: transparent url('../Images/Service_Catalog_Item.png') no-repeat scroll 0 0;
    width: 20px;
    height: 24px;
}

/* CSS Classes define only for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #ticketdetail .search-btn, .form-details .group-heading .search-btn, .form-details .search-btn, .form-details .group-span-filestyle .btn-default {
        font-size: 12.3px !important;
    }
}



.add-rules:before {
    content: "\e659";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.nodata-graph-text {
    width: 100%;
    height: 350px;
    padding-top: 175px;
    font-size: 12px;
}

.mstNoWrap tr td {
    white-space: nowrap !important;
    max-width: 160px;
    overflow: hidden;
}

.tdFullWidth {
    max-width: none !important;
}

#divGraph {
    display: table;
}

.td-breakall td {
    word-break: break-all;
}

.box-heading {
    background-color: whitesmoke;
    border: 1px solid #eee;
    padding: 5px;
}

.log-incident .form-vertical.form-group {
    padding-right: 15px;
    margin-bottom: -6px;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #555 !important;
    font-size: 13px !important;
    overflow: hidden;
    border-radius: 0;
}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header.ui-state-hover {
    /*color: #404040 !important;*/
    font-family: open sans;
    padding-bottom: 7px !important;
    padding-left: 10px !important;
    padding-top: 7px !important;
    text-transform: uppercase;
    border-radius: 0;
}

    .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header.ui-state-hover {
        padding-left: 10px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        /*color: #777 !important;*/
    }

.ui-accordion .ui-icon-triangle-1-e, .ui-accordion .ui-icon-triangle-1-s {
    background-image: none !important;
    text-indent: 0px !important;
    color: #777 !important;
}

    .ui-accordion .ui-icon-triangle-1-e:before {
        content: "\f0fe";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-indent: 0 !important;
        color: #777 !important;
    }

    .ui-accordion .ui-icon-triangle-1-s:before,
    .ui-accordion .ui-icon-triangle-1-s:before {
        content: "\f146";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-indent: 0 !important;
        color: #777 !important;
    }

.popup-btn-container {
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.navbar-brand {
    padding: 0 !important;
}

    .navbar-brand img {
        max-height: 50px;
        padding: 5px;
    }

.mstGV td a, .GridHyperlink {
    text-decoration: underline !important;
}

.custom-form-group-container .row.form-group:nth-of-type(odd) {
    clear: both;
}

.custom-form-group-container .row.form-group {
    margin-bottom: 0;
}
/* tile view - colors*/
.blue {
    color: #34A7C8 !important;
}


.clear-search {
    position: absolute;
    right: 42px;
    top: 9px;
    cursor: pointer;
}

.filters .ui-accordion .ui-accordion-content {
    padding: 10px !important;
}

.category-icon:before {
    content: "\e65b";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.classification-icon:before {
    content: "\e65c";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 27px;
    left: 38%;
    line-height: 1.6em;
}

.closure-code-icon:before {
    content: "\e65d";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 34px;
    left: 33%;
    line-height: 1.3em;
}

.feedback-icon:before {
    content: "\e65e";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 35%;
    line-height: 1.4em;
}

.feedback-questions-icon:before {
    content: "\e65f";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 37%;
    line-height: 1.5em;
}

.module-configuration-icon:before {
    content: "\e660";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 35%;
    line-height: 1.4em;
}

.pending-reason-icon:before {
    content: "\e661";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 26px;
    left: 38%;
    line-height: 1.7em;
}

.priority-icon:before {
    content: "\e662";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 27px;
    left: 38%;
    line-height: 1.6em;
}

.sde-icon:before {
    content: "\e663";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 32px;
    left: 35%;
    line-height: 1.4em;
}

.sla-servicewindow-icon:before {
    content: "\e664";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 36%;
    line-height: 1.6em;
}

.urgency-icon:before {
    content: "\e665";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 38%;
    line-height: 1.5em;
}

.workgroup-icon:before {
    content: "\e666";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 37%;
    line-height: 1.5em;
}

.config-instance-label-icon:before {
    content: "\e667";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 38%;
    line-height: 1.5em;
}

.show-instance-icon:before {
    content: "\e668";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 26px;
    left: 38%;
    line-height: 1.8em;
}

.impact-icon:before {
    content: "\e66a";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 38%;
    line-height: 1.6em;
}

.resolutioncode-icon:before {
    content: "\e669";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 32px;
    left: 36%;
    line-height: 1.4em;
}

.risk-config-icon:before {
    content: "\e644";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 38%;
    line-height: 1.6em;
}

.cab-icon-img {
    background: transparent url(../images/ChangeAdvisoryBoard.png) no-repeat scroll 0 0;
    width: 30px;
    height: 30px;
    background-size: 24px !important;
}

.custom-form-group {
    margin-bottom: 0px;
}

.dropdown-alerts {
    max-width: 400px;
    width: auto;
    overflow: hidden;
}

    .dropdown-alerts a {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        text-align: left !important;
    }

.alert-count {
    font-weight: 600;
    line-height: 1.5em;
    background-color: #F72C47;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    width: 23px;
    height: 21px;
    position: absolute;
    right: 5px;
    top: 0px;
}

.dropdown-alerts li a {
    float: left;
    width: 92%;
    padding-left: 12px !important;
}

.navbar-top-links li > a, navbar-top-links li {
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.alert-action {
    background-color: #eee;
    border-radius: 10px;
    cursor: pointer;
    line-height: 1.7em;
    margin-right: 0px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
}

.caller-updated-icon:before {
    content: "\e65a";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #7c7c7c;
}

.dropdown-alerts li {
    min-height: 30px;
    padding-top: 2px;
}

    .dropdown-alerts li:hover {
        background-color: #f5f5f5;
    }

    .dropdown-alerts li a:hover {
        background-color: transparent !important;
    }

.navbar-top-links .dropdown-alerts {
    min-width: 345px !important;
}

.alert-action:hover {
    background-color: #6e98d1;
    color: #fff;
}

.dropdown-alerts li:hover .alert-action {
    background-color: #6e98d1;
    color: #fff;
}

.dropdown-alerts li.last {
    min-height: auto;
    margin-top: 6px;
    border-top: 1px solid #dedede;
}

    .dropdown-alerts li.last a {
        text-align: right !important;
        width: 100%;
    }

.dropdown-notification {
    min-width: 500px;
    text-align: left;
    max-height: 700px;
}

    .dropdown-notification .ui-accordion-content {
        max-height: 200px;
        overflow: auto;
    }

    .dropdown-notification .grp-heading {
        color: #0975B3;
        /*margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0;
        padding-bottom: 2px;
        padding-top: 5px;
        width: 98%;*/
    }

    .dropdown-notification li a {
        text-align: left !important;
        padding-left: 12px !important;
    }

.dropdown-menu li a i.fa-angle-right {
    font-size: 14px;
    padding-right: 5px;
    display: none;
}

.dropdown-notification .grp-heading i.fa {
    color: #5078b3;
    font-size: 20px;
    padding-right: 5px;
}

.dropdown-menu li a {
    color: #888;
    font-size: 13px;
}

.dropdown-menu .ui-accordion-header, .dropdown-menu ui-accordion-header.ui-state-hover, #notification-dropdown ui-accordion-header.ui-state-hover, #inactiveuserlist-dropdown ui-accordion-header.ui-state-hover {
    background-color: #e7edf3;
    padding-left: 10px !important;
}

.dropdown-menu .ui-accordion-header-icon {
    right: 0.5em !important;
    left: auto !important;
}

.dropdown-menu .ui-accordion-content {
    background-color: #fff !important;
    overflow: hidden;
    border: 0 none;
    background: none;
}

    .dropdown-menu .ui-accordion-content ul {
        padding: 0;
    }

#notification-dropdown .ui-accordion-header.ui-state-default.ui-state-active.ui-corner-top.ui-accordion-icons:hover, #notification-dropdown .ui-accordion-header.ui-state-default.ui-accordion-icons.ui-corner-top:hover,
#inactiveuserlist-dropdown .ui-accordion-header.ui-state-default.ui-state-active.ui-corner-top.ui-accordion-icons:hover, #inactiveuserlist-dropdown .ui-accordion-header.ui-state-default.ui-accordion-icons.ui-corner-top:hover  {
    background-color: #e7edf3;
    padding-left: 10px !important;
}

.dropdown-menu .ui-accordion .ui-accordion-header.ui-state-hover {
    padding-left: 0px !important;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
    padding-left: 10px !important;
}

.user-card-actions .icon {
    margin: 0 6px;
    display: inline-block;
    height: 20px;
}

#EditShiftMaster .btn-group .multiselect, #ShiftRoster .btn-group .multiselect {
    position: static !important;
}

.multiselect-container label {
    color: #45494c;
}

.chart-sde-dashboard {
    min-height: 126px;
}

.charts-holder.piechart {
    position: relative;
}

.chart-nodata {
    left: 38%;
    position: absolute;
    top: 38%;
}

.sde-dashboard-other .dashboard-box {
    margin-bottom: 0;
    min-height: 190px;
    position: relative;
}


.ui-progressbar-value.ui-widget-header {
    background: url("../Images/ui-bg_gloss-wave_55_5c9ccc_500x100.png");
    background-position: 50% 50%;
    border: 1px solid #4297d7;
    color: #fff;
    background-color: #5c9ccc !important;
}

#SessionTimeOut {
    height: 150px !important;
    padding-top: 10px;
}

#modalDiv {
    height: 200px !important;
    overflow: hidden !important;
}

.sessiontimeoutContinue {
    background-color: #5078b3;
    color: #fff;
}

    .sessiontimeoutContinue.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
        position: static !important;
        height: 35px !important;
        padding: 5px 10px !important;
        margin: 0px !important;
        background-color: #5078b3;
        color: #fff;
        text-transform: uppercase;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        right: 10px !important;
        margin-top: 2px !important;
    }

        .sessiontimeoutContinue.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-hover {
            position: static !important;
            margin-top: 2px !important;
            background-color: #5078b3 !important;
            color: #fff !important;
        }

.bgSuccess {
    background-color: #dff0d8;
    color: #333;
    display: block;
    line-height: 1.5em;
    padding: 10px;
    width: 100%;
}

.bgdanger {
    background-color: #f2dede;
    color: #333;
    display: block;
    line-height: 1.5em;
    padding: 10px;
    width: 100%;
}

.login-form .alert-danger {
    display: block;
    padding: 10px;
    margin: 0;
}

.forgot-password-form #txtResetPWD {
    border: 1px solid #dedede !important;
}

.sde-dashboard-other .dashboard-box .lbl-number {
    font-size: 27px;
}

.sde-dashboard-other .dashboard-box .am-count-bottom {
    font-size: 12px;
    text-transform: uppercase;
}

.sde-dashboard-other .fa-trophy {
    font-size: 60px;
    color: rgb(52, 167, 200);
    margin: 34px 0 16px;
}
/*.ui-dialog{z-index:1000001 !important;}*/
.btn-group button.active {
    background-color: #428bca;
    border: 1px solid #428bca;
    color: #fff;
}

.address-book-icon:before {
    content: "\e66d";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 24px;
    cursor: pointer;
}

.multiselect-container > li > a {
    text-decoration: none !important;
}


.dd-grid-legend li {
    padding: 4px;
}

.dd-grid-legend .fa {
    color: #6e98d1;
}

.items-container .item-head .service-entitlement-icon {
    color: rgb(234, 237, 242);
    margin-top: 7px;
    margin-right: 4px;
}

.panel-heading .service-entitlement-icon {
    color: #8080ff;
    margin-top: -2px;
    margin-right: 4px;
}

.report-carousel-tiles .carousel-tile-container .footer i {
    display: none;
}

.select2-container .select2-choice .select2-arrow-popup b {
    background-image: url("../Images/select2.png") !important;
}


/*gamification Start*/
.dashboard-box-clickable:hover {
    background-color: #fff;
    box-shadow: 0 2px 5px #ccc;
    cursor: pointer;
}

.headerStyle {
    background-image: url(../images/blue_arrow_down.gif);
    background-repeat: no-repeat;
    background-position: right;
}


.headerSelectedStyle {
    background-image: url(../images/blue_arrow_up.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: left;
}

.add-action-item {
    color: #333333;
}

    .add-action-item span {
        color: #333333;
        font-weight: normal;
        margin-left: 4px;
    }

.action-items-grid-container {
    float: left;
    height: 240px;
    overflow: auto;
    width: 49%;
    margin-left: 5px;
}

.cmdButtonControls {
    width: 100%;
    margin-bottom: 15px;
}



.popup-form-container {
    margin-top: 3px;
    margin-left: 5px;
    border-radius: 5px;
    padding-top: 14px;
}

.tab-gamification-pop {
    margin-left: 6px;
    margin-right: 6px;
}

.recent-achievement-list {
    padding: 0;
    margin: 0;
}

    .recent-achievement-list li {
        display: block;
    }

.trInstance .frmLbl {
    font-size: 13px;
}

.trInstance select {
    font-size: 12px;
    padding: 4px;
    border-radius: 3px;
}

.popup-form-container .z-content-inner {
    padding-left: 18px !important;
}

.z-content ul.pagination li {
    padding-left: 0px !important;
} /*Added for pagination buttons stop move right*/ 

.popup-form-container .z-link {
    font-size: 14px !important;
    font-weight: normal !important;
}

.tbl-selectinstance {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

.tbl-dashboard-content tr td {
    font-size: 13px;
}

#dvGamificationHistory {
    height: 232px;
    overflow-x: auto;
    overflow-y: auto;
    border: 1px solid #dedede;
}

.form-container {
    min-height: 462px;
}

.achievement-history h2 {
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 2px;
    padding-bottom: 1px;
    text-align: left;
    text-shadow: 0 2px 2px #FFFFFF;
    font-weight: 600 !important;
    text-shadow: 0 1px 0 #fff;
    line-height: 1.42857143;
    vertical-align: top;
    background-color: #e6e9ed !important;
    border-color: #ccc !important;
    padding: 3px !important;
}

.load-more-btn {
    box-shadow: 1px 2px 4px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    text-align: center;
    background-color: #F4F4F4;
    border: 1px solid #ccc;
    width: 200px;
}

    .load-more-btn a {
        color: #555555;
        text-decoration: none;
        font-size: 15px;
    }

.achievement-history {
    background-color: #EEEEEE;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.AchievementDetail .progress-knob input {
    margin-top: 40px !important;
}

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

.achivements-wrap {
}

.achieved-number {
    background-color: #91BFFF;
    border-bottom-color: -moz-use-text-color;
    border-radius: 9px;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin-right: 5px;
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
}

.achievement-box {
    width: 140px;
    border-radius: 0px;
    text-align: left;
    font-weight: normal;
    float: left;
    border: 1px solid rgb(204, 204, 204);
    font-size: 15px;
    margin: 4px;
}

.badge-title {
    border-bottom: 1px solid rgb(204, 204, 204);
    background-color: rgb(247, 247, 247);
    padding: 2px 0px 2px 6px;
}

.badge-image {
    float: left;
    padding-bottom: 8px;
    width: 100%;
    text-align: center;
    padding-top: 8px;
}

.tdAchivementName {
    font-weight: bold;
}

.AchievementDetail .table-striped tr td img {
    margin: auto;
}

.AchievementDetail .box {
    margin-top: 0 !important;
}

#dvGamificationHistory > table:nth-child(odd) tr td {
    background-color: #fff !important;
}

/*gamification End*/
/*#SPopUp-outer{
    background:#fff url("../Images/AM_Waiting1.GIF") no-repeat 50% 50% !important;
}*/

.tab-highlighter {
    /*color: red;*/
    color: #1E252C;
    font-size: 13px;
    position: absolute;
    right: 14px;
    top: -2px;
}

.modal-header {
    background-color: #F7F7F7 !important;
    padding: 9px !important;
}

    .modal-header .bootbox-close-button.close {
        top: 0px !important;
    }

.description-max-width1 {
    width: 270px;
    overflow: auto;
}

.description-max-width2 {
    width: 350px;
    overflow: auto;
}

.carousel-view-icon:before {
    content: "\e66f";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 26px;
    cursor: pointer;
}

.btn-mini.active .carousel-view-icon:before {
    color: #fff;
}

.tree-view-icon:hover:before {
    color: #000;
}

.carousel-view-icon:hover:before {
    color: #000;
}

.tree-view-icon:before {
    content: "\e670";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 26px;
    cursor: pointer;
    cursor: hand;
}

.btn-mini.active .tree-view-icon:before {
    color: #fff;
}

.approvals-icon:before {
    -moz-text-decoration-color: inherit;
    -moz-text-decoration-line: inherit;
    -moz-text-decoration-style: inherit;
    color: #7c7c7c;
    content: "\e671";
    cursor: pointer;
    font-family: icomoon;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    left: 0%;
    line-height: 1.5em;
    position: absolute;
    top: 0px;
}

.approvals-icon:hover:before {
    color: #5078b3 !important;
}

.approvals-icon {
    margin-top: 5.7px;
}

.btn-mini.active .tree-view-icon:before {
    color: #fff;
}

.img-tileview-action {
    width: 18px;
    height: 15px;
}

.stabs2 ul#tabs {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0px !important;
}

    .stabs2 ul#tabs li {
        display: inline-block;
        background-color: white;
        padding: 5px 12px;
        margin-bottom: 0px;
        color: black;
        cursor: pointer;
    }

        .stabs2 ul#tabs li:hover {
            background-color: whitesmoke;
            border-top: solid 3px gray;
        }

        .stabs2 ul#tabs li.active {
            background-color: #fff;
            border: 1px solid #dedede;
            border-top: solid 3px #5078b3;
            border-bottom: 1px solid #fff;
        }

.stabs2 ul#tab {
    list-style-type: none;
    margin: -1px 0 0 0;
    padding: 0;
}

    .stabs2 ul#tab li {
        display: none;
    }

        .stabs2 ul#tab li.active {
            display: block;
        }

.showExportOpt {
    background-color: #ebeef1;
    padding: 6px 10px;
    max-width: 220px;
    position: absolute;
    border-left: 1px solid #d4d6d7;
    border-top: 1px solid #d4d6d7;
    border-bottom: 1px solid #d4d6d7;
    box-shadow: -2px 0px 3px 0px #ccc;
}

    .showExportOpt a {
        width: 100%;
        float: left;
        clear: both;
        line-height: 1.3em;
        white-space: nowrap;
    }

        .showExportOpt a:focus {
            text-decoration: none;
        }

.detail-page .search-container i {
    font-size: 14px;
}
/*Merged from Hotfix-Start*/

.mstGV tr td table td {
    border: none;
}

.word-break {
    word-break: break-all;
}

.overflow-wrap {
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
}


/*.nicescroll-rails {
    z-index: 100 !important;
}*/

.edit-icon {
    background: transparent url(../images/grid_edit.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
}

.dash-csat-Main {
    width: 49%;
    margin-top: 10px;
    padding: 0px 5px;
}

.dash-csat-topbox {
    position: relative;
    min-height: 150px;
}

.dash-csat-bottombox {
    position: absolute;
    left: 0px;
    width: 100%;
}

.lbl-numberothers {
    font-size: 20px;
}

/**Target only firefox */
@-moz-document url-prefix() {
    /*.hidden-xs.col-xs-1,.col-xs-1.disp-tbl-cell {
position: absolute;
right: 0px;
padding: 0;top:0;
}
.gv-container .panel.panel-default{width:90%;}*/
    .header-adjust {
        padding-right: 19px !important;
    }

    .hidden-xs.col-xs-1, .col-xs-1.disp-tbl-cell {
        padding-right: 0px;
    }

    .col-xs-12.disp-table.gv-container, .col-xs-12.disp-table {
        padding-right: 0px;
    }
    /*.filters {
        position: relative;
    }*/
    .action-container {
        /*background-color: #ebeef1;
        height: auto;
        min-height: 500px;
        height: 100%;
        position: static;
        right: auto;
        top: auto;
        width: auto;
        max-width: 124px;*/
    }

    .lnk-moz {
        height: 76px;
        margin-left: 12px;
        margin-right: 8px;
        margin-top: 31px;
    }

    .lnk-pad-left {
        margin-left: -13px;
    }

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


    .bootstrap-filestyle .fa-upload {
        font-size: 16px;
    }
}

.leave-notification-icon {
    background: transparent url('../images/leave-icon.png') no-repeat scroll 0 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    margin-right: 2px;
}

.address-book-icon {
    margin-right: 2px;
}

.bootbox.modal.fade.my-modal.in {
    direction: ltr;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    z-index: 10001;
}

.ui-widget-overlay.ui-front {
    z-index: 1000;
}

.close-icon {
    background: transparent url(../images/window_close.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}

.sde-dashboard-container-margin {
    display: block;
    margin-bottom: 10px;
}

.btn-edit-profile-image {
    /*background-color: #5078b3;*/
    background-color: #316198;
    padding: 1px 12px;
    color: #fff;
    font-size: 13px;
    border: 1px solid #316198;
    border-radius: 4px;
}

    .btn-edit-profile-image:hover, .btn-edit-profile-image:focus {
        color: #fff;
    }

    .btn-edit-profile-image .fa-edit {
        font-size: 14px;
        color: #fff;
    }

.btn-remove-profile-image {
    position: absolute;
    top: -4px;
    right: 66px;
}

    .btn-remove-profile-image .fa-remove {
        font-size: 16px;
        color: #f3565d;
    }

/*Merged from Hotfix-END*/

.color-fa-fa-tasks {
    color: #7c7c7c;
    padding-bottom: 5px;
    vertical-align: 0;
}

.list-box {
    box-shadow: inset 0px 0px 2px #dedede;
    border: 1px solid #dedede;
}

.display-inline {
    display: inline !important;
}

.spagination .btn-default {
    padding-top: 5px;
    padding-bottom: 5px;
}

.customer-icon:before {
    content: "\e672";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 18px;
    cursor: pointer;
}

.deadline-icon:before {
    content: "\e67a";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.performance-icon:before {
    content: "\e678";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.maintenance-icon:before {
    content: "\e674";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.approvals-tab-icon:before {
    content: "\e677";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.service-composition-icon:before {
    content: "\e676";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.financial-detail-icon:before {
    content: "\e673";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.contract-detail-tab-icon:before {
    content: "\e675";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.risk-tab-icon:before {
    content: "\e679";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.validation-tab-icon:before {
    content: "\e62f";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.target-tab-icon {
    color: rgb(110, 152, 208);
    font-size: 31px;
}

.requirement-tab-icon:before {
    content: "\e62f";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.measurement-tab-icon:before {
    content: "\e62f";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.buisness-scenario-icon:before {
    content: "\e67b";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.hardware-variance-tab-icon:before {
    content: "\e64e";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.software-variance-tab-icon:before {
    content: "\e64d";
    font-family: icomoon;
    font-size: 31px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-riskupdate:before {
    content: "\e92a";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #7c7c7c;
}


/*availability executive dashboard related css */
.avm_edb {
    padding: 10px;
    min-height: 0px;
    max-height: 120px;
}

    .avm_edb .caption {
        /*color: #729ad7;*/
        color: #474C51; /*color contrast*/
        font-size: 13px;
        text-transform: uppercase;
    }

    .avm_edb .seperator {
        border-left: 1px solid #cccccc;
        float: left;
        height: 120px;
    }

    .avm_edb .divBlock {
        display: inline-block;
        padding-right: 30px;
        text-align: center;
    }

.avm_edb_openissuediv {
    min-height: 0px;
    max-height: 700px;
    position: absolute;
    width: 18%;
    overflow: auto;
    z-index: 500;
}

.avm_edb_openissuedivbylocation {
    min-height: 440px;
    max-height: 440px;
    overflow: auto;
    background-color: #e4e4e4;
}

.avm_edb_panelheading {
    /*background-color:#6999e1 !important;*/
    /*background-color: #818181 !important;*/
    background-color: #595959 !important; /*color contrast*/
    color: white !important;
    padding-top: 4px;
    padding-bottom: 4px;
    /*text-transform:uppercase !important;*/
}

.avm_edb_panelbody {
    width: 100%;
    min-height: 20px;
    /*max-height:120px;*/
    /*overflow:auto;*/
    overflow-y: hidden;
    background-color: #e4e4e4;
    padding-right: 20px;
    color: #545454;
}

.avm_edb_a {
    text-decoration: none;
    /*color:blue;*/
    /*color: #545454;*/
    color: #000000; /*color contrast*/
}

.avm_edb_card_titlefooter {
    background-color: lightgray;
    height: 24px;
}

.avm_edb_card_outerdiv {
    border: 8px solid #6999e1;
    min-height: 50px;
    max-height: 215px;
}

.avm_edb_card_innercontainer {
    height: 200px;
    border: 8px solid #6999e1;
}

.avm_edb_card_innercontent_heading {
    border-bottom: 1px solid #6999e1;
    padding-bottom: 3px;
    color: #6999e1;
}

.avm_edb_card_innercontent {
    margin: 0px !important;
    height: 155px;
    overflow: auto;
    overflow-x: hidden;
}

.avm_popup_details_chartsection {
    height: 200px;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
}

.avm-collapsable-text {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: capitalize;
}

/*avm common view list dashboard related css*/
.avm-tabs {
    border: 1px solid #e4e5e5;
    background-color: #e7edf3 !important;
}
    /*.avm-tabs li{width:50px !important;min-height:50px !important;background-color: #e4e5e5 !important;}
.avm-tabs li:hover{min-height:64px !important;width:75px !important;background-color: #e7edf3 !important;}
.avm-tabs li a{width:50px !important;font-size:8px;display:none;}
.avm-tabs li:hover a{display:block !important;width:75px !important;}*/
    .avm-tabs li {
        width: 68px !important;
        min-height: 50px !important;
        background-color: #e4e5e5 !important;
    }

        .avm-tabs li a {
            width: 68px !important;
            font-size: 8px;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

.avm-viewType-ddText {
    line-height: 31px;
}

.avm-asptable-th {
    border: 1px solid #eee;
    padding: 0.4em 0.6em;
    text-overflow: ellipsis;
    white-space: normal;
    vertical-align: middle;
    font-weight: normal;
    color: #474747;
    word-wrap: break-word;
    font-size: 13px;
    font-weight: 600 !important;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
}

.avm-cv-popupdetails-chart-box-container {
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    /*border: 1px solid #E0E0D1;*/
    height: 310px;
    /*margin: 2px 2px 2px 2px;*/
    width: 100%;
}

.avm-cv-graph-boxcontainer-when-nodata {
    text-align: center;
    font-size: 10px;
    position: relative;
    width: 100%;
    height: 300px;
}

.avm-cv-graph-boxcontainer-when-nodata-span {
    position: absolute;
    top: 50%;
    left: 40%;
}

.avm-satus-dashboard-box {
    border: 1px solid #e7edf3;
    text-align: center;
    min-height: 110px;
    margin-bottom: 2.5%;
    background-color: #fff;
    padding-top: 5%;
}

.avm-dashboard-box-without-border {
    text-align: center;
    min-height: 180px;
    margin-bottom: 2.5%;
    background-color: #fff;
    padding-top: 3%;
}

.avm-dashboard-box-minheight-80 {
    text-align: center;
    min-height: 80px;
    margin-bottom: 2.5%;
    background-color: #fff;
    padding-top: 3%;
}

.avm-dashboard-item-container {
    border: 1px solid #e8edf2;
    background-color: #fdfdfe;
    margin-bottom: 10px;
    padding-bottom: 15px;
    min-height: 100px;
}

    .avm-dashboard-item-container .lbl-module {
        font-size: 14px;
        color: #333;
    }

    .avm-dashboard-item-container .title {
        padding: 10px 5px;
    }

    .avm-dashboard-item-container .legend-title {
        background-color: #fdfdfe;
        width: 30%;
        border: 1px solid #e8edf2;
        /*border-bottom:none;*/
        margin-left: -1px;
        margin-top: -33px;
        padding: 5px;
        float: left;
        text-transform: uppercase;
    }

    .avm-dashboard-item-container .lbl-module {
        padding-left: 15px;
    }

.avm-cv-dashboard-item-container {
    /*border: 1px solid #e8edf2;*/
    background-color: #fdfdfe;
    margin-bottom: 10px;
    padding-bottom: 15px;
    min-height: 100px;
}

    .avm-cv-dashboard-item-container .lbl-module {
        font-size: 14px;
        color: #474C51;
    }

    .avm-cv-dashboard-item-container .title {
        padding: 10px 5px;
    }

    .avm-cv-dashboard-item-container .legend-title {
        background-color: #fdfdfe;
        width: 30%;
        border: 1px solid #e8edf2;
        /*border-bottom:none;*/
        margin-left: -1px;
        margin-top: -33px;
        padding: 5px;
        float: left;
        text-transform: uppercase;
    }

    .avm-cv-dashboard-item-container .lbl-module {
        padding-left: 15px;
    }

.icon-Details:before {
    content: "\e6a4";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.stpi-ct-icon:before {
    content: "\e972";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-services:before {
    content: "\e6a8";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-snmptrap:before {
    content: "\e6a5";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-ipsla:before {
    content: "\e6aa";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-link_err2:before {
    content: "\e6a6";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-vm2:before {
    content: "\e688";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-User_Session:before {
    content: "\e68d";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-oracle2:before {
    content: "\e68f";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Perf2:before {
    content: "\e690";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-port2:before {
    content: "\e691";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-mon_sum:before {
    content: "\e692";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-MS_SQL_Server2:before {
    content: "\e693";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-link_utl:before {
    content: "\e694";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-zombiacopy2:before {
    content: "\e695";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-HardwareHealth:before {
    content: "\e696";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-History:before {
    content: "\e697";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-interface:before {
    content: "\e698";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-env_par:before {
    content: "\e69d";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Event_Log:before {
    content: "\e69e";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Exchange_Server:before {
    content: "\e69f";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Hard_disk_Utilization:before {
    content: "\e6a0";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-CPU_Memory_Utilizations:before {
    content: "\e6a7";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-applog:before {
    content: "\e6a2";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Buffer_and_Swap_memory:before {
    content: "\e6a3";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

#pageblocker {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background-color: #fff;
    z-index: 1000;
    overflow: auto;
}

    #pageblocker div {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 5em;
        height: 2em;
        margin: -1em 0 0 -2.5em;
        color: #fff;
        font-weight: bold;
    }

.map-marker .greenDot {
    border: 6px solid #73b236;
    background: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 12px;
    width: 12px;
    position: absolute;
}

/*.map-marker .redDot {
    border: 10px solid red;
	background: transparent;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	height: 20px;
	width: 20px;
	position: absolute;
}*/

.map-marker .redDot {
    border: 6px solid #da534f;
    background: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 12px;
    width: 12px;
    position: absolute;
}

.map-marker .yellowDot {
    border: 6px solid #e1a930;
    background: transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    height: 12px;
    width: 12px;
    position: absolute;
}

.tableDivClass {
    width: 98%;
    min-height: 180px;
    max-height: 180px;
    padding: 2px 2px;
    overflow: auto;
}

.top10TableDivClass {
    width: 98%;
    min-height: 255px;
    max-height: 255px;
    padding: 2px 2px;
    overflow: auto;
}

.avm-dashboard-box {
    border: 1px solid #e7edf3;
    text-align: center;
    min-height: 320px;
    max-height: 320px;
    margin-bottom: 4.5%;
    background-color: #fff;
    padding-top: 5%;
}

.avm_rpt_db_outerTableDiv {
    margin: 10px 10px;
}

.avm_srv_rpt_db_divheading {
    width: 98%;
    /*background-color:#6999e1;*/
    /*background-color: #818181;*/
    background-color: #979FA9; /*color contrast*/
    height: 30px;
    /*color: white;*/
    color: #1E252C;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 7px;
}

/* QuickLinks */
.quicklinks-heading {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dedede;
    margin-bottom: 16px;
    text-transform: uppercase;
    padding-left: 0;
}

.quicklinks-Menu {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 0;
}

.quicklinks-body {
    border: 1px solid #ccc;
    padding: 10px;
    Height: 200px;
    width: 180px;
}

.quicklinks-group {
    padding: 20px;
    border: 1px solid #dedede;
}

.quicklinks-row {
    padding-left: 10px;
    padding-right: 25px;
}

.quicklinks-CloseImg {
    Height: 14px;
    Width: 14px;
    cursor: pointer;
}


.quicklinks-Div {
    margin-left: 8px;
    margin-right: 8px;
    border: 1px solid #ccc;
    padding: 10px;
    Height: 200px;
    width: 180px;
}

    .quicklinks-Div:hover {
        margin-left: 8px;
        margin-right: 8px;
        background-color: #E0E0E0;
        box-shadow: 1px 1px 5px 5px #BBB;
        /*border: 1px solid black;*/
        opacity: 0.7;
    }

.quicklinks-Img {
    Height: 125px;
    width: 130px;
}

.quicklinks-ImgDiv {
    padding-top: 25px;
    margin-left: 12px;
    margin-right: 5px;
}
/* end of quicklinks css*/


.filediffBlue {
    background-color: Blue;
    font-weight: bold;
    color: White;
}

.filediffGreen {
    background-color: Green;
    font-weight: bold;
    color: White;
}

.filediffRed {
    background-color: red;
    font-weight: bold;
    color: White;
}

.filediffLeftDiv {
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
}

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

.fontSize18 {
    font-size: 18px;
}

.multiselect-container li a label {
    word-wrap: break-word !important;
    white-space: normal;
}

.multiselect-container {
    max-width: 350px;
}

.detail-page .multiselect-container {
    max-width: 100% !important;
    word-break: break-all;
}

.nicEdit-main {
    width: 99.5% !important;
    padding-left: 4px;
    margin: 1px !important;
}

.close-icon {
    background: transparent url(../images/window_close.png) no-repeat scroll 0 0;
    width: 24px;
    height: 17px;
}


/*  Merged from v51-Hotfix Changeset:44204 - 44844 -- start---   */


.nicEdit-pane input[type=text] {
    padding: 0 2px !important;
    height: 20px;
}

.action-title-with-filter a {
    white-space: nowrap;
}

.custom-form-group .col-md-2 span {
    font-weight: 600;
    color: #737373;
}

.Incdchecklist .select2-chosen {
    text-decoration: none !important;
}

.Incdchecklist .MstRow td:nth-child(7) {
    white-space: nowrap;
}

.select2-container a.select2-choice {
    text-decoration: none !important;
}

.slider-wrap {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 22px;
}

.slider-nav {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #6e98d0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 4;
    top: 0px;
    color: #fff;
    text-align: center;
}

#slider-left {
    left: 0px;
}

#slider-right {
    right: 0px;
}

.slide-wrap {
    position: absolute;
    height: 20px;
    top: 0;
    left: 0;
}

.slider-slide-wrap {
    position: absolute;
    width: 150px;
    height: 100%;
}

.col-margin {
    margin-left: -5px !important;
}

.tablesaw-swipe {
    -webkit-user-select: none !important;
}
/*  Merged from v51-Hotfix Changeset:44204 - 44844 -- END---   */

.tsGV tr td, .tsGV tr th {
    border: 1px solid #ccc;
}

.projectpopup {
    background-color: #fff;
    width: 400px;
    padding: 10px 29px;
    height: 300px;
    border: 1px solid #ccc;
    box-shadow: 2px 3px 10px #dedede;
}


/*  Merged from v51-Hotfix 28May to 02 June Changes -START*/

.margin-col {
    padding-left: 33px;
    margin-top: 39px;
}

.margin-row {
    padding-top: 0px;
    margin-top: -17px;
}

.asset-info-card .form-group .control-label.col-sm-5 {
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hide-offscreen {
    left: -999999em;
    position: absolute;
}

.negative-value {
    color: #d20101 !important;
}

.caller-detail-icon {
    font-size: 18px;
    color: #666666;
}
/*  Merged from v51-Hotfix 28May to 02 June Changes -END*/
.input-group-checkbox {
    text-align: right;
    position: absolute;
    z-index: 1;
    background-color: rgb(249, 249, 249);
    margin-top: 1px;
    right: 37px;
    border-left: 1px solid rgb(206, 206, 206);
    padding: 0 8px;
    height: 23px;
}

.noclose .ui-dialog-titlebar-close {
    display: none !important;
}

.export-excel-icon-modified {
    height: 32px;
}

.input-group-checkbox-lg {
    background-color: rgb(249, 249, 249);
    border-left: 1px solid rgb(206, 206, 206);
    height: 30px;
    margin-top: 1px;
    padding: 5px 10px 0;
    position: absolute;
    right: 37px;
    text-align: right;
    z-index: 1;
}

.modalbox-description-ticketdetail {
    overflow: hidden;
}

div.tooltip-inner {
    max-width: 100%;
}

.tab-pane .timeline {
    max-width: 470px;
}

.top-records a.control-label {
    font-family: Arial;
}

.user-card-actions .f-right {
    margin-top: 4px;
}

.user-card-actions .f-left {
    margin-top: 3px;
}

.usertype-count {
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    background-color: #c96f43;
    position: absolute;
    /*color: white;*/
    color: #000; /*color contrast*/
    padding: 3px 5px;
    top: 0px;
    right: 0px;
    height: 22px;
    line-height: 1.2em;
}

.rpt-referesh-btn {
    position: absolute;
    right: 28px;
    font-size: 22px;
    top: 12px;
    z-index: 1;
}

.msg-active-session {
    background-color: lightgreen;
    padding: 5px;
    margin-left: 15px;
    color: darkgreen;
}

/*Tooltip  */
.tootltip-heading {
    font-size: 12px;
    width: 180px;
    font-family: Open Sans;
    text-align: left;
    font-weight: bold;
    margin-top: 8px;
    padding-top: 0px;
}

.tootltip-description {
    font-size: 11px;
    font-family: Open Sans;
    text-align: left !Important;
    width: 180px;
    white-space: initial;
}

.tooltip {
    z-index: 101 !important;
}

.actions .icon + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.actions .icon + .tooltip > .tooltip-arrow {
    border-left-color: #6999e0 !important;
    border-width: 7px 0 6px 6px !important;
    right: 0px;
    top: 43%;
    margin-top: -5px;
}

.actions .control-label + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.actions .control-label + .tooltip > .tooltip-arrow {
    border-left-color: #ccc !important;
    border-width: 7px 0 6px 6px !important;
    right: 0px;
    top: 43%;
    margin-top: -5px;
}

.filters .filter-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.filters .filter-tooltip + .tooltip > .tooltip-arrow {
    border-left-color: #6999e0 !important;
    border-width: 7px 0 6px 6px !important;
    right: 0px;
}


.InctIcon + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.InctIcon > .tooltip-arrow,
.actions .control-label + .tooltip > .tooltip-arrow {
    border-left-color: #6999e0 !important;
    border-width: 7px 0 6px 6px !important;
    right: -2px;
    top: 43%;
    margin-top: 0px;
}

.actions .control-label + .tooltip > .tooltip-arrow {
    right: 0;
}

.filter-title .filter-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.filter-title .filter-tooltip + .tooltip > .tooltip-arrow {
    border-left-color: #6999e0 !important;
    border-width: 7px 0 6px 6px !important;
    right: 0px; /*top:43%; margin-top:-5px;*/
}

.tooltip.in {
    opacity: 1;
}

.avm-server-img {
    position: relative;
}

    .avm-server-img:before {
        position: absolute;
        content: " ";
        width: 21px;
        height: 22px;
        top: 44px;
        left: 8px;
    }

.avm-server-img_Unknown:before {
    background: url("../images/unknownOS.gif");
}

.avm-server-img_winOS:before {
    background: url("../images/winOS.png");
}

.avm-server-img_LINUX:before {
    background: url("../images/linuxOS.png");
}

.avm-server-img_REDHAT:before {
    background: url("../images/redhatOS.png");
}

.avm-server-img_DEBIAN:before {
    background: url("../images/debianOS.png");
}

.avm-server-img_SUSE:before {
    background: url("../images/suseOS.png");
}

.avm-server-img_UNIX:before {
    background: url("../images/unixOS.png");
}

.avm-server-img_UX:before {
    background: url("../images/hpuxOS.png");
}

.avm-server-img_SUN_SOLAR:before {
    background: url("../images/sunOS.png");
}

.avm-server-img_AIX:before {
    background: url("../images/aixOS.gif");
}

.avm-server-img_VMWARE:before {
    background: url("../images/vendor_vm.png");
}

.avm-server-down-icon {
    font-size: 14px;
    color: #da534f;
}

.avm-server-up-icon {
    font-size: 14px;
    /*color: #73b236;*/
    color: #528238; /*color contrast*/
}

.avm-server-alert-icon {
    font-size: 14px;
    color: #e1a930;
}

.progress {
    height: 12px;
    margin-top: 8px;
    margin-bottom: 0;
}

.ProgressPercentage {
    position: relative;
    vertical-align: top;
    padding-top: 9px;
}

.avm-img-alignment {
    vertical-align: top;
}

.avm-img-vendor-alignment {
    vertical-align: top;
    position: absolute;
    top: 20px;
    right: 29px;
}

.avm-btn-lineheight {
    line-height: 1.25em;
}

.profile-Mapping-icon {
    background: url(../images/icon-copy.png) no-repeat scroll center center transparent;
    width: 24px;
    height: 24px;
    border: 0 none;
}

.wordBreak {
    word-wrap: break-word !important;
}

.lnk-open-rpt {
    width: 20px !important;
    display: inline-block !important;
    float: right;
}

.modules-tile-container {
    /*background-color: rgb(246, 246, 246);*/
    background-color: #EEF0F3;
    border: 1px solid #e7e7e7;
    min-height: 150px;
    position: relative;
    padding-top: 30px;
}

.module-name {
    /*background-color: rgb(159, 174, 195);*/
    background-color: #55687F;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
}

    .module-name a {
        color: #fff;
    }

#module-tiles-wrappers {
    margin-top: 60px;
}

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

.module-image {
    margin: auto;
}

.modules-tile-container .AM {
    background: transparent url("../images/m_AM.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 42px;
}

.modules-tile-container .EPROC {
    width: 52px;
    height: 30px;
}

    .modules-tile-container .EPROC:before {
        content: "\e985";
        font-family: icomoon;
        font-size: 46px;
        color: #7c7c7c;
        position: relative;
        line-height: 1em;
    }

.modules-tile-container .IM {
    background: transparent url("../images/m_IM.png") no-repeat scroll 0 0 !important;
    width: 47px;
    height: 48px;
}

.modules-tile-container .SR {
    background: transparent url("../images/m_SR.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 42px;
}

.modules-tile-container .AVM {
    background: transparent url("../images/m_AVM.png") no-repeat scroll 0 0 !important;
    width: 42px;
    height: 41px;
}

.modules-tile-container .CMDB {
    background: transparent url("../images/m_CMDB.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 42px;
}

.modules-tile-container .CM {
    background: transparent url("../images/m_CM.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 42px;
}

.modules-tile-container .KM {
    background: transparent url("../images/m_KM.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 43px;
}

.modules-tile-container .PM {
    background: transparent url("../images/m_PM.png") no-repeat scroll 0 0 !important;
    width: 40px;
    height: 40px;
}

.modules-tile-container .PT {
    background: transparent url("../images/m_PT.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 43px;
}

.modules-tile-container .RM {
    background: transparent url("../images/m_RM.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 43px;
}

.modules-tile-container .SMSMGMT {
    background: transparent url("../images/m_smsmgmt.png") no-repeat scroll 0 0 !important;
    width: 41px;
    height: 43px;
}

.wordBreak {
    word-wrap: break-word !important;
}

.kb-subject-know {
    left: 60px !important;
    top: 8px !important;
}

    .kb-subject-know a {
        color: #555 !important;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 94%;
        display: inline-block;
        float: left;
    }

.kb-details-know {
    left: 60px !important;
    top: 29px !important;
}

/*.side-box-carousel #owl-km .item {
    margin: 3px;
    width: 200px;
}

    .side-box-carousel #owl-km .item img {
        display: block;
        width: 185px;
        height: auto;
    }

.side-box-carousel #owl-km {
    width: 200px;
    margin: auto;
}*/

.side-box-carousel .owl-buttons > div {
    background: none !important;
}

    .side-box-carousel .owl-buttons > div i {
        color: #666;
        font-size: 51px;
    }

/*.side-box-carousel #owl-km .item img {
    display: block;
    height: auto;
    margin: 10px;
}*/

.ddlPagination_km {
    position: absolute;
    top: 43px;
    z-index: 1;
    left: 0px;
}

    .ddlPagination_km select {
        width: 45px !important;
    }

.icon-uniE607:before {
    content: "\e607";
}

.km-dash-icon {
    float: none !important;
    display: inline-block;
    color: #fff !important;
    font-size: 30px;
    height: 20px;
    padding-left: 10px;
    width: 20px;
    margin-right: 32px;
}

    .km-dash-icon:before {
        content: "\e607";
        font-family: icomoon;
        color: #979FA9;
    }

.dashboard-tab.active .km-dash-icon:before {
    color: #fff;
}

#login-carousel .owl-prev, #login-carousel .owl-next {
    display: none;
}


/*Added newly for KB dashboard*/
/*#owl-km .owl-buttons .owl-prev {
    top: 40%;
    left: -25%;
}

#owl-km .owl-buttons .owl-next {
    top: 40%;
    right: -25%;
}*/

.kb-img-thumbnail {
    width: 50px;
    min-height: 34px;
    display: block;
}


.width-adj-div tr td {
    word-wrap: normal;
}
/*Added for KB dashboard*/


/*Added for Drop DOwn First Letter capitalize*/
/*multiselect-all label.checkbox{text-transform:capitalize;}    
.select2-chosen,.btn-group .multiselect {
    text-transform: lowercase;
}

.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox
{text-transform:capitalize;}

.select2-chosen:first-letter,.btn-group .multiselect::first-letter {
    text-transform: uppercase; 
}*/


.bootstrap-filestyle .fa-upload {
    font-size: 17px;
}

#divEmailType .control-label {
    font-weight: 600;
    font-size: 13px;
}

/*Added for Accordion Section Divider*/
.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-header.ui-state-hover {
    border: 1px solid #9faec3;
    /*background: #9faec3;*/
    background: #C7D0DE; /*color contrast*/
    color: #1E252C;
}

    .ui-accordion .ui-accordion-header.ui-state-focus, .ui-accordion .ui-accordion-header.ui-state-hover {
        background-color: #6782a9;
    }


.ui-accordion .ui-state-active, .ui-accordion .ui-widget-content .ui-state-active, .ui-accordion .ui-widget-header .ui-state-active {
    border: 1px solid #9faec3;
    background: #9faec3;
}

.ui-accordion .ui-state-default, .ui-accordion .ui-widget-content .ui-state-default, .ui-accordion .ui-widget-header .ui-state-default {
    border: 1px solid #9faec3;
    /*background: #9faec3;*/
    background: #C7D0DE; /*color contrast*/
    color: #1E252C;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: .5em !important;
    left: auto !important;
}

.ui-accordion .ui-icon-triangle-1-s:before,
.ui-accordion .ui-icon-triangle-1-e:before {
    color: #1E252C !important;
}

.ui-accordion .ui-widget-content {
    border: 1px solid #9faec3;
}
/*End of Accordion Section Divider*/

.pagination-dropdown {
    position: relative;
    /*top: 2px;*/
}

.looking-ans-box .kb-details.kb-details-know, .looking-ans-box .kb-subject.kb-subject-know {
    left: 63px !important;
    top: 37px !important;
    right: 13px;
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.looking-ans-box .kb-subject.kb-subject-know {
    top: 13px !important;
}

.row.margin-zero {
    position: relative;
}

/*Added for Tile View No Data*/
.nodata-normal {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 28px;
    background: #f9f9f9;
    border: solid 1px #eee;
    z-index: 1;
}
/*End of Tile View No Data*/
.filters-space {
    white-space: normal !important;
}

.chkbox-align {
    margin-top: 10px;
    margin-left: 35px;
}

/*Added border for arrow buttons */
.arrow-boundary {
    border: 1px solid lightGray;
}

.lnk-height {
    height: 25px !important;
}

.lnk-top {
    margin-top: 40px;
    margin-left: 15px;
    margin-right: 15px;
}

.lnk-left {
    margin-left: -13px;
}

.lnk-margin-top {
    margin-top: 2px;
}

.lnk-space {
    margin-top: 45px;
    width: 20px;
    margin-left: -4px;
}

/*.arrow-left{
    margin-left:-3px;}*/

/*.lnk-height{
    height:23px ! important;}*/

.arrow-align {
    margin-top: 40px;
    margin-left: 20px;
    width: 15px;
    padding-left: 10px;
    padding-right: 18px;
}


.arrow2-align {
    margin-top: 40px;
    margin-left: 30px;
    width: 15px;
    padding-left: 10px;
    padding-right: 18px;
}

.arrow-left {
    margin-left: -13px;
}

.arrow-align-left {
    margin-top: 40px;
    margin-left: -14px;
    width: 37px;
    padding-left: 13px;
}

.lnk-align {
    margin-top: 40px;
    width: 37px;
    margin-left: -15px;
    margin-right: 15px;
}

.lnk-align-top {
    margin-top: 40px;
    height: 70px;
    width: 33px;
    padding-left: 10px;
    margin-left: 20px;
    margin-right: 8px;
}

.lnk-alignment {
    margin-top: 40px;
    width: 37px;
    margin-left: 15px;
    margin-right: 15px;
}

.arrow-margin-top {
    height: 70px;
    margin-top: 80px;
    width: 50px;
    margin-right: 15px;
}

.arrow-alignment {
    margin-top: 40px;
    width: 38px;
    margin-left: 14px;
}

.arrow-alignment-top {
    margin-top: 80px;
    margin-right: 15px;
    width: 40px;
}

.arrow-margin {
    margin-top: 75px;
    margin-left: 3px;
    margin-right: 15px;
    width: 40px;
}

.arrow-align-top {
    margin-top: 40px;
    width: 45px;
    margin-right: 15px;
    margin-left: 0px;
}

.arrow-align-right {
    margin-top: 40px;
    width: 36px;
    margin-right: 12px;
}

.arrow-position {
    margin-top: 40px;
    margin-right: 14px;
    margin-left: -6px;
    width: 42px;
}

.lnk-margin {
    margin-top: 50px;
    width: 40px;
}

.popover-margin {
    margin-top: 40px;
    margin-right: 8px;
    margin-left: 12px;
}


/*end of border of arrow button*/

.recent-tickets-box {
    border: 1px solid #e7edf3;
    float: left;
    width: 100%;
}

    .recent-tickets-box .head {
        border-bottom: 1px solid #e7edf3;
        padding: 4px;
        text-transform: uppercase;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .recent-tickets-box .content {
        background-color: #fff;
        min-height: 107px;
        padding: 5px;
    }

    .recent-tickets-box .ticket-row {
        clear: both;
        width: 100%;
    }

    .recent-tickets-box .ticket-count {
        /*color: #c1bcb6;*/
        color: #474C51; /*color contrast*/
        float: left;
        margin-right: 4px;
        width: 10%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .recent-tickets-box .ticket-count:hover {
            text-decoration: underline;
        }

    .recent-tickets-box .ticket-description :hover {
        text-decoration: underline;
    }

    .recent-tickets-box .ticket-description {
        /*color: #777;*/
        color: #474C51; /*color contrast*/
        float: left;
        margin-right: 2px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 69%;
    }

    .recent-tickets-box .status {
        border-radius: 4px;
        color: #fff;
        float: right;
        font-size: 11px;
        margin-bottom: 2px;
        overflow: hidden;
        padding: 1px 2px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 18%;
    }

.feedback-box .fb-count-container {
    min-height: 107px;
    float: left;
    width: 45%;
}

.feedback-box .count {
    background-color: #4dadbf;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-size: 30px;
    height: 50px;
    margin-top: 5px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
}

.feedback-box .fb-label {
    display: block;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    margin-top: 2px;
    font-size: 12px;
}

.feedback-box .content {
    padding: 0 !important;
}
/*.fb-count-container:nth-child(even) {
    color: green;border-left:1px solid #e7edf3;
}*/
.progressbaritem small {
    white-space: nowrap;
}

.form-control.noedit.error, .form-control.callerselection.ui-autocomplete-input.error {
    margin-left: -1px;
}

.dynamic_list-icon:before {
    content: "\e6b3";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 28%;
    line-height: 1.2em;
}

.dynamic_Configuration-icon:before {
    content: "\e6b2";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 35px;
    left: 28%;
    line-height: 1.2em;
}

.compact-table > thead > tr > th, .compact-table > tbody > tr > th, .compact-table > tfoot > tr > th, .compact-table > thead > tr > td, .compact-table > tbody > tr > td, .compact-table > tfoot > tr > td {
    padding: 2px;
    font-size: 11px;
}

.compact-table th, .compact-table-striped th {
    padding: 0.2em !important;
    /*background-color: #6999e1 !important;*/
    background-color: #979FA9 !important; /*color contrast*/
    /*color: white;*/
    color: #1E252C; /*color contrast*/
}

/* Code Merged from v5.1 HF03 -start*/
.dashboard-box .lbl-number {
    text-transform: uppercase;
}
/* Added for translate provider / Microsoft -START*/
.goog-te-combo {
    border: none !important;
    padding: 4px !important;
    margin: 0 !important;
}

.navbar-top-links .fa-globe {
    /*font-size: 24px !important;*/
    color: #7c7c7c;
}

#online-localization:active {
    min-height: 60px;
}

#google_translate_element {
    width: 200px;
    border: 1px solid #ccc;
    height: 26px !important;
    padding-top: 0px;
}

#MicrosoftTranslatorWidget, .MSTWBox {
    border: none !important;
    background: none !important;
}

#MSTWHeader {
    vertical-align: top;
    display: table-cell;
    border: none !important;
}

#MicrosoftTranslatorWidget {
    width: 231px !important;
}

#MSTWMenu {
    margin-top: -1px !important;
    border: 1px solid #ccc;
}

#MSTWGoButton {
    min-width: 36px;
}

#MSTWGoImage {
    margin-top: -9px !important;
    margin-left: -4px !important;
}
/* Added for translate provider / Microsoft -End*/

/*Ramakrishna Boligarla added to fix Progress bar issu when value is 0*/
.progress-bar[aria-valuenow="0"], .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
    min-width: 0px;
}

/*for label control background color*/
.fordisabledlabelbgcolor {
    background-color: #eee;
}

input[type=text]::-ms-clear {
    display: none;
}

.bootbox-confirm .modal-footer button {
    float: right;
    margin: 0 4px;
    height: 28px;
}

.user-card-actions .fa {
    height: 20px;
}
/* Code Merged from v5.1 HF03 -end*/

.dynamic-height {
    height: 1%;
    overflow: hidden;
}

.downtime-heading {
    color: #666;
    font-size: 13px;
    border-bottom: 1px solid #e3e3e4;
    margin-bottom: 6px;
    text-transform: uppercase;
}
/*START END POINT HERE */
.dashboard-box-totalsystem {
    margin-bottom: 0;
    min-height: 116px;
    position: relative;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border: 1px solid #e7edf3;
}

.dashboard-item-container-sub {
    border: 1px solid #e8edf2;
    background-color: #fdfdfe;
    margin-bottom: 12px;
    min-height: 75px;
}

.dashboard-item-container-Config {
    border: 1px solid #e8edf2;
    background-color: #fdfdfe;
    margin-bottom: 10px;
    padding-bottom: 15px;
    min-height: 220px;
}

.HeaderComp {
    float: left;
    /*background-color: #48a16c;*/
    background-color: #9AD6B2; /*color contrast*/
    width: 100%;
    height: 30px;
    padding-left: 14px;
    padding-top: 5px;
}

.ContentComp {
    background-color: #CCEAD8;
    /*height: 44px;
    padding-top: 4px;*/
    height: 57px;
    padding-top: 8px;
}

.HeaderComp_Score {
    float: left;
    /*background-color: #4c988c;*/
    background-color: #8AC9C0; /*color contrast*/
    width: 100%;
    height: 30px;
    padding-left: 14px;
    padding-top: 5px;
}

.ContentComp_Score {
    background-color: #CDE8E4;
    height: 100px;
}

.align-centerEP .fusioncharts-datalabels .fusioncharts-label tspan:first-child {
    float: left !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

.chart-container-defaultCenterLabel .raphael-group-2-dataset tspan:first-child {
    font-size: 30px !important;
    font-weight: 500;
    fill: rgb(65,65,65) !important;
}

.chart-container-defaultCenterLabel .raphael-group-2-dataset tspan:last-child {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.chart-container-defaultCenterLabel .raphael-group-2-dataset tspan:nth-last-child(-n+2) {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.chart-container-defaultCenterLabel .raphael-group-14-dataset tspan:first-child {
    font-size: 30px !important;
    font-weight: 500;
    fill: rgb(65,65,65) !important;
}

.chart-container-defaultCenterLabel .raphael-group-14-dataset tspan:last-child {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.chart-container-defaultCenterLabel .raphael-group-14-dataset tspan:nth-last-child(-n+2) {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.chart-container-defaultCenterLabel .raphael-group-26-dataset tspan:first-child {
    font-size: 30px !important;
    font-weight: 500;
    fill: rgb(65,65,65) !important;
}

.chart-container-defaultCenterLabel .raphael-group-26-dataset tspan:last-child {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.chart-container-defaultCenterLabel .raphael-group-26-dataset tspan:nth-last-child(-n+2) {
    fill: rgb(151,151,151) !important;
    font-size: 12px;
    font-weight: normal;
}

.sde-dashboard-other-Piechart-Rpt div.piechart {
    height: 120px !important;
    width: 24.5% !important;
    float: left;
    text-align: center;
}

.loader {
    width: 130px;
    height: 130px;
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 1px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    top: 30px;
    margin-left: auto;
    margin-right: auto;
}

    .loader canvas {
        border-radius: 50%;
    }

.counter {
    width: 100%;
    line-height: 100px;
    font-size: 24px;
    font-size: 30px !important;
    font-weight: 500;
    fill: rgb(65,65,65) !important;
    color: #000000;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0.5;*/
}


.item-numberEP {
    font-size: 13px;
    font-weight: 600;
    color: black;
}

.box1 {
    font-size: 10px;
    font-family: Tahoma;
    padding-left: 15px;
    border: 1px solid #da5347;
    overflow: hidden;
    background-color: #da5347;
}

.box2 {
    font-size: 10px;
    font-family: Tahoma;
    padding-left: 15px;
    border: 1px solid #E1A930;
    overflow: hidden;
    background-color: #E1A930;
}

.box3 {
    font-size: 10px;
    font-family: Tahoma;
    padding-left: 15px;
    border: 1px solid #73b236;
    overflow: hidden;
    background-color: #73b236;
}

.PercentageTag {
    padding-left: 20px;
    text-decoration: none !important;
    line-height: 1.5em;
}

.highValuecolor {
    /*color: #da5347;*/
    color: #474C51; /*color contrast*/
    cursor: default;
}

.LowValuecolor {
    /*color: #E1A930;*/
    color: #474C51; /*color contrast*/
    cursor: default;
}

.MediumValuecolor {
    /*color: #73b236;*/
    color: #474C51; /*color contrast*/
    cursor: default;
}

.AppliedPoints {
    margin-top: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.9em;
}

.HeadingBox {
    color: #1E252C;
    font-size: 14px;
}

.TotalEP {
    font-size: 12px;
}

.overall {
    /*color: white;*/
    color: #1C1C1C; /*color contrast*/
    font-size: 50px;
}

.comHeader {
    color: #1E252C;
    font-size: 14px;
}

.comChildText {
    /*color: white;*/
    color: #1C1C1C; /*color contrast*/
    font-size: 23px;
}

.comChildValue {
    /*color: white;*/
    color: #1C1C1C; /*color contrast*/
    font-size: 12px;
}

.PIEWIDTH {
    padding-top: 25px;
    width: 32% !important;
}


.filter-Dashboard {
    display: inline-block;
    position: absolute;
    top: 1px;
    background-color: rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 30px 0px 0px 30px;
    right: -14px;
    border-right: none;
    padding: 8px 18px;
}
/*END POINT HERE */

.select2-search-choice-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    /*--adjust as necessary--*/
    color: #000;
    font-size: 8px;
    padding-right: 0.5em;
    position: absolute;
    top: -1px;
    left: 0;
    padding-left: 0px;
    font-size: 14px;
    color: #777;
}

.avm-icon-link:before {
    content: "\e6f0";
    font-family: icomoon;
    font-size: 78px;
}

/*Code merged from v5.1HF03 Branch -- start*/

/* no data bold*/

.mstGV tr:first-child td:first-child, .table tr:first-child td:first-child {
    font-weight: 600;
}

/* for the heading bold and caps*/
.enduser-detail-page .group-heading h3 span.control-label {
    /*color: #737373;*/
    color: #474C51; /*color contrast issue*/
    font-size: 12px !important;
    font-weight: 600;
    width: 100%;
}
/* change history as accordion behaviour*/
.accord-header {
    /*background-color: #9faec3;*/
    background-color: #C7D0DE; /* color contrast issues */
    color: #474C51;
    font-size: 14px;
    margin: 8px;
    width: 100%;
    cursor: pointer;
}

.txtaccord {
    padding: 0px 10px !important;
    height: 27px;
    margin-right: 10px;
}
/* aligning borders*/
.listbox-alignment {
    margin-top: 30px;
    width: 45px;
}
/* aligning popup headers*/
.margin-left {
    margin-left: 10px;
}
/*For aligning addressbook */
.margin-addres {
    margin-left: 16px;
    width: 95%;
}

/*aligning the borders*/
.boundary-align {
    margin-top: 60px;
}

.marginforlink {
    margin-top: 60px;
}
/*Code merged from v5.1HF03 Branch -- end*/
/*PM*/
/*project management styles*/
.proj-manage-page h3 > i {
    float: right;
}

.proj-manage-page .summit-panel {
    height: 300px;
}

.proj-manage-page .project-details .row-item label:first-child {
    color: #acabab;
}

.status-label {
    min-width: 40px;
    background: #3679b2;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.proj-manage-page .project-details .progress {
    margin: 0;
    display: inline-block;
}

.project-title {
    font-size: 16px !important;
    margin: 0;
    color: #555 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.proj-header, .proj-header-detail {
    border-bottom: solid 1px #dedede;
    min-height: 47px;
    padding-top: 7px;
    position: relative;
}

    .proj-header > div {
        padding-top: 10px;
        padding-bottom: 7px;
    }

.add-proj-btn a {
    margin-right: 10px;
    line-height: 42px;
}

.add-proj-btn i {
    padding-right: 4px;
    font-size: 10px;
}

.proj-header .input-group {
    line-height: normal;
    margin-top: -5px;
}

.proj-header-detail {
    overflow: initial;
}

.proj-notif-panel {
    min-height: 20px;
    margin-top: 7px;
}

    .proj-notif-panel a, .proj-notif-panel a:hover {
        text-decoration: none;
        cursor: pointer !important;
        display: inline-block;
        white-space: nowrap;
        border-radius: 12px;
    }

        .proj-notif-panel a:hover label {
            text-decoration: underline;
            cursor: pointer;
        }

        .proj-notif-panel a.active label {
            text-decoration: underline;
        }

    .proj-notif-panel label {
        color: #acabab;
        font-size: 13px !important;
        padding-left: 9px;
        padding-top: 2px;
    }

    .proj-notif-panel span {
        color: #fff;
        border-radius: 10px;
        min-width: 10px;
        background: #ff0000;
        font-size: 11px;
        padding: 2px 7px;
        margin-right: 5px;
    }

.normal-gray {
    background: #a8a8a8 !important;
}

.sucess-green {
    background: #73b236 !important;
}

.info-blue {
    background: #3679b2 !important;
}

.alert-red {
    background: #b55447 !important;
}

.Status_Count_Notstarted {
    /*background:#34a7c8 !important;*/
    background: #b55447 !important;
}

.Status_Count_InProgress {
    /*background:#a8a800 !important;*/
    background: #3679b2 !important;
}

.Status_Count_Completed {
    /*background:#85d63c !important;*/
    background: #73b236 !important;
}

.fa-times-circle.close-search {
    font-size: 16px;
    position: relative;
    top: -1px;
}

.proj-notif-panel > a.Status_Count_Completed label,
.proj-notif-panel > a.Status_Count_InProgress label,
.proj-notif-panel > a.Status_Count_Notstarted label,
.proj-notif-panel > a.normal-gray label {
    color: #fff;
}

.PM_Completed {
    min-width: 40px;
    background: #73b236 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.PM_Cancelled {
    min-width: 40px;
    background: #777d82 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.PM_Scrapped {
    min-width: 40px;
    background: #FF7F50 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.PM_Deferred {
    min-width: 40px;
    background: #ff6633 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.PM_ON_HOLD {
    min-width: 40px;
    background: #bd362f !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

.PM_In_Progress {
    min-width: 40px;
    background: #3679b2 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.PM_Not_Started {
    min-width: 40px;
    background: #b55447 !important;
    font-size: 11px;
    padding: 2px 5px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    width: 72px;
    text-align: center;
}

.c-menu, .edit-menu {
    height: 22px;
    width: 22px;
    border-radius: 15px;
    background: #59b3a5;
    color: #fff;
    text-align: center;
    line-height: 2.2em;
    font-size: 11px;
}

    .c-menu.inactive, .edit-menu {
        background: #979797;
    }

    .c-menu:hover, .c-menu:focus, .edit-menu {
        color: #fff;
        background: #2da996;
        text-decoration: none;
    }

.sortbtn-area {
    float: right;
    margin-top: 5px;
}

.view-btn {
    color: #979797;
    font-size: 17px;
    margin-right: 6px;
    vertical-align: bottom;
}

    .view-btn:hover, .view-btn.active {
        text-decoration: none;
        color: #59b3a5;
        vertical-align: bottom;
    }

.sort-dropdown {
    display: inline-block;
    margin-right: 10px;
}

    .sort-dropdown button {
        padding: 4px 12px;
    }

.c-menu-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.proj-header .management-search-area {
    margin-top: 0;
}

.add-task-area button, .management-search-area button {
    height: 25px;
    line-height: 0.3em;
}

.add-task-area {
    position: absolute;
    z-index: 100;
    width: 42%;
    left: 16px;
    top: 10px;
}

.project-details-content {
    height: 590px;
    overflow: auto;
    float: left;
    width: 100%;
}

    .project-details-content > .row-item {
        min-height: 60px;
        border-bottom: solid 1px #e4e7eb;
        clear: both;
        float: left;
        width: 100%;
    }

.select-row {
    height: 60px;
}

    .select-row input {
        margin-top: 22px;
    }

.project-details-content-rowinfo input[type="text"] {
    border: 0;
    height: 18px;
    padding: 0 !important;
    margin: 0;
}

.project-details-content-rowinfo i {
    margin-left: 0px;
    margin-right: 2px;
}

.project-details-content-rowinfo label {
    color: #929292;
    font-weight: normal;
}

.project-details-info {
    padding-top: 5px;
}

.project-details-content .sortbtn-area {
    margin-top: 19px;
}

.proj-management-modal .modal-header button {
    margin-top: -9px;
}

.title-edit {
    border: solid 1px #fff;
    font-size: 20px !important;
    width: 100%;
}

    .title-edit:hover {
        border: solid 1px #ccc;
    }

    .title-edit:focus {
        border: solid 1px #7c7c7c;
    }

.action-slider-left .row > .dividerstrip:first-child {
    border: 0;
    padding-top: 6px;
}

.dividerstrip {
    border-top: solid 1px #e4e7eb;
    padding-top: 6px;
}

.modal-body-content-projmanag > .row-item {
    padding: 10px;
}

.assigned-input .row-item input[type="text"] {
    margin-bottom: 5px;
    width: 70%;
    display: inline-block;
}

.assigned-input .row-item .del-assign {
    line-height: 2.2em;
    padding-left: 6px;
    cursor: pointer;
}

#row-clone {
    display: none;
}

.quick-edit-input {
    position: absolute;
    left: 0;
    right: 10px;
    width: 86%;
    border: solid 1px #f5f5f5;
    padding: 2px 6px !important;
    top: 2px;
    box-shadow: 0px 0px 13px 1px #666;
    display: none;
}

.datepickinginput {
    width: 95px;
    color: #929292 !important;
    font-size: 13px !important;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.addActivityClose {
    width: 25px;
    height: 24px;
    background-color: #fff;
    display: table-cell;
    vertical-align: top;
    margin: 0;
    line-height: 23px;
    padding-left: 7px;
    color: #666;
    font-size: 14px;
    border: solid 1px #ccc;
    cursor: pointer;
}

    .addActivityClose:hover {
        background-color: #e6e6e6;
        color: #333;
        text-decoration: none;
    }
/*  Merged from v51-Hotfix 28May to 02 June Changes -START*/

.margin-col {
    padding-left: 33px;
    margin-top: 39px;
}

.margin-row {
    padding-top: 0px;
    margin-top: -17px;
}

.asset-info-card .form-group .control-label.col-sm-5 {
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hide-offscreen {
    left: -999999em;
    position: absolute;
}

.negative-value {
    color: #d20101 !important;
}

.pm-dashboard-nav {
    margin-top: 10px;
}

    .pm-dashboard-nav.nav-tabs > li > a {
        border: solid 1px #4d7496;
    }

        .pm-dashboard-nav.nav-tabs > li.active > a, .pm-dashboard-nav.nav-tabs > li > a:hover, .pm-dashboard-nav.nav-tabs > li.active > a:focus {
            background-color: transparent;
            border: 1px solid transparent !important;
            color: #1775ff;
        }

            .pm-dashboard-nav.nav-tabs > li.active > a, .pm-dashboard-nav.nav-tabs > li > a:hover, .pm-dashboard-nav.nav-tabs > li.active > a:focus {
                background: #4d7496;
                color: #fff;
            }

.myteam-block-right {
    margin-top: 35px;
    border: solid 1px #ccc;
    border-left: 0;
    padding-bottom: 15px;
}

    .myteam-block-right .myteam-block {
        height: 265px;
    }

.chart-1-a .myteam-block {
    border: 0;
}
/*  Merged from v51-Hotfix 28May to 02 June Changes -END*/


/* timesheet monthly view css*/
.calendarcolumn {
    float: left;
    border: 1px solid #e1dfda;
    width: 13.3%;
    min-height: 100px;
    background-color: #fbfbfa;
    margin: 5px;
    position: relative;
    padding: 0px;
}

.calendaroverwiewcolumn {
    float: left;
    border: 1px solid #e1dfda;
    width: 16.5%;
    min-height: 50px;
    /*background-color: #fbfbfa;*/
    /*margin: 5px;*/
    position: relative;
    padding: 0px;
}

.calendarrowcolumn {
    display: inline;
    float: left;
    /*border: 1px solid #dedede;*/
    width: 13%;
    min-height: 20px;
    margin: 5px;
    padding: 5px;
}

.calendarheader {
    background-color: #a0aec4;
    display: block;
    float: left;
    width: 98.6%;
    color: #fff;
    margin-left: 5px;
}

.calendarfooter {
    position: absolute;
    width: 100%;
    bottom: 0px;
    min-height: 22px;
}

    .calendarfooter a {
        color: #fff;
    }

.calendarcontenttext {
    background-color: #f4f3f4;
    padding: 2px;
}

.calendarfont {
    font-size: 22px;
}

.calendaroverviewheader {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.calendaroverviewrowcontent {
    margin-left: 5px;
    width: 99.5%;
    /*padding-top: 2px;
            float: left;
            margin-top: 0;*/
}


.dd-tsgrid-legend {
    padding: 4px;
    font-size: 11px;
    font-size: 12px;
    text-transform: capitalize !important;
    padding-left: 5px;
}

.management-search-area-tree {
    width: 68%;
    top: 16px;
    float: right;
}

.namepmt {
    width: calc(100% - 208px);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 50px;
}

.tree-saveed > ul > li > a {
    width: 200px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.btn.btn-primary.savetreebtn {
    position: absolute;
    right: 13px;
    top: 62px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.action-slider, .action-slider-left, .action-slider_Task {
    position: absolute;
    z-index: 1;
    right: -247px;
    bottom: 1px;
    top: 1px;
    width: 420px;
    border-left: solid 1px #f5f5f5;
    background: #fff;
    display: none;
    opacity: 0;
    box-shadow: -2px 2px 11px -1px #999;
}

.action-slider-left {
    right: -350px;
    box-shadow: 4px 2px 11px -1px #999;
    width: 96%;
}

.project-details-content-rowinfo > div:first-child {
    width: 72px;
    text-align: center;
}


.select2-container.select2-container-multi.js-example-basic-multiple {
    width: 100% !important;
}

.email-ellipsis {
    width: 245px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 4px;
}
/*monthly view css end*/
.ellipsis-style {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*proj mgmt module icons*/
.pt-configuration-icon:before,
.pt-budget-icon:before,
.pt-baseline-icon:before,
.pt-schedule-icon:before,
.pt-summary-icon:before,
.pt-risk-icon:before,
.pt-onhold-icon:before,
.pt-hold-icon:before,
.pt-reject-icon:before,
.pt-communication-icon:before,
.pt-GanttChart-icon:before,
.pt-projectoverview-icon:before,
.pt-timesheetdetails-icon:before,
.pt-timesheetdetails-large-icon:before,
.pt-issue-icon:before,
.pt-requirement-icon:before,
.pt-attachment-icon:before {
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

.icon-small:before {
    position: static;
    display: inline-block;
    font-size: 22px !important;
    cursor: pointer;
}

.pt-configuration-icon:before {
    content: "\e6b2";
}

.pt-budget-icon:before {
    content: "\e6b0";
}

.pt-baseline-icon:before {
    content: "\e6af";
}

.pt-schedule-icon:before {
    content: "\e6b8";
}

.pt-attachment-icon:before {
    content: "\e6ae";
}

.pt-summary-icon:before {
    content: "\e6b9";
}

.pt-risk-icon:before {
    content: "\e6fc";
}

.pt-onhold-icon:before {
    content: "\e6b9";
}

.pt-hold-icon:before {
    content: "\e6b5";
}

.pt-reject-icon:before {
    content: "\e6b7";
}

.pt-communication-icon:before {
    content: "\e635";
}

.pt-GanttChart-icon:before {
    content: "\e6a9";
    font-size: 16px !important;
}

.pt-projectoverview-icon:before {
    content: "\e6ac";
    font-size: 16px !important;
}

.pt-timesheetdetails-icon:before {
    content: "\e6ad";
    font-size: 22px !important;
}

.pt-timesheetdetails-large-icon:before {
    content: "\e6ad";
    font-size: 32px !important;
}

.pt-milestone-icon:before {
    content: "\e6ab";
}
.pt-issue-icon:before {
    content: "\ea51";
    padding-left:1px;
}

.pt-requirement-icon:before {
    content: "\ea52";
    padding-left:5px;
}


.icon-small {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    vertical-align: middle;
}

/*proj mgmt module icons end*/


.Olive {
    color: Olive !important;
    opacity: .6;
}

.new-proj-list {
    font-size: 17px;
}

    .new-proj-list > div {
        min-height: 58px;
        padding-top: 15px;
    }

        .new-proj-list > div > span {
            padding-right: 10px;
        }

    .new-proj-list .list-group-item:first-child,
    .new-proj-list .list-group-item:last-child {
        border-radius: 0 !important;
    }

.inputfile-pm {
    position: absolute;
    opacity: 0;
}

.inputfile-upload {
    float: right;
    min-height: 58px;
    background: #2ddc1f;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    line-height: 53px;
    border: 0;
    cursor: pointer;
}

.inputfile-txt-pm {
    font-size: 13px;
    max-width: 46%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 18px;
    padding-right: 0 !important;
}

.inputfile-txt-pm-upload {
    padding-left: 5px;
    color: #fff !important;
    margin-top: 20px;
}

.upload-Content-pm {
    display: none;
    float: right;
    width: 200px;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 10000030;
}

.upload-progressbar {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 56px;
    border-radius: 0;
    margin-top: 0;
    background-color: rgba(0,0,0,0) !important;
}

    .upload-progressbar .progress-bar {
        background-color: #316EA3;
    }

/*for pm active status     */

.highlight-label h4.Active {
    background-color: #51a351;
}

.mstGV .highlight-label-queue.Active {
    background-color: #85d63c;
}
/*Active {
      background-color: #51a351;
}*/

/*for pm active status     */
.attachment-list {
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    padding-left: 0;
    margin-left: 0;
}

    .attachment-list li {
        display: inline-block;
        border: solid 1px #6393BA;
        padding: 1px 6px;
        border-radius: 4px;
        font-size: 12px;
        color: #666 !important;
        background: #E4EDF5;
        margin: 0 2px;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 23px;
        position: relative;
        min-width: 0;
        white-space: nowrap;
    }

        .attachment-list li a {
            color: #44769E;
        }

        .attachment-list li span {
            position: absolute;
            width: 10px;
            height: 10px;
            right: 5px;
            top: 1px;
            cursor: pointer;
        }

            .attachment-list li span:after {
                position: absolute;
                content: "\f057";
                font-family: FontAwesome;
                font-size: 13px;
                cursor: pointer;
            }

.attachment-panel span {
    display: inline-block;
    margin-top: 5px;
    float: left;
}

.attachment-panel a:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.attachment-panel a {
    display: block;
    clear: both;
    margin-top: 10px;
    border-top: 1px solid #e4e5e5;
    padding-top: 8px;
}


.user-role-mapping:before {
    content: "\e901";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

/* aligning change history popup*/
.accordalign {
    padding: 6px;
    width: 1110px;
}
/* aligning the button*/
.margin-right-15px {
    margin-right: 15px;
}

.list-button {
    padding: 4px 8px !important;
}

.lower-character {
    text-transform: lowercase !important;
}

.margin-left-two {
    margin-left: 2px !important;
}

label.label a {
    text-decoration: none !important;
    cursor: pointer;
    cursor: hand;
    color: white;
}

.padd-left-thirty {
    padding-left: 30px !important;
}

.checked-list-box .list-group-item .fa {
    padding-right: 5px;
}

/*Pm Dashboard-----*/
.lite-calendar-box {
    min-height: 270px;
    border: solid 2px #57abbd;
    /*background: #57abbd;*/
    background: #9BD4E0; /*color contrast*/
}

    .lite-calendar-box > div {
        padding: 0;
    }

.lite-calendar-wraper {
    min-height: 266px;
    background: #fff;
}

.lite-calendar-box .lite-calendar-detail-box {
    padding: 0 10px;
}

.lite-calendar-detail-box h5 {
    /*color: #fff;*/
    color: #474C51; /*color contrast*/
    text-transform: uppercase;
}

.lite-calendar-detail-box h6 {
    /*color: #fff;*/
    color: #474C51; /*color contrast*/
    font-size: 10px;
}

.activity-label {
    display: block;
    padding: 3px 7px;
    border-radius: 3px;
    background: #eefbff;
    white-space: nowrap;
    font-size: 11px;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.update-feed-block {
    position: relative;
}

.update-feed-block-line {
    border-left: solid 1px #999;
    margin-left: 10px;
    float: right;
    width: 100%;
    position: relative;
}

    .update-feed-block-line:before {
        content: "\f192";
        font-family: FontAwesome;
        font-size: 18px;
        top: 15px;
        left: -8px;
        position: absolute;
        color: #397db6;
        height: 16px;
        width: 16px;
        border-radius: 20px;
        line-height: 18px;
        overflow: visible;
        background: #fff;
    }

.update-feed-contentblock {
    float: right;
    width: 95%;
    min-height: 40px;
    padding: 10px 15px;
    background: #f4f4f4;
    border-radius: 4px;
    position: relative;
    margin: 5px 0;
}

    .update-feed-contentblock:before {
        content: "\f0d9";
        font-family: FontAwesome;
        font-size: 25px;
        top: 0;
        left: -8px;
        position: absolute;
        color: #f4f4f4;
    }

    .update-feed-contentblock label.titledate {
        font-size: 15px !important;
        color: #2d76b3;
        padding-right: 10px;
        font-weight: lighter;
    }

    .update-feed-contentblock .title-user {
        color: #2d76b3;
        padding-right: 10px;
    }

    .update-feed-contentblock .title-action {
        padding-right: 10px;
    }

    .update-feed-contentblock .title-work {
        color: #f07068;
        padding-right: 10px;
    }

.update-feed-chat-block {
    padding: 5px 10px;
    background: #fff;
    position: relative;
}

.update-feed-chat-replay {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 11px;
}

.activity-feed-scroll {
    height: 400px;
    overflow: auto;
    padding-left: 10px;
}

.task-list-box {
    height: 270px;
    background: #f3f3f3;
}

    .task-list-box .nav-tabs {
        position: relative;
    }

        .task-list-box .nav-tabs ul {
            border-bottom: solid 1px #fff;
            width: 100%;
            padding: 12px 0;
        }

        .task-list-box .nav-tabs a {
            font-size: 11px;
            text-transform: uppercase;
            padding: 10px 8px;
            border: solid 1px #fff;
            margin: 0;
            /*color: #717171;*/
            color: #474C51; /*color contrast*/
            border-radius: 0;
            min-width: 42px;
            text-align: center;
        }

        .task-list-box .nav-tabs .dropdown-header {
            padding: 3px 16px;
            color: #ccc;
        }

        .task-list-box .nav-tabs .dropdown-menu {
            border-bottom: 1px solid rgba(0,0,0,.15);
        }

            .task-list-box .nav-tabs .dropdown-menu li {
                display: block;
                float: left;
                width: 100%;
            }

            .task-list-box .nav-tabs .dropdown-menu a {
                float: left;
                width: 100%;
                text-align: left;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 5px 15px !important;
            }

            .task-list-box .nav-tabs .dropdown-menu .divider {
                margin: 5px 0;
            }

        .task-list-box .nav-tabs li.active a,
        .task-list-box .nav-tabs li.active a:hover {
            /*background: #5078b3;*/
            background: #55687f; /*color contrast*/
            color: #fff;
            opacity: 1;
            border: solid 1px #fff;
        }

        .task-list-box .nav-tabs li a:hover {
            background: #5078b3;
            opacity: .6;
            color: #fff !important;
            border: solid 1px #fff;
            cursor: pointer;
        }

ul li.task-list-box-filter {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
}

    ul li.task-list-box-filter a {
        border: 0 !important;
        float: right;
        padding: 10px 15px !important;
    }

.task-list-item {
    margin-bottom: 10px;
    background: #fff;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.task-list-item-icon {
    height: 40px;
    width: 40px;
    display: table-cell;
    vertical-align: middle;
}

.task-list-item-progress {
    height: 40px;
    display: table-cell;
    width: 60px;
    vertical-align: middle;
}

.task-list-item-text {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}

    .task-list-item-text > a {
        width: 74%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        float: left;
    }

    .task-list-item-text > span {
        float: right;
        padding-right: 10px;
        font-size: 11px;
        color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.pm-tasklist-content > .pm-tasklist-content-sub {
    margin: 5px !important;
    height: 225px;
}

.pm-tasklist-content .fa {
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.task-list-item.compleate .task-list-item-icon {
    background: #61c29e;
}

.task-list-item.inpro .task-list-item-icon {
    background: #6293c4;
}

.task-list-item.pending .task-list-item-icon {
    background: #dc7777;
}

.emp-availability-weekhrs {
    display: inline-block;
    padding: 0 4px;
    border-radius: 3px;
    text-align: center;
    background: #ccc;
    margin: 0 1px;
}

.emp-availabilitylist-pm {
    float: right;
    padding-right: 10px;
    text-align: center;
}
/*pie chart*/

.progress-pie-chart {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
    -ms-transform: scale(0.8,0.8); /* IE 9 */
    -webkit-transform: scale(0.8,0.8); /* Safari */
    transform: scale(0.8,0.8);
}

    .progress-pie-chart.gt-50 {
        background-color: #81CE97;
    }

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    clip: rect(0, 40px, 40px, 20px);
}

    .ppc-progress .ppc-progress-fill {
        content: "";
        position: absolute;
        border-radius: 50%;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        width: 40px;
        height: 40px;
        clip: rect(0, 20px, 40px, 0);
        background: #81CE97;
        transform: rotate(60deg);
    }

.gt-50 .ppc-progress {
    clip: rect(0, 20px, 40px, 0);
}

    .gt-50 .ppc-progress .ppc-progress-fill {
        clip: rect(0, 40px, 40px, 20px);
        background: #E5E5E5;
    }

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 34.78261px/2);
    top: calc(50% - 34.78261px/2);
    width: 34.78261px;
    height: 34.78261px;
    background: #fff;
    text-align: center;
    display: table;
}

    .ppc-percents span {
        display: block;
        font-size: 10px;
        font-weight: bold;
        color: #81CE97;
    }

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.progress-pie-chart {
    margin: 0 auto 0;
}
/*pie chart*/
.myteam-block {
    height: 270px;
    border: solid 1px #ccc;
}

.myteam-search {
    width: 100%;
    border: 0;
    border-bottom: solid 1px #ccc;
}

    .myteam-search::-webkit-input-placeholder {
        color: #ccc;
        font-style: italic;
    }

    .myteam-search:-moz-placeholder { /* Firefox 18- */
        color: #ccc;
        font-style: italic;
    }

    .myteam-search::-moz-placeholder { /* Firefox 19+ */
        color: #ccc;
        font-style: italic;
    }

    .myteam-search:-ms-input-placeholder {
        color: #ccc;
        font-style: italic;
    }

.myteam-list-block {
    height: 237px;
    overflow: auto;
    background: #f4f4f4;
}

.myteam-list-row {
    margin-bottom: 6px;
    background: #fff;
    display: table;
    table-layout: fixed;
    width: 96%;
    margin: 6px;
    position: relative;
}

.myteam-list-img {
    height: 40px;
    width: 50px;
    display: table-cell;
    vertical-align: middle;
}

    .myteam-list-img img {
        padding: 1px;
        max-width: 64%;
        margin-left: 5px;
        border: 0;
    }

.myteam-list-name {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    vertical-align: middle;
    white-space: nowrap;
}

    .myteam-list-name label {
        text-overflow: ellipsis;
        overflow: hidden;
        color: #999;
        width: 58%;
        margin-bottom: 0;
        font-weight: normal;
        vertical-align: middle;
    }

.myteam-list-row:before {
    position: absolute;
}

.lite-calendar-box .ui-datepicker {
    border: 0 !important;
    width: 100%;
}

.lite-calendar-box .ui-datepicker-header {
    background: none;
    border: 0;
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
}

.lite-calendar-box .ui-datepicker td span, .lite-calendar-box .ui-datepicker td a, .lite-calendar-box .ui-datepicker td a:hover {
    text-align: center;
    border-radius: 3px;
    border: 0 !important;
    /*color: #9f9f9f;*/
    color: #474C51; /*color contrast*/
}

.lite-calendar-box .ui-datepicker td {
    padding: 2px;
}

.lite-calendar-box .ui-state-default, .lite-calendar-box .ui-widget-content .ui-state-default, .lite-calendar-box .ui-widget-header .ui-state-default {
    background: none;
}

.lite-calendar-box .ui-state-highlight, .lite-calendar-box .ui-widget-content .ui-state-highlight, .lite-calendar-box .ui-widget-header .ui-state-highlight, .lite-calendar-box .ui-widget-content .ui-state-hover.ui-state-highlight {
    background: #397db6;
    background-color: #397db6 !important;
    color: #fff;
}

.lite-calendar-box .ui-state-hover, .lite-calendar-box .ui-widget-content .ui-state-hover {
    background-color: #bad2e6 !important;
    color: #4c647f;
}

.lite-calendar-box .ui-datepicker-current-day a,
.lite-calendar-box .ui-datepicker-days-cell-over.ui-datepicker-current-day.ui-datepicker-today a {
    /*background-color: #397db6 !important;*/
    background-color: #9BD4E0 !important; /*color contarast*/
    /*color: #fff !important;*/
    color: #474C51 !important;
}

.lite-calendar-box .ui-widget-content .ui-datepicker-today .ui-state-highlight {
    background-color: #aee0ee !important;
}

.lite-calendar-box .ui-icon.ui-icon-circle-triangle-e {
}

.lite-calendar-box .ui-icon.ui-icon-circle-triangle-w {
}

.lite-calendar-box .ui-icon.ui-icon-circle-triangle-e:before {
    content: "\f0d9";
    font-family: FontAwesome;
    font-size: 25px;
    position: absolute;
    color: #f4f4f4;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.lite-calendar-box .ui-icon.ui-icon-circle-triangle-w:before {
}

.lite-calendar-wraper .ui-datepicker table {
    table-layout: fixed;
    width: 100%;
}

.lite-calendar-wraper .ui-datepicker .ui-datepicker-title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lite-calendar-box .ui-widget-content .ui-state-hover.ui-datepicker-prev,
.lite-calendar-box .ui-widget-content .ui-state-hover.ui-datepicker-next {
    background: none !important;
    border: 0 !important;
}

.my-perfomance-chart {
    height: 400px;
    border: solid 1px #ccc;
    overflow: hidden;
}

.my-quick-link {
    height: 400px;
    border: solid 1px #ccc;
}

.quick-link-scroll {
    height: 380px;
    overflow: scroll;
    padding: 10px;
}

    .quick-link-scroll a {
        width: 70px;
        height: 70px;
        border-radius: 72px;
        display: inline-block;
        margin: 12px;
        margin-bottom: 0;
        position: relative;
        font-family: FontAwesome;
    }

        .quick-link-scroll a:before {
            font-family: icomoon;
            font-size: 30px;
            position: absolute;
            color: #fff;
            display: block;
            text-align: center;
            width: 100%;
            height: 100%;
            bottom: 0;
            top: 22%;
        }

    .quick-link-scroll div {
        float: left;
        width: 33%;
    }

        .quick-link-scroll div label {
            display: block;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 11px !important;
            text-transform: uppercase;
        }

.quick-link-a {
    background: #5cc5a8;
}

.quick-link-b {
    background: #9469ae;
}

.quick-link-c {
    background: #6a6db2;
}

.quick-link-d {
    background: #c55c8b;
}

.quick-link-e {
    background: #40a0bb;
}

.quick-link-a:before {
    content: "\e653";
}

.quick-link-b:before {
    content: "\e6ac";
}

.quick-link-c:before {
    content: "\e666";
}

.quick-link-d:before {
    content: "\e64a";
}

.quick-link-d:before {
    content: "\e6f9";
}

.quick-link-e:before {
    content: "\e70b";
}

.pm-tasklist-edit-wraper {
    position: absolute;
    top: 77px;
    bottom: 228px;
    left: 20px;
    right: 20px;
    background: #fff;
    z-index: 1;
    opacity: 0;
    display: none;
}
/*Pm Dashboard-----*/
/*profile header*/
.profile-header {
    /*margin: 10px 0px;
    box-shadow: 0px 1px 1px 0px rgb(222, 222, 222);*/
    margin-left: 0;
    margin-right: 0;
    /*padding: 5px 0px;*/
    /*border: 1px solid rgb(222, 222, 222);*/
    float: left;
    width: 100%;
}

    .profile-header table tr td div:first-child {
        padding-left: 0px;
    }

    .profile-header > .row > div {
        border: solid 1px #ccc;
        height: 120px;
        border-right: 0;
        padding: 10px;
        margin-bottom: 0 !important;
    }

        .profile-header > .row > div:last-child {
            border-right: solid 1px #ccc;
        }

    .profile-header .media-left {
        display: table-cell;
        vertical-align: top;
        padding-right: 10px;
    }

    .profile-header .media-body {
        display: table-cell;
        vertical-align: top;
    }

    .profile-header .media img {
        width: 100px;
        height: 100px;
        border-radius: 100px;
    }

    .media-body .row, .profile-header .row {
        margin: 0;
    }

        .media-body .row label {
            color: #0975B3;
            margin-bottom: 0;
            font-size: 13px;
            font-weight: normal;
        }

        .media-body .row span {
            font-size: 13px;
            /*color: #788089;*/
            color: #474C51; /*color contrast issue*/
            font-weight: lighter;
            margin-right: 10px;
        }

        .media-body .row:first-child {
            margin-top: 4px;
        }

.media-body h4 {
    font-size: 22px;
    font-weight: lighter;
}

.dluserdetails {
    table-layout: fixed;
}

    .dluserdetails td {
        /*border-right: 1px solid #dedede;*/
    }

        .dluserdetails td:last-child {
            border-right: none !important;
        }
/*profile header*/

.reconciliation-manager-icon:before {
    content: "\e6f9";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

/*.actions > a.icon.reconciliation-user-icon {
    background: transparent url(../images/reconciliation_Acceptance.png) no-repeat scroll 0 0;
    height: 22px;
    background-position: center 4px;
}*/

.reconciliation-user-icon {
    height: 14px;
    width: 25px;
    display: inline-block;
    position: relative;
    overflow: visible;
}

    .reconciliation-user-icon img {
        position: absolute;
        width: 24px;
        height: 25px;
        right: 0px;
        top: -3px;
    }

#accordion > div {
    overflow: visible;
}



/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 51px;
    height: 51px;
    border: none;
    z-index: 9999999 !important;
    background-image: url('../images/ui.totop.png') !important;
    background: no-repeat;
    background-size: cover;
}

#toTopHover {
    /*width:51px;
	height:51px;*/
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    top: 17px;
    left: 17px;
    color: #FFF;
    background: #272727;
}

#toTop:active, #toTop:focus {
    outline: none;
}

/*|--------------------------------------------------------------------------
*/
.btn-default:disabled {
    background-color: #eee;
}


.modal-body .jstree-default .jstree-closed > .jstree-ocl {
    position: relative;
}

    .modal-body .jstree-default .jstree-closed > .jstree-ocl:before {
        position: absolute;
        font-family: FontAwesome;
        content: "\f055";
        font-size: 18px;
        font-style: normal;
        color: #7c7c7c;
        top: 0px;
        left: 4px;
        background-color: #fff;
    }

.modal-body .jstree-default .jstree-open > .jstree-ocl {
    background-image: none !important;
}

.modal-body .jstree-default .jstree-open > .jstree-ocl {
    position: relative;
}

    .modal-body .jstree-default .jstree-open > .jstree-ocl:before {
        position: absolute;
        font-family: FontAwesome;
        content: "\f056";
        font-size: 18px;
        font-style: normal;
        color: #7c7c7c;
        top: 0;
        left: 4px;
        background-color: #fff;
    }

.modal-body .jstree-default .jstree-closed > .jstree-ocl {
    background-image: none !important;
}
/*Filter width reduction*/
.filterwidth {
    width: 494px;
    left: -501px;
}

.checkbox-with-label label {
    /*color: #737373;*/
    color: #1E252C;
}

.checkbox-with-longtext input {
    float: left;
    vertical-align: top;
}

.checkbox-with-longtext label {
    display: inline;
    float: left;
    width: 82%;
    vertical-align: top;
    padding-top: 0 !important;
    margin-top: -3px;
}

.aligntext {
    width: 75%;
    float: left;
}

.pinklegend {
    width: 16px !important;
    height: 14px !important;
    background-color: #F2DEDE;
    display: inline-block;
}

.redlegend {
    width: 16px !important;
    height: 14px !important;
    background-color: red;
    display: inline-block;
}

.avm-icon-link-nwview:before {
    content: "\e6f0";
    font-family: icomoon;
    font-size: 30px;
}

.icon-interface-nwview:before {
    content: "\e698";
    font-family: icomoon;
    font-size: 30px;
}

.table-with-padding > thead > tr > th, .table-with-padding > tbody > tr > th, .table-with-padding > tfoot > tr > th, .table-with-padding > thead > tr > td, .table-with-padding > tbody > tr > td, .table-with-padding > tfoot > tr > td {
    padding: 7px !important;
    vertical-align: middle;
}

table.treetable tr span.indenter a {
    text-decoration: none !important;
}

/*Start Grid- Nice scroll */

/*#ascrail2000-hr.nicescroll-rails {
    z-index: 99 !important;
}*/
.dvTopScroll {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 3px;
    outline: #316198;
}

.dvTopScrollWidth {
    height: 1px;
    background-color: #E7EDF3;
}

.dvGridScroll {
    overflow-x: scroll;
    overflow-y: hidden;
}

.table-with-scroll tr.grid-pager:last-child .pagination {
    position: absolute;
    right: 0;
}

.table-with-scroll tr.grid-pager:last-child {
    height: 38px;
}
/*End Grid- Nice scroll */

.avm-icon-interface:before {
    content: "\e698";
    font-family: icomoon;
    font-size: 46px;
}
/*aligning the tabs */
.aligningtabs {
    padding-left: 8px;
    overflow: hidden;
}

.product-version {
    font-size: 12px;
    font-style: normal;
}

.td-yellow {
    background-color: yellow;
}

    .td-yellow > td {
        background-color: yellow !important;
    }

.recent-items-panel {
    max-height: 350px;
    overflow: auto;
}

.top-records .nav-tabs {
    border-bottom: 2px solid #DDD;
}

    .top-records .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .top-records .nav-tabs > li > a {
        border: none;
        color: #666;
    }

    .top-records .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
        border: none;
        /*color: #4285F4 !important;*/
        color: #0975B3 !important; /*color contrast*/
        background: transparent;
    }

    .top-records .nav-tabs > li > a::after {
        content: "";
        background: #0975B3;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 400ms ease 0s;
        transform: scale(0);
    }

    .top-records .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.top-records .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.click-highlight {
    background: #5078b3 !important;
}

    .click-highlight .emp-availabilitylist-pm span {
        background: #fff;
    }

    .click-highlight .myteam-list-name label {
        color: #fff;
    }

.myteam-list-block.myTeamTeam {
    height: 589px;
}

.myteam-block.myTeamTeam {
    height: 622px;
}

.btn-addwgstatus {
    background: transparent url('../images/add_new_record.png') no-repeat scroll 0 0;
    width: 30px;
    height: 30px;
    border: none;
    position: absolute;
    bottom: -6px;
    right: -35px;
}

.onchange-reason-notification-icon {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 12pt;
}

.filled {
    color: #428bca;
}

.timeline strong {
    font-weight: 600;
}

.avm-main-dashboard-dd-width {
    width: 246px !important;
}

.avm-main-db-anchor {
    padding: 3px !important;
    margin-left: 10px !important;
}

.avm-main-db-dd-removeborder {
    border-color: white !important;
}

.radio-button-list {
    width: 100%;
}

    .radio-button-list label {
        position: relative;
        left: 5px;
        bottom: 2px;
    }

.icon-extend_request {
    margin-left: 5px;
    font-size: 17px;
    color: #7c7c7c;
    cursor: pointer;
}

.help-dd li a {
    position: relative;
    width: 100%;
}

    .help-dd li a .fa-external-link {
        position: absolute;
        right: 10px;
        top: 7px;
    }

.or-text {
    position: absolute;
    /*background-color: rgb(80, 120, 179);*/
    background-color: rgb(56, 89, 132); /*color contrast issue*/
    color: rgb(255, 255, 255);
    padding: 5px;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    top: -13px;
    left: 46%;
    line-height: 1.3em;
    font-size: 13px;
}

.aligning-menutabs {
    float: left;
    text-align: left;
    padding-left: 5px;
    width: 100%;
}

.aligning-menudivs {
    overflow: hidden;
    text-align: left;
    /*width: 97%;*/
    /*float: right;*/
    text-align: left;
    padding: 10px 8px 10px 22px;
    border-bottom: 1px solid #E9ECEE;
}

.subheader-datetime-stamp {
    width: 100%;
    float: left;
    padding-left: 0px !important;
}

.caller-information span {
    width: 99%;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

@media only screen and (min-width: 880px) and (max-width: 1370px) {
    .task-list-box > .nav-tabs > li {
        width: 18% !important;
    }

        .task-list-box > .nav-tabs > li > a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
}

.checkbox-with-sep-label {
    padding-left: 5px;
    margin-top: -2px;
}

.popup-closebutton {
    margin-top: -12px !important;
}

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

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

.additional_dropdown li a {
    background: none !important;
    color: #717171 !important;
}

.additional_dropdown li.active a {
    background: #5078B3 !important;
    color: #fff !important;
}

.additional_dropdown li a:hover {
    background: #5078B3 !important;
    color: #fff !important;
}

.ddSlick {
    top: 9px !important;
}

#divApproveKB .Knowledge-Approval-icon {
    height: 26px;
}

#divApproveKB .Knowledge-Authorize-icon {
    margin-top: -10px;
    height: 26px;
}

.ui-accordion-content.ui-helper-reset.ui-widget-content.ui-corner-bottom.mCustomScrollbar.ui-resizable.ui-accordion-content-active {
    overflow: hidden !important;
}

.dropdown-notification .ui-accordion-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.icon-showKBApproval:before {
    content: "\e907";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
}

.icon-hideKBApproval:before {
    content: "\e908";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
}
/**COMMENTED FOR PROBLEM MGMT. FIX*/
/*.icon-hideKBApproval{margin-top:-10px}*/
a.icon:hover, a.icon:focus {
    text-decoration: none;
}

.defineApproval-icon:before {
    content: "\e906";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
    line-height: 1.6em;
}

.margin-top-20 {
    margin-top: -20px;
}
/*Defined status color for Problem Mgmt.*/
.tile-container .Referred_back_to_requestor span {
    background-color: #A88CD5;
}

.Referred_back_to_requestor {
    background-color: #A88CD5;
}

.tile-container .Referred_back_to_pre_authorizer span {
    background-color: #DA74B8;
}

.Referred_back_to_pre_authorizer {
    background-color: #DA74B8;
}

.tile-container .Pre_Authorization span {
    background-color: #F99A91;
}

.Pre_Authorization {
    background-color: #F99A91;
}

.tile-container .Referred_back_for_RCA span {
    background-color: #F0B279;
}

.Referred_back_for_RCA {
    background-color: #F0B279;
}

.tile-container .Reviewed span {
    background-color: #9DB14C;
}

.Reviewed {
    background-color: #9DB14C;
}

.tile-container .RCA_Submitted span {
    background-color: #B6DADA;
}

.RCA_Submitted {
    background-color: #B6DADA;
}

.asset-custom-excel-icon:before {
    left: auto !important;
}

/* Adding this to remove/add custom report-izenda icons  display:block for show images,display:none for remove icons*/
.report-list-container #divSICustomReportIcons {
    display: block;
}
/**For reports if panel title is no title*/
.panel-heading-blank {
    min-height: 44px;
}

.paddingzero .z-content-inner {
    padding-top: 0px !important;
}

/** merged from v5.2 DEV branch -- START*/
/*------for chat -------*/
.icon-Chat_icon {
    font-size: 36px !important;
    position: absolute !important;
    top: 2px !important;
    right: 0 !important;
}

    .icon-Chat_icon.main {
        cursor: pointer;
        /*padding-right: 20px;*/
    }

    .icon-Chat_icon .Chat_icon1:before {
        content: "\e800" !important;
        color: rgb(170, 170, 170) !important;
    }

    .icon-Chat_icon .Chat_icon2:before {
        content: "\e801" !important;
        margin-left: -1em !important;
        color: #fff !important;
    }

    .icon-Chat_icon .ChatPopupIcon:before {
        content: "\e801" !important;
        margin-left: -1em !important;
        color: #fff !important;
    }

    .icon-Chat_icon .Chat_icon1, .icon-Chat_icon .Chat_icon2 {
        float: left !important;
        font-size: 36px !important;
    }

.chat_container .icon-Chat_icon .Chat_icon1, .chat_container .icon-Chat_icon .Chat_icon2 {
    font-size: 31px !important;
}

.chat-icon-detail-page .icon-Chat_icon {
    position: static !important;
    margin-top: -7px !important;
    float: left !important;
}

.closeicon {
    margin: 3px 9px 0 10px !important;
}

    .closeicon a {
        color: #fff !important;
    }

#txtPrivateMessage {
    border: solid 1px #c7d4e7 !important;
    height: 75px !important;
    width: 100% !important;
    border-radius: 4px !important;
    padding-bottom: 51px !important;
    font-family: 'Open Sans',Arial,Verdana,Calibri;
}

#divMessage .message, #divMessage .msgfrom, #divMessage .msgfromAgain, #divMessage .messageAgain {
    min-height: 23px;
    min-width: 50px;
    max-width: 87%;
    float: right;
    clear: both;
    border-radius: 4px;
    padding: 5px;
    background-color: #fbfbfb;
    margin: 7px 3px 2px 3px;
    word-break: break-all;
    font-size: 11px;
    border: solid 1px #cedaea;
    position: relative;
    white-space: pre-wrap;
}

    #divMessage .message:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        top: -11px;
        right: 6px;
        background-image: url('../Images/SummitChat/chat-corner2.png');
    }

#divMessage .infotext {
    background-color: #BDBDBE !important;
    height: auto !important;
    border-radius: 4px;
    font-size: 11px;
    position: relative;
    clear: both;
    padding: 4px;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}

#divMessage .msgfrom, #divMessage .msgfromAgain {
    background-color: #cedaea !important;
    float: left !important;
}

#chat-group-users:empty {
    display: none;
}

#divMessage .msgfrom:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: -9px;
    left: 3px;
    z-index: -1;
    background-image: url('../Images/SummitChat/chat-corner1.png');
}

.chat_window .ui-dialog-titlebar .ui-dialog-title {
    color: #fff !important;
    width: 65% !important;
    font-size: 11px !important;
    padding: 2px 2px 2px 18px !important;
    min-height: 19px !important;
}

.chatstatus {
    display: block !important;
    float: left !important;
    width: 100% !important;
    font-size: 9px !important;
    padding-left: 6px !important;
    margin-bottom: 7px !important;
}

.chat_status_tooltip {
    font-size: 11px !important;
    font-family: Open Sans !important;
}

.messageStatus {
    min-height: 45px;
    /*background: #f5f5f5;*/
    padding: 3px 10px;
    margin-bottom: 6px;
}

    .messageStatus a {
        font-size: 12px;
        color: #333;
        cursor: pointer;
        padding: 0;
        margin: 0;
        line-height: 15px;
        text-decoration: none;
    }

    .messageStatus span {
        display: block;
        font-size: 11px;
        font-weight: 600;
        color: #666;
        padding: 0;
        margin: 0;
        line-height: 13px;
        word-wrap: break-word;
        text-align: left;
    }

    .messageStatus .detail2 {
        text-overflow: ellipsis;
        width: 90%;
        overflow: hidden;
        margin-top: -2px;
    }

#divMessage {
    height: 200px;
    overflow: auto;
    padding: 0 5px;
    /*margin-top:45px;*/
}

.chat_window .ui-dialog-content {
    padding: 8px !important;
    width: auto !important;
    overflow: visible !important;
}

.chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a,
.chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a:hover .chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a.ui-state-hover,
.chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a.ui-state-focus,
.chat_window .ui-dialog .chat_container.ui-widget-header .ui-state-hover,
.chat_window button.ui-dialog-titlebar-close {
    width: 17px !important;
    height: 17px !important;
    text-align: center !important;
    padding: 5px 0px !important;
    font-size: 10px !important;
    line-height: 19px !important;
    border-radius: 20px !important;
    background-image: none !important;
    background: none;
    color: #fff !important;
    margin-left: 2px !important;
    border: 0 !important;
    position: relative !important;
    right: auto !important;
    margin-right: 0 !important;
    opacity: .8 !important;
}

.chat_window .ui-dialog-titlebar {
    padding: 3px 1em !important;
}

#chat-group-users .tooltip-inner {
    background: #5078b3 !important;
}

#chat-group-users .tooltip.top .tooltip-arrow {
    border-top-color: #5078b3 !important;
}

#chat-group-users .media-body-chat.draggable {
    background: #fff !important;
    border-color: #fff !important;
    border-radius: 3px;
}

#chat-group-users .media-body-chat-img {
    height: auto;
    width: 40px;
}

#chat-group-users .messageStatus {
    min-height: 0;
}

#chat-group-users .media-body-chat-img a {
    height: 35px;
    width: 35px;
}

#chat-group-users div.tooltip-inner {
    max-width: 278px;
    padding: 1px;
}

.chat_window .ui-dialog-titlebar-buttonpane {
    margin-top: -9px !important;
}

.chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a:hover,
.chat_window button.ui-dialog-titlebar-close:hover {
    opacity: 1 !important;
    background-image: none !important;
    background: none !important;
}

    .chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a span,
    .chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a:hover span, .chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a.ui-state-hover span,
    .chat_window .ui-dialog .chat_container.ui-widget-header .ui-state-hover span {
        display: none !important;
    }

.chat_Is_Minimized .ui-dialog-titlebar-buttonpane {
    margin-top: -6px !important;
}

.chat_window button.ui-dialog-titlebar-close:before {
    position: absolute !important;
    font: normal normal normal 10px/1 FontAwesome !important;
    left: 4px !important;
    top: 3px !important;
    content: "\f00d" !important;
}

.chat_window .ui-dialog-titlebar div.ui-dialog-titlebar-buttonpane a:before {
    position: absolute !important;
    font: normal normal normal 10px/1 FontAwesome !important;
}

a.ui-dialog-titlebar-minimize:before {
    content: "\f068" !important;
    left: 5px !important;
    top: 4px !important;
}

a.ui-dialog-titlebar-maximize:before {
    content: "\f067" !important;
}

a.ui-dialog-titlebar-restoremax:before {
    content: "\f078" !important;
    left: 4px !important;
    top: 3px !important;
}

a.ui-dialog-titlebar-restore:before {
    content: "\f067" !important;
    left: 4px !important;
    top: 3px !important;
}

a.ui-dialog-titlebar-collapse:before {
    content: "\f077" !important;
    left: 4px !important;
    top: 2px !important;
}

.msgtxteditor {
    padding-left: 2px;
    font-family: 'Open Sans',Arial,Verdana,Calibri;
}

#status-text {
    padding-left: 5px !important;
    font-size: 11px !important;
    color: #999 !important;
    font-weight: lighter !important;
}

#Notify-username {
    font-size: 16px !important;
    font-weight: lighter !important;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
}

#Notify-subject {
    font-weight: lighter !important;
    font-size: 12px !important;
    color: #a6a6a6 !important;
    margin-top: 3px;
}

#messageStatus span,
#messageStatus-notif span {
    font-weight: lighter !important;
}

    #messageStatus-notif span:last-child,
    #messageStatus span:last-child {
        color: #999 !important;
        padding-top: 15px !important;
    }

    #messageStatus span:last-child {
        padding-top: 1px !important;
    }

#messageStatus a {
    font-size: 12px !important;
    color: #427bd2 !important;
    font-weight: 700;
}

.status-curve {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    float: right !important;
}

.status-curve-popup {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 4px 0 10px 10px !important;
}

.status-indicator {
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: black;
    display: inline-block !important;
    position: relative;
    top: 0px;
    margin-right: 3px !important;
    right: 3px;
}

.ChatUserNamefrom {
    font-size: 11px;
    color: #5078B3;
    padding: 0 5px;
}

.ChatUserNameTo {
    font-size: 11px;
    color: #666;
    padding: 0 8px;
}

/*.ChatUserNameTo,.ChatUserNamefrom{
            display: inline;
            max-width: 80px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }*/

.ChatStatusContainerFrom {
    float: left !important;
    clear: both !important;
    /*display: inline-flex;*/
}

.ChatStatusContainerTo {
    float: right;
    clear: both;
    /*display: inline-flex;*/
}

.ChatUserNameTime {
    font-size: 11px;
    color: #999;
}

/*.messageArea br:first-child {
            display: none ;
        }*/

.msgTextCurve {
    border: solid 1px #c7d4e7 !important;
    height: 75px !important;
    width: 100% !important;
    border-radius: 4px !important;
    padding-bottom: 51px !important;
    font-family: 'Open Sans',Arial,Verdana,Calibri;
}

.forMsgboxdisable {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

.ctrId {
    width: auto !important;
    height: auto !important;
}

.chat_window .ui-dialog-titlebar.ui-widget-header {
    background: #5078b3 !important;
}

.ui-dialog-title .selText {
    color: #fff !important;
}

.media-body-chat {
    border: solid 1px #c7d4e7;
    margin: 0;
    border-radius: 4px;
    padding: 5px 10px 5px 6px;
    background: #fbfbfb;
    display: table;
    table-layout: fixed;
    width: 100% !important;
}

.media-body-chat-img {
    width: 75px;
    height: 65px;
    display: table-cell;
    vertical-align: top;
}

.media-body-chat-profile {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*position:relative;*/
}

.ctrId.media.media-body-chat > a {
    position: absolute;
    right: 12px;
    top: 78px;
    font-size: 12px;
    width: 12px;
}

.media-body-chat-img a {
    height: 65px;
    width: 65px;
    border: solid 1px #c7d4e7;
    display: block;
    border-radius: 65px;
    overflow: hidden;
}

    .media-body-chat-img a img {
        height: 100% !important;
    }

.username-ellipsis {
    width: 135px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.media-heading {
    font-size: 14px;
    font-weight: 100;
    color: #427bd2;
    margin-bottom: 0;
    text-align: left;
}

.ui-dialog-titlebar-buttonpane a.ui-state-default.ui-state-hover {
    text-decoration: none;
}

/*-----------------For Notification Popup-----------*/

.chat_Notification_popup {
    margin: 1px !important;
    margin-top: -6px !important;
    background: #fff !important;
    border-radius: 0 0 2px 2px !important;
    min-height: 50px !important;
    padding: 0px 10px 10px 17px !important;
    width: 350px !important;
}

.Notification_popup_btn, .Feedback_popup_btn, FeedbackQuestions_Popup_Btn {
    min-height: 20px !important;
    padding: 5px 1px !important;
    overflow: hidden !important;
}

.hairline-chat {
    margin: 10px 2px !important;
}


.chat_window.minimize-on-blink .ui-dialog-titlebar.ui-widget-header {
    opacity: 1;
    -webkit-animation: borderanimation 1s infinite;
    -moz-animation: borderanimation 1s infinite;
    animation: borderanimation 1s infinite;
}

@-webkit-keyframes borderanimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .7;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes borderanimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes borderanimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.chat_window.notifypopup, .chat_window.feedbackpopup,
.chat_window.FeedbackQuestions, .chat_window.CommonNotification {
    top: auto !important;
    left: auto !important;
    display: block !important;
    right: 4px;
    bottom: 35px;
    z-index: 100002 !important;
    position: fixed !important;
    border-radius: 2px !important;
    BOX-SHADOW: 0 0 17px -2px #333 !important;
    opacity: 0.8 !important;
    margin-bottom: 4px;
    margin-right: 3px;
    border: 1px solid rgb(80, 120, 179) !important;
    background: #5078b3 !important;
    z-index: 9999 !important;
}

.chat_window.feedbackpopup, .chat_window.FeedbackQuestions, .chat_window.CommonNotification {
    opacity: 1 !important;
}

.ratingRow {
    margin-right: 15px;
    margin-left: 0px;
}

.FeedbackQuestions_popup .borderRed {
    border-color: red;
    border-style: solid;
    border-width: 1px;
}

.chat_window.notifypopup:hover {
    opacity: 1 !important;
}

.chat_window.notifypopup .ui-dialog-titlebar.ui-widget-header,
.chat_window.feedbackpopup .ui-dialog-titlebar.ui-widget-header,
.chat_window.FeedbackQuestions .ui-dialog-titlebar.ui-widget-header {
    background: #fff !important;
    margin: 1px 1px 0 !important;
}

.notifypopup .media-body-chat-img {
    width: 35px !important;
    height: 20px !important;
    vertical-align: middle !important;
}

.notifypopup .media-body-chat {
    padding: 0 7px 2px 3px !important;
    border: 0 !important;
    background: none !important;
    margin-top: 10px !important;
}

.notifypopup .media-body-chat-profile {
    vertical-align: middle !important;
    padding-left: 15px !important;
}

.notifypopup .media-body-chat-img a {
    width: 35px !important;
    height: 35px !important;
}

.notifypopup .media-heading {
    font-size: 13px !important;
}

.notifypopup .messageStatus {
    min-height: 0 !important;
}

.chat-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: 20px;
}

.chat_window.notifypopup #Content {
    font-size: 11px !important;
    color: #666 !important;
}

.chat-notify-btn-sec, .chat-notify-btn-prm {
    background-color: #fff;
    border: solid 1px #fff;
    padding: 2px 8px;
    min-width: 93px;
    display: inline-block;
    text-align: center;
    color: #507fb3 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    border-radius: 0px !important;
    margin: 2px !important;
    opacity: 1 !important;
}


.chat_window.feedbackpopup .chat-notify-btn-sec,
.chat_window.feedbackpopup .chat-notify-btn-prm {
    min-width: 74px;
}

.chat-notify-btn-sec {
    background-color: #e2eaf5 !important;
}

    .chat-notify-btn-sec:hover, .chat-notify-btn-prm:hover {
        text-decoration: none !important;
        color: #507fb3 !important;
        opacity: .9 !important;
        cursor: pointer !important;
    }

.chat_window .icon-Chat_icon {
    font-size: 28px !important;
    left: 0 !important;
    top: 1px !important;
}

.chat_window {
    overflow: visible;
}
/*-------chat icon status-------*/
.icon-Chat_icon [uc_status=online]:before, .icon-Chat_icon [uc_status=unLocked]:before, .icon-Chat_icon [uc_status=active]:before {
    color: #85d63c !important;
}

.icon-Chat_icon [uc_status=away]:before {
    color: #fad46b !important;
}

.icon-Chat_icon [uc_status=locked]:before {
    color: #ff6633 !important;
}

.icon-Chat_icon [uc_status=offline]:before {
    color: #777d82 !important;
}

.icon-Chat_icon [uc_status=serverconnect]:before {
    color: #2cb771 !important;
}

.icon-Chat_icon [uc_status=serverreconnect]:before {
    color: #34a7c8 !important;
}

.icon-Chat_icon [uc_status=serverdisconnect]:before {
    color: #f84545 !important;
}
/*----------------------*/

/*----------------Ticket Details and userlsit in Chat---------*/
.ticket-popup {
    position: absolute;
    left: 8px;
    right: 8px;
    overflow: hidden !important;
    word-break: break-all;
    white-space: normal;
    background: #fff;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    font-size: 11px;
    z-index: 1;
    margin-top: 1px !important;
    bottom: 16px;
    top: 86px;
}

    .ticket-popup.chatscroll-panel,
    .ticket-popup.chatscroll-panel h4 {
        color: #666;
        margin: 0;
        height: auto;
    }

        .ticket-popup.chatscroll-panel h4 {
            margin-top: 10px;
        }

.ticket-text {
    display: inline-block !important;
    padding-right: 8px !important;
}



.userlst-popup {
    position: absolute;
    left: 90px;
    right: 8px;
    max-height: 200px;
    overflow: hidden;
    word-break: break-all;
    white-space: normal;
    background: #cedaea;
    color: #fff;
    border-radius: 4px;
    padding: 8px;
    font-size: 11px;
    opacity: 0;
    z-index: 1;
    margin-top: 6px;
}
/*.tckt-arrow-icon {
    position: absolute;
    width: 21px;
    height: 11px;
    top: 64px;
    background-image: url('../UserControls/Images/chat-corner3.png');
    margin-left: 19px;
}
.userlst-arrow-icon {
    position: absolute;
    width: 21px;
    height: 11px;
    top: 44px;
    background-image: url('../UserControls/Images/chat-corner1.png');
    margin-left: 42px;
}*/
.chat_noty_stackpanel {
    position: fixed !important;
    bottom: 1px;
    right: 15px;
    z-index: 9999;
    overflow: hidden;
}

.chatscroll-panel {
    padding-right: 10px;
}

#divticket.tckthide {
    display: none;
}

#divUserlist .userlsthide {
    display: none;
}
/*UserList button userlist panel*/
#btn-chatuserslist {
    height: 10px;
    width: 10px;
    background-color: blue;
    display: inline-block;
    margin-left: 8px;
    border-radius: 5px;
    cursor: pointer;
}

.chatlist-slider {
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0;
    height: 100%;
    width: 174px;
    z-index: -1;
    box-shadow: -1px 3px 12px #111;
    display: none;
    opacity: 0;
    border: 1px solid rgb(80, 120, 179) !important;
}

    .chatlist-slider .media-body-chat-img a, .top-chat-users img {
        height: 30px;
        width: 30px;
        border-radius: 30px;
    }

    .chatlist-slider .media-body-chat-img {
        width: 34px;
        height: 30px;
    }

    .chatlist-slider .messageStatus {
        min-height: 0 !important;
        margin-bottom: 0px;
    }

    .chatlist-slider .media-heading {
        font-size: 13px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .chatlist-slider .media-body-chat {
        border-radius: 0;
        border: 0;
        border-bottom: solid 1px #c7d4e7;
    }

.top-chat-buttons {
    position: absolute;
    height: 0;
    overflow: visible;
    top: 93px;
    z-index: 1000;
    left: 0;
    right: 0;
}

#chat-group-users {
    position: absolute;
    height: 0;
    overflow: visible;
    top: 91px;
    z-index: 1000;
    left: 7px;
    right: 48px;
    height: 35px;
    border: solid 1px #c7d4e7;
    padding-top: 1px;
    border-radius: 5px;
}

.top-chat-users {
    display: inline-block;
}

.chat-icon-inside, .chat-icon-inside:hover {
    width: 30px;
    height: 30px;
    background: #999;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    color: #FFF !important;
    margin-right: 10px;
    float: right;
}

    .chat-icon-inside.onStat {
        background: #5078b3 !important;
    }


.chat-list-header {
    padding: 6px 1em !important;
    background: #5078b3 !important;
    font-size: 11px;
    color: #fff;
}

.detail1.online-status {
    color: #999;
}

.chat-list-scroll {
    height: 383px;
    overflow: auto;
}

/*Feed back Chat*/
.chat_window.feedbackpopup .rating-container {
    font-size: 28px;
    margin-bottom: 5px;
}

.chat_window.feedbackpopup .caption {
    font-size: 18px;
    margin-bottom: 5px;
}

.Feedback_popup, .FeedbackQuestions_popup {
    min-height: 230px;
}

    .Feedback_popup .commInfo {
        cursor: pointer;
        background: #f5f5f5;
        padding: 10px;
        border-radius: 4px;
        right: 23px;
        position: absolute;
        top: 122px;
    }

    .Feedback_popup label, .FeedbackQuestions_popup .lblStatus {
        font-size: 12px !important;
        font-weight: normal;
        color: #333;
        padding-right: 10px;
    }

    .Feedback_popup .ticket_info, .FeedbackQuestions_popup .ticket_info {
        color: #5078b3;
        font-size: 18px !important;
        font-weight: normal;
    }

    .Feedback_popup .lbllight, .FeedbackQuestions_popup .lbllight {
        font-size: 12px !important;
        font-weight: normal;
        color: #999;
        padding-right: 10px;
    }

    .Feedback_popup .txtsymptom {
        padding-left: 19px;
        margin-left: -12px;
        max-height: 20px;
        overflow: hidden;
        width: 180px;
        white-space: nowrap;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    .Feedback_popup .divsolution {
        margin-bottom: 8px;
    }

    .Feedback_popup .txtsolution {
        word-break: break-all;
        background: #f5f5f5;
        border-radius: 5px;
        padding: 5px;
        display: block;
        overflow: auto;
        overflow-x: hidden;
        position: absolute;
        top: 150px;
        bottom: 2px;
        min-height: 80px;
        min-width: 300px;
        margin-right: 10px;
    }

        .Feedback_popup .txtsolution > div > div {
            padding-right: 20px;
        }

            .Feedback_popup .txtsolution > div > div font {
                word-break: break-word;
            }


.feedbackpopup .chat_Notification_popup,
.FeedbackQuestions .chat_Notification_popup {
    margin-top: 1px !important;
}

.Feedback_popup .lblFeedback_Status {
    padding-top: 5px;
}

.Feedback_popup .txtFeedback_Status {
    display: inline;
    min-width: 88px;
    padding: 7px 0;
    text-align: center;
    /*background-color: #47ae39;*/ /*dynamically back ground color will based on status*/
    border-radius: 5px;
    position: relative;
    width: auto;
    max-width: 150px;
    text-transform: uppercase;
    color: white;
    margin-left: -12px;
}


.Feedback_Header, .UserCommunication_Header {
    background: #e1e8f3;
    margin: 1px;
    margin-bottom: -1px;
    line-height: 27px;
    padding-left: 10px;
    color: #5078b3;
    text-transform: uppercase;
}

.UserCommunication_Header {
    margin-bottom: 6px;
}

/*----------------------------------------------*/
/*Feedback Questions*/
.FeedbackQuestions_header {
    color: #5078b3;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 32px;
    margin: 0 0 24px;
}

.SummitNotificationDivSuccessMsg {
    position: absolute;
    top: 8px;
    right: 0px;
    bottom: 3px;
    left: 0px;
    z-index: 2147483647;
    display: none;
    background: rgb(255, 255, 255);
}

    .SummitNotificationDivSuccessMsg span {
        font-size: 54px;
        color: green;
        top: 37%;
        left: 42%;
        position: absolute;
        display: none;
    }

    .SummitNotificationDivSuccessMsg label {
        position: absolute;
        top: 60%;
        right: 0px;
        left: 0px;
        text-align: center;
        display: none;
    }

.FeedbackQuestions_popup .ticket_info {
    padding-right: 10px;
}

.FeedbackQuestions_popup {
    overflow: auto;
    overflow-x: hidden;
}
    /*.FeedbackQuestions_popup .tblrating{
    margin-top: -24px;
    margin-bottom: -18px;
}*/
    .FeedbackQuestions_popup .lblrating {
        display: block;
    }

    .FeedbackQuestions_popup .comment_area {
        border: solid 1px #c7d4e7;
        width: 100% !important;
        border-radius: 4px !important;
        padding-bottom: 20px !important;
        font-family: 'Open Sans',Arial,Verdana,Calibri;
        min-height: 60px;
    }

    .FeedbackQuestions_popup .divcomments {
        margin-top: 10px;
        margin-right: 17px;
    }

    .FeedbackQuestions_popup .lblrating {
        padding-right: 17px;
        word-break: break-all;
    }
/*----------------------------------------------*/

.threshold-alert-icon {
    background: transparent url(../images/configure-task.gif) no-repeat scroll 0 0;
    width: 25px;
    height: 22px;
    float: right;
}

/*--------------------------------*/
.analyst-type {
    display: inline-block;
    float: right;
    margin: 4px;
    padding: 4px 6px;
}

/** merged from v5.2 DEV branch -- END*/


/** merged from v5.1SP3 branch -- start*/
#hyp_Home_Url {
    margin-top: 4px;
    margin-left: 4px;
}

.overlay-container {
    height: 100%;
}

.overlay {
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 11pt;
    font-weight: lighter !important;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 111;
    margin-left: -2px !important;
    margin-top: -2px !important;
}

    .overlay .alert {
        padding-bottom: 12px;
    }
/** merged from v5.1SP3 branch -- start*/

.icon-add_new:before {
    content: "\e903";
    font-family: icomoon;
    font-style: normal;
    font-weight: bold;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 18px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    line-height: 0.95em;
    padding: 9px;
    position: relative;
    top: -1px;
}

.lbl-Info {
    color: rgb(161, 161, 161);
    font-size: 11px !important;
    font-weight: normal;
}
/** Serach Code -- start*/
.searchBlock {
    position: absolute;
    right: 0;
    left: 0;
    top: 60px;
    z-index: 1003;
    /*z-index: 100;*/
    background: #ffffff;
    border: solid 8px #5078b3;
    border-width: 0 0 3px 0px;
    box-shadow: 0 24px 41px -13px #666;
    display: none;
    overflow: hidden;
    height: 118px;
    bottom: auto;
}

.searchBlockContainer {
    padding: 30px 90px 10px 90px;
}

    .searchBlockContainer .searchResultBtn {
        width: 51px;
        margin: 0;
        margin-left: -4px;
        padding: 10px 17px;
        height: 40px;
        position: absolute;
    }

    .searchBlockContainer input[type="text"] {
        width: calc(100% - 51px);
        height: 40px;
        border: solid 1px #999999;
        margin: 0;
    }

.filter-lements {
    margin: 1px 62px 12px;
}

    .filter-lements input {
        border: solid 1px #666;
        margin-left: 11px;
        position: relative;
        top: 2px;
    }

.searchResultButton {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 23px;
    display: none;
}

.searchContent {
    padding: 0 90px;
    overflow: auto;
    border-top: dashed 1px #ccc;
    padding-top: 15px;
    margin-top: 17px;
}

.searchResultTest {
    display: none;
}

.imegespinner {
    background: url('../Images/SearchProcessing.gif') no-repeat 10px 4px;
}

.search-icon {
    background: transparent url('../Images/search-01.png') no-repeat 0 2px;
    width: 24px;
    height: 24px;
}

#searchInfo {
    display: block;
    background-size: 100%;
    position: relative;
    right: -36px;
    top: -34px;
    float: right;
    font-size: 25px;
}
/*.ui-autocomplete.ui-widget-content{
    z-index:1001;
}*/
/** Serach Code -- end*/
.icon-qus_setting:before {
    content: "\e929";
    font-family: icomoon;
    font-size: 20px;
    left: 35%;
    line-height: 1em;
}
/** Add icon in IM for SOP Template */
.lnkIcon:hover {
    text-decoration: none;
}

.software-tab-icon:before {
    content: "\e634";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.border-box {
    border: 1px solid #dedede;
    margin: 5px;
}

.ReportNameFontlinght {
    font-weight: 300;
}

.swcompln-pg-fntwght {
    font-weight: 600;
}

.backupconfiguration-icon:before {
    content: "\e656";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}


/* License Report*/
.div-mstGV {
    border: 1px solid rgb(221, 221, 221);
    display: block;
    float: left;
}

.div-header {
    background-color: rgb(230, 233, 237) !important;
    padding: 6px;
    color: rgb(161, 161, 161);
    border-bottom: 1px solid rgb(221, 221, 221);
}

.div-mstGV-row {
    border-bottom: 1px solid #ddd;
    padding: 6px;
}

    .div-mstGV-row.odd {
        background-color: #f9f9f9;
        color: #474747;
    }

.span-header {
    color: rgb(84, 84, 84);
    font-weight: 600 !important;
    text-shadow: 0px 1px 0px rgb(255, 255, 255);
}

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

.div-float {
    float: left;
}

.padding-bottom-ten {
    padding-bottom: 10px;
}
/*  End of License Report*/

/* Risk matrix for CM Module*/
.table-input_styling input[type="text"] {
    border: solid 1px #ccc;
}

    .table-input_styling input[type="text"] + label {
        width: 20%;
        text-align: center;
        line-height: 100%;
    }

.Assessment_Matrix_Heading {
    background: #f5f5f5;
    line-height: 37px;
    padding: 9px 0 0 17px;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
}

.Assessment_Matrix_left_Heading {
    width: 60px;
    height: 210px;
    display: table-cell;
    background: #f5f5f5;
    line-height: 37px;
    padding: 17px 0 0 0;
    margin: 0;
    text-transform: uppercase;
    vertical-align: top;
}

    .Assessment_Matrix_left_Heading label {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        color: #45494c;
        font-size: 13px !important;
        padding-top: 5px;
        width: 10px;
        overflow: visible;
        position: relative;
        top: 147px;
        left: 24px;
        font-weight: 600;
        white-space: nowrap;
    }

.Assessment_Matrix_body {
    display: table-cell;
    background: #f5f5f5;
}

    .Assessment_Matrix_body td:empty {
        background: #ccc !important;
    }

.color_legends > div input[type="text"] {
    border: solid 1px #ccc;
    margin: 0;
    position: relative;
    left: -3px;
}

.color_legends .control-label {
    padding: 0;
    margin: 0;
    height: 32px;
    display: inline-block;
    vertical-align: top;
}

.color_legends_input {
    width: 33%;
}
/*End of Risk Matrix */

#dvAnswers input[type="radio"] {
    vertical-align: top;
}

.linkbtnHeight {
    height: 30px;
}

.paddinguserddefined {
    padding-top: 22px;
}

.topPagerAlign thead tr:first-child > td > div > ul {
    position: absolute;
    right: 0;
    top: -40px;
}

#divLogServiceCatalog #kb-records {
    visibility: visible;
}

.ci-event-report-icon:before {
    content: "\e92c";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    top: 4px;
}

.detail-page #divDescription {
    overflow: hidden;
}
/*For Lower Resolution Rating Control was Not working in Feed back page*/
#trComments {
    float: left;
    width: 100%;
}

.icon-preview:before {
    content: "\e92e";
}

.asset-carousel-tiles.heightcarousel-tiles .item-description {
    overflow: hidden;
}
/**New changes for Top Navigation [start]*/
/*top nav------------------------------------------------Start-----------*/
/*.navbar-top-links .dropdown > a > .fa {
    display: block;
    font-size: 23px;
    height: 29px;
    position: relative;
    top: 3px;
    margin: 0;
}*/

.navbar-top-links .dropdown > a:hover,
.navbar-top-links .dropdown.open > a {
    background: #5078b3;
    border-color: #4d7496;
    max-height: 60px;
}

    .navbar-top-links .dropdown > a:hover span,
    .navbar-top-links .dropdown.open > a span {
        color: #ffffff;
        transition-delay: 0s;
        transition-duration: 0.2s;
        transition-property: all;
        transition-timing-function: ease-in-out;
    }

.navbar-top-links .dropdown a {
    margin-left: 1px;
}

.navbar-top-links .dropdown > ul {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: visible;
}

    .navbar-top-links .dropdown > ul:before {
        position: absolute;
        content: " ";
        top: -6px;
        right: 24px;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
    }

body ul li.userinfo-dropdown a:hover,
body ul li.userinfo-dropdown a:focus {
    border: solid 1px #999;
    border-radius: 83px;
}

.body ul li.userinfo-dropdown a img {
    border-radius: 30px;
    border: solid 2px #5078b3;
    overflow: hidden;
}

.user-info-content > div.f-left {
    border-radius: 30px;
    border: solid 2px #cccccc;
    overflow: hidden;
}

/*body ul.nav.main-top-nav.navbar-top-links > li a {
    padding: 7px 10px !important;
    padding-bottom: 1px !important;
}*/

body ul.nav.main-top-nav.navbar-top-links > li.userinfo-dropdown a {
    padding: 2px 3px !important;
    margin-top: 5px;
    right: 0;
    margin: 5px 10px;
}

body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:hover,
body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:focus {
    background: #5078b3;
    border-color: transparent;
}

    body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:hover span,
    body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:focus span {
        color: #fff;
    }

    body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:hover .user-info-content > div.f-left,
    body ul.main-top-nav.nav.navbar-top-links > li.userinfo-dropdown a:focus .user-info-content > div.f-left {
        border-radius: 30px;
        border: solid 2px #fff;
    }

.main-top-nav.nav .alert-count {
    font-size: 11px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 20px;
    padding: 0px 3px;
    color: #fff !important;
    border-radius: 20px;
    top: 4px;
    background: #FF6300; /*added for color contrast issue*/
    right: 11px;
    /*background: #ef5350;*/
    /*border: solid .5px #bb2e2b;*/
    height: auto;
    width: auto;
}

body ul.nav.main-top-nav > li {
    border: 0 !important;
    margin: 0 0 0 1px !important;
    vertical-align: top;
    float: left !important;
    height: 60px;
    margin-left: 1px;
    background: rgba(0,0,0,0.05);
}

.userinfo-dropdown a {
    border: solid 1px #ccc;
    border-radius: 83px;
    z-index: 1;
    display: block;
    float: left;
    padding: 2px 3px !important;
    margin-top: 5px;
    right: 10px;
}

.delegate_top_icon:before {
    content: "\e6c9";
    cursor: pointer;
    font-family: icomoon;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    left: 29%;
    line-height: 1.5em;
    position: absolute;
    top: -5px;
}

.approvals-icon_top:before {
    content: "\e907";
    cursor: pointer;
    font-family: icomoon;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    left: 29%;
    line-height: 1.5em;
    position: absolute;
    top: -5px;
}
/*top nav------------------------------------------------End-----------*/

/*Buttons------------------------------------------------Start-----------*/
.btn.btn-primary:hover {
    background: #6999e0;
    border: solid 1px #6999e0 !important;
}

.btn.btn-primary:focus {
    border: solid 1px #5078b3 !important;
    background: #6999e0;
}

.btn.btn-primary.cancel, .btn-secondary {
    background-color: #f5f5f5 !important;
    outline: solid 1px #5078b3;
    color: #5078b3 !important;
    border-radius: 0px !important;
}

    .btn.btn-primary.cancel:hover, .btn-secondary:hover {
        background-color: #e7edf3 !important;
        outline: solid 1px #5078b3;
        color: #5078b3 !important;
    }

    .btn.btn-primary.cancel:focus {
        background-color: #759fdd !important;
        border: solid 1px #6999e0 !important;
        color: #fff !important;
    }

.btn.btn-primary.previous.cancel, .btn.btn-primary.next.cancel {
    background: #0975b3 !important;
    border: solid 1px #0975b3 !important;
    color: #fff !important;
}

    .btn.btn-primary.previous.cancel:hover, .btn.btn-primary.next.cancel:hover {
        background: #6999e0 !important;
        border: solid 1px #6999e0 !important;
        color: #fff !important;
    }

    .btn.btn-primary.previous.cancel:focus, .btn.btn-primary.next.cancel:focus {
        border: solid 1px #6999e0 !important;
        background: #6999e0 !important;
        color: #fff !important;
    }

/*Buttons------------------------------------------------End-----------*/

/**New changes for Top Navigation [end]*/
.select2-rem {
    display: none !important;
}

.msg-container {
    margin: auto;
    min-height: 30px;
    width: 75%;
    clear: both;
    position: relative;
    height: auto;
    text-align: center;
}

    .msg-container .msgInfo {
        width: 100%;
        left: 0;
    }

/*bug:23332*/
.mstGV thead + tbody tr:first-child td:first-child {
    font-weight: 500 !important;
}

.TitlePanel > div {
    display: inline-block;
    /*bredcrum width adjustment*/
}


/**For grid with thead**/
.mstGV > thead > tr:first-child > td > div > .pagination {
    position: absolute;
    right: 0;
    top: -40px;
}


/** bug: 19194 **/
.datetimepicker:read-only + .input-group-btn > .btn {
    cursor: default;
}

.table-borderless-nopadding {
    padding: 3px 7px !important;
}

.ie8 #ContentPanel_divMySkills {
    display: none;
}

.ie8 #Search-item {
    display: none;
}


/*TFS Integration Start*/
.divbackcolor {
    background-color: WhiteSmoke !important;
}

.addbtn {
    top: 8px;
    padding-right: 0px;
}

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

.icon-tfsIcon:before {
    content: "\e92f";
    color: #5c97cc;
    font-size: 41px;
}


/*TFS Integration End*/
/**Menu Related Changes*/
.compact_nav .RPT, .modules-tile-container .RPT {
    background: none !important;
}

    .compact_nav .RPT:before,
    .modules-tile-container .RPT:before {
        content: "\e922";
        font-family: icomoon;
        font-size: 26px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .AM, .modules-tile-container .AM {
    background: none !important;
}

    .compact_nav .AM:before,
    .modules-tile-container .AM:before {
        content: "\e90b";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }


.compact_nav .EPROC, .modules-tile-container .EPROC {
    background: none !important;
}

    .compact_nav .EPROC:before,
    .modules-tile-container .EPROC:before {
        content: "\e979";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 8px;
    }

.compact_nav .availability-management, .modules-tile-container .availability-management {
    background: none;
}

    .compact_nav .availability-management:before,
    .modules-tile-container .availability-management:before {
        content: "\e917";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .CM, .modules-tile-container .CM {
    background: none !important;
}

    .compact_nav .CM:before,
    .modules-tile-container .CM:before {
        content: "\e918";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .AWSCloudWatch, .modules-tile-container .AWSCloudWatch {
    background: none !important;
}

    .compact_nav .AWSCloudWatch:before,
    .modules-tile-container .AWSCloudWatch:before {
        content: "\ea12";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .CMDB, .modules-tile-container .CMDB {
    background: none !important;
}

    .compact_nav .CMDB:before,
    .modules-tile-container .CMDB:before {
        content: "\e919";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .IM, .modules-tile-container .IM {
    background: none !important;
}

    .compact_nav .IM:before,
    .modules-tile-container .IM:before {
        content: "\e91b";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .KM, .modules-tile-container .KM {
    background: none !important;
}

    .compact_nav .KM:before,
    .modules-tile-container .KM:before {
        content: "\e91c";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .PFM, .modules-tile-container .PFM {
    background: none !important;
}

    .compact_nav .PFM:before,
    .modules-tile-container .PFM:before {
        content: "\e91d";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .PM, .modules-tile-container .PM {
    background: none !important;
}

    .compact_nav .PM:before,
    .modules-tile-container .PM:before {
        content: "\e91e";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .procurement, .modules-tile-container .procurement {
    background: none !important;
}

    .compact_nav .procurement:before,
    .modules-tile-container .procurement:before {
        content: "\e91f";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .PT, .modules-tile-container .PT {
    background: none !important;
}

    .compact_nav .PT:before,
    .modules-tile-container .PT:before {
        content: "\e920";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .RM, .modules-tile-container .RM {
    background: none !important;
}

    .compact_nav .RM:before,
    .modules-tile-container .RM:before {
        content: "\e921";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.compact_nav .SR:before,
.modules-tile-container .SR:before {
    content: "\e923";
    font-family: icomoon;
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .SR, .modules-tile-container .SR {
    background: none !important;
}

.compact_nav .SC:before,
.modules-tile-container .SC:before {
    content: "\e924";
    font-family: icomoon;
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .SC, .modules-tile-container .SC {
    background: none !important;
}

.compact_nav .SLAM:before,
.modules-tile-container .SLAM:before {
    content: "\e926";
    font-family: icomoon;
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .SLAM, .modules-tile-container .SLAM {
    background: none !important;
}

.compact_nav .SMSMGMT:before,
.modules-tile-container .SMSMGMT:before {
    content: "\e97a";
    font-family: icomoon;
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .SLAM, .modules-tile-container .SMSMGMT {
    background: none !important;
}

.compact_nav .SUMMIT:before,
.modules-tile-container .SUMMIT:before {
    content: "\e90a";
    font-family: icomoon;
    font-size: 20px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .SUMMIT {
    background: none !important;
}

.compact_nav .DB:before,
.modules-tile-container .DB:before {
    content: "\e91a";
    font-family: icomoon;
    font-size: 26px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .DB, .modules-tile-container .DB {
    background: none !important;
}

.compact_nav .AVM:before,
.modules-tile-container .AVM:before {
    content: "\e917";
    font-family: icomoon;
    font-size: 27px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .ORC:before,
.modules-tile-container .ORC:before {
    content: "\ea4e";
    font-family: icomoon;
    font-size: 27px;
    left: 7px;
    position: absolute;
    top: 6px;
}

.compact_nav .TUTOR, .modules-tile-container .TUTOR {
    background: none !important;
}

    .compact_nav .TUTOR:before,
    .modules-tile-container .TUTOR:before {
        content: "\e962";
        font-family: icomoon;
        font-size: 25px;
        left: 7px;
        position: absolute;
        top: 6px;
    }

.menuWithTextDown .compact_nav .TUTOR:before {
    left: 23px;
}

.compact_nav .AVM, .modules-tile-container .AVM {
    background: none !important;
}

.compact_nav .ORC, .modules-tile-container .ORC {
    background: none !important;
}

.modules-tile-container .module-image:before {
    left: 50%;
    top: 20%;
    font-size: 35px;
    /*color: #666;*/
    color: #979FA9;
    transition: .2s all;
    transition: .4s transform;
    z-index: 1;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    text-align: center;
}
/***OLD menu needs to remove these styles after integration of new menu*/
.sidebar-menu .RPT {
    background: none !important;
}

    .sidebar-menu .RPT:before {
        content: "\e922";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .AM {
    background: none !important;
}

    .sidebar-menu .AM:before {
        content: "\e90b";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .availability-management {
    background: none;
}

    .sidebar-menu .availability-management:before {
        content: "\e917";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .CM {
    background: none !important;
}

    .sidebar-menu .CM:before {
        content: "\e918";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .CMDB {
    background: none !important;
}

    .sidebar-menu .CMDB:before {
        content: "\e919";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .IM {
    background: none !important;
}

    .sidebar-menu .IM:before {
        content: "\e91b";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .KM {
    background: none !important;
}

    .sidebar-menu .KM:before {
        content: "\e91c";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .PFM {
    background: none !important;
}

    .sidebar-menu .PFM:before {
        content: "\e91d";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .PM {
    background: none !important;
}

    .sidebar-menu .PM:before {
        content: "\e91e";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .procurement {
    background: none !important;
}

    .sidebar-menu .procurement:before {
        content: "\e91f";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .PT {
    background: none !important;
}

    .sidebar-menu .PT:before {
        content: "\e920";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .RM {
    background: none !important;
}

    .sidebar-menu .RM:before {
        content: "\e921";
        font-family: icomoon;
        font-size: 30px;
        left: 24px;
        position: absolute;
        top: 12px;
    }

.sidebar-menu .SR:before {
    content: "\e923";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .SR {
    background: none !important;
}

.sidebar-menu .SC:before {
    content: "\e924";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .SC {
    background: none !important;
}

.sidebar-menu .SLAM:before {
    content: "\e926";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .SLAM {
    background: none !important;
}

.sidebar-menu .SUMMIT:before {
    content: "\e90a";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .SUMMIT {
    background: none !important;
}

.sidebar-menu .DB:before {
    content: "\e91a";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .DB {
    background: none !important;
}

.sidebar-menu .AVM:before {
    content: "\e917";
    font-family: icomoon;
    font-size: 30px;
    left: 24px;
    position: absolute;
    top: 12px;
}

.sidebar-menu .AVM {
    background: none !important;
}

.select2WithTooltip {
    width: 100%;
}

.title-with-tab .active .tab-icon, .title-with-tab > a .active i, .title-with-tab .active .tab-icon::before {
    color: #fff !important;
}
/*added for search parent scroll hiding*/
.body-overflowY-hidden {
    overflow-y: hidden;
}

/****New Menu design Start****/

.compact_nav .tooltip > div:nth-child(2) {
    padding: 10px 15px !important;
}

.compact_nav + .nav_wraper {
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: -57px;
    bottom: 0;
    opacity: .6;
    z-index: 1003;
    display: none;
}

.RFloat {
    padding-left: 10px;
    text-align: right;
}

.menuWithTextLeft .compact_nav {
    /*height: 500px;*/
    /*position: absolute;*/
}

.compact_nav {
    /*height: 500px;*/
    left: 0px;
    top: 0px;
    position: relative;
    z-index: 1004;
}

    .compact_nav hr {
        border: 0;
        border-bottom: solid 1px #ccc;
    }

    .compact_nav > ul {
        width: 60px;
        background: #0975b3;
        margin: 0;
        padding: 2px 0px 14px 0px;
        position: relative;
        min-height: 570px;
        z-index: 1000;
    }

        .compact_nav > ul.overmouse {
            width: 140px;
        }

        .compact_nav > ul > li {
            color: #fff;
            white-space: nowrap;
            background: #0975b3;
            border-bottom: solid 2px #0975b3;
            overflow: hidden;
            cursor: pointer;
            list-style-type: none;
            font-size: 12px;
        }

            .compact_nav > ul > li > a {
                color: #fff;
                white-space: nowrap;
                cursor: pointer;
                text-decoration: none;
                display: block;
                padding-left: 49px;
                padding-top: 11px;
                padding-bottom: 11px;
                position: relative;
                left: 12px;
            }

            .compact_nav > ul > li > span {
                position: relative;
                margin-right: 18px;
                font-size: 18px;
                padding: 7px;
                height: 40px;
                width: 40px;
                text-align: center;
                vertical-align: middle;
            }

                .compact_nav > ul > li > span.fa {
                    left: 12px;
                }

.menuWithTextDown .compact_nav > ul > li > span.fa {
    left: 16px;
}

.compact_nav > ul > li:hover, .compact_nav > ul > li:hover > a {
    background: #ffffff;
    color: #5078b3;
    z-index: 2;
}
/*.compact_nav .overmouse > li > a {color:#fff;}
                    .compact_nav li>a {color:#fff;}*/
.compact_nav > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    background: #5078b3;
    min-width: 275px;
    list-style-type: none;
    -webkit-box-shadow: 10px 8px 6px -8px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 8px 6px -8px rgba(0,0,0,0.25);
    box-shadow: 10px 8px 6px -8px rgba(0,0,0,0.25);
}

.menuWithTextLeft .compact_nav > ul > li > ul {
    left: 140px;
}

.compact_nav > ul > li > ul.overmousediv {
    background-color: #fff;
    display: block;
    z-index: 3;
}

.compact_nav > ul.overmouse > li:hover > ul {
    /*display: block;
                    z-index: 4;*/
}

.compact_nav > ul {
    -webkit-transition: width 2s; /* Safari */
    transition: width 0.2s;
}

.menuWithTextLeft .compact_nav > ul:hover {
    /*transition: all 0.2s ease-in-out;*/
    width: 140px;
}

.compact_nav > ul:hover > li > ul:first-child {
    display: block;
}

.compact_nav > ul > li > ul > li {
    height: 100%;
    display: table;
    background: #ffffff;
    min-width: 100px;
    margin: 2px 2px 2px 0;
    position: relative;
    cursor: default;
    top: 0;
    border-radius: 0 3px 3px 0;
}

.compact_nav_row {
    min-width: 100px;
    height: 100%;
    display: table-cell;
    vertical-align: top;
    padding: 0;
}

.compact_nav_col {
    padding: 10px;
    padding-bottom: 20px;
    min-width: 300px;
    list-style-type: none;
}

.head_menu {
    padding: 0;
    position: relative;
    display: table-cell;
    width: 300px;
}

    .head_menu > li {
        list-style-type: none;
        padding-left: 10px;
    }

.compact_nav_col > .head_menu:first-child {
    padding-top: 7px;
}

.head_menu a, .headmenu_label {
    font-size: 15px;
    color: #5078b3;
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
}

    .head_menu a:hover {
        color: #294d83;
        position: relative;
        text-decoration: underline;
    }

    .head_menu a.nolink:hover {
        color: #474C51 !important;
        position: relative;
        text-decoration: none;
        cursor: default;
        background: none !important;
    }

.admin_row .head_menu a.nolink:hover {
    position: relative;
    text-decoration: none;
    cursor: default;
    background: none !important;
}

.head_sub_menu a, .head_menu > li > ul li a {
    font-size: 13px;
    color: #7b7b7b;
    cursor: pointer;
    display: block;
    padding: 2px 5px;
    text-decoration: none;
    font-weight: 300;
}

    .head_sub_menu a:hover, .head_menu > li > ul li a:hover {
        color: #333;
        position: relative;
        background: #5078b3;
        color: #fff;
        text-decoration: none;
    }

.head_sub_menu {
    padding: 0;
}

    .head_sub_menu > li {
        list-style-type: none;
    }

.admin_head {
    /*background: #568cbe;*/
    border-radius: 3px;
    min-width: 150px;
    font-size: 17px;
    color: #474C51;
    padding: 4px 10px 8px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d0d3d8;
}

.admin_row .admin_head {
    /*background: #57c451;*/
}

.admin_row .nolink {
    color: #43ad3d;
}

.admin_row .head_menu > li > a {
    font-size: 15px;
    color: #474C51;
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
}

.admin_head span {
    font-size: 12px;
    color: #979FA9;
    padding-right: 9px;
    position: relative;
    top: -1px;
    font-size: 17px;
}


.admin_row > .head_menu a {
    color: #999999;
}


.admin_row .head_menu > li > a.nolink:hover {
    color: #474C51 !important;
    position: relative;
    text-decoration: none;
    cursor: default;
}

.admin_row .head_sub_menu a:hover {
    background: #4aa945;
    color: #ffffff;
}

.admin_row .head_sub_menu a {
    color: #0975B3;
}

.head_menu > li > ul li > a {
    font-size: 14px;
    /*color: #4aa945;*/
    cursor: pointer;
    display: block;
    padding: 0px 5px 0 10px;
    height: 20px;
    margin: 0 0 3px 0;
}

.head_menu > li > a {
    font-weight: 600;
}

ul.head_menu > li > ul > li > a:hover,
ul.head_menu > li > ul > li:hover > a {
    color: #ffffff !important;
}

.head_menu > li:first-child > a:first-child {
    padding-top: 10px;
}

.head_sub_menu > li:last-child > a:last-child {
    margin-bottom: 4px;
}

.head_menu > li > ul > li > a:hover {
    color: #999999;
    position: relative;
    background: #5078b3;
    color: #fff;
}

.admin_row .head_menu > li > ul > li > a:hover {
    background: #d8ebf3;
    color: #0975B3 !important;
}

.head_menu > li > ul li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.head_menu > li > ul {
    margin: auto;
    padding: 0;
}

.admin_row {
    height: 249px;
}

    .admin_row:nth-child(2), .brdr_lft {
        /*border-left: solid 1px #5078b3;*/
    }

.sub_sub_menu {
    right: 0;
    top: -4px;
    bottom: 0;
    display: none;
    min-width: 100px;
    position: relative;
    z-index: 2;
    left: 1px;
    background: #ffffff;
    border: solid 1px #5078b3;
    box-shadow: 2px 2px 2px #ccc;
    padding: 10px;
    background: #ffffff;
    left: 50px;
    margin-right: 50px;
}

li:hover > .sub_sub_menu {
    display: block;
}

.head_menu > li > ul li {
    max-height: 20px;
}

.sub_sub_menu a {
    display: block;
}

.button_li {
    max-height: none !important;
    white-space: normal;
    display: none;
}

#noty_center_layout_container > li > div span {
    padding-top: 26px;
}

.button_wrapper {
    min-width: 200px;
    max-width: 300px;
    margin-bottom: 10px;
    padding: 10px 0;
}

a.dropdown_button1 {
    border-radius: 25px;
    padding: 7px 10px !important;
    font-size: 12px;
    border: solid 1px #5078b3;
    display: inline-block !important;
    margin-bottom: 10px;
    white-space: nowrap;
}

.search_block input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 5px;
    margin-top: 8px;
    position: relative;
    z-index: 4;
}

.search_block {
    margin: 10px;
    position: relative;
    z-index: 3;
    margin-bottom: 0;
}

.search_btn {
    position: absolute;
    right: 9px;
    top: 13px;
    width: 20px;
    height: 20px;
    font-size: 15px !important;
    cursor: pointer;
    z-index: 4;
}

.compact_nav > ul > li > span:before {
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    font-size: 26px !important;
}

.compact_nav > ul > li > span.abcd:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

ul.head_menu > li > ul > li > a.nolink:hover,
ul.head_menu > li > ul > li:hover > a.nolink {
    color: #ffffff !important;
}

.head_menu > li > ul > li:hover > span {
    color: #ffffff !important;
}

.admin_row .head_menu > li > ul > li > span {
    color: #4aa945;
}

.admin_row .sub_sub_menu {
    border-color: #5078b3;
}

/*.DB:before {
            font-family: FontAwesome;
            content: "\f0e4";
        }

        .RPT:before {
            font-family: icomoon;
            content: "\e60D";
        }

        .IM:before {
            font-family: icomoon;
            content: "\e606";
        }

        .SR:before {
            font-family: icomoon;
            content: "\e60e";
        }

        .AM:before {
            font-family: icomoon;
            content: "\e601";
        }

        .CM:before {
            font-family: icomoon;
            content: "\e603";
        }

        .KM:before {
            font-family: icomoon;
            content: "\e607";
        }

        .CMDB:before {
            font-family: icomoon;
            content: "\e604";
        }

        .PM:before {
            font-family: icomoon;
            content: "\e609";
        }

        .SC:before {
            font-family: icomoon;
            content: "\e60f";
        }

        .AVM:before {
            font-family: icomoon;
            content: "\e602";
        }

        .PFM:before {
            font-family: icomoon;
            content: "\e608";
        }

        .SLAM:before {
            font-family: icomoon;
            content: "\e611";
        }

        .RM:before {
            font-family: icomoon;
            content: "\e60c";
        }

        .SUMMIT:before {
            font-family: icomoon;
            content: "\e600";
        }

        .PT:before {
            font-family: icomoon;
            content: "\e60b";
        }*/

.search_view {
    position: absolute;
    top: 50px;
    left: -10px;
    right: -10px;
    background: #ffffff;
    z-index: 3;
    height: 520px;
    display: none;
    background: #f5f5f5;
    padding: 11px;
    border: dashed 1px #ccc;
    overflow: auto;
}

.search_content label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    display: block;
    color: #999999;
    font-size: 13px;
    margin-top: 15px;
}

.search_link {
    color: #5078b3;
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
    display: block;
    cursor: pointer;
}

    .search_link:hover {
        text-decoration: underline;
    }

.search_content {
    display: none;
}

    .search_content h2 {
        color: #999999;
    }

.compact_nav > ul > li.overhighlite,
.compact_nav > ul > li.overhighlite > a {
    background: #ffffff !important;
    color: #5078b3;
}

#divMenu {
    display: table-cell;
    vertical-align: top;
    background: #0975b3 none repeat scroll 0 0;
}

.menuWithTextDown .compact_nav > ul > li {
    white-space: normal;
    text-align: center;
    min-height: 60px;
}

.menuWithTextDown .compact_nav > ul {
    width: 74px;
}

    .menuWithTextDown .compact_nav > ul > li > ul {
        left: 72px;
    }

    .menuWithTextDown .compact_nav > ul > li > span {
        width: 49px;
        display: block;
    }

.compact_nav_row li {
    text-align: left !important;
}

.menuWithTextDown .compact_nav > ul > li > a {
    padding-left: 0px;
    padding-top: 37px;
    padding-bottom: 1px;
    left: 1px !important;
}

.menuWithTextDown .compact_nav .RPT:before {
    left: 23px;
}

.menuWithTextDown .compact_nav .DB:before {
    left: 23px;
}

/****New Menu design End****/


/** START For Group Page Patch List Progress**/
.gvGroupProgress .ui-progressbar {
    position: relative;
}

.gvGroupProgress .progress-label {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
    text-align: center;
    right: 0;
}

.gvGroupProgress .ui-progressbar-value {
    height: 24px !important;
}

.gvGroupProgress .Installcolor + .ui-progressbar-value.ui-widget-header {
    background-image: none;
    background-color: #2ECC71 !important;
    box-sizing: content-box;
    border: solid 1px #9dbdea !important;
}

.gvGroupProgress .notinstallcolor + .ui-progressbar-value.ui-widget-header {
    background-image: none;
    background-color: #FF5733 !important;
    box-sizing: content-box;
    border: solid 1px #f79b94 !important;
}

.gvGroupProgress .noStatus + .ui-progressbar-value.ui-widget-header {
    background-image: none;
    background-color: #B0D56E !important;
    box-sizing: content-box;
    border: solid 1px #c9c9c9 !important;
}

.gvGroupProgress .Notapplicable + .ui-progressbar-value.ui-widget-header {
    background-image: none;
    background-color: #B2BABB !important;
    box-sizing: content-box;
    border: solid 1px #fcdedb !important;
}

.gvGroupProgress .Compliance + .ui-progressbar-value.ui-widget-header {
    background-image: none;
    background-color: #2E86C1 !important;
    box-sizing: content-box;
    border: solid 1px #94f79b !important;
}

.gvGroupProgress .UIInstallcolor {
    border: solid 1px #2ECC71 !important;
    background-image: none !important;
    border-radius: 3px !important;
}

.gvGroupProgress .UInotinstallcolor {
    border: solid 1px #FF5733 !important;
    background-image: none !important;
    border-radius: 3px !important;
}

.gvGroupProgress .UInoStatus {
    border: solid 1px #B0D56E !important;
    background-image: none !important;
    border-radius: 3px !important;
}

.gvGroupProgress .UINotapplicablecolor {
    border: solid 1px #B2BABB !important;
    background-image: none !important;
    border-radius: 3px !important;
}

.gvGroupProgress .UICompliancecolor {
    border: solid 1px #2E86C1 !important;
    background-image: none !important;
    border-radius: 3px !important;
}

/** END For Group Page Patch List Progress**/


.divbottom {
    bottom: 25px;
}



/* Page Minimum Height and this class is used in Asset Integration Page*/
.content-min-height {
    min-height: 600px;
}

.modules-tile-container .SUMMIT {
    background-image: none !important;
    width: 41px;
    height: 42px;
}

    .modules-tile-container .SUMMIT:hover, .modules-tile-container .SUMMIT:focus, .modules-tile-container .SUMMIT:visited, .modules-tile-container a:hover, .modules-tile-container a:focus, .modules-tile-container a:visited {
        text-decoration: none !important;
    }

    .modules-tile-container .SUMMIT:before {
        content: "\e90a";
        font-family: icomoon;
        font-size: 35px;
        color: #7c7c7c;
    }


.pad-left-23px {
    padding-left: 23px;
}

.hasNoChild {
    font-weight: normal !important;
}

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

#notification-dropdown .ui-accordion .ui-state-default, .ui-accordion .ui-widget-content .ui-state-default, .ui-accordion .ui-widget-header .ui-state-default,
#inactiveuserlist-dropdown .ui-accordion .ui-state-default {
    background: transparent;
}

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

#divApprovalDetails .btnShowApprover {
    background: none !important;
}

.sr-approved {
    border: 1px solid #85D63C !important;
}

    .sr-approved .task-header {
        background-color: #85D63C;
        color: #fff;
    }

    .sr-approved .connector_div {
        border-top: solid 1px #85d63c;
    }

.sr-rejected {
    border: 1px solid #ff6633 !important;
}

.sr-referback .task-header {
    background-color: #d9534f;
    color: #fff;
}

.sr-referback .connector_div {
    border-top: solid 1px #d9534f;
}

.sr-referback {
    border: 1px solid #d9534f !important;
}

.sr-rejected .task-header {
    background-color: #ff6633;
    color: #fff;
}

.sr-rejected .connector_div {
    border-top: solid 1px #ff6633;
}

.sr-onhold {
    border: 1px solid #f84545 !important;
}

    .sr-onhold .task-header {
        background-color: #f84545;
        color: #fff;
    }

    .sr-onhold .connector_div {
        border-top: solid 1px #f84545;
    }

.sr-forward {
    border: 1px solid #7c69c3 !important;
}

    .sr-forward .task-header {
        background-color: #7c69c3;
        color: #fff;
    }

    .sr-forward .connector_div {
        border-top: solid 1px #7c69c3;
    }


.sr-tooltip + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
    /*z-index: 2147483647;*/
}

.sr-approver-required {
    /*border: 1px solid #ff6633 !important;*/
    border: 1px solid #ad0000 !important;
}

    .sr-approver-required .task-header {
        /*background-color: #ff6633;*/
        background-color: #ad0000;/*WCAG color contrast issue */
        color: #fff;
    }

        .sr-approver-required .task-header i {
            color: #fff;
        }

.sr-legend {
    margin-top: 12px;
}

    .sr-legend .legend-item {
        padding: 7px;
        float: left;
        margin-right: 3px;
    }

    .sr-legend .sr-approver-required {
        /*background-color: #ff6633;*/
        background-color: #ad0000;/* color contrast issue */
    }
/*For Lower Resolution Rating Control was Not working in Feed back page*/
.feedbackComments {
    float: left;
    width: 100%;
}

.clear-screen-icon:before {
    content: "\e937";
    font-family: icomoon;
    font-size: 31px;
    color: #7c7c7c;
    right: 5%;
    bottom: -15px;
}

.condition-icon:before {
    content: "\e938";
    font-family: icomoon;
}

.icon-property:before {
    content: "\e939";
    font-family: icomoon;
    color: #659dcf;
}

.workflow_flowchart-direction2-icon:before {
    content: "\e93a";
    font-family: icomoon;
}

.workflow_flowchart-direction_view-icon:before {
    content: "\e93b";
    font-family: icomoon;
    font-size: 25px;
    font-style: normal;
}

.icon-workflow_flowchart-direction:before {
    content: "\e936";
    font-family: icomoon;
}

workflow-tabview {
    font-size: 30px;
}


/*configure*/

.Configure-Approvals:before {
    content: "\e933";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.defineApprovals:before {
    content: "\e934";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

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


/*Ui Rwamp------------------------------*/
.curveBox {
    border: solid 1px #dbdbdb !important;
    box-shadow: 0 0 4px rgba(111,111,111,.2) !important;
    border-radius: 2px;
}

.divCallerInfo {
    float: left;
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
}

.divCallerInfoContainer {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.CallerInfoUsername > span,
.CallerInfoUsername > label {
    font-size: 18px !important;
}

.CallerInfoIconsContainer {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-top: solid 1px #dbdbdb;
    padding-top: 7px;
    margin-top: 10px;
    margin-bottom: 8px;
}

    .CallerInfoIconsContainer > div > div > a,
    .CallerInfoIconsContainer > div > a {
        background-color: #fbfbfb;
        border: solid 1px #dce2e2;
        width: 37px;
        height: 37px;
        border-radius: 37px;
        display: inline-block;
        text-align: center;
    }

    .CallerInfoIconsContainer > div > a,
    .CallerInfoIconsContainer > div > div,
    .CallerInfoIconsContainer .f-right > div > a {
        margin-right: 5px !important;
        margin-left: 0 !important;
        vertical-align: top;
        background-position: center;
        background-size: 52%;
    }

        .CallerInfoIconsContainer > div > div > a > i,
        .CallerInfoIconsContainer > div > a > i,
        .CallerInfoIconsContainer > div > a > span {
            margin-top: 9px !important;
            display: block;
            line-height: 100%;
            color: #666666;
        }

        .CallerInfoIconsContainer > div > div > a:hover,
        .CallerInfoIconsContainer > div > a:hover,
        .CallerInfoIconsContainer > div > a:hover {
            background-color: #6999e0;
            border-color: #6999e0;
        }

            .CallerInfoIconsContainer > div > div > a:hover i,
            .CallerInfoIconsContainer > div > a:hover i,
            .CallerInfoIconsContainer > div > a:hover span,
            .CallerInfoIconsContainer > div > a:hover:before,
            .CallerInfoIconsContainer > div > a:hover span:before,
            .CallerInfoIconsContainer > div > div > a:hover:before {
                color: #ffffff;
            }

.lblCustomer {
    /*background: #6699cc;*/
    background: #B4BAC3; /*color contrast issue*/
    color: #000000;
    padding: 1px 8px;
    border-radius: 2px;
    text-transform: uppercase;
    max-width: 182px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.CallerInfoIconsContainer > div > div > a,
.CallerInfoIconsContainer > div > a {
    font-size: 16px;
    vertical-align: middle;
    line-height: 33px;
    color: #666;
    text-decoration: none;
}

.CallerInfoPopup {
    z-index: 1002;
}

.CallerInfoIconsContainer .tooltip {
    z-index: 1004 !important;
    position: absolute;
}
/*.CallerInfoIconsContainer .f-right > div {
    position: absolute;
    bottom: -183px;
    left: -1px;
    right: -9px;
    background: #ffffff;
    height: 180px;
    padding: 7px 10px;
    box-shadow: 0 0 8px rgba(111,111,111,.6);
    display: none;
}*/
.CallerInfoIconsContainer .f-right > div {
    position: absolute;
    bottom: 43px;
    left: 0px;
    right: -5px;
    background: #ffffff;
    height: 52px;
    padding: 7px 7px 7px 10px;
    display: none;
    z-index: 10;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 1002;
}

    .CallerInfoIconsContainer .f-right > div.options-visible {
        bottom: 0;
        opacity: 1;
        transition: all 0.5s ease;
    }

.CallerInfoIconsContainer > div {
    width: 100%;
}

#CallerInfoPopupClose,
#userIconsMore {
    background-color: #6999e0;
    border-color: #6999e0;
    color: #ffffff;
}

.tooltip > .tooltip-inner {
    background-color: #fff;
    color: #444;
    border: solid 1px #6999e0;
    box-shadow: 0px 0px 5px rgba(0,0,0,.2);
}

.tooltip-arrow,
.tooltip > .tooltip-arrow {
    border-left-color: #6999e0 !important;
    border-width: 7px 0 6px 6px !important;
    right: -2px;
    top: 43%;
    margin-top: 0px;
}

.tooltip.bottom > .tooltip-arrow {
    border-color: transparent transparent #6999e0 transparent !important;
    border-width: 0px 7px 7px 7px !important;
    right: -2px;
    top: -1px;
    margin-top: 0px;
}

.actions .icon + .tooltip.bottom > .tooltip-arrow {
    border-color: transparent transparent #6999e0 transparent !important;
    border-width: 0px 7px 7px 7px !important;
    right: -2px;
    top: -1px;
    margin-top: 0px;
}

.tooltip.top > .tooltip-arrow {
    border-color: #6999e0 transparent transparent transparent !important;
    border-width: 7px 7px 0 7px !important;
    right: -2px;
    bottom: -1px !important;
    top: auto !important;
    margin-top: 0px;
}

.divCallerInfoDetail {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
}

.form-details .group-heading > h3, .group-heading > h3, .group-heading > span {
    font-size: 14px;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 6px;
    border: 0;
}

.user-details > span,
.user-details > label {
    clear: both;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    margin: 0;
}

    .user-details > label:empty,
    .user-details > span:empty {
        display: none;
    }

.user-details {
    padding-bottom: 10px;
}

.lblEmail {
    color: #428bca;
    text-decoration: underline;
    font-weight: 300;
}

.cc-icon-active:before {
    color: #666666;
}

.actions .export-excel-icon-all:before {
    position: absolute;
}

.actions .export-icon-all-to-excel:before {
    position: absolute;
}

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

#PrintSection > table {
    padding: 10px !important;
}

.floorSubnet {
    white-space: nowrap;
    table-layout: fixed;
    width: inherit;
}

    .floorSubnet tr td:first-child {
        width: 55px;
    }


.left-17px {
    left: 17px;
}

.fixed-table {
    table-layout: fixed;
}

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

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

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

.patch-btnsubmit {
    float: right;
    border-left: solid 1px #333;
    width: 0px;
    margin-top: 2px;
}

.padding-top-1px {
    padding-top: 1px !important;
}

.div-exportall {
    margin-left: 28px;
    border-left: solid 1px #333;
}

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

.panel-header-iconContainer > a {
    float: right;
    height: 30px;
    background-color: #f5f5f5;
    border-left: solid 1px #ccc;
    display: inline-block;
    width: 47px;
    height: 44px !important;
    padding: 11px 7px;
    position: relative;
}

    .panel-header-iconContainer > a:before {
        font-size: 25px !important;
        top: 4px !important;
        left: 12px;
    }

    .panel-header-iconContainer > a:hover {
        background-color: #e2e2e2;
    }

.filter-icon-menu {
    background-color: #f5f5f5;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding: 0;
    margin: 0;
    border-radius: 30px;
    line-height: 30px;
    padding: 7px 12px;
    font-size: 15px !important;
    margin-right: 10px;
    border: solid 1px #ccc;
    text-decoration: none;
}

    .filter-icon-menu:before {
        content: "\f0b0";
        font-size: 19px;
    }

.background-position-10px {
    background-position: 10px;
}

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

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

.icon_Create-Notification-Parser:before {
    content: "\e944";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 30%;
    line-height: 1em;
}

.icon_Notification-Parser:before {
    content: "\e945";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 30%;
    line-height: 1em;
}

.icon_CUSTOM-SCHEDULER:before {
    content: "\e946";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.icon_Format-email:before {
    content: "\e948";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.icon_mail-box:before {
    content: "\e949";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.icon_sort-order:before {
    content: "\e94b";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 22px;
    left: 35%;
    line-height: 1em;
    top: 13%;
}

.invalid-sln-icon:before {
    content: "\e9e4";
    font-family: icomoon;
    position: absolute;
    font-size: 25px;
    left: 35%;
}


/*----------------------------------------------------------BUTTONS--------------------------*/

.nwButtonPrimary, .nwButtonSecondary, .nwButtonTertiary, .btn.btn-primary, .no-validation-primary {
    background: #32568c;
    border: solid 1px #6999e0 !important;
    color: #fff;
    padding: 4px 20px 4px 20px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 0;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 0px;
    font-size: 14px !important;
    font-weight: normal;
    line-height: 1.39em;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.nwButtonPrimary, .btn.btn-primary, .no-validation-primary {
    background: #0975B3 !important;
    border: solid 1px #0975B3 !important;
    color: #fff !important;
}

.nwButtonSecondary {
    /*background: #6b8bb9 !important;*/
    background-color: #0975B3 !important; /*color contrast*/
    border: solid 1px #5178b3 !important;
    color: #fff !important;
}

.nwButtonTertiary, .btn.btn-primary.cancel, .btn-secondary {
    background-color: #fff !important;
    /*color: #788089 !important;*/
    color: #474C51 !important; /*added for color contrast issue for cancel btn*/
    border-color: #474C51 !important;
}
/*----------------------------------------------------------BUTTONS MOUSE OVER--------------------------*/
.nwButtonPrimary:hover, .btn.btn-primary:hover, .no-validation-primary:hover {
    background: #2FAAE1 !important;
}

.nwButtonSecondary:hover {
    background: #80a4da !important;
    border: solid 1px #4d78b9 !important;
    color: #fff !important;
}

.nwButtonTertiary:hover, .btn.btn-primary.cancel:hover, .btn-secondary:hover {
    background-color: #ffffff !important;
    color: #0975B3 !important;
    border-color: #0975B3 !important;
}
/*----------------------------------------------------------BUTTONS FOCUSED--------------------------*/
.nwButtonPrimary:focus, .btn.btn-primary:focus, .no-validation-primary:focus {
    box-shadow: inset 0 0 8px 1px #385f98;
    background: #0975b3 !important;
}

.nwButtonSecondary:focus {
    box-shadow: inset 0 0 8px 1px #6b8bb9;
}

.nwButtonTertiary:focus, .btn.btn-primary.cancel:focus {
    box-shadow: inset 0 0 8px 1px #94a4bb;
    background-color: #e7edf3 !important;
    color: #5078b3 !important;
}

.btn-primary.disabled, .btn-primary.btn[disabled],
.nwButtonPrimary.disabled, .nwButtonSecondary.disabled, .nwButtonTertiary.disabled, .btn.btn-primary.disabled,
.nwButtonPrimary[disabled], .nwButtonSecondary[disabled], .nwButtonTertiary[disabled], .btn.btn-primary[disabled] {
    background: #f5f5f5 !important;
    border: solid 1px #ccc !important;
    box-shadow: none !important;
    /*color: #cccccc !important;*/
    color: #474C51 !important; /*color contrast*/
    text-shadow: 1px 1px 0 #fff !important;
    cursor: not-allowed !important;
}
/*----------------------------------------------------------BUTTONS--------------------------*/

/*---------------------------- Eprocurment Vendor List Icon ----------------------------------*/
.evaluate-Vendors-icon:before {
    content: "\e94a";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.Add-vendor-icon:before {
    content: "\e94c";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.Assign-Products-icon:before {
    content: "\e94f";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.Assign-evaluator-icon:before {
    content: "\e94d";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.Configure-Evaluation-icon:before {
    content: "\e94e";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.icon-Annexure-XIII-Form:before {
    content: "\e965";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 22px;
    left: 40%;
    line-height: 1.3em;
}

.software-uninstall-icon:before {
    content: "\e928";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 22px;
    left: 40%;
    line-height: 1.7em;
}

.enforce-status-icon:before {
    content: "\e99a";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 22px;
    left: 40%;
    line-height: 1.7em;
}


.budget-transfer-icon:before {
    content: "\e9a8";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}



/*------------------------ End ---------------------*/

.icon_ASSET-GROUP---TEST-GROUP:before {
    content: "\e93d";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    font-size: 31px;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

/*-------SR 8662----------*/
.select2ForExecutiveList {
    width: 100%;
}

.select2higlight-option {
    background-color: rgba(133, 214, 60, 0.45);
    width: 100%;
    display: BLOCK;
    padding: 2px 3px;
    color: #000;
}
/*.primaryLabelBtnWidth + div{
    display: block;
    width: calc(100% - 35px);
    float: right;
}*/
.primaryLabelBtn {
    float: left;
    margin-left: 0;
}

.primaryLabelBtnContainer {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .primaryLabelBtnContainer > div {
        display: table-cell;
        vertical-align: top;
    }

.hidingPrimaryDiv {
    width: 23px;
}
/*-------SR 8662 Changes Ends---------*/


/*Multiple Arrow Btw List Box*/
.arrow-align-left-MutipleArrow {
    margin-top: 24px;
    /* margin-left: -14px; */
    width: 37px;
    padding-left: 13px;
}


.icon_LICENSE-Deallocate:before {
    content: "\e955";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 25px;
    left: 35%;
    line-height: 1em;
}

.Physical-Verification2:before {
    content: "\e95b";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.DEPRECIATION-FORMULA2:before {
    content: "\e950";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 20px;
    left: 35%;
    line-height: 1em;
}

.recipient-list-icon:before {
    content: "\e63c";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.4em;
}

/*Icons For Asset*/
.Asset-Reconciliation-Approval2:before {
    content: "\e954";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.Configure-Category:before {
    content: "\e956";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.deallocation-icon:before {
    content: "\e959";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}
/*------------------------------------Table Header Records strip---------------------*/
.record-Label-dropdown {
    width: 80px;
}

.record-Label {
    padding-top: 5px;
    padding-right: 10px;
    display: block;
}

.record-Label-total {
    padding-top: 6px;
    font-weight: 600;
    color: #737373;
}
/*Out Of Box*/
.outOfBox_Panel {
    min-height: 400px;
    padding-bottom: 14px !important;
}

.outOfBox_Panel_Topbox {
    background: #f5f5f5;
    padding: 10px 0;
    margin-bottom: 15px;
}

    .outOfBox_Panel_Topbox h4 {
        padding: 7px;
        margin: 0;
        height: 36px;
        line-height: 15px;
    }

.icon_profilemapping:before {
    content: "\e95c";
    font-family: icomoon;
    font-size: 35px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.Import-values:before {
    content: "\e95a";
    font-family: icomoon;
    font-size: 26px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.previous-Import:before {
    content: "\e95d";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.select-icon:before, .Grid-SelectLink a:before {
    content: "\e95e";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    padding-top: 6px;
}

.mstGV td.Grid-SelectLink a {
    text-decoration: none !important;
}

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

.outOfBox_Panel_label {
    font-size: 17px;
    font-weight: normal;
    line-height: 22px;
}

.cr-approved {
    border: 1px solid #85D63C !important;
}

    .cr-approved .task-header {
        background-color: #85D63C;
        /*color: #fff;*/
        color: #1E252C; /*color contrast*/
    }

    .cr-approved .connector_div {
        border-top: solid 1px #85d63c;
        border-top: solid 1px #85d63c;
    }


.cr-approvedPending {
    border: 1px solid #d6483c !important;
}

    .cr-approvedPending .task-header {
        background-color: #d6483c;
        color: #fff;
    }

    .cr-approvedPending .connector_div {
        border-top: solid 1px #d6483c;
    }

.cr-canceled {
    border: 1px solid #777d82 !important;
}

    .cr-canceled .task-header {
        background-color: #777d82;
        color: #fff;
    }

    .cr-canceled .connector_div {
        border-top: solid 1px #777d82;
    }

.cr-referback {
    border: 1px solid #d9534f !important;
}

    .cr-referback .task-header {
        background-color: #d9534f;
        color: #fff;
    }

    .cr-referback .connector_div {
        border-top: solid 1px #d9534f;
    }


.tile-container .Failed {
    background-color: #f84545;
}
.tile-container .On-Hold {
    background-color: #FFC37B;
}
.Failed {
    background-color: #f84545;
}

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

.tbl-th {
    text-align: center !important;
}

.troubleshooting-icon:before {
    content: "\e660";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.configure-columns-icon:before, .CONFIGURECOLUMNS:before {
    content: "\e6d9";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.ASSET-GROUP:before {
    content: "\e95f";
    font-family: icomoon;
    font-size: 35px;
    color: #7c7c7c;
    left: 35%;
    line-height: 1em;
    position: absolute;
    padding-top: 6px;
}

.tr-align {
    color: #545454;
    font-weight: bold;
    white-space: nowrap;
}

.table-align {
    width: 49%;
    border-collapse: collapse;
    border: 0;
}

.mstGV td.tbl-text-align a {
    text-decoration: none !important;
}

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

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

.clearcross::-ms-clear {
    display: none !important;
}

.panel-heading .panel-header-iconContainer .tooltip {
    z-index: 10000000 !important;
}

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

.margin-right-10px {
    margin-right: 10px;
}
/*------------------------ End ---------------------*/

/*SC Tile View Changes*******************************/
.sc-tile-view {
    width: 120px;
    float: left;
    margin: 10px;
    height: 120px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .sc-tile-view:hover {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .sc-tile-view .item-name {
        height: 30px !important;
    }

    .sc-tile-view .tile-container {
        min-height: 100px;
    }

    .sc-tile-view .image, .sc-tile-view .item-head, .sc-tile-view .item-name, .sc-tile-view .items-container {
        background-color: transparent !important;
        border-color: transparent;
    }

    .sc-tile-view .items-container {
        min-height: 100px;
    }
    /*.sc-tile-view  .item-name{background-color:transparent !important;}*/
    .sc-tile-view .item-head {
        height: 0px;
    }

    .sc-tile-view .image-container img, .sc-tile-view .image img {
        max-width: 60px !important;
    }

    .sc-tile-view .catalog-name {
        color: #fff;
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 12px;
    }

    .sc-tile-view .image {
        height: 90px !important;
    }

.category-view-container .owl-theme .owl-controls .owl-buttons .owl-prev, .category-view-container .owl-theme .owl-controls .owl-buttons .owl-next {
    top: 40%;
}

.catalog-name {
    color: #fff;
}

/*#category-carousel .item-name {
    background-color: rgb(246, 246, 246);
    color: #7c7c7c;
}*/

#catalog-carousel .item-head {
    background-color: #f6f6f6;
}

.sc-tile-view .item-name {
    color: #fff !important;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*------------------------ End ---------------------*/
/*----------------------------------------------------------tabs-----------------------------*/

.summit-tab > li.active > a,
.summit-tab2 > li.active > a,
.summit-tab3 > li.active > a,
ul.z-tabs-nav.summitTabVertical > li.z-active > a,
ul.z-tabs-nav.summitTabHorizontal > li.z-active > a {
    color: #D13636;
    cursor: default !important;
}

ul.z-tabs-nav.summitTabHorizontal {
    height: 58px;
    border-bottom: solid 2px #6999e0 !important;
}

    .summit-tab.nav-pills > li,
    .summit-tab2 > li,
    ul.z-tabs-nav.summitTabHorizontal > li {
        background-color: #ffffff;
        border: solid .5px #d6e2ec;
        border-bottom-width: 0px;
        list-style-type: none;
        margin: 0 2px 2px 0;
        min-height: 57px !important;
        padding-left: 0px;
        padding-right: 0;
        white-space: normal;
        width: auto;
        position: relative;
        top: 3px;
        height: 80px;
        cursor: pointer;
    }

    ul.z-tabs-nav.summitTabHorizontal > li {
        height: 60px;
    }

.summit-tab.nav-stack > li,
.summit-tab3 > li,
ul.z-tabs-nav.summitTabVertical > li {
    background-color: #ffffff;
    border: solid .5px #d6e2ec;
    border-right-width: 0px;
    list-style-type: none;
    margin: 0 2px 2px 0;
    min-height: 0 !important;
    padding-left: 0px;
    padding-right: 0;
    white-space: normal;
    width: auto;
    position: relative;
    right: -2px;
    border-radius: 0;
    cursor: pointer;
}

    .summit-tab.nav-stack > li > a,
    .summit-tab3 > li > a,
    ul.z-tabs-nav.summitTabVertical > li > a {
        text-align: left;
        padding-left: 15px;
        cursor: pointer;
    }

.summit-tab.nav-pills > li a,
.summit-tab2 > li a,
ul.z-tabs-nav.summitTabHorizontal > li a {
    bottom: 0;
    border-radius: 0;
    cursor: pointer;
}

ul.z-tabs-nav.summitTabHorizontal > li a {
    background: none !important;
    padding: 8px 20px !important;
}

.summit-tab > li a,
.summit-tab2 > li a,
.summit-tab3 > li a,
ul.z-tabs-nav.summitTabVertical > li a {
    bottom: -2px;
    clear: both;
    color: #666;
    display: block;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 4px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    min-width: 96px;
    padding-top: 5px;
    text-decoration: none;
    font-weight: 600;
}

.summit-tab > li.last,
.summit-tab2 > li.last,
.summit-tab3 > li.last,
ul.z-tabs-nav.summitTabVertical > li.last {
    margin-right: 0;
}

.summit-tab > li span,
.summit-tab2 > li span,
.summit-tab3 > li span,
ul.z-tabs-nav.summitTabVertical > li span {
    background-size: 100% auto !important;
    display: inline-block;
    height: 19px;
    margin-top: 2px;
    text-align: center;
    width: 13px;
    color: #666;
}

.summit-tab > li.active,
.summit-tab2 > li.active,
.summit-tab3 > li.active,
ul.z-tabs-nav.summitTabVertical > li.z-active,
ul.z-tabs-nav.summitTabHorizontal > li.z-active {
    /*background: #6999e0 !important;*/
    background: #55687F !important; /*color contrast*/
}

.summit-tab.nav-stack > li.active,
.summit-tab3 > li.active,
ul.z-tabs-nav.summitTabVertical > li.z-active,
ul.z-tabs-nav.summitTabHorizontal > li.z-active {
    height: auto;
    border: solid .5px #6999e0;
}

.summit-tab > li:hover,
.summit-tab2 > li:hover,
.summit-tab3 > li:hover,
ul.z-tabs-nav.summitTabVertical > li:hover,
ul.z-tabs-nav.summitTabHorizontal > li:hover {
    transition: all 0.2s ease-in-out;
    background: #fff;
}

.summit-tab li span:before,
.summit-tab2 li span:before,
.summit-tab3 li span:before,
ul.z-tabs-nav.summitTabVertical li span:before,
ul.z-tabs-nav.summitTabHorizontal li span:before {
    font-size: 20px;
    color: #666;
}

.summit-tab li.active > a,
.summit-tab li.active span:before,
.summit-tab2 li.active > a,
.summit-tab2 li.active span:before,
.summit-tab3 li.active > a,
.summit-tab3 li.active span:before,
ul.z-tabs-nav.summitTabVertical li.active > a,
ul.z-tabs-nav.summitTabVertical li.z-active span:before,
ul.z-tabs-nav.summitTabHorizontal li.z-active > a,
ul.z-tabs-nav.summitTabHorizontal li.z-active span:before {
    color: #fff;
    border: 0 !important;
}

ul.z-tabs-nav.summitTabHorizontal li.z-active > a,
ul.z-tabs-nav.summitTabHorizontal li.z-active span:before {
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

ul.z-tabs-nav.summitTabHorizontal > li.z-tab a,
ul.z-tabs-nav.summitTabHorizontal > li.z-active a {
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.summit-tab.nav-stack > li > a label,
.summit-tab3 > li > a label,
ul.z-tabs-nav.summitTabHorizontal > li.z-tab > a label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 28px);
    vertical-align: middle;
    margin-bottom: 0;
}

.summit-tab.nav-stack > li:hover,
.summit-tab3 > li:hover {
    border: solid .5px #6999e0;
    border-right: 0;
    background: #ecf4ff;
}

.summit-tab.nav-stack > li.active:hover,
.summit-tab3 > li.active:hover,
ul.z-tabs-nav.summitTabVertical > li.z-active:hover {
    border: solid .5px #6999e0;
    border-right: 0;
}

.summit-tab.nav-pills > li.active,
.summit-tab2 > li.active,
ul.z-tabs-nav.summitTabHorizontal > li.z-active {
    border: solid .5px #6999e0;
    border-bottom: 0;
    background: #5078b3;
}

ul.z-tabs-nav.summitTabHorizontal > li.z-tab,
ul.z-tabs-nav.summitTabHorizontal > li.z-active {
    top: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0;
    height: 55px !important;
}

.summit-tab.nav-pills > li:hover,
.summit-tab2 > li:hover,
ul.z-tabs-nav.summitTabHorizontal > li:hover {
    /*border: solid .5px #6999e0;*/
    border-bottom: 0;
    background: #C0CCD8;
}

.summit-tab.nav-pills > li.active:hover a,
.summit-tab2 > li.active:hover a,
ul.z-tabs-nav.summitTabVertical > li.z-active:hover a,
ul.z-tabs-nav.summitTabHorizontal > li.z-active:hover a {
    transition: all 0.2s ease-in-out;
    background: #5078b3;
}


.summit-tab.nav-pills > li > a,
.summit-tab2 > li > a,
ul.z-tabs-nav.summitTabHorizontal > li a {
    height: 58px;
    width: 157px;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
}

ul.z-tabs-nav.summitTabHorizontal > li a {
    height: 38px !important;
}

.summit-tab.nav-pills > li > a > label,
.summit-tab2 > li > a > label,
ul.z-tabs-nav.summitTabHorizontal > li.z-tab a {
    vertical-align: middle;
    word-break: break-word;
    white-space: normal;
    line-height: 15px;
    cursor: pointer;
    margin-bottom: 0;
}

.summit-tab li.active:hover,
.summit-tab2 li.active:hover,
.summit-tab3 li.active:hover,
ul.z-tabs-nav.summitTabVertical li.active:hover,
ul.z-tabs-nav.summitTabHorizontal > li.z-active:hover {
    transition: all 0.2s ease-in-out;
    background: #5078b3;
    border: solid .5px #5078b3;
}

ul.z-tabs-nav.summitTabHorizontal > li.z-active:hover {
    border-bottom: 0;
}

ul.summitTabVertical {
    border: 0 !important;
    top: 10px !important;
    box-shadow: none !important;
}

    ul.summitTabVertical + input + div,
    ul.summitTabHorizontal + input + div {
        box-shadow: none !important;
    }

ul.summitTabHorizontal + input + div {
    border-top: 0 !important;
}

ul.summitTabVertical > li > a {
    background: none !important;
    text-shadow: none !important;
    color: #666 !important;
    border: none !important;
    padding: 6px 19px 11px !important;
    font-size: 13px !important;
}

ul.summitTabVertical > li {
    background-color: #ffffff !important;
    border: solid .5px #d6e2ec !important;
    border-right-width: 0px !important;
    margin: 2px 0 !important;
    right: 0 !important;
}

    ul.summitTabVertical > li:hover {
        border: solid .5px #6999e0 !important;
        transition: all 0 ease-in-out !important;
        border-right: 0 !important;
        background: #ecf4ff !important;
    }

    ul.summitTabVertical > li.z-active {
        position: relative !important;
        z-index: 1 !important;
        right: 0px !important;
        background: #6999e0 !important;
        border: solid .5px #6999e0 !important;
        cursor: default !important;
    }

    ul.summitTabVertical > li > a {
        text-align: left !important;
    }

    ul.summitTabVertical > li.z-active a {
        color: #ffffff !important;
    }

.summit-tab li span:first-child,
.summit-tab2 li span:first-child,
.summit-tab3 li span:first-child,
ul.z-tabs-nav.summitTabVertical li span:first-child {
    position: relative;
    top: 5px;
    margin-right: 12px;
}

.summit-tab li .tab-highlighter,
.summit-tab2 li .tab-highlighter,
.summit-tab3 li .tab-highlighter,
ul.z-tabs-nav.summitTabVertical li .tab-highlighter {
    font-size: 13px;
    border-radius: 30px;
    top: 6px;
    right: 11px;
    height: 14px;
    width: 13px;
    /*color: orange;*/
    color: #000;
    font-weight: 700;
}

.summit-tab li.active .tab-highlighter,
.summit-tab2 li.active .tab-highlighter,
.summit-tab3 li.active .tab-highlighter,
ul.z-tabs-nav.summitTabVertical li.active .tab-highlighter {
    color: #ffffff;
}

.summit-tab.summit-subtab.nav.nav-pills,
.summit-tab2.summit-subtab.nav.nav-pills {
    padding: 0 10px;
    border-bottom: solid 1.5px #6999e0;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    box-sizing: content-box;
}

    .summit-tab.summit-subtab.nav.nav-pills > li > a > label,
    .summit-tab2.summit-subtab.nav.nav-pills > li > a > label {
        vertical-align: middle;
        word-break: break-word;
        white-space: normal;
        line-height: 12px;
        cursor: pointer;
        margin-bottom: 0;
    }

    .summit-tab.summit-subtab.nav.nav-pills > li > a,
    .summit-tab2.summit-subtab.nav.nav-pills > li > a {
        height: 30px;
        width: 57px;
        display: table-cell;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .summit-tab.summit-subtab.nav.nav-pills > li,
    .summit-tab2.summit-subtab.nav.nav-pills > li {
        border: solid 1.5px transparent;
        border-bottom: solid 1.5px #6999e0;
        list-style-type: none;
        margin: 0 2px 2px 0;
        min-height: 30px !important;
        padding-left: 0px;
        padding-right: 0;
        white-space: normal;
        width: auto;
        position: relative;
        top: 3px;
        height: 30px;
        cursor: pointer;
        border-radius: 0;
        background: #ecf4ff;
        transition: all 0.2s ease-in-out;
    }

.summit-tab.summit-subtab.nav li.active,
.summit-tab2.summit-subtab.nav li.active {
    border-color: #6999e0;
    background: #fff;
    height: 30px;
    border-color: #6999e0;
}

.summit-tab.summit-subtab.nav > li.active > a,
.summit-tab2.summit-subtab.nav > li.active > a {
    background: #fff;
    cursor: default;
}

.summit-tab.summit-subtab.nav > li.active > label,
.summit-tab2.summit-subtab.nav > li.active > label {
    background: #eee;
    color: #666;
}

.summit-tab.summit-subtab.nav-pills > li:hover a,
.summit-tab.summit-subtab.nav-pills > li a,
.summit-tab.summit-subtab.nav-pills > li:active a,
.summit-tab.summit-subtab.nav-pills > li.active:hover a,
.summit-tab2.summit-subtab.nav-pills > li:hover a,
.summit-tab2.summit-subtab.nav-pills > li a,
.summit-tab2.summit-subtab.nav-pills > li:active a,
.summit-tab2.summit-subtab.nav-pills > li.active:hover a {
    transition: all 0.2s ease-in-out;
    background: transparent;
    border-radius: 0;
    color: #666;
}

.summit-tab.summit-subtab.nav li.active:hover,
.summit-tab2.summit-subtab.nav li.active:hover {
    border-bottom: solid 1.5px transparent;
}

.summit-tab2-parent {
    border-bottom: solid 2px #6999e0;
    position: relative;
    height: 80px;
    margin: 0 20px 0 22px;
}
/*----------------------------------------------------------tab2---------------------------------*/
.summit-tab2 > li > a {
    height: 72px;
    min-width: 135px;
    width: auto;
    padding-top: 30px;
}

.summit-tab2 > li.active:hover a {
    background: none;
}

/*----------------------------------------------------------z-tabs-------------------------------*/
.z-tabs.white > ul > li > a {
    background: none;
}

/*----------------------------------------------------------bhoechie-----------------------------*/

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 10px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
    height: 100% !important;
    padding-bottom: 10px;
}

div.label-tab-container {
    z-index: 10;
    background-color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 2px;
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
    height: 100% !important;
    padding-top: 4px;
    padding-right: 0px;
    background: #f5f5f5;
    border: 0;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    padding: 10px;
    border: 1px black;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
    padding: 0;
    border: solid 1px #ccc;
}

.summit-tab2 li span:before {
    font-size: 25px;
    color: #666;
    height: 12px;
    top: 5px;
    position: absolute;
    left: -83%;
}

.summit-tab2-parent .summit-tab2 .icon-tfsIcon:before {
    left: -170%;
    font-size: 40px;
    top: -2px;
}

.summit-tab2-parent .summit-tab2 li > span:first-child {
    position: absolute !important;
    left: 48%;
}
/*----------------------------------------------------------tabs-----------------------------*/

/*---------------------Feedback End User page for IM and SR-----------------*/
.csatBody1 {
    width: 100%;
    margin: 0 auto;
}

    .csatBody1 .group-heading {
        padding-top: 0;
        padding-bottom: 0;
    }

    .csatBody1 .page-header {
        background: #2d3d5b;
        border-bottom: solid 5px #5876ae;
        border-radius: 3px 3px 0 0;
    }

        .csatBody1 .page-header h1 span {
            font-size: 14px;
            font-weight: 300;
            text-transform: uppercase;
            text-align: left;
            float: left;
            padding: 3px 10px 20px 18px;
        }

    .csatBody1 .group-heading h3 + .row {
        border: solid 5px #f3f3f3;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }

    /*.csatBody1.MSIE8 .panel, .csatBody1 .panel-heading {
            border: solid 5px #e9e9e9;
        }*/

    .csatBody1 .panel-heading {
        margin: 0;
    }

    /*.csatBody1.MSIE8 .summit-panel .panel-heading {
            background: #e9e9e9;
            border: solid 1px #e9e9e9;
        }*/

    .csatBody1 .group-heading h3 {
        background: #f3f3f3;
        border: solid 1px #f3f3f3;
        padding: 12px 10px;
        margin-bottom: 0;
    }

    .csatBody1 input + label {
        padding-left: 10px;
        position: relative;
        top: -3px;
        color: #666666 !important;
        padding-bottom: 0;
        margin: 0;
    }

    .csatBody1 .star-rating {
        float: left;
        background: #f7f7f7;
        border-radius: 3px;
        padding: 0 10px;
        min-width: 322px;
    }

    .csatBody1 .clear-rating {
        vertical-align: top;
        background: #e7e7e7;
        border-radius: 30px;
        height: 30px;
        width: 30px;
        text-align: center;
        top: 8px;
        position: relative;
        left: 10px;
        padding: 0;
        line-height: 30px;
    }

    .csatBody1 .star-rating .caption {
        float: right !important;
        margin-top: 0 !important;
        padding-top: 10px !important;
        margin-left: 15px !important;
    }

    /*.csatBody1.MSIE8 .star-rating > div {
            display: inline-block;
        }

        .csatBody1.MSIE7 .star-rating > div {
            display: inline-block;
        }*/

    .csatBody1 .rating-container .rating-stars:before {
        content: attr(data-content);
        text-shadow: 0 0 1px red;
        cursor: pointer;
    }

    .csatBody1 .rating-container {
        float: left;
        font-size: 31px;
        margin-top: 0;
    }

    .csatBody1 label.control-label b {
        font-size: 17px;
        font-weight: 500;
        color: #275480 !important;
    }

    .csatBody1 .clear-rating {
        vertical-align: top !important;
        background: #e7e7e7 !important;
        border-radius: 30px !important;
        height: 30px !important;
        width: 30px !important;
        text-align: center !important;
        top: 8px !important;
        position: relative;
        left: 10px !important;
        padding: 0 !important;
        line-height: 30px !important;
    }

    .csatBody1 .caption .label {
        line-height: 1;
        color: #1E252C;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25em;
        font-size: 11px !important;
        font-weight: normal;
        text-transform: uppercase;
        padding: 5px 10px;
        font-weight: 300 !important;
    }

    .csatBody1 .jq-rating {
        margin: 0;
        padding: 0;
    }


.group-heading1 {
    padding: 20px;
}

.button-allignmentCsat {
    margin-right: 15px;
    margin-bottom: 10px;
    float: right;
}
/*---------------------End-----------------------------------*/
/*------------------------ End ---------------------*/

.searchBlockContainer1 input[type="text"] {
    width: calc(100% - 33px);
    height: 40px;
    border: solid 1px #999999;
    margin: 0;
}

.TUTOR-icon:before {
    content: "\e962";
}

.heading-with-bg {
    background-color: #f4f3f2;
    padding: 10px;
}

    .heading-with-bg h2 {
        color: #716f6a;
        font-size: 18px;
        font-weight: normal;
        margin: 0px;
    }

.Whfix-box-container {
    border: 1px solid #e2e0db;
    margin: 10px 0;
    padding: 10px;
    transform: translateZ(0px);
    transition-duration: 0.4s;
    transition-property: color, background-color;
}

    .Whfix-box-container .box-content {
        width: 100%;
        overflow: hidden;
    }

.theme-footer {
    background-color: #557b88;
    height: 30px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
}

.Whfix-box-container:hover {
    background-color: #86b2d8;
    box-shadow: 1px 2px 4px #dedede;
}

    .Whfix-box-container:hover .btn-container {
        display: inline-block !important;
    }

.Whfix-box-container .theme-name {
    color: #777;
    float: left;
    margin: 0;
    width: 96%;
    font-size: 13px;
    padding-bottom: 1%;
}

    .Whfix-box-container .theme-name:hover {
        color: white;
    }

.datetime-stamp {
    color: #777;
    font-size: 11px;
    width: 100%;
}


.themes-container {
    height: 650px;
}

.div-width {
    width: 20%;
}

.btn-primary .slideLeft {
    animation-iteration-count: infinite;
}

.selected-class-name {
    background-color: #86b2d8;
}

.SearchButton {
    width: 51px;
    margin: 0;
    margin-left: -4px;
    padding: 6px 17px;
    height: 33px;
    position: absolute;
}

.search-container-Tutor {
    position: relative;
    padding: 0;
    height: 35px;
}

    .search-container-Tutor input[type="search"] {
        height: 37px;
        margin-top: 4px;
        width: 100%;
        border: solid 1px #e2e0db;
    }

    .search-container-Tutor .fa.fa-search {
        position: absolute;
        right: 6px;
        top: 13px;
        background-color: #fff;
        font-size: 17px;
        color: #b9b8b8;
        z-index: 1;
        padding: 1px 4px;
    }

.Whfix-box-container .fa.fa-eye {
    float: right;
    cursor: pointer;
    width: 34px;
    background: #f5f5f5;
    /* display: inline-block; */
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

    .Whfix-box-container .fa.fa-eye:before {
        left: 11px;
        position: absolute;
        top: 9px;
        height: 12px;
        width: 30px;
        margin-top: -6px;
        top: 50%;
    }

.whFix-template-container .themes-container {
    overflow-y: auto;
    overflow-x: hidden;
    height: 600px;
    margin-top: 10px;
}

    .whFix-template-container .themes-container > div {
        width: 99%;
    }


/*----------------------------------------------------------NOTIFICATION-----------------------------*/
#noty_center_layout_container {
    z-index: 999 !important;
}

    #noty_center_layout_container > li {
        background-image: none !important;
        height: auto !important;
        border: 1px solid rgba(0, 0, 0, .2) !important;
        width: 400px !important;
    }

    #noty_center_layout_container .noty_message {
        padding: 22px 50px !important;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    #noty_center_layout_container .noty_bar {
        position: relative;
    }

        #noty_center_layout_container .noty_bar:before {
            font-family: FontAwesome;
            top: -25px;
            left: -10px;
            content: "\f05a";
            position: absolute;
            font-size: 70px;
            opacity: 0.4;
            color: #ffffff;
            z-index: 1;
        }

        #noty_center_layout_container .noty_bar:after {
            font-family: FontAwesome;
            right: 2px;
            top: 0;
            content: "\f057";
            position: absolute;
            font-size: 18px;
            color: #ffffff;
        }

    #noty_center_layout_container .noty_type_error.noty_bar:before {
        content: "\f057";
    }

    #noty_center_layout_container .noty_type_success.noty_bar:before {
        content: "\f058";
    }

    #noty_center_layout_container .noty_type_warning.noty_bar:before {
        content: "\f071";
    }

    #noty_center_layout_container .noty_type_information {
        background: #6698c9;
    }

    #noty_center_layout_container .noty_type_error {
        background: #ed4b5e;
    }

    #noty_center_layout_container .noty_type_success {
        background: #36c485;
    }

    #noty_center_layout_container .noty_type_warning {
        background: #fa7d2a;
    }

        #noty_center_layout_container .noty_type_warning .noty_text {
            color: #ffffff;
        }
/*----------------------------------------------------------NOTIFICATION-----------------------------*/
#subcategory-carousel .item-name, #catalog-carousel .items-container, #catalog-carousel .items-container .catalog-name, #catalog-carousel .item-head {
    background-color: #568cbe;
    color: #fff;
}

#subcategory-carousel .sc-tile-view .tile-container .item-name {
    background-color: transparent !important;
}

#category-carousel .item-name {
    background-color: #568cbe;
    color: #fff;
}

#category-carousel .image, #subcategory-carousel .image {
    text-align: center;
    background-color: #568cbe;
    /*background-color: rgb(246, 246, 246);*/
    /*background-color:#568cbe;*/
    min-height: 90px;
    padding: 15px 0px;
}

#catalog-carousel .sc-tile-view .items-container, #catalog-carousel .sc-tile-view .catalog-name {
    background-color: transparent !important;
}

#BodyContentPlaceHolder_catalogImage {
    background-color: #568cbe;
    padding: 10px;
}

.im-ticket-detail .scroller.scroller-left,
.im-ticket-detail .scroller.scroller-right {
    background: #ecf4ff;
    box-shadow: 6px 0 4px rgba(0,0,0,.1);
    top: 47px;
    height: 77px;
    border: solid .5px #6999e0;
    padding-top: 29px;
}

.im-ticket-detail .scroller.scroller-right {
    box-shadow: -6px 0 4px rgba(0,0,0,.1);
}

#logServiceTicket .category-treeview .jstree-anchor {
    background-color: #deebf9;
}

#divEntitled .items-container .item-head {
    /*background-color: #568cbe !important;*/
    background-color: #55687F !important;
}

#divEntitled .carousel-container .items-container {
    /*background-color: #568cbe;*/
    background-color: #55687F;
}

#divEntitled .catalog-name {
    color: #fff;
}

.nw-action-container-dashboard {
    background: #979fa9;
    border: #40669e;
    padding: 6px 8px;
    width: 47px;
    height: 45px;
    border-radius: 2px;
    border: solid 1px #979fa9;
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .nw-action-container-dashboard a {
        color: #ffffff;
        /*text-align: right;*/
        padding-left: 7px;
        text-transform: uppercase;
        padding-top: 1px;
        display: inline-block;
        padding-bottom: 0px;
        text-decoration: none
    }


#divOtherActionAsset .carousel-tiles .image {
    text-align: center;
    background-color: rgb(246, 246, 246);
    /* background-color: #568cbe; */
    min-height: 90px;
    padding: 15px 0px;
}

.icon_Refer-back:before {
    content: "\e966";
    font-family: icomoon;
    font-size: 1.55em;
    vertical-align: bottom;
    color: #A88CD5;
}

.icon_Refer-back {
    vertical-align: middle;
    display: inline-block;
}

.tile-footer .icon_Refer-back:before {
    color: #fff;
}
/*----------------------------------------------------------NOTIFICATION-----------------------------*/
.im-ticket-detail .scroller.scroller-left,
.im-ticket-detail .scroller.scroller-right {
    background: #ecf4ff;
    box-shadow: 6px 0 4px rgba(0,0,0,.1);
    top: 47px;
    height: 77px;
    border: solid .5px #6999e0;
    padding-top: 29px;
}

.im-ticket-detail .scroller.scroller-right {
    box-shadow: -6px 0 4px rgba(0,0,0,.1);
}

.nw-action-container-dashboard .filters-pop span:before,
.nw-action-container-dashboard.active .filters-pop span:before {
    content: "\e968";
    font-family: icomoon;
    font-size: 22px;
    color: #474C51;
    top: 6px;
    position: absolute;
    left: 14px;
}

.nw-action-container-dashboard.active {
    background-color: #37cc63;
    border-color: #2db555;
}

    .nw-action-container-dashboard.active .filters-pop span:before {
        content: "\e969"
    }

.panel-heading .nw-action-container-dashboard {
    border-radius: 0;
    margin: 0 0 0 10px;
    height: 46px;
}

.passwordRow > div:first-child {
    width: 183px !important;
}

    .passwordRow > div:first-child span {
        white-space: nowrap;
    }

.passwordRow > div:nth-child(2) {
    width: calc(100% - 190px) !important;
}

    .passwordRow > div:nth-child(2) input[type="text"],
    .passwordRow > div:nth-child(2) input[type="password"],
    .passwordRow > div:nth-child(2) .select2-container,
    .passwordRow .form-control {
        width: 200px !important;
    }

    .passwordRow > div:nth-child(2) .input-group {
        width: 235px;
    }
/*----------------------------------------------------------NOTIFICATION-----------------------------*/

/*Patch Management Report */
.am-dashboard-box .exceliconSize:before {
    font-size: 20px;
}
/****New Filter Changes*****************************************************************************/

.nw-action-container-dashboard {
    background: #b4bac3;
    border: #40669e;
    padding: 6px 8px;
    width: 47px;
    height: 45px;
    border-radius: 2px;
    border: solid 1px #b4bac3;
    display: inline-block;
    position: relative;
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .nw-action-container-dashboard a {
        color: #ffffff;
        padding-left: 7px;
        text-transform: uppercase;
        padding-top: 1px;
        display: inline-block;
        padding-bottom: 0px;
        text-decoration: none;
    }


    .nw-action-container-dashboard .filters-pop span:before,
    .nw-action-container-dashboard.active .filters-pop span:before {
        content: "\e968";
        font-family: icomoon;
        font-size: 22px;
        color: #474C51;
        top: 6px;
        position: absolute;
        left: 14px;
    }

    .nw-action-container-dashboard.active {
        background-color: #37cc63;
        border-color: #2db555;
    }

        .nw-action-container-dashboard.active .filters-pop span:before {
            content: "\e969";
        }

.filterAddHeading.panel-heading .nw-action-container-dashboard {
    height: 44px;
}

.panel-heading .nw-action-container-dashboard {
    border-radius: 0;
    margin: 0 0 0 10px;
    height: 42px;
}

.panel-heading.pos-relative .filterDashboardContainerRow {
    position: absolute;
    right: 0px;
    top: 0px;
}

.summit-panel .panel-heading .filters {
    text-transform: initial;
}

.panel-heading .nw-action-container-dashboard {
    border-radius: 0;
    margin: 0 0 0 10px;
    height: 42px;
}

.panel-heading.pos-relative .nw-action-container-dashboard .filters-pop span:before, .panel-heading.pos-relative .nw-action-container-dashboard.active .filters-pop span:before {
    top: 3px;
}

.panel-heading .nw-action-container-dashboard .control-label, .panel-heading .nw-action-container-dashboard .select2-container {
    font-size: 13px;
}
/**response-resolution-row (only used in availability mgmt.)*/
.panel-heading .nw-action-container-dashboard .row.response-resolution-row > div {
    margin-bottom: 6px;
}

.texttransformnone .tooltip {
    text-transform: none !important;
}


/*Vendor details Page Tab Icon*/
.address-details-icon:before {
    content: "\e96a";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.bank-details-icon:before {
    content: "\e96b";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.registration-details-icon:before {
    content: "\e96d";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.de-activate-icon-grid:before {
    content: "\e96e";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 25px;
    left: 35%;
    line-height: 1em;
}

.de-activate-icon:before {
    content: "\e96e";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 31px;
    left: 35%;
    line-height: 1.3em;
    position: absolute;
}

.deactivate-histroy-icon:before {
    content: "\e973";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 31px;
    left: 35%;
    line-height: 1.3em;
    position: absolute;
}


.template-phrase-icon:before {
    content: "\e96f";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    position: absolute;
    left: 35%;
    cursor: pointer;
    cursor: hand;
    color: dimgray;
}
/*Date Format CSS*/
/*Start*/
.override-select2text .select2-container .select2-choice > .select2-chosen {
    text-transform: initial;
}
/*End*/

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

.user-search-div img {
    width: 36px;
    height: 32px;
    position: absolute;
    z-index: 1;
    padding: 1%;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    left: 0px;
}

    .user-search-div img + .form-control {
        padding-left: 34px !important;
    }

/*IIS Monitoring related page style*/
.padding30 {
    padding: 30px;
}

.paddtop7 {
    padding-top: 7px;
}

.iis-db-refreshddl-right {
    text-align: right;
    left: auto;
    right: 0;
    min-width: 100px;
}

.col-xs-12.disp-table.gv-container, .col-xs-12.disp-table {
    padding-right: 15px;
}

.iis-db-bigicon {
    background-color: #e7edf3;
    text-align: center;
    padding: 35px 5px;
}

.pannel-border {
    border: 1px solid #e4e5e5;
}

.iisversion {
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 0;
    line-height: 40px;
}

.lbl-iisversion {
    font-size: 15px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: center;
}

.iisversion-margin {
    margin: 28px auto 0;
}

.iisversion-margin-tb {
    margin: 16px auto 0;
}

.iisstatus-margin {
    margin: 18px auto 0;
}

@media (max-width: 1200px) {
    .iisversion {
        font-size: 25px;
        line-height: 25px;
    }

    .lbl-iisversion {
        font-size: 14px;
    }
}

.iis-accordion-header.ui-accordion .ui-state-default, .iis-accordion-header.ui-accordion .ui-widget-content .ui-state-default, iis-accordion-header.ui-accordion .ui-widget-header .ui-state-default {
    border: 1px solid #9FAEC3 !important;
    background: #9faec3 !important;
}

.iis-accordion-header.ui-accordion .ui-accordion-header.ui-state-focus, .iis-accordion-header.ui-accordion .ui-accordion-header.ui-state-hover {
    border: 1px solid #9FAEC3 !important;
    background: #9faec3 !important;
}

.iis-accordion-header.ui-accordion .ui-widget-content {
    border: 1px solid #F1F1F1 !important;
}

.iis-accordion-header.ui-accordion .ui-accordion-header, .iis-accordion-header.ui-accordion .ui-accordion-header.ui-state-hover {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.iissite-accordion-header.ui-accordion .ui-state-default, .iis-accordion-header.ui-accordion .ui-widget-content .ui-state-default, iis-accordion-header.ui-accordion .ui-widget-header .ui-state-default {
    border: 1px solid #D0E5F6 !important;
    background: #D0E5F6 !important;
}

.iissite-accordion-header.ui-accordion .ui-accordion-header.ui-state-focus, .iis-accordion-header.ui-accordion .ui-accordion-header.ui-state-hover {
    border: 1px solid #D0E5F6 !important;
    background: #D0E5F6 !important;
}

.iissite-accordion-header.ui-accordion .ui-widget-content {
    border: 1px solid #D0E5F6 !important;
}

.iissite-accordion-header.ui-accordion .ui-accordion-header, .iis-accordion-header.ui-accordion .ui-accordion-header.ui-state-hover {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.issbgblock {
    background-color: #FAFAFA;
    border: 1px solid #E8EDF1 !important;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 10px;
}

.issbgblockcontent {
    font-size: 12px !important;
    padding-top: 5px;
}

.issbgcontentborder {
    font-size: 12px !important;
    border-right: 2px solid #ccc;
    font-weight: normal !important;
    min-height: 110px;
}

.issbgcontentnoborder {
    font-size: 12px !important;
    font-weight: normal !important;
}

.issbgstatus {
    background-color: #ffffff;
    border: 1px solid #dedede !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 25px;
    color: #71F7A0;
    font-size: 12px;
    font-weight: bold;
}

.iis-started {
    color: #30c430 !important;
}

.iis-starting {
    color: #c9ea1e !important;
}

.iis-stopped {
    color: #f33b37 !important;
}

.iis-stopping {
    color: #ea8e1e !important;
}

.issminwidthpool {
    min-width: 160px !important;
}

.pannel-border {
    border: 1px solid #e4e5e5;
}

.iisversion {
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 0;
    line-height: 40px;
}

.lbl-iisversion {
    font-size: 15px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: center;
}

.iisversion-margin {
    margin: 28px auto 0;
}

.iisstatus-margin {
    margin: 18px auto 0;
}

@media (max-width: 1200px) {
    .iisversion {
        font-size: 25px;
        line-height: 25px;
    }

    .lbl-iisversion {
        font-size: 14px;
    }

    .iisversion-margin-tb {
        margin: 22px auto 0;
    }
}

.iissite-accordion-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 0px !important;
}

.issbgblock {
    background-color: #fafafa;
    border: 1px solid #E8EDF1 !important;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    font-weight: bold;
    padding-bottom: 10px;
}

.issbgblockcontent {
    font-size: 12px !important;
    padding-top: 5px;
}

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

.issbgcontent {
    font-size: 12px !important;
    font-weight: normal !important;
    min-height: 110px;
}

.issbgcontentnoborder {
    font-size: 12px !important;
    font-weight: normal !important;
}

.issbgstatus {
    background-color: #ffffff;
    border: 1px solid #dedede !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 25px;
    color: #71F7A0;
    font-size: 12px;
    font-weight: bold;
    min-width: 90px;
    text-align: center;
}

.issminwidthpool {
    min-width: 160px !important;
}


@media (min-width: 1200px) and (max-width: 1380px) {
    .iisversion {
        font-size: 32px;
        line-height: 28px;
    }

    .lbl-iisversion {
        font-size: 15px;
    }

    .iisversion-margin {
        margin: 40px auto 0;
    }
}

.status-up {
    color: #30c430;
}

.status-down {
    color: #f33b37;
}

.iis-last-five-down-tbl, \ {
    margin: 0px;
    font-weight: 500;
}

.iis-sitebinding-tbl {
    margin: 0px;
    font-weight: 500 !important;
}

    .iis-last-five-down-tbl th,
    .iis-last-five-down-tbl td,
    .iis-sitebinding-tbl th,
    .iis-sitebinding-tbl td {
        padding: 3px !important;
        font-weight: 500 !important;
    }

.iis-last-five-down-tbl th {
    border: none !important;
    background-color: #fdfdfd;
    font-weight: 600 !important;
}

.iis-sitebinding-tbl th {
    border: none !important;
    text-align: left;
    font-weight: 600 !important;
}

.iis-svr-jstree-sec {
    overflow: auto;
    min-height: 534px;
    max-height: 534px;
}

.padding15 {
    padding: 10px;
}

.iissite-accordion-header .ui-icon-triangle-1-e {
    display: none;
}

.iissite-accordion-header .ui-icon-triangle-1-s {
    display: block;
}

.collapsed .ui-icon-triangle-1-e {
    display: block;
}

.collapsed .ui-icon-triangle-1-s {
    display: none;
}
/*Commenting this code as Accordion style is getting applied for Panel-heading that comes under accordion checked with Guru*/
/*.ui-accordion .panel-heading
{
    background-color:#9faec3 !important;
}*/
.apppool-detail-item {
    min-width: 200px;
}

    .apppool-detail-item span {
        font-weight: 600;
    }

.icon-iis:before {
    content: "\e6a6";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.fontsize-isstab {
    font-size: 11px;
}

.panel-heading-tab {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.iis-db-bigicontab {
    background-color: #e7edf3;
    text-align: center;
    padding: 20px 5px;
}

.icon-iis:before {
    content: "\e6a6";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Icon_Webserver:before {
    content: "\e902";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Sites:before {
    content: "\e974";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-server2:before {
    content: "\e975";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-dot-net:before {
    content: "\e976";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Default-Website:before {
    content: "\e977";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Application-Pools:before {
    content: "\e978";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.icon-Webserver:before {
    content: "\e97b";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.aspnet-dshbrd {
    overflow: auto;
    min-height: 534px;
}
/*IIS Monitoring related page style ends here*/
/*Azure Related css*/
.azure-svr-jstree-sec {
    overflow: auto;
    min-height: 534px;
}

.azure-icon:before {
    content: "\e97e";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.noborder {
    border: none !important;
}

.DetailItem {
    font-weight: 600;
}
/*Azure css ends here*/
/*AWS Icon*/
.aws-server-icon:before {
    content: "\e9a4";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}
/*AWS Icon Code ends here*/
.modules-tile-container .module-name {
    top: 99px;
    -webkit-transition: top .5s; /* Safari */
    transition: top .5s;
}

    .modules-tile-container .module-name a {
        position: absolute;
        bottom: 14px;
        left: 0;
        right: 0;
    }

.modules-tile-container:hover .module-name {
    top: 0;
}

.modules-tile-container:hover .module-image:before {
    color: #ffffff;
    transform: scale(1.5);
    top: 22%
}
/*.popuplayout-form-vertical .select2-container.error {
        margin-bottom: 10px;
    }*/
.popuplayout-form-vertical .select2-container.error {
    border: 1px solid red;
    margin-bottom: 0px;
}

.tab-wrapper .IM:before {
    content: "\e91b";
    font-family: icomoon;
    font-size: 25px;
    left: -8px;
    position: absolute;
    top: 6px;
}

.tab-wrapper .CM:before {
    content: "\e918";
    font-family: icomoon;
    font-size: 25px;
    left: -8px;
    position: absolute;
    top: 6px;
}

.tableKBCatalog .new-request-icon {
    background: transparent url(../Images/my-incident.png) no-repeat scroll 0 0;
    width: 24px;
    height: 24px;
    background-size: 24px;
    margin: auto;
}

.new-request-icon.icon.not-allowed-cursor {
    opacity: 0.5;
}

.reschedule-appointment-icon:before {
    content: "\e986";
    font-family: icomoon;
    color: #7c7c7c;
    font-size: 30px;
    left: 39%;
    line-height: 1em;
    display: block;
    top: 5px;
    position: absolute;
}


.compact_nav .KIOSK, .modules-tile-container .KIOSK {
    background: none !important;
}

    .compact_nav .KIOSK:before,
    .modules-tile-container .KIOSK:before {
        content: "\e97f";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 8px;
    }

/*Call Management Navigation Icon*/
.compact_nav .CL, .modules-tile-container .CL {
    background: none !important;
}

    .compact_nav .CL:before,
    .modules-tile-container .CL:before {
        content: "\e9c9";
        font-family: icomoon;
        font-size: 20px;
        left: 7px;
        position: absolute;
        top: 8px;
    }
/*Call Management Navigation Icon*/


.bottom-9px {
    bottom: 9px;
}

.menuWithTextDown .compact_nav > ul > li,
.menuWithTextDown .compact_nav > ul > li > a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tooltip.right > .tooltip-arrow {
    border-right-color: #6999e0 !important;
    border-width: 7px 6px 6px 0 !important;
    right: 0px;
    top: 43%;
    margin-top: -5px;
}

.generate-invoice-icon:before {
    content: "\e987";
    font-family: icomoon;
    font-size: 32px;
    position: absolute;
    line-height: 1em;
    left: 38%;
    color: #7c7c7c;
}

.submit-invoice-icon:before {
    content: "\e988";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 38%;
    line-height: 1.5em;
}

.Purchase-Request-Details-icon:before {
    content: "\e96c";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1.6em;
}

.vendor-advance-payment-icon:before {
    content: "\e984";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.filterDivContainer {
    padding: 0px !important;
    height: 44px;
    width: 105px;
}

    .filterDivContainer > a {
        border-right: solid 1px #ccc;
        display: inline-block !important;
        height: 44px;
        padding: 10px !important;
        width: 50px;
    }

        .filterDivContainer > a:last-child,
        .filterDivContainer > a:last-child:hover {
            border: 0 !important;
        }

html.ie8 #statusbox {
    display: none !important;
}

.arrow-align-left-MutipleArrow-Voice {
    margin-top: 52px;
    /* margin-left: -14px; */
    width: 37px;
    padding-left: 13px;
}

.searchResultBtn {
    margin-left: 0px !important;
    padding: 10px !important;
    right: 90px;
}

.edb-bottomBox .item-link-container a h3 {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

.item-link-container span {
    width: 45px;
    height: 45px;
    border-radius: 100px;
    background-color: none;
    border: solid 1px #ffffff;
    line-height: 44px;
    padding-left: 14px;
    position: relative;
    right: 6px;
    color: #ffffff;
    float: left;
    font-size: 21px;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    transition: all .2s ease-in-out;
}

.SR_LAST_5_REQUEST:before {
    content: "\e993";
    font-family: icomoon;
}

.SR_LOGSR:before {
    content: "\e995";
    font-family: icomoon;
}

.SR_MYSR:before {
    content: "\e997";
    font-family: icomoon;
}

.SR_MY_REQUEST_FEEDBACK:before {
    content: "\e999";
    font-family: icomoon;
}

.IM_LOG_TICKET:before {
    content: "\e994";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.IM_MY_TICKETS:before {
    content: "\e996";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.IM_MY_TICKETS_FEEDBACK:before {
    content: "\e998";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.IM_LAST_5_TICKETS:before {
    content: "\e992";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.RPT_AM_MAL:before {
    content: "\e686";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 24px;
}

.KM_KA:before {
    content: "\e9de";
    font-family: icomoon;
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.SUMMIT_VIEW_DOC:before {
    content: "\e6df";
    font-family: icomoon;
    position: absolute;
    left: 9px;
    font-size: 29px;
}

.SR_MYCATALOG:before {
    content: "\f19d";
    font-family: FontAwesome;
    position: absolute;
    left: 9px;
    font-size: 21px;
}

#end-user-dashboard .dashboard-dropdown .btn {
    z-index: 501 !important;
}

#end-user-dashboard .dropdown.dashboard-dropdown .dropdown-menu {
    z-index: 500 !important;
}

#end-user-dashboard .searchWrapper {
    z-index: 501;
}

.end-userdashboard-body .navbar-top-links .dropdown.open > a {
    background: rgba(0,0,0,.3) !important;
}

#subcategory-carousel .sc-tile-view .image {
    background-color: rgba(0, 0, 0, 0) !important;
}

.calatlogDropdown::before {
    content: "\e924";
    font-family: icomoon;
    font-size: 23px;
    left: 12px;
    position: absolute;
    top: 12px;
}

.dropdown-menu-right a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.catalog-dropdown li {
    float: left;
    width: 100%;
    padding: 2px 0;
    border-top: 1px solid #eee;
}

.catalog-dropdown .group-heading h3 {
    margin: 0px;
}

.catalog-dropdown {
    padding-top: 0px !important;
}

.edb-catalog-items {
    white-space: nowrap;
    overflow: hidden;
    width: 188px;
    text-overflow: ellipsis;
}

.catalog-dropdown li a {
    color: #777;
    padding-top: 4px;
    display: block;
}

.purchase-request-quot-icon:before {
    content: "\e99b";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 38%;
    line-height: 1.5em;
}

.bg-image-container {
    margin-top: -27px;
    padding: 6px;
}

.btn-remove-profile-image {
    position: absolute;
    right: 2px;
    top: -4px;
}

.bg-image-container i {
    background: #e82727;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 49px;
    color: #fff !important;
}


.eproc-to-asset-import:before {
    content: "\e99d";
    font-family: icomoon;
}

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

.contract-icon:before {
    content: "\e99c";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.edb-bottomBox .item-link-container a h3 {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}


.left-25px {
    left: 25px;
}

.word-wrap {
    word-wrap: break-word;
}

.icon-User-datetme:before {
    content: "\e99e";
    color: #16B030;
    font-size: 25px;
}

.icon-user-callhistory-datetime:before {
    content: "\e99e";
    font-size: 25px;
    color: #868279;
}

.fa-volume-control-phone {
    color: green;
    font-size: 20px;
}

.Users-tab {
    border-bottom: 1px solid;
    padding-left: 20px !Important;
    padding-bottom: 5px;
}

.Users-Historytab {
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.show-approval-list-icon:before {
    content: "\e99f";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 38%;
    line-height: 1.3em;
}

.import-to-asset-management:before {
    content: "\e9a0";
    font-family: icomoon;
    font-size: 35px;
    color: #7c7c7c;
}

.manage-hod-icon:before {
    content: "\e94e";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}



.master-configuration-page-icon:before {
    content: "\e9a1";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    bottom: 15px;
}

#sideboxIssueRequestSearch .search-content {
    overflow-y: auto;
    clear: both;
    height: 200px;
}

.incidentmgmt-icon:before {
    font-family: icomoon;
    content: "\e91b";
}

#sideboxIssueRequestSearch .search-content .incidentmgmt-icon:before {
    font-size: 15px;
    color: #7c7c7c;
    line-height: 1.2em;
}

.sr-icon:before {
    content: "\e923";
    font-family: icomoon;
}

#sideboxIssueRequestSearch .search-content .sr-icon:before {
    font-size: 15px;
    color: #7c7c7c;
    line-height: 1.2em;
}

.searchAndLogoContainerWithText .summitLogo {
    top: 10px;
}

    .searchAndLogoContainerWithText .summitLogo img {
        max-width: 160px;
        max-height: 80px;
    }

.incident-evaluation-icon {
    color: #7c7c7c;
}

    .incident-evaluation-icon:before {
        content: "\e9a3";
        font-family: icomoon;
        font-size: 20px;
        display: inline-block;
    }

.im-ticket-detail .incident-evaluation-icon {
    margin-top: 6px;
    padding-top: 9px;
    display: block;
    padding-left: 6px;
}

.btn-add-icon {
    padding: 1px 5px !important;
    margin: 0px;
    padding-left: 12px !important;
    text-align: center;
    height: 22px;
    float: right;
    width: auto;
    margin-bottom: 6px !important;
}

.search-content {
    max-height: 36vh !important;
}

.searchBoxContainer {
    z-index: 100;
    position: relative;
}

@media (max-height: 800px) {
    .end-userdashboard-body #page-wrapper {
        min-height: 610px !important;
    }
}

/*.searchAndLogoContainerWithText {    
    top: 25px !important; 
    left: 14% !important;
}*/
.mAdminActive {
    background: #999999 !important
}
/*#incidentMgmtBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box,#SRBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box{
    background-color:#5078b3;
}
#incidentMgmtBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box .box-text,#SRBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box .box-text{
    color:#fff;
}

#incidentMgmtBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box .new-ticket-icon,#SRBlock .col-xs-7 .col-md-4:nth-child(3) .dashboard-box .new-ticket-icon {
    background: rgba(0, 0, 0, 0) url(../Images/my-incident-userdashboard.png) no-repeat scroll 0 0;opacity: 1;
}*/
/**BUG ID 38685*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: unset;
}

.incident-eval-num {
    /*color: #fff;*/
    color: #000; /*color contrast*/
    float: right;
    margin: 6px;
    padding: 6px;
    background-color: rgba(255,255,255,.2);
    font-size: 13px;
}

    .incident-eval-num:hover, .incident-eval-num:focus, .incident-eval-num:active {
        color: #fff;
        background-color: rgba(0,0,0,.2);
    }

.storage-AVM-icon:before {
    content: "\e9a2";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.configure-etr-notification-icon:before {
    content: "\e9a5";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
    bottom: 15px;
}

.log-incident .ddSlick .dd-options li img {
    display: none
}

.log-incident .ddSlick .dd-selected img {
    display: none
}

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

.isadvance-dashboard .searchAndLogoContainer {
    margin: 24% auto 0;
    margin-bottom: 60px;
}
/***Changes only for harman instance
.RPT_AM_MAL,.SR_MYCATALOG,.RPT_AM_MAL+ div,.SR_MYCATALOG + div,.SUMMIT_VIEW_DOC,.SUMMIT_VIEW_DOC + div{pointer-events:none}*/
.IM_LOG_TICKET:before {
    content: "\e9e2" !important;
}

.IM_MY_TICKETS:before {
    content: "\e9b1" !important;
}
/*.isadvance-dashboard .SR_LOGSR:before {
    content: "\e9ef" !important;*/
/*font-size: 26px;
    position: absolute;
    left: 9px;*/
/*}*/

.isadvance-dashboard .SR_MYSR:before {
    content: "\e9b2" !important;
    font-size: 28px !important;
    left: 8px;
    position: absolute;
}

.View-Variance-Assets-actionicon:before {
    content: "\e90b";
    font-family: icomoon;
    font-size: 22px;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 35%;
    line-height: 1em;
}

.View-Asset-Approvals-actionicon:before {
    content: "\e92e";
    font-family: icomoon;
    font-size: 22px;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 35%;
    line-height: 1em;
}

.eproc-pr-icon:before {
    content: "\e9a6";
    font-family: icomoon;
    font-size: 22px;
    color: #7c7c7c;
    font-size: 37px;
    line-height: 1em;
    left: 39%;
    position: absolute;
    top: 7px;
}

.allocate-by-user-icon:before {
    content: "\e9a7";
    font-family: icomoon;
    font-size: 22px;
    color: #7c7c7c;
    font-size: 29px;
    line-height: 1em;
    left: 39%;
    position: absolute;
    top: 7px;
}

.operational-risk-icon:before {
    content: "\e9a9";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #7c7c7c;
}


.business-risk-icon:before {
    content: "\e9aa";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #7c7c7c;
}

.mandatory-field-summary {
    clear: both;
}

div.row.mandatory-field-summary .col-md-11 {
    margin-bottom: 0;
    padding-right: 0;
}

.ADM-webservice-fields .control-label {
    padding-top: 7px;
}

.width-65p5 {
    width: 65.5%;
}

div.row.mandatory-field-summary .outOfBox_Panel_Topbox {
    margin-bottom: 10px;
}

.info-icon-holder span {
    display: inline;
    vertical-align: middle;
    padding: 6px 12px !important;
    font-size: 25px;
    background-color: #f5f5f5;
    cursor: pointer;
}

.project-name-list ul {
    margin: 0px;
    padding: 0px;
}

    .project-name-list ul li {
        list-style-type: none;
    }

.project-name-list li {
    padding-bottom: 4px;
    font-size: 12px;
}

#divResourceAvailability .msgInfo {
    font-size: 13px;
}

#divResourceAvailability .table-row {
    overflow-y: auto;
    height: 164px;
}

.apache-tomcat-icon:before {
    content: "\e9d2";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.ibm-db2-icon:before {
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}


.citrix-xenApp-icon:before {
    content: "\e9d3";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}


.eureka-it-icon:before {
    content: "\e9bd";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    font-size: 28px;
    left: 35%;
    line-height: 1.2em;
}

.my-sql-server-icon:before {
    content: "\e6b4";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #6e98d0;
}

.vlan-mapping-icon:before {
    content: "\e9af";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 36px;
    left: 35%;
    line-height: 1em;
}

.asset-cmdb-export:before {
    content: "\e9b4";
    font-family: icomoon;
    font-size: 32px;
    line-height: 1em;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
}

h4.CustomizedStatus {
    border-radius: 8px;
    color: #1e252c;
    font-size: 12px;
    font-weight: 300;
    padding: 6px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    background-color: #D0C0F1;
}

.pointereventsnone {
    pointer-events: none;
}

/****** Fix of 42845 -- long description in multi-select dropdown *****/
.multiselect.dropdown-toggle {
    width: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 28px;
}
/*** Ends Fix of 42845****/

/* Fix of 40219 -- long description in header of tile container */
.relationship-container header a {
    padding-right: 20px;
    display: inline-block;
    word-break: break-word;
}
/* ends */

/* Fix of 46489 -- alignment issue in appointment */
.float-inherit {
    float: inherit;
}

.checkbox-with-label-inline label {
    display: inline;
}
/* ends */
.end-userdashboard-body #BodyContentPlaceHolder_SRFeedback {
    border-left: 1px dashed #dedede;
}

.end-userdashboard-body .searchBoxContainer .filter-lements {
    font-size: 11px;
    font-weight: bold;
    clear: both;
    margin: 0px;
    text-align: left;
    background-color: rgba(255,255,255,0.7);
    padding: 3px;
}

    .end-userdashboard-body .searchBoxContainer .filter-lements span {
        margin-left: 0px;
        float: left;
        min-width: 98px;
        margin-bottom: 3px;
    }

.end-userdashboard-body .searchAndLogoContainerWithText .filter-lements {
    width: 1100px;
}

    .end-userdashboard-body .searchAndLogoContainerWithText .filter-lements span {
        margin-left: 3px;
        float: none;
        min-width: auto;
        margin-bottom: 0px;
    }

.end-userdashboard-body .searchContent {
    margin-top: 44px;
    position: relative;
    z-index: 1;
}

.isadvance-dashboard .item-link-container {
    margin: 0px 0px 10px 0;
}

.isadvance-dashboard.extended-icon-design .item-link-container {
    margin: 15px 0;
}

    .isadvance-dashboard.extended-icon-design .item-link-container .item-content {
        background-color: #fff;
        border-radius: 5px;
        width: 77%;
    }

        .isadvance-dashboard.extended-icon-design .item-link-container .item-content h3 {
            text-align: right;
            padding-right: 10px;
            border-bottom: 1px solid #e0ded9 !important;
            padding-bottom: 5px;
            font-size: 15px;
        }

    .isadvance-dashboard.extended-icon-design .item-link-container span {
        position: absolute;
        border-radius: 6px;
        background-color: #00c3ac;
        color: #fff !important;
        left: 14px;
        top: -19px;
        height: 45px;
        width: 45px;
        border: none;
    }

.isadvance-dashboard .bottomBox-item-container {
    margin: auto;
    float: left;
    width: 100% !important;
    padding-top: 10px;
}

    .isadvance-dashboard .bottomBox-item-container #edblnksContent {
        width: 96% !important;
        margin: auto !important;
        float: none !important;
    }

.isadvance-dashboard .advance-db-image-container {
    min-height: calc(100vh - 275px);
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
}

.isadvance-dashboard .adv-edb-bottom-container .heading {
    padding: 8px;
    border-radius: 4px 4px 0 0;
}

    .isadvance-dashboard .adv-edb-bottom-container .heading h3 {
        margin: 0px;
        color: #fff;
    }

.isadvance-dashboard .adv-dash-feedbk a {
    color: #959390;
}

#sideLinks {
    position: fixed;
    right: -6px;
    top: 40%;
}

    #sideLinks ul li {
        list-style: none
    }

#BodyContentPlaceHolder_BulletinBoard li a {
    font-weight: bold;
}

.isadvance-dashboard .item-link-container span {
    position: static;
    border-radius: 0px;
    background-color: #00c3ac;
    color: #fff !important;
    left: 0px;
    top: 0px;
    /*height: 46px;*/
    height: 100%;
    width: 50px;
    border: none;
    padding-top: 10px !important;
}

.isadvance-dashboard .item-link-container .item-content {
    background-color: #fff;
    border-radius: 0px 2px 2px 0px;
    width: 65%;
}

.isadvance-dashboard .item-link-container span:before {
    font-size: 28px;
    left: 16px;
    top: 14px;
}

.isadvance-dashboard.extended-icon-design .item-link-container span:before {
    left: 10px;
    top: 0px;
    font-size: 26px;
}

.isadvance-dashboard .item-link-container .item-content h3 {
    border-bottom: none !important;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 12px;
}

.isadvance-dashboard .item-link-container a div label {
    padding-left: 7px;
}
/*** Ends Fix of 42845****/

.viewrule-icon:before {
    content: "\e9b7";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 29px;
    left: 38%;
}

.maximize-icon:before {
    content: "\e9b5";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    cursor: pointer;
    position: relative;
    top: -4px;
}

.minimize-icon:before {
    content: "\e9b6";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 30px;
    cursor: pointer;
    position: relative;
    top: -4px;
}

.WCMMT {
    position: fixed !important;
    box-sizing: content-box !important;
    line-height: normal !important;
    background-color: #ed9121 !important;
    opacity: 1 !important;
}

.WCMBW {
    display: block !important;
    z-index: 2147483647;
    padding: 0;
    margin: 0;
    max-width: none;
}

.WCMDN {
    -webkit-border-radius: 4px 0 0 4px !important;
    -moz-border-radius: 4px 0 0 4px !important;
    border-radius: 4px 0 0 4px !important;
}

.WCMCW {
    -webkit-transition: width 500ms ease-in-out, height 500ms ease-in-out !important;
    -moz-transition: width 500ms ease-in-out, height 500ms ease-in-out !important;
    -ms-transition: width 500ms ease-in-out, height 500ms ease-in-out !important;
    -o-transition: width 500ms ease-in-out, height 500ms ease-in-out !important;
    transition: width 500ms ease-in-out, height 500ms ease-in-out !important;
}

.WCMGT {
    height: 100% !important;
    width: 100% !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.WCMJT {
    width: 100%;
    height: 100%;
    cursor: pointer !important;
    -webkit-transition: background-color 500ms ease-in-out !important;
    -moz-transition: background-color 500ms ease-in-out !important;
    -o-transition: background-color 500ms ease-in-out !important;
    transition: background-color 500ms ease-in-out !important;
}

.WCMFW, .WCMFW:hover, .WCMFW:active, .WCMFW:focus, .WCMFW:link, .WCMFW:visited {
    padding: 7px 14px !important;
    display: block !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold !important;
    text-decoration: none !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    line-height: normal !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: 0 !important;
    background-color: transparent !important;
}

    .WCMFW::after, .WCMFW::before {
        content: "‎";
    }

.Assitant-Main {
    height: 91px;
    width: 31px;
    overflow: hidden;
    z-index: 999 !important;
    background-color: rgb(77, 116, 150) !important;
    top: 50% !important;
    right: 0px;
}

.WCHIDE {
    display: none !important;
}

.globaltenant-icon-style {
    font-size: 15px;
    color: #7c7c7c;
}

.globaltenant-icon-style-modified {
    font-size: 15px;
    color: #5078b3;
}

.Impersonation-container {
    background-color: #FFFFFF;
}

    .Impersonation-container:hover {
        background-color: #deecf9;
        cursor: pointer;
    }

    .Impersonation-container a {
        padding-left: 0px !important;
        min-height: auto !important;
    }

.Impersonation-headers {
    font-size: 14px;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 6px;
    border: 0;
    padding-left: 13px;
}

.Impersonation-anchor {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.impersonation-UserName {
    display: inline-block;
    width: calc(100% - -15px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

Impersonation-container div {
    background-color: #deecf9;
    cursor: pointer;
}

.SwitchIcon {
    border-radius: 20px;
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
}

.ellipsify-handleLargeName {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    display: inline-block;
}

.Approver-Role:before {
    content: "\e9b8";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}

.Location-wise-approver:before {
    content: "\e9bb";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}

.Map-Approver:before {
    content: "\e9bc";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}

.group-conditions .btn-primary {
    background: #999 !important;
}

.ai-suggestion-popup {
    position: absolute;
    top: 0;
    background-color: white;
    width: 600px;
    box-shadow: 0px 4px 30px #999;
}

    .ai-suggestion-popup .title {
        font-size: 13pt;
        font-weight: 600;
        background-color: whitesmoke;
        padding: 7px;
    }

    .ai-suggestion-popup .content {
        margin-top: 10px;
        max-height: 410px;
        overflow: auto;
        overflow-y: visible;
        overflow-x: hidden;
    }

.gc-Mandatory {
    background-image: linear-gradient(45deg, #e60d0d 25%, #a32c2c 25%, #a32c2c 50%, #e60d0d 50%, #e60d0d 75%, #a32c2c 75%, #a32c2c 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}

.gc-DataTypeMismatch {
    background-image: linear-gradient(45deg, #777d82 25%, #3f4c57 25%, #3f4c57 50%, #777d82 50%, #777d82 75%, #3f4c57 75%, #3f4c57 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}

.gc-LengthMismatch {
    background-image: linear-gradient(45deg, #f58410 25%, #b37129 25%, #b37129 50%, #f58410 50%, #f58410 75%, #b37129 75%, #b37129 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}

.gc-ParentChildMismatch {
    background-image: linear-gradient(45deg, #7833c7 25%, #5b318c 25%, #5b318c 50%, #7833c7 50%, #7833c7 75%, #5b318c 75%, #5b318c 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}

.gc-InvalidData {
    background-image: linear-gradient(45deg, #ded14b 25%, #ada549 25%, #ada549 50%, #ded14b 50%, #ded14b 75%, #ada549 75%, #ada549 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}
.gc-PartialInvalidData {
    background-image: linear-gradient(45deg, #228B22 25%, #ada549 25%, #ada549 50%, #228B22 50%, #228B22 75%, #ada549 75%, #ada549 100%);
    background-size: 28.57px 28.57px;
    color: white !important;
}
#signInAsDiv {
    margin-right: 0px;
    padding-top: 11px;
    padding-right: 9px;
    position: absolute;
    z-index: 1000;
    right: 3px;
    width: 11px;
}

    #signInAsDiv > a {
        border: none;
        right: 0px;
        background: none;
        height: auto;
        min-height: 41px !important;
        width: 10px !important;
        margin-top: 5px !important;
        margin: 0px;
        min-width: 10px !important;
    }

#ulSignInDD > li > a {
    border: none;
    min-width: 0px !important;
    margin: 0px;
    background: none;
    min-height: 33px !important;
    margin-top: -9px;
}

#ulSignInDD > a {
    border: none;
    min-width: 0px !important;
    margin: 0px;
    background: none;
    min-height: 0px !important;
}

#ulSignInDD > li > a > i {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 20px;
    width: 10px;
}

.switch-user-icon:before {
    content: "\e9c6";
    font-family: icomoon;
    font-style: normal;
}


.rba-script-name {
    min-width: 115px;
    word-break: break-all;
}


.project-details-content .fa.fa-flag.fa-lg.Critical {
    color: #FF0000;
}

.project-details-content .fa.fa-flag.fa-lg.High {
    color: #FFB266;
}

.project-details-content .fa.fa-flag.fa-lg.Medium {
    color: #FFFF00;
}

.project-details-content .fa.fa-flag.fa-lg.Low {
    color: #008000;
}

/* 23-Aug-2018 */
.clear-both {
    clear: both;
}

.package-main-wrap .package-border {
    border: 2px solid #3c8dbe;
}

.package-header, .step-circle, .package-steps li, .pr-name {
    font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.package-heading {
    padding: 10px;
    float: left;
}

.package-header {
    background: #e6eef4;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #e3e8ec;
}

    .package-header span.fa {
        margin-right: 2px;
    }

.package-steps, .pr-list {
    -webkit-padding-start: 0px;
    list-style-type: none;
}

.step-circle {
    width: 22px;
    height: 21px;
    border-radius: 50%;
    background: #65bc54;
    color: #fff;
    float: left;
    padding-top: 2px;
    font-weight: bold;
    text-align: center;
}

#packdesclink {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    background: #9faec3;
    text-decoration: none;
}

    #packdesclink:hover {
        background: #6782a9;
    }

    #packdesclink span {
        position: relative;
        top: 10px;
    }

.package-plus-toggle:before {
    content: "\f0fe";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-indent: 0 !important;
    color: #fff !important;
}

.package-plus-toggle-minus:before {
    content: "\f146";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-indent: 0 !important;
    color: #fff !important;
}

.pack-desc {
    background: #f7f7f7;
    border-bottom: 1px solid #e2e6e9;
    padding: 10px;
}

.package-steps {
    margin-bottom: 0;
}

    .package-steps li {
        float: left;
        margin: 0 1px 0 0;
        padding: 10px;
        background: #eeeeee;
        color: #444;
        border-right: 1px solid #afafaf;
        -webkit-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.2);
        box-shadow: 1px 0px 2px 0px rgba(0,0,0,0.2);
        width: 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .package-steps li:hover {
            transition: all 0.5s ease;
            width: 160px;
        }

    .package-steps .active-step {
        background: #3c8dbe !important;
        color: #fff !important;
        width: auto !important;
    }

.package-step-wrap {
    border-bottom: 1px solid #3c8dbe;
}

.package-main-wrap .package-main-contents {
    padding: 10px;
}

.pack-info-desc {
    /*min-height: 100px;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    padding: 10px;*/
}

.pr-list li {
    padding: 10px 15px;
}

.pr-name {
    font-size: 13px;
    font-weight: bold;
}

.pr-list .step-circle {
    margin-right: 10px;
    position: relative;
    bottom: 1px;
}

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

.landingNext {
    margin: 0 10px 10px 0 !important;
}

.package-steps .step-circle {
    width: 20px;
    height: 19px;
    font-size: 12px;
    margin-right: 5px;
    background: #777;
}

.package-steps .active-step .step-circle {
    background: #fff;
    color: #444;
}


.sc-tile-view .items-container .image-container {
    min-height: 60px;
}

.clearSearchBtn {
    position: absolute;
    right: 153px;
    font-size: 20px;
    top: 38px;
}

.marquee-container ul li {
    display: inline;
    float: left;
    background-color: #ffffff96;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 5px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    cursor: pointer;
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    border: 1px solid #fff;
    background-color: #f1f0f0;
    padding: 0px;
    border-style: double;
    border-radius: 0px;
    color: #503c3c;
}

.label-container {
    float: left;
    /*background-color: #d86a6a;*/
    background-color: #FFE99B; /* added for accessbility compilance color contrast issue for bulletins label*/
    color: #000;
    /*padding: 4px 14px;*/
    float: left;
    position: relative;
    border-radius: 0px 0px;
    width: 73px;
    z-index: 5;
}

#bulletinMarquee {
    float: left;
    width: 90%;
    position: relative;
    z-index: 2;
    margin: 0px;
}

.offline-list-CAB-icon:before {
    content: "\e9ca";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}

.re-download-icon:before {
    content: "\e9cc";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}

.patch-by-proxy-icon:before {
    content: "\e9d7";
    font-family: icomoon;
    font-size: 29px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}



/* Added for Session timeout progress bar to appear on the top of evry popup */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-dialog-buttons.noclose {
    z-index: 10000001 !important;
}
/* Added for Session timeout {Click here to login popup} to appear on the top of all inheriting SPopUp-wrap-box.css popups */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    z-index: 10000001 !important;
}

.wo-detail-page .fa-info-circle:before {
    content: "\f05a" !important;
    font-size: 32px;
    color: #6e98d0;
}

/* Added Css for Dynamic script screen */
.Dscript-Properties {
    border: 1px solid #e5e5e5;
    min-height: 250px;
    padding: 0px 0px;
    float: left;
}

.search-container-DScript {
    position: relative;
    padding: 0;
    height: 35px;
}

    .search-container-DScript input[type="search"] {
        height: 37px;
        margin-top: 4px;
        width: 100%;
        border: solid 0px #e2e0db00;
    }

    .search-container-DScript .fa.fa-search {
        position: absolute;
        right: 6px;
        top: 13px;
        background-color: #fff;
        font-size: 17px;
        color: #b9b8b8;
        z-index: 1;
        padding: 1px 4px;
    }

.Dscript-Properties-Tabs {
    padding: 0px !important;
    margin-bottom: 0px !important;
    height: auto;
}

.description-box {
    background-color: #f2f2f2;
    min-height: 80px;
}

.Tabs-min-height {
    min-height: 250px;
}

.Dscript-Properties-Tabs .row {
    margin-top: 5px;
    /*border-bottom: 1px solid #e7e7e7;*/
}

    .Dscript-Properties-Tabs .row:last-of-type {
        border-bottom: none;
    }

.Dscript-Properties-Tabs .z-content-inner {
    padding: 0 20px !important;
}

.Dscript-Properties-Tabs .z-active {
    top: 3px !important;
}

.Dscript-Properties-Tabs .control-label {
    margin-top: 6px;
}

.actions-icon:before {
    content: "\e9d5";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 18px;
}

.properties-icon:before {
    content: "\e9d6";
    font-family: icomoon;
    /* font-size: 25px; */
    color: #7c7c7c;
    font-size: 6px;
    /* position: absolute; */
    /* line-height: 2em; */
    left: 33%;
}

.mobile-scripting-icon:before {
    content: "\ea45";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #7c7c7c;
    font-size: 18px;
    padding-left: 25px;
}

.dynamic-scripting-icon:before {
    content: "\e9cb";
    font-family: icomoon;
    /* font-size: 25px; */
    color: #7c7c7c;
    font-size: 21px;
    position: absolute;
    left: 33%;
}

.dynamic-scripting-dasboard-icon:before {
    content: "\e9cb";
    font-family: icomoon;
    /* font-size: 25px; */
    color: #7c7c7c;
    font-size: 21px;
    position: absolute;
    line-height: 1em;
    left: 0%;
}
/* Added for bug issue -55405 ,dropdown issue  due to z-index of ui-dialog */
div[aria-describedby="SessionTimeOut"], div[aria-describedby="modalDiv"] {
    z-index: 10000001 !important;
}

.table.table-without-border th, .table.table-without-border tr td {
    background: none !important;
    border: none;
    text-align: left !important;
    border-top: 1px solid #ddd;
}

.table.table-without-border th {
    background-color: #ececec !important;
}

.success-wrap {
    background: #f2f2f2;
    height: 75vh;
    text-align: center;
}

    .success-wrap:before {
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

.message-wrap {
    background: #fff;
    text-align: left;
    width: 700px;
    min-height: 172px;
    padding: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.2);
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

    .message-wrap h2.success {
        font-size: 22px;
        padding-bottom: 20px;
        /*border-bottom: 1px solid #b4b4b4;*/
        color: #2ec242;
    }

    .message-wrap h2.error {
        font-size: 22px;
        padding-bottom: 20px;
        /*border-bottom: 1px solid #b4b4b4;*/
        color: #e1462f;
    }

    .message-wrap button.done {
        position: absolute;
        bottom: 20px;
        right: 24px;
        cursor: pointer;
    }

.revokeicon .fa-user-times {
    font-size: 16px !important;
    color: #e1462f;
    position: relative;
    top: 5px;
}

/*Added this for izenda 7 Custom Reports tile in Reports Module*/
/*.custom-rpt:before {
    content: "\e9d9";
    font-family: icomoon;
    font-size: 26px;
    left: 7px;
    position: absolute;
    top: 6px;
}*/
/*Added this for Exago Admin page Icon in Reports Module*/
.admin-custom-rpt:before {
    content: "\e94e";
    font-family: icomoon;
    font-size: 40px !important;
    position: absolute;
}

.modules-tile-container .custom-rpt:before {
    content: "\e9d9";
    font-family: icomoon;
    font-size: 33px;
    position: absolute;
}

.modules-tile-container .custom-rpt {
    width: 41px;
    height: 43px;
}

.modules-tile-container .custom-rpt {
    background: none !important;
}

/*added for GDPR configuration*/
.admin-icon:before {
    content: "\e9d8";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.location-icon:before {
    content: "\e9da";
    font-family: icomoon;
    font-size: 26px;
    line-height: 1em;
    color: #6e98d0;
}

.storeLocation-icon:before {
    content: "\ea41";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}


.popupmessage-icon:before {
    content: "\e9db";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

.popUpList-icon:before {
    content: "\e9e6";
    font-family: icomoon;
    position: absolute;
    left: 35%;
}

.gdpr-reaccept + div.modal-backdrop {
    opacity: 1;
    background-color: rgb(119, 119, 119);
}

.invalid-sln-icon:before {
    content: "\e9e4";
    font-family: icomoon;
    position: absolute;
    left: 35%;
}

.disable-licence-icon:before {
    content: "\e9e3";
    font-family: icomoon;
    position: absolute;
    left: 35%;
}

.enable-licence-icon:before {
    content: "\e9e5";
    font-family: icomoon;
    position: absolute;
    left: 35%;
}

.newadvanceDashboard .edb-bottomBox {
    position: static !important;
    background: none !important;
}

.newadvanceDashboard .adv-edb-bottom-container {
    position: fixed !important;
}

.newadvanceDashboard .advance-db-image-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bottomBox-item-container {
    width: 75%;
}

.newadvanceDashboard .bottomBox-item-container {
    width: 100%;
}

.newadvanceDashboard .main-Body {
    max-width: 100%;
    overflow: scroll;
    height: 66vh;
    overflow-x: hidden;
    /*padding-bottom: 15% !important;*/
    padding-bottom: 6% !important;
}

.dash-user-wc h2 {
    font-size: 36px;
    color: #fff;
    font-family: "Open Sans Light";
}
/*replace h4 with h3*/
.dash-user-wc h3 {
    font-size: 24px;
    color: #fff;
    font-family: "Open Sans Light";
}

.newadvanceDashboard .item-link-container span {
    width: 100%;
    height: 90px;
    border-radius: 0px !important;
    background-color: none;
    border: none;
    line-height: 44px;
    padding-left: 30px;
    position: relative;
    right: 0px;
    color: #ffffff;
    float: left;
    font-size: 21px;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    transition: all .2s ease-in-out;
    padding-top: 26px;
    padding-right: 22px;
}

.newadvanceDashboard .item-link-container {
    height: auto;
    padding: 10px 20px 20px 20px;
}

    .newadvanceDashboard .item-link-container a > div {
        width: 100%;
        height: 90px;
        padding-left: 30px;
    }

.newadvanceDashboard .fa-list-alt:before {
    left: auto;
    font-size: 44px;
    color: rgba(255,255,255,0.7);
}

.newadvanceDashboard .edb-bottomBox .item-link-container a h3 {
    font-size: 18px;
    font-family: "Open Sans Light";
    font-weight: bold;
    top: 0;
    line-height: 1.7em;
}

.newadvanceDashboard .item-link-container a div label {
    left: 0px;
    font-size: 13px;
    font-family: "Open Sans";
}

.newadvanceDashboard .adv-edb-bottom-container .heading {
    background-color: transparent !important;
}

    .newadvanceDashboard .adv-edb-bottom-container .heading h3 {
        color: #474C51;
        border-bottom: 1px solid #D0D3D8;
        padding: 10px 0;
        font-weight: 600;
        font-family: "Open Sans";
        margin-bottom: 0px;
    }

.adv-dash-catalogs-bx-cont .heading h3 {
    text-transform: none !important;
}

.newadvanceDashboard .IM_LOG_TICKET:before {
    content: "\e9e2" !important;
}

.newadvanceDashboard .SR_LOGSR:before {
    content: "\e9ef" !important;
}

.newadvanceDashboard .RPT_AM_MAL:before {
    content: "\e9dd" !important;
}

.newadvanceDashboard .KM_KA:before {
    content: "\e9de" !important;
}

.newadvanceDashboard input#edbIssueRequestSearchInput::placeholder {
    color: #B4BAC3 !important;
}

.newadvanceDashboard .searchBoxContainer a#edbIssueRequestBtn {
    width: 44px;
    height: 40px;
    background-color: transparent;
    border-radius: 0px;
    margin: 0px;
}

.newadvanceDashboard .searchBoxContainer span.fa-search {
    margin: 10px 0 0 15px;
}

.searchBoxContainer .fa-search:before {
    content: "\e9ec" !important;
    font-family: icomoon;
    font-size: 19px;
    color: #635e5e;
}

.newadvanceDashboard .edb-bottomBox .item-link-container a h3:after {
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 22px;
    font-size: 18px;
    top: 6px;
    color: rgba(255, 255, 255, 0.5);
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .content {
    border: none;
    min-height: 220px;
    border-bottom: 1px solid #D0D3D8;
    max-height: 220px;
    overflow: auto;
}

.newadvanceDashboard #BodyContentPlaceHolder_IM_Last_Five .ticket-count, .newadvanceDashboard #BodyContentPlaceHolder_SR_Last_Five .ticket-count {
    display: none;
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .content li .ticket-description {
    padding-left: 0px;
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .content li a {
    color: #0975B3 !important;
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .content li {
    border-bottom: none;
    padding: 10px 8px;
}

    .newadvanceDashboard .adv-dash-catalogs-bx-cont .content li:nth-child(even) {
        background-color: rgba(238, 240, 243, 0.5);
    }

    .newadvanceDashboard .adv-dash-catalogs-bx-cont .content li .status {
        float: right;
        border-radius: 8px;
    }

.newadvanceDashboard #BodyContentPlaceHolder_BulletinBoard .content {
    background: none;
    background-color: transparent !important
}

.newadvanceDashboard #BodyContentPlaceHolder_BulletinBoard li a {
    font-weight: normal;
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .fb-number {
    font-size: 36px;
    border: 1px solid #E9ECEE;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    padding-top: 32px;
}

.newadvanceDashboard .adv-dash-feedbk .content {
    padding-top: 0px;
}

    /*replace h5 with h4 */
    .newadvanceDashboard .adv-dash-feedbk .content h4 {
        /*color: #788089;*/
        color: #474C51; /*added style for color contrast*/
        font-size: 13px; /*added style heading h4 to get get the same size as before*/
    }

.end-userdashboard-body .newadvanceDashboard #BodyContentPlaceHolder_SRFeedback {
    border-left: none;
}

.newadvanceDashboard .adv-dash-catalogs-bx-cont .fb-type {
    margin-top: 5px;
    width: 115px;
}

    .newadvanceDashboard .adv-dash-catalogs-bx-cont .fb-type a {
        /*color: #788089;*/
        font-size: 13px;
        font-weight: normal;
        color: #474C51; /*added style for color contrast*/
    }

/*body.newadvanceDashboardBody ul.nav.main-top-nav > li > a {
    background-color: transparent;
}

body.newadvanceDashboardBody .alert-count {
    color: #fff !important;
}

body.newadvanceDashboardBody ul.nav.main-top-nav > li a span.alert-count {
    color: #fff !important;
    top: 1px !important;
    left: 21px !important;
    min-width: 13px;
    font-size: 11px !important;
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > .fa.fa-search:before {
    content: "\e9ec";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > .fa.fa-bell:before {
    content: "\e9ea";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > span.delegate_top_icon:before {
    content: "\e9ed";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > span.approvals-icon_top:before {
    content: "\e9eb";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > .fa.fa-shopping-cart.top-icon:before {
    content: "\e9e9";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > .fa.fa-question-circle:before {
    content: "\e9e8";
    font-family: icomoon;
    font-size: 18px !important
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > span.delegate_top_icon {
    top: 0px;
    left: 0px;
}

body.newadvanceDashboardBody .navbar-top-links .dropdown > a > span {
    top: 12px !important;
    left: 0 !important;
}

body.newadvanceDashboardBody ul.nav.main-top-nav > li {
    margin-right: 15px !important;
}*/
.newadvanceDashboard .main-Body {
    scrollbar-color: #060000 white;
    scrollbar-width: thin;
}

    .newadvanceDashboard .main-Body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .newadvanceDashboard .main-Body::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .newadvanceDashboard .main-Body::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }

/*body.newadvanceDashboardBody ul.nav.main-top-nav > li:last-child {
    margin-right: 3px !important;
}*/

body.newadvanceDashboardBody li#user-holder:before {
    background: none;
}

.newadvanceDashboard .searchAndLogoContainer {
    margin: 180px auto 0;
}

.newadvanceDashboard .user-info-content > div.f-left img {
    width: auto;
    height: auto;
}

.see-all-lnk {
    color: #0975B3 !important;
    font-size: 14px;
}
/*body.newadvanceDashboardBody #help-icon-url {
    border-right: 1px solid #E9ECEE !important;
    
    margin-bottom: 3px !important;
}*/
.newadvanceDashboard .adv-dash-catalogs-bx-cont .content li .status.In-Progress {
    background-color: #DCF0D9;
    color: #474C51;
}


.newadvanceDashboard .Resolved {
    background-color: #C2F587;
    color: #474C51;
}

.newadvanceDashboard .Closed {
    background-color: #E8E8E8;
    color: #474C51;
}

.New, .TileViewController .tile-wrapper article.tile .New.tile-footer span {
    background-color: #D9F2FF !important;
    font-weight: normal;
}

.newadvanceDashboard .Assigned {
    background-color: #CEE3F0;
    color: #474C51;
}

.Pending, .TileViewController .tile-wrapper article.tile .Pending.tile-footer span {
    background-color: #E4DDF2;
}

.newadvanceDashboard .Cancelled {
    background-color: #FAD5DC;
    color: #474C51;
}

.newadvanceDashboard .Approved {
    background-color: #C2F587;
    color: #474C51;
}

.newadvanceDashboard .Rejected {
    background-color: #F8B3C0;
    color: #474C51;
}
/*body.newadvanceDashboardBody .navbar {
    min-height: 60px;
}

body.newadvanceDashboardBody ul.nav.main-top-nav > li > a {
    margin-top:10px;
}
body.newadvanceDashboardBody ul.nav.main-top-nav.navbar-top-links > li.userinfo-dropdown a {
    margin-top:8px;
}*/
/*.newadvanceDashboard .adv-dash-feedbk .content {
    padding-top: 50px;
}*/
body.newadvanceDashboardBody ul.nav.main-top-nav > li.userinfo-dropdown {
    margin-left: 0 !important;
}

.ThemeSelectWrap [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.ThemeSelectWrap input[type=checkbox] {
    display: none;
}

.ThemeSelectWrap [type=radio] + img {
    cursor: pointer;
    width: 100%;
}

.ThemeSelectWrap label {
    border: 2px solid #fff;
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}

    .ThemeSelectWrap label:before {
        background-color: #1fcc08;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        position: absolute;
        top: -5px;
        left: -2px;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 23px;
        transition-duration: 0.4s;
        transform: scale(0);
        z-index: 1000;
    }

.ThemeSelectWrap :checked + label:before {
    content: "\f00c";
    background-color: #1fcc08;
    transform: scale(1);
    font-family: FontAwesome;
}

.ThemeSelectWrap :checked + label img {
    /*transform: scale(0.9);*/
    box-shadow: 0 0 5px #666;
    z-index: -1;
}

.ThemeSelectWrap ul li {
    display: inline-block;
    padding: 0 !important;
    width: 18%;
    position: relative;
    float: left;
    margin-right: 12px;
    min-height: 150px;
}

.ThemeSelectWrap label:hover {
    border: 1px solid #1768df;
}

.ThemeSelectWrap ul li img {
    width: 100%;
    pointer-events: none;
}

.ThemeSelectWrap ul li a {
    position: relative;
    right: 10px;
    top: 0px;
    font-size: 12px;
    float: right;
}

#BodyContentPlaceHolder_div_edbIssueRequestSearchInput .search-content {
    padding: 0;
}

#BodyContentPlaceHolder_div_edbIssueRequestSearchInput .search-content {
    scrollbar-color: #060000 white;
    scrollbar-width: thin;
}

    #BodyContentPlaceHolder_div_edbIssueRequestSearchInput .search-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    #BodyContentPlaceHolder_div_edbIssueRequestSearchInput .search-content::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    #BodyContentPlaceHolder_div_edbIssueRequestSearchInput .search-content::-webkit-scrollbar-thumb {
        background-color: #000000;
        border: 2px solid #555555;
    }

.search-content li span {
    margin-right: 20px;
}

.search-content ul li {
    list-style-type: none;
    padding: 15px 0 10px 20px;
}

    .search-content ul li:hover {
        background: #D8EBF3;
    }

    .search-content ul li span:before {
        position: static;
        font-size: 14px;
        color: #788089;
    }

.SDEnewDash .owl-wrapper {
    width: 4500px;
}

/*************Advance dashboard 1366X768*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .SDEnewDash .owl-wrapper {
        width: 3110px;
    }
    .newadvanceDashboard .adv-edb-bottom-container {
        padding-top: 5px !important;
    }

    .newadvanceDashboard .adv-dash-catalogs-bx-cont .content {
        min-height: 180px !important;
    }

        .newadvanceDashboard .adv-dash-catalogs-bx-cont .content li {
            padding: 5px 8px !important;
        }

    .newadvanceDashboard .adv-edb-bottom-container .heading h3 {
        padding: 5px 0 !important;
    }

    .adv-dash-catalogs-bx-cont .content {
        margin: 0px 0px 5px 0px !important;
        padding: 5px 8px !important;
    }

        .adv-dash-catalogs-bx-cont .content h5 {
            padding: 5px 0 !important;
            margin: 0 !important;
        }

    .dash-user-wc h2 {
        font-size: 30px !important;
        margin-top: 0 !important;
    }

    .newadvanceDashboard .searchAndLogoContainer {
        margin: 25px auto 0 !important;
    }

        .newadvanceDashboard .searchAndLogoContainer.searchAndLogoContainerWithText {
            margin: 0 auto 0 !important;
        }

    .searchAndLogoContainer {
        height: 140px !important;
    }

    .newadvanceDashboard .item-link-container {
        padding: 0px 20px 0px 20px !important;
    }

        .newadvanceDashboard .item-link-container span {
            height: 65px !important;
            padding-top: 10px !important;
        }

        .newadvanceDashboard .item-link-container a > div {
            /*height: 60px !important;*/
            height: 75px !important;
        }

    .newadvanceDashboard .fa-list-alt:before {
        font-size: 35px !important;
    }

    .newadvanceDashboard .edb-bottomBox .item-link-container a h3 {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }

    .newadvanceDashboard .main-Body {
        height: 54vh;
    }

    .end-userdashboard-body #container #page-wrapper {
        min-height: auto !important;
    }
    /*.isadvance-dashboard .searchAndLogoContainer, .newadvanceDashboard .searchAndLogoContainer {
        margin: 165px auto 0 !important;
        margin-bottom: 60px;
    }*/

    .isadvance-dashboard .dash-user-wc h2 {
        font-size: 25px !important;
    }

    .isadvance-dashboard .dash-user-wc h4 {
        font-size: 15px;
    }
    .instance-list-wrap select.tenantWithGroup, .instance-list-wrap select {
        width: 175px !important;
    }

    #responseSLA, #resolutionSLA, #SRresponseSLA, #SRresolutionSLA {
        position: relative;
        left: -10px;
    }

    .status-container ul li {
        min-width: 97px !important;
    }

        .status-container ul li.active-status, .status-container ul li.active-status a, .status-container ul li a {
            font-size: 10px !important;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding-left: 12px !important;
        }
    .col-xs-3.btns-container {
        min-width: 30% !important;
    }

    .filter-lements span {
        font-size: 10px;
    }

    .br-condition-container .dateBetweenClass .input-group {
        width: 44.5% !important;
    }

    .br-condition-container .itemBetween .form-control {
        width: 44.5% !important;
    }
}

.status-container ul li.active-status, .status-container ul li.active-status a, .status-container ul li a {
    padding-left: 12px !important;
}

/* 27/2/2019 */
.profile.dropdown {
    margin: 0 !important;
    height: 60px;
    border: none !important;
}

.profile.dropdown-toggle {
    background: none;
    border: none;
    width: 90px;
    text-align: center;
    height: 56px;
    border-left: 1px solid #E9ECEE;
    top: 2px;
    position: relative;
}

.profile-icon {
    border-radius: 50%;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    background: #ddd;
}

.navbar-top-links .dropdown > ul:before {
    top: -10px;
    border-bottom: 10px solid #fff;
}

.profile.dropdown .dropdown-menu.slideDown li a {
    padding: 8px 10px 8px !important;
    text-align: left;
    color: #0975b5;
}
/*.profile.dropdown .dropdown-menu.slideDown li a:hover, .profile.dropdown .dropdown-menu.slideDown li a:focus {
        color: #0975b5;
    }*/

.ThemeSelectWrap [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

    .ThemeSelectWrap [type=radio] + img {
        cursor: pointer;
        width: 100%;
    }

.ThemeSelectWrap label {
    border: 2px solid #fff;
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
}

    .ThemeSelectWrap label:before {
        background-color: #1fcc08;
        color: white;
        content: " ";
        display: block;
        border-radius: 50%;
        position: absolute;
        top: -5px;
        left: -2px;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 23px;
        transition-duration: 0.4s;
        transform: scale(0);
        z-index: 1000;
    }

.ThemeSelectWrap :checked + label:before {
    content: "✓";
    background-color: #1fcc08;
    transform: scale(1);
}

.ThemeSelectWrap :checked + label img {
    transform: scale(0.9);
    box-shadow: 0 0 5px #666;
    z-index: -1;
}

.ThemeSelectWrap ul li {
    display: inline-block;
    padding: 0 !important;
    width: 22%;
    position: relative;
}

    .ThemeSelectWrap ul li img {
        width: 100%;
    }

    .ThemeSelectWrap ul li a {
        position: absolute;
        right: 2px;
        top: -18px;
        font-size: 12px;
    }

/* 7/3/2019 */
.SDEnewDash .owl-wrapper-outer .ad-incident {
    background: #9BD4E0;
}

.SDEnewDash .owl-wrapper-outer .ad-serRequest {
    background: #B3A0DB;
}

.SDEnewDash .owl-wrapper-outer .ad-workOrd {
    background: #E3A3D9;
}

.SDEnewDash .owl-wrapper-outer .ad-changeRec {
    background: #96C1DA;
}

.SDEnewDash .owl-wrapper-outer .head .item-name {
    font-size: 18px;
    font-weight: normal;
    text-transform: none !important;
}

.SDEnewDash .owl-wrapper-outer .dashboard-item .content {
    background: #fcfcfd;
}

    .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
        border-radius: 10px;
        height: 115px;
        width: 100%;
        margin: 0 auto;
        border: 1px solid #ebeef0;
        background: #fff !important;
        color: #0975b3 !important;
        font-size: 36px;
        line-height: 114px;
        position: relative;
    }

    @media(min-width: 1900px) and (max-width: 2000px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            /*unsupported resolution for this application*/
        }
    }
    @media(min-width: 1801px) and (max-width: 1899px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1701px) and (max-width: 1800px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1601px) and (max-width: 1700px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1501px) and (max-width: 1600px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1401px) and (max-width: 1500px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1301px) and (max-width: 1400px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media(min-width: 1200px) and (max-width: 1300px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media (min-width: 1051px) and (max-width: 1199px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media (min-width: 1000px) and (max-width: 1050px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }
    @media (min-width:700px) and (max-width: 999px) {
        .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
            width: 100% !important;
        }
    }

.sde-dashboard-container .item-info {
    border: none !important;
}

.SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-type {
    background: #fcfcfd !important;
    color: #444;
    text-transform: none !important;
    font-size: 13px;
}

.SDEnewDash .owl-wrapper-outer .usertype-count {
    /*background-color: #f94545;*/
    background-color: #ff6300; /*color contrast issues*/
    padding: 2px 5px;
    top: -5px;
    right: -10px;
    height: 21px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}

.sde-dashboard-container .item-group-head {
    border-top: 2px solid #d0d3d8;
    margin: 5px 0 5px;
    padding: 10px 0 0 15px;
    border-bottom: none;
    font-size: 12px;
    text-transform: none !important;
    font-weight: bold;
}

#BodyContentPlaceHolder_divPieChartIM .legend-title, #BodyContentPlaceHolder_divPieChartSR .legend-title {
    padding: 9px 11px;
    /*color: #fff;*/
    color: #000; /*color contrast*/
    font-size: 18px;
    font-weight: normal;
    margin-top: -46px;
    text-transform: none !important;
}

#BodyContentPlaceHolder_divPieChartIM .legend-title {
    background: #4ac5c5;
}

#BodyContentPlaceHolder_divPieChartSR .legend-title {
    background: #9e86d0;
}

.greyB {
    background: #f5f6f7;
    padding: 15px 0 0 0;
}

.clear-both {
    clear: both;
}

.sde-dashboard-container .head .fa {
    float: left;
    position: relative;
    top: 12px;
    left: 10px;
}

.sde-dashboard-container .item-name {
    padding-left: 20px;
    padding-top: 8px;
}

.sde-dashboard-container-margin {
    margin-bottom: 25px;
}

.sde-dashboard-container .dashboard-item {
    border: none;
}

.SDEnewDash .owl-pagination {
    margin: 22px 0 0 0;
}

#BodyContentPlaceHolder_divPieChartIM .legend-title span, #BodyContentPlaceHolder_divPieChartSR .legend-title span {
    margin-right: 6px;
}

.action-container-dashboard.ad-filter-link {
    background: #b4bac3;
    border-radius: 0;
    margin: 0;
    position: absolute;
    right: 0;
    padding: 10px 15px;
    z-index: 1;
}

.sde-dashboard .dashboard-box {
    background: #fcfcfd;
    border: none;
}

.dash-csat-topbox {
    width: 110px;
    min-height: 110px;
    border-radius: 10px;
    background: #fff !important;
    border: 1px solid #ebeef0;
}

.dash-csat-bottombox {
    background: none !important;
    height: auto;
}

.am-count-bottom span {
    color: #444 !important;
    font-size: 13px;
}

#BodyContentPlaceHolder_divCSAT .heading span, #BodyContentPlaceHolder_divGamification .heading, #BodyContentPlaceHolder_divPieChartIM .heading, #BodyContentPlaceHolder_divPieChartSR .heading {
    float: left;
    text-align: left !important;
    font-size: 14px;
    font-weight: bold;
    text-transform: none !important;
}

.sde-dashboard .dashboard-box .caption {
    color: #444;
    font-size: 13px;
    text-transform: none;
}

.SDEnewDash .dashboard-item-container {
    border: none;
    background: #fcfcfd;
}

.sde-dashboard .dashboard-box rect {
    fill: #fcfcfd !important;
}

#iMyscore {
    color: #ff9900;
    font-size: 40px !important;
    top: 12px;
    position: relative;
    height: 50px !important;
    margin: 0 0 5px 0;
}

#BodyContentPlaceHolder_divCsatIM .dash-csat-topbox div {
    margin: 22px 0 0 0;
    font-size: 36px;
}

#BodyContentPlaceHolder_divCsatIM .dash-csat-topbox #BodyContentPlaceHolder_lblcsatResolved, #BodyContentPlaceHolder_divCsatSR .dashboard-box #BodyContentPlaceHolder_lblSRcsatWorkgroup, #BodyContentPlaceHolder_divCsatSR .dashboard-box #BodyContentPlaceHolder_lblSRcsatResolved, #BodyContentPlaceHolder_divGamification #BodyContentPlaceHolder_lblInstance, #BodyContentPlaceHolder_divGamification #BodyContentPlaceHolder_lblWorkGroup {
    position: relative;
    font-size: 20px;
    top: 22px;
}

#BodyContentPlaceHolder_lblScore, #BodyContentPlaceHolder_lblBadge {
    font-size: 30px;
}

.sde-dashboard .dashboard-box .seperator, #BodyContentPlaceHolder_divPieChartIM .type-seperator, #BodyContentPlaceHolder_divPieChartSR .type-seperator, #BodyContentPlaceHolder_divCSAT .type-seperator, #BodyContentPlaceHolder_divGamification .type-seperator {
    display: none;
}

.dash-csat-bottombox {
    position: relative;
}

#BodyContentPlaceHolder_divCSAT .dashboard-box.align-left, #BodyContentPlaceHolder_divGamification .dashboard-box.align-left {
    min-height: 245px !important;
    margin-bottom: 20px !important;
}

.sde-dashboard-container .head {
    border-bottom: none;
}

.SDEnewDash .owl-wrapper-outer {
    margin: 0 auto;
    width: 95% !important;
}

.SDEnewDash .owl-prev, .SDEnewDash .owl-next {
    width: 25px;
    height: 25px;
    opacity: 0.9 !important;
    background: #0975b3 !important;
}

    .SDEnewDash .owl-prev i, .SDEnewDash .owl-next i {
        position: relative;
        bottom: 4px;
    }

.SDEnewDash .owl-item {
    width: 9.5% !important;
}
.bb-alignment {
    width: 97%;
    margin: 0 auto;
}

.gamific-1, .gamific-2 {
    background: none !important;
    border-radius: 0;
    border: none;
    margin: 0 auto 15px;
    padding: 20px 0 0 0;
}

.gamific-2 {
    height: 100px !important;
}

#BodyContentPlaceHolder_divPieChartIM .charts-holder, #BodyContentPlaceHolder_divPieChartSR .charts-holder {
    height: 175px !important;
    border-bottom: 2px solid #d0d3d8;
    width: 50% !important;
}

#BodyContentPlaceHolder_divGamification .dash-csat-Main, #BodyContentPlaceHolder_divCSAT .dash-csat-Main {
    border-bottom: 2px solid #d0d3d8;
    height: 170px;
}

#BodyContentPlaceHolder_divCsatIM .dash-csat-topbox, #BodyContentPlaceHolder_divCsatIM .dash-csat-topbox span, #BodyContentPlaceHolder_divCsatSR .dash-csat-topbox span {
    color: #444 !important;
}

.gamific-1 img, .gamific-2 img {
    display: block;
    clear: both;
    margin: 0 auto;
}

#BodyContentPlaceHolder_divGamification .ad-rank .dashboard-box, #BodyContentPlaceHolder_divCsatIM .dashboard-box, #BodyContentPlaceHolder_divCsatSR .dashboard-box {
    margin: 0 auto 15px;
}

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

    .SDEnewDash .owl-item {
        width: 9.5% !important;
    }

    .SDEnewDash .owl-wrapper-outer .dashboard-item .content .item-number {
        height: 40px;
        width: 115px;
        line-height: 76px;
        font-size: 21px;
    }

    #BodyContentPlaceHolder_divPieChartIM .legend-title {
        width: 75% !important;
    }

    #BodyContentPlaceHolder_divPieChartSR .legend-title {
        width: 90% !important;
    }

    .dash-csat-topbox {
        width: 100px;
        min-height: 80px;
    }

    #BodyContentPlaceHolder_divCsatIM .dash-csat-topbox div {
        margin: 11px 0 0 0;
    }

    #BodyContentPlaceHolder_divCsatIM .dash-csat-topbox #BodyContentPlaceHolder_lblcsatResolved, #BodyContentPlaceHolder_divCsatSR .dashboard-box #BodyContentPlaceHolder_lblSRcsatWorkgroup, #BodyContentPlaceHolder_divCsatSR .dashboard-box #BodyContentPlaceHolder_lblSRcsatResolved, #BodyContentPlaceHolder_divGamification #BodyContentPlaceHolder_lblInstance, #BodyContentPlaceHolder_divGamification #BodyContentPlaceHolder_lblWorkGroup {
        top: 20px;
    }
}

/* 12/3/2019 */
.fa-search:before {
    content: "\e9ec" !important;
    font-family: icomoon;
}

.delegate_top_icon:before {
    content: "\e9ed";
    font-family: icomoon;
}

.fa-bell:before {
    content: "\e9ea" !important;
    font-family: icomoon;
}

.approvals-icon_top:before {
    content: "\e9eb";
    font-family: icomoon;
}

.fa-shopping-cart:before {
    content: "\e9e9" !important;
    font-family: icomoon;
}

.fa-question-circle:before {
    content: "\e9e8" !important;
    font-family: icomoon;
}

.global-nav-txt {
    display: none;
}

.navbar-top-links li a span:before {
    font-size: 18px !important;
    position: relative !important;
    left: auto !important;
}

.main-top-nav.nav .alert-count {
    color: #000 !important;
    padding: 2px 5px;
}

.navbar-top-links li a.dropdown-toggle, #user-Cart {
    padding: 20px 10px 0 !important;
    width: 70px;
    height: 60px;
    text-align: center;
}

    .navbar-top-links .dropdown > a.dropdown-toggle:hover, #user-Cart:hover {
        max-height: 60px !important;
        /*background: #EEF0F3 !important;*/
    }

#li_alerts .alert-count {
    top: 10px;
    right: 18px;
}

#li_approvals .alert-count {
    top: 10px;
    right: 12px;
}

#Cart .alert-count {
    top: 8px;
    right: 14px;
}

/* 14/3/2019 - for 1920 (125%) */
@media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {
    .newadvanceDashboard .main-Body {
        max-width: 100%;
        overflow: scroll;
        height: 54vh;
        overflow-x: hidden;
    }

    .ThemeSelectWrap ul li {
        min-height: 120px;
    }

    #BodyContentPlaceHolder_advEdbBottomContainer.adv-edb-bottom-container {
        padding-top: 8px !important;
    }

    .newadvanceDashboard .edb-bottomBox .item-link-container a h3 {
        margin-bottom: 2px;
    }
}

/* 20/3/2019 - For arrows */
.SDEnewDash .owl-prev i, .SDEnewDash .owl-next i {
    bottom: 5px;
    right: 1px;
}

    /* 21/3/2019 - Theme 2 centre logo position fix */
.isadvance-dashboard .searchAndLogoContainer {
    /*margin: 2vh auto 0 !important;*/
    margin: 2vh auto 50px !important;
}

.isadvance-dashboard .searchAndLogoContainerWithText {
    margin: 0px auto !important;
}

/* 25/3/2019 - Side links position fix */
#sideLinks {
    top: 35%;
    z-index: 100 !important;
}

/* 25/3/2019 - */
.newadvanceDashboard .searchAndLogoContainer {
    margin: 10vh auto 0 !important;
}

.newadvanceDashboard .item-link-container span {
    height: 70px;
    padding-top: 22px;
    line-height: 30px;
}

.newadvanceDashboard .item-link-container a > div {
    height: 80px;
}

/* 26/3/2019 - Fix for making the end user dashboard tiles visible properly */
@media only screen and (min-device-width: 900px) and (max-device-width: 1440px) {
    .newadvanceDashboard .main-Body {
        height: 54vh;
    }

        .newadvanceDashboard .edb-bottomBox .item-link-container a h3 {
            margin-bottom: 6px;
        }
    }

        @media only screen and (max-device-width: 1400px) and (max-device-height: 1050px) and (-webkit-device-pixel-ratio: 1 ){
            .newadvanceDashboard .main-Body {
                /*height: 54vh;*/
                height: 52vh;
            }
        }


    @media only screen and (min-device-width: 1024px) and (max-device-width: 1280px) {
        .newadvanceDashboard .main-Body {
            /*height: 67vh;*/
            height: 30vh;
        }

    .newadvanceDashboard .edb-bottomBox .item-link-container a h3 {
        margin-bottom: 6px;
    }
}

/* Fixes for Search Box positioning */
.marquee-container {
    /*border: 2px solid #fff;*/
}

    .marquee-container .label-container label {
        margin: 0;
    }

    .marquee-container .label-container {
        padding: 6px 10px;
        color: #77390b;
    }

.newadvanceDashboard .searchAndLogoContainer.searchAndLogoContainerWithText {
    margin: 0 0 0 12vw !important;
}

.searchContent {
    border-top: dashed 1px #444444;
}

/* 27/3/2019 - Side links position fix */
#end-user-dashboard .dropdown.dashboard-dropdown {
    top: 160px !important;
}

#BodyContentPlaceHolder_ddlBIDB {
    height: 30vh;
    overflow: auto !important;
}

#BodyContentPlaceHolder_divCatalogs {
    z-index: 9;
}

#end-user-dashboard #BodyContentPlaceHolder_divDB.dashboard-dropdown .btn {
    z-index: 505 !important;
}

/* 28/3/2019 - Refresh Interval div position fix */
#sdeDashboard #BodyContentPlaceHolder_divRefreshInterval {
    position: relative;
    left: 2.75%;
    margin-bottom: 15px;
}

/* 28/3/2019 - for pagination overLapping*/
.ddlPagination .col-md-2 {
    padding-left: 0px !important;
}

.ddlPagination .col-md-4 {
    padding: 0px !important;
    width: 25% !important;
}

.table-responsive .pagination li a, .table-responsive .pagination li span {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/* 8/4/2019 - Actions panel icon alignment */
.acpanel-scripting-icon.dynamic-scripting-icon:before {
    position: inherit !important;
}

.acpanel-scripting-icon span.control-label {
    padding: 0 0 4px !important;
}

.btns-container-QuickHelp {
    text-align: right !important;
}

    .btns-container-QuickHelp #HelpNote {
        margin-left: 10px !important;
        position: relative !important;
        top: 4px !important;
    }

        .btns-container-QuickHelp #HelpNote:before {
            font-size: 20px;
        }


.search-content .SR_LOGSR:before {
    content: "\e9ef" !important;
    color: #76CF48;
}

.search-content .KM_KA:before {
    color: #2FAAE1;
}

.search-content .IM_LOG_TICKET:before {
    color: #F94545;
}

.preview_dynamic_dashboard:before {
    content: "\e92e";
    font-family: icomoon;
    font-size: 22px;
    color: #7c7c7c;
}

.ai-suggestion-field input.form-control {
    width: 88% !important;
}

.ai-suggestion-field textarea {
    width: 88% !important;
}

.ai-suggestion-field a.lnk-analyst {
    margin-left: 12px;
}

.ai-suggestion-field .col-md-6 {
    padding-right: 0px !important;
}

#aiSuggestionAnalystList .table tr:first-child td:first-child {
    font-weight: normal
}

.ai-suggestion-popup .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.ai-suggestion-popup .content::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.ai-suggestion-popup .content::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

.ai-suggestion-popup .table tbody tr:hover {
    background-color: #ffffff !important;
    color: #270202;
    /* text-shadow: 1px 2px #272626; */
    box-shadow: 0px 0px 10px 8px #a2a2a2;
    -webkit-box-shadow: 0px 0px 10px #d0cece;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 10px #ff0000;
}

.ai-suggestion-popup .table tbody > tr:hover > td {
    background-color: #ffffff !important;
}

.ai-suggestion-popup .tooltip > .tooltip-inner {
    max-width: 200px;
    white-space: normal;
    font-weight: normal;
}

.btn-back-popup {
    font-weight: normal;
    font-size: 11px;
    vertical-align: middle;
    line-height: 1.2em;
    margin-right: 5px;
    margin-top: 6px;
}

#aiSuggestionPopup .fa-chevron-left {
    padding-right: 5px;
    font-weight: normal;
    font-size: 9px;
}

#aiSuggestionPopup .fa.fa-close {
    background-color: #7c7c7c;
    padding: 4px;
    color: #fff;
    font-size: 11px;
    border-radius: 4px;
}

.DScript-applicableusers-tab-icon:before {
    content: "\e680";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    line-height: 1.5em;
}


/* 15/4/2019 - Reskin */
.menuWithTextLeft {
    width: 60px;
}

.compact_nav {
    width: 60px;
    /*background: #0975b3;*/
}
/*.compact_nav > ul > li > span, .compact_nav > ul > li > a span {
    color: rgba(255, 255, 255, 0.5) !important;
}
.compact_nav > ul > li:hover > a span, .compact_nav > ul > li:hover > span:before, .compact_nav > ul > li.overhighlite span:before {
    color: rgb(9, 117, 179) !important;
}*/
.head_menu a {
    color: #0975B3;
}

.head_menu > li > ul li:hover {
    margin-bottom: 3px;
}

.compact_nav > ul > li > span:before, .compact_nav > ul > li > a span:before {
    font-size: 21px !important;
    top: 9px !important;
}

.head_menu a.nolink {
    color: #474C51 !important;
}

.head_menu .head_sub_menu li a, .head_menu a.hasNoChild {
    color: #0975B3 !important;
}

    .head_menu .head_sub_menu li a:hover {
        background: #d8ebf3;
        color: #0975B3 !important;
    }

a#SUMMIT_SR_APP_REM, a#SR_USERTYPE {
    padding: 0px 5px 0 10px;
    margin: 0 0 5px 0;
}

a#KIOSK_A_MANAGE_HEADER, a#IM_MANAGEINCIDENT, a#CL_A_MANAGE_HEADER,
a#SR_MANAGESRGRP, a#AM_MANAGE_ASSET, a#AM_ENDPOINT_AM, a#AM_PATCHMGMT,
a#AM_SW_MGMT, a#EPROC_A_MANAGE_REQUEST, a#CM_MY_CRs, a#AVM_DRAW_VIEW, a#AVM_SERVERS,
a#AVM_NETWORK, a#AVM_RISK, a#SLA_SERVICE_LEVEL, a#SLA_OLA, a#SLA_UC, a#SLA_SERVICE_QUALITY,
a#PT_TIMESHEETS, a#PT_PROJECTS, a#PT_RESOURCE, a#PT_RISKS, a#PT_DEFECTS, a#PT_IMPORT {
    font-weight: bold;
}

.head_menu > li > ul li:hover span.fa-chevron-down::before {
    color: rgb(255, 255, 255) !important
}
/* Low Resolution Two line module name fix */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .modulenameTwoLine a {
        bottom: 5px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .head_menu > li > ul li > a {
        font-size: 11px;
        height: 13px;
    }

    .head_menu > li > ul li {
        padding: 0 0 1px 0;
    }

        .head_menu > li > ul li:hover {
            background: #d8ebf3;
            margin-bottom: 0;
        }

    .head_menu > li > ul li {
        max-height: 16px;
    }

    .sub_sub_menu {
        top: 0;
    }

    .head_menu .fa-chevron-down {
        top: 2px !important;
    }

    .overmousediv .head_menu a.hasNoChild {
        font-size: 11px;
    }
}
/* End User Dashboard - Left Menu Issue Fix - 8/5/2019 */
.end-userdashboard-body .menuWithTextLeft .compact_nav {
    position: absolute;
}

.end-userdashboard-body a.nav-exp-col {
    width: 58px;
}

.end-userdashboard-body .nav-exp-col-icon {
    margin-top: 25px;
    margin-left: 19px;
}
/* Top-Menu dropdown Re-Skin - 14/5/2019 */
#notification-dropdown .ui-accordion-header, .ui-accordion-header.ui-state-hover, #inactiveuserlist-dropdown .ui-accordion-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

#notification-dropdown.dropdown-menu li a i.fa-angle-right, #inactiveuserlist-dropdown.dropdown-menu li a i.fa-angle-right {
    display: none;
}

#notification-dropdown.dropdown-menu .ui-accordion-header, #notification-dropdown.dropdown-menu ui-accordion-header.ui-state-hover,
#inactiveuserlist-dropdown.dropdown-menu .ui-accordion-header, #inactiveuserlist-dropdown.dropdown-menu ui-accordion-header.ui-state-hover {
    background: none;
}

#notification-dropdown.ui-accordion .ui-accordion-header, notification-dropdown.ui-accordion .ui-accordion-header.ui-state-hover,
#inactiveuserlist-dropdown.ui-accordion .ui-accordion-header {
    border: none;
    background: none;
}

    #notification-dropdown.ui-accordion .ui-accordion-header.ui-state-focus, #notification-dropdown.ui-accordion .ui-accordion-header.ui-state-hover,
    #inactiveuserlist-dropdown.ui-accordion .ui-accordion-header.ui-state-focus, #inactiveuserlist-dropdown.ui-accordion .ui-accordion-header.ui-state-hover {
        background: #F5F6F7;
        border: none !important;
    }

#notification-dropdown.ui-accordion .ui-state-default, #notification-dropdown.ui-accordion .ui-widget-content .ui-state-default, #notification-dropdown.ui-accordion .ui-widget-header .ui-state-default,
#inactiveuserlist-dropdown.ui-accordion .ui-state-default, #inactiveuserlist-dropdown.ui-accordion .ui-widget-content .ui-state-default, #inactiveuserlist-dropdown.ui-accordion .ui-widget-header .ui-state-default,
{
    border: none;
    background: none;
    color: #777;
}

#notification-dropdown.ui-accordion .ui-widget-content, #inactiveuserlist-dropdown.ui-accordion .ui-widget-content {
    border: none !important;
}

#notification-dropdown, #inactiveuserlist-dropdown {
    border-radius: 4px;
    padding: 20px 30px 30px;
}

    #notification-dropdown .dd-header, #inactiveuserlist-dropdown .dd-header {
        font-family: Open Sans;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        padding: 0 0 12px 0;
        border-bottom: 1px solid #D0D3D8;
        margin: 0 0 10px 0;
    }

.navbar-top-links .profile.dropdown > ul:before {
    right: 32px;
}

#notification-dropdown .grp-heading h3, #inactiveuserlist-dropdown .grp-heading h3 {
    color: #0975B3;
    background: #fff;
    border: none !important;
    font-size: 13px;
}

#notification-dropdown a.aligning-menutabs, #inactiveuserlist-dropdown a.aligning-menutabs {
    padding: 0;
}

#notification-dropdown .ui-icon-triangle-1-e:before, #inactiveuserlist-dropdown .ui-icon-triangle-1-e:before {
    content: "\f078";
    color: #0975B3 !important;
}

#notification-dropdown .ui-icon-triangle-1-s:before, #inactiveuserlist-dropdown .ui-icon-triangle-1-s:before {
    content: "\f077";
    color: #0975B3 !important;
}

#notification-dropdown .grp-heading:last-child {
    border-bottom: 1px solid #D0D3D8;
    padding: 0 0 15px 0;
    margin: 0 0 5px 0;
}

.dropdown-menu li a span {
    color: #888 !important;
    font-size: 13px;
}

.dropdown-menu li a:hover span {
    color: #333 !important;
    font-size: 13px;
}

.highlight-label h4 span {
    /*color: #474C51;*/
    color: #1E252C; /*color contrast*/
    font-weight: normal;
}

#SPA_btndynamicscript .dynamic-scripting-icon:before,
#BodyContentPlaceHolder_btndynamicscript .dynamic-scripting-icon:before {
    color: inherit;
}
/**Enduser dashboard issue*/
.end-userdashboard-body .menuWithTextLeft .compact_nav {
    position: absolute !important;
}

#alerts-dropdown li a span {
    color: #7c7c7c !important;
}

.adv-dash-catalogs-bx-cont .content {
    max-height: 173px;
    overflow: auto;
}

/** Legend border radious Set **/
.legendBorderRadius .legend-item {
    border-radius: 4px;
}

.assignedtome-icon:before {
    content: "\e9f3";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    color: #7c7c7c;
    font-size: 20px;
    line-height: 1.2em;
    cursor: pointer;
}

.tile .Cancelled.tile-footer > span > label, .tile .Cancelled.tile-footer .fa-tasks:before {
    color: #fff;
}

.tile .tile-header .attachment-icon {
    position: absolute;
    top: 50px;
    right: 6px;
}
/**SR Tile view Last Updated user tooltip*/
.tile-icons .InctIcon.fa.fa-recycle + .tooltip.fade.bottom.in {
    z-index: 10000 !important;
}

.bootbox-confirm .modal-footer button {
    padding: 4px 20px 4px 20px;
}

.updated-by-analyst-icon:before {
    content: "\e9cd";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: orange;
    font-size: 16px;
    margin-left: 1px;
}

.izenda-rpts {
    padding-left: 0px !important;
    padding-top: 5px;
}

    .izenda-rpts > li > a {
        width: 100%;
        display: inline-block;
        padding-left: 20px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .izenda-rpts > li > a:hover, .izenda-rpts > li > a:focus {
            color: #262626 !important;
            text-decoration: none !important;
            background-color: #f5f5f5 !important;
        }

.icon-access:before {
    content: "\e9c1";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.contractcategroy-role-mapping:before {
    content: "\ea06";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}

.user-mapping-icon:before {
    content: "\ea07";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 40%;
}
/* 26/09/2019 */
.discard-icon:before {
    content: "\ea04";
    font-family: icomoon;
}

.save-icon:before {
    content: "\ea05";
    font-family: icomoon;
}

.save-discard-btn, .sub-cancel-btn {
    float: right;
}

.save-discard-btn {
    border-right: 1px solid #ddd;
    margin: 0 8px 0 0;
    padding: 0 10px 0 0;
}

    .save-discard-btn .save-discard {
        background: #fff;
        color: #026cfe;
        outline: none;
        border: none;
        padding: 6px 8px;
    }

        .save-discard-btn .save-discard:hover {
            color: #0252bf !important;
        }

.save-icon:before {
    color: #4bd065;
    font-size: 18px;
}

.discard-icon:before {
    color: #ff7c7a;
    font-size: 18px;
}

/****Grouping Of tenants changes*/
.instance-list-wrap select.tenantWithGroup {
    padding: 30px;
    padding-top: 0px;
    position: relative;
    width: 250px;
}

.instance-list-wrap select option {
    padding: 8px 0 8px 8px;
    left: -8px;
    /*margin: 0 0 0 -8px;*/
}

/*.instance-list-wrap select option {
        width: 105%;
    }*/

.instance-list-wrap select optgroup {
    padding: 8px 8px 0 8px;
    background: #f5f6f8;
    margin: 0 0 5px 0;
    width: 100%;
}

    .instance-list-wrap select optgroup:hover {
        cursor: pointer;
    }

    .instance-list-wrap select optgroup:before {
        position: absolute;
        left: 1px;
        width: 122%;
        height: 20px;
    }

    .instance-list-wrap select optgroup:before {
        content: "";
        background-image: url("../images/Plus.png");
        background-repeat: no-repeat;
        transition-delay: 0.2s;
        background-position: 0px 0px;
    }

.instance-list-wrap select .optplus:before {
    content: "";
    background-image: url("../images/Minus.png");
    background-repeat: no-repeat;
    transition-delay: 0.2s;
}

.instance-list-wrap select optgroup option::before, .instance-list-wrap select optgroup option::after {
    content: '';
    left: 10px;
    border-color: #CCC;
    border-style: solid;
    width: 19px;
    position: absolute;
    transition: height 0.2s;
}

.instance-list-wrap select optgroup option::before {
    border-width: 0 0 2px 2px;
    margin: -11px 0 0 0;
    height: calc(3.0% + -6px);
}

.instance-list-wrap select optgroup option::after {
    border-width: 0 0 0 2px;
    margin: 0px 0 0 0;
    height: calc(4% + 6px);
}

.instance-list-wrap select optgroup:last-of-type option:last-of-type::after {
    border: none;
}

.instance-list-wrap select optgroup option {
    background: #fafafa;
    display: block;
}

    .instance-list-wrap select optgroup option:nth-child(odd) {
        background: #fff;
    }

.instance-list-wrap select option:first-child {
    margin: 0;
}

.instance-list-wrap select optgroup option:first-child {
    margin: 6px 0 0 -8px;
}

.instance-list-wrap select .optplus {
    padding: 8px 8px 6px 8px;
    transition-delay: 0.2s;
}

@-moz-document url-prefix() {
    .instance-list-wrap select optgroup:before {
        content: revert !important;
        position: relative;
        left: -38px;
    }

    .instance-list-wrap select optgroup:before, .instance-list-wrap select .optplus:before {
        padding-left: 40px;
        font-style: normal;
    }
    /*.instance-list-wrap select optgroup option::before, .instance-list-wrap select optgroup option::after {
        left: 10px;
    }*/
    /*bug fix of 109633*/
    .instance-list-wrap select optgroup option::before, .instance-list-wrap select optgroup option::after {
        left: -20px;
        height: 25px !important;
        position: absolute;
        top: 6px;
    }

    .instance-list-wrap select optgroup:last-of-type option:last-of-type::after {
        border: solid;
        border-width: 0 0 0 2px;
        border-color: #ccc;
        height: 12px;
    }

    .instance-list-wrap select optgroup option {
        position: relative !important;
        overflow: visible !important;
    }
    /*bug fix of 109633*/

    /*bug fix of 111534*/
    .instance-list-wrap select {
        height: 78vh !important;
        overflow: auto;
    }
    .instance-list-wrap {
        overflow: visible;
    }
    .noGroupWrapper .instance-list-wrap {
        overflow: inherit;
    }
    /*bug fix of 111534*/

    .instance-list-wrap select optgroup option::before {
        margin: -14px 0 0 0;
        height: calc(3% + -1px);
    }
}

.instance-list-wrap select.tenantWithGroup option {
    font-weight: bold;
}

.instance-list-wrap select optgroup option {
    width: 110%;
    font-weight: normal;
}

.instance-list-wrap select.tenantWithGroup {
    padding: 4px 0 0 30px;
}

.instance-list-wrap select optgroup:before {
    width: 98%;
}

.instance-list-wrap select optgroup {
    padding: 12px 8px 0 8px;
}

.instance-list-wrap select .optplus {
    padding: 12px 8px 6px 8px;
}

.instance-list-wrap select optgroup option {
    width: 107%;
    margin: 0 0 0 -8px;
}

/*bug fix of 137150*/
.instance-list-wrap select {
    height: 78vh !important;
    overflow: auto;
}

.instance-list-wrap {
    overflow: visible;
}

.noGroupWrapper .instance-list-wrap {
    overflow: inherit;
}
/*bug fix of 137150*/

    .instance-list-wrap select optgroup option::before {
        margin: -13px 0 0 0;
        height: calc(4% + -6px);
    }

#dvWorkgroups #BodyContentPlaceHolder_lstModules {
    padding-left: 0px;
}

.instance-list-wrap select.noGroup {
    transition-delay: 0.2s;
    padding-left: 0px;
}

    .instance-list-wrap select.noGroup option {
        font-weight: normal;
    }


/*For Allocation Report icon*/
.report-icon:before {
    content: "\e922";
    font-family: icomoon;
    position: absolute;
    top: 6px;
    font-size: 20px;
    color: #7c7c7c;
    text-decoration: none;
    left: 40px;
}

.down-arrow-icon:before {
    content: "\ea08";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #979FA9;
    font-size: 8px;
    cursor: pointer;
}

/*Pwd Mgmt start*/
.divQuesReq {
    border: 1px solid rgb(222, 222, 222);
    padding: 8px;
    line-height: 1.5em;
    border-radius: 4px;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    margin: 0 0 21px 0;
}

.circleLabel a:hover {
    text-decoration: none;
}
/**To disable circle***/
.disable-circle-animation .mainCircleContainer {
    z-index: -1 !important;
}

.mainCircleContainer a {
    text-decoration: none;
    color: #555555;
}

.tdPwdPolicy {
    /*position: absolute;*/
    border: 1px solid rgb(222, 222, 222);
    padding: 6px;
    line-height: 1.5em;
    border-radius: 4px;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    top: 119px;
    right: 23px;
    margin-top: 10px;
}

.tdResetPolicy {
    position: absolute;
    border: 1px solid rgb(222, 222, 222);
    padding: 6px;
    line-height: 1.5em;
    border-radius: 4px;
    background-color: rgb(238, 238, 238);
    color: rgb(102, 102, 102);
    top: -15px;
    right: 16px;
    margin-top: 10px;
}

.passwordRow > div:nth-child(2) input[type="text"],
.passwordRow > div:nth-child(2) input[type="password"],
.passwordRow > div:nth-child(2) .select2-container,
.passwordRow .form-control {
    width: 200px !important;
}

.QndARow > div:nth-child(2) {
    width: calc(100% - 65px);
}

.QndARow > div:first-child {
    width: 50px !important;
}

.tdResetPolicy {
    position: static;
    width: 460px;
}

.otp-pad-left {
    padding-left: 0%;
}

#main-circle-menu {
    position: absolute;
    top: 110px;
    right: 1261px;
}

.mainCircleContainer {
    width: 190px;
    height: 190px;
    position: absolute;
}

@media only screen and (min-width: 880px) and (max-width: 1215px) {
    .tdResetPolicy {
        position: static;
    }

    #main-circle-menu {
        right: 1158px !important;
    }
}

@media only screen and (max-width: 1024px) {
    #main-circle-menu {
        right: 996px !important;
    }
}

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

    .rightBoxAutoPosition {
        /*position: absolute;*/
        right: 0;
        top: 0;
        float: right;
        margin-top: -136px;
    }
}
/*Pwd Mgmt End*/
.menuWithTextDown .compact_nav {
    width: 74px;
}
/*****IE Specific Media Query*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .instance-list-wrap select.tenantWithGroup {
        padding-left: 0px !important;
    }
}

.class-KMD {
    display: none;
}

.class-card-KMD {
    min-height: 100px !important;
}

/** Legend border radious Set **/
.legendBorderRadius .legend-item {
    border-radius: 4px;
}

/* 27/01/2020 Filter Panel Wrapping Row*/
.sticky-filters-wrap .row {
    margin-bottom: 5px;
}

.noGroupWrapper .instance-list-wrap {
    overflow-y: scroll;
    overflow-x: hidden;
}

.dashboard-tabs ul {
    padding-left: 10px;
    margin-left: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

    .dashboard-tabs ul li {
        display: inline;
        background: rgba(222, 222, 222, 0.73);
    }

.dashboard-tabs li {
    padding: 10px;
    margin-right: 2px;
    min-width: 142px;
    float: left;
    text-align: center;
}

#sideLinks ul li {
    margin-bottom: 4px;
}

.gv-top-count-widget {
    display: flex;
    padding-top: 0px;
    padding-bottom: 10px;
    position: relative;
}

    .gv-top-count-widget .green label {
        color: #017E7E;
    }

    .gv-top-count-widget .violet label {
        color: #3F0EDE;
    }

    .gv-top-count-widget .pink label {
        color: #BB039E;
    }

    .gv-top-count-widget .default-blue label {
        color: #004A99;
    }

    .gv-top-count-widget .bblue label {
        color: #01718F;
    }

    .gv-top-count-widget .viola label {
        color: #7200A6;
    }

    .gv-top-count-widget .green a {
        color: #017E7E;
    }

    .gv-top-count-widget .violet a {
        color: #3F0EDE;
    }

    .gv-top-count-widget .pink a {
        color: #BB039E;
    }

    .gv-top-count-widget .default-blue a {
        color: #004A99;
    }

    .gv-top-count-widget .bblue a {
        color: #01718F;
    }

    .gv-top-count-widget .viola a {
        color: #7200A6;
    }

    .gv-top-count-widget .col-md-2 {
        box-shadow: 0px 1px 3px rgba(0,0,0, 0.24);
        margin-right: 10px;
        flex: 1;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: #fff;
    }

        .gv-top-count-widget .col-md-2.last {
            margin-right: 0px;
        }

    .gv-top-count-widget .item-count {
        font-size: 16px !important;
        font-weight: bold;
    }

.filter-container {
    border: 1px solid #ebecef;
    padding: 0;
    float: left;
    width: 100%;
    background-color: #fff;
}

.filters-row {
    padding: 5px 0px;
    float: left;
    width: 95%;
    padding-left: 15px;
}

.view-selection .fa-sliders {
    color: #6999e1;
}

.lbl-view {
    padding-top: 3px;
    padding-left: 0px;
}

#ddViewsMenu {
    width: 85%;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 5px 10px;
    position: relative;
}

    #ddViewsMenu .arrow-container {
        height: 28px;
        position: absolute;
        right: 0;
        border-left: 1px solid #ccc;
        top: 0;
        padding: 4px 12px;
    }

.ddMenuItems {
    width: 100%;
    min-width: 400px;
    max-height: 350px;
    overflow-y: auto;
}

    .ddMenuItems li a {
        color: #262626;
        text-decoration: none;
        padding: 10px 15px;
        float: left;
    }

    .ddMenuItems li span.dd-actions {
        padding: 10px 15px 8px 0px;
        display: none;
        font-size: 12px;
    }

    .ddMenuItems li:hover span.dd-actions, .ddMenuItems li:focus span.dd-actions {
        display: block;
    }

.dropdown-menu .search-option {
    margin-left: 5px !important;
    margin-right: 5px;
    width: 96%;
}

.ddMenuItems li {
    position: relative;
    margin: 2px 0;
    float: left;
    width: 100%;
}

.dd-actions {
    float: right;
}

.ddMenuItems .setdefault {
    padding: 0 6px;
    color: #007fee;
    font-size: 11px;
    cursor: pointer;
}

.ddMenuItems .fa-pencil {
    color: #007fee;
    padding: 0 5px;
    font-weight: bold;
    font-size: 14px;
}

.ddMenuItems .remove-icon:before {
    content: "\e970";
    font-family: icomoon;
    font-size: 14px;
    color: #fe3535;
    padding: 0 5px;
    font-weight: bold;
}

.ddMenuItems .defaultView {
    float: right;
    padding: 11px 15px;
    color: #51a352;
    font-size: 11px;
    cursor: pointer;
}

.ddMenuItems > li > a:hover {
    background: none;
}

.ddMenuItems li:hover {
    background: #f5f5f5;
}

.open > #ddViewsMenu {
    background-color: #ffffff;
}

.ddMenuItems .input-group {
    position: relative;
    width: 97%;
}

    .ddMenuItems .input-group .search-option {
        width: 100%;
    }

    .ddMenuItems .input-group .fa-search {
        position: absolute;
        right: 8px;
        top: 8px;
    }

.ddMenuItems li.active {
    background: #f5f5f5;
}

.ddMenuItems > .active > a {
    color: #262626 !important;
    text-decoration: none;
    background: none !important;
}

.ddView .fa-undo {
    font-size: 21px;
    vertical-align: middle;
    margin-left: 5px;
    color: #6999e1;
}

.view-selection.row {
    margin: 0px !important;
    background-color: #f2f4fa;
    padding-top: 12px;
    padding-bottom: 5px;
}


.gv-top-count-widget .filter-icon:before, .showHideSecondaryFilter .filter-icon:before {
    font-size: 12px;
}


.query-filter .filter-icon {
    width: auto;
}

.filter-container .fa.fa-bars, .filter-container .fa.fa-th {
    font-size: 20px;
}

.query-filter {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.filters-table thead tr td {
    padding-top: 0px;
    font-weight: 600;
    padding-bottom: 0px;
    border: none !important;
}

.table.filters-table tr td {
    border-top: none !important;
    border: none !important;
}

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

.addfiltersrow {
    font-size: 25px;
    color: #73bf46;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 0em;
    font-weight: normal;
}

.ibtnDel {
    font-size: 25px;
    color: #bd362f;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    margin-left: 0px;
    line-height: 0em;
}

.filtersTable .fa {
    display: inline;
}

.filters-table .select2-container {
    width: 100%;
}

.query-filter .configure-columns-icon:before {
    color: #0975b3 !important;
    position: static;
}

.config-col-lbl {
    color: #0975b3;
    font-size: 13px;
    font-weight: normal;
    border-radius: 0px;
    padding-right: 15px;
}

.filters-edit-view {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}

    .filters-edit-view h3 {
        margin: 10px 0;
        font-family: Open Sans;
        padding: 0;
        font-size: 16px;
        border-bottom: 1px solid rgb(227, 229, 231);
        padding-bottom: 5px;
        font-weight: 600;
    }

    .filters-edit-view .popover-title {
        margin: 0;
        padding: 10px;
    }

.chk-default-view > input {
    margin-right: 10px;
}

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

.tag-chip {
    padding: 0;
}

.configure-col-btns > .btn {
    border-radius: 0;
    padding: 2px 6px !important;
}

.columns-container {
}

    .columns-container .list-group {
        width: 100%;
        min-height: 360px;
    }

    .columns-container .input-group {
        width: 100%;
        margin-bottom: 20px;
    }

        .columns-container .input-group .fa-search {
            position: absolute;
            right: 10px;
            top: 8px;
        }

    .columns-container h4 {
        font-size: 16px;
    }

.handle {
    cursor: grab;
}

.list-group .list-group-item {
    border: none !important;
    cursor: move;
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
}

.bs-accordion .collapsed .accordion-arrow, .bs-accordion .accordion-arrow, .query-filter .accordion-arrow {
    background: #6999e1;
    padding: 0px 4px;
    float: right;
    line-height: 1.6em;
    height: 21px;
}

    .bs-accordion .collapsed .accordion-arrow:before, .query-filter .collapsed .accordion-arrow:before {
        content: "\f107";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 22px;
    }

    .bs-accordion .accordion-arrow:before, .query-filter .accordion-arrow:before {
        content: "\f106";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #fff;
        font-size: 22px;
    }


.tag-chip .popover-title {
    color: #000;
    font-size: 20px;
}

.tag-chip .popover-header button.close {
    top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 36px;
    line-height: 0em;
}

.selectwithCal + span.select2-container {
    width: calc(100% - 35px) !important;
}

.filters-table .ui-datepicker-trigger {
    background: none;
    border: 1px solid #ccc;
    background: #fff;
    height: 30px;
    margin-left: 1px;
    margin-top: 0px;
    width: 33px;
    border-radius: 3px;
    vertical-align: middle;
}

    .filters-table .ui-datepicker-trigger:before {
        top: 5px;
        left: 4px;
        font-size: 14px;
    }

.scroll_tabs_container div.scroll_tab_inner li a img {
    height: auto;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    width: auto;
    max-width: 30px;
    max-height: 25px;
}

.search-content .nav-tabs li {
    padding: 0px 10px;
}

    .search-content .nav-tabs li span {
        margin: 0;
        display: inline;
    }

    .search-content .nav-tabs li a {
        display: inline-block;
        color: #2d2d2d !important;
    }

    .search-content .nav-tabs li.active {
        border-bottom: 2px solid #5078b3;
    }

.search-all-icon:before {
    content: "\ea13";
    color: #5b4fad !important;
    font-family: icomoon;
}

.searchBoxContainer, .searchBoxContainer input[type="text"] {
    border-radius: 5px !important;
}

.search-content {
    margin-top: -4px !important;
    width: 100% !important;
    border-top: 1px solid #dcdcdc;
}

    .search-content .nav-tabs {
        margin-left: 10px;
    }

.search-content {
    border-radius: 0px 0px 5px 5px;
}
/*  Deadline Criteria Config.*/
.deadlineCriteria-icon:before {
    content: "\ea09";
    font-family: icomoon;
    position: absolute;
    top: 6px;
    font-size: 20px;
    color: #7c7c7c;
    text-decoration: none;
    left: 35%;
}

.priority-name {
    float: left;
    display: inline;
}

.priority-colour {
    display: inline;
    height: 15px;
    width: 5px;
    float: left;
}

.nicEdit-main img {
    max-width: 100%;
    max-height: 100%;
}

.srdetail .tab-wrapper {
    margin-left: 0px;
}

.srdetail .page-title-width {
    width: 39%;
}

.mstGV .btn-group .fa-eye {
    color: #7c7c7c
}

.recipientList-icon:before {
    content: "\ea10";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.8em;
}

.addRow-icon:before {
    content: "\ea18";
    color: #73bf46;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
}

.remove-icon:before {
    content: "\ea19";    
    color: #f55b5b;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
}

.no-tab-icon:before {
    content: "\ea0f";
    font-family: icomoon;
    color: #6e98d1;
    position: absolute;
    font-size: 30px;
    left: 35%;
    line-height: 1em;
}

/*.newadvanceDashboard .main-Body {
        max-width: 100%;
        overflow: hidden;
        height: 500px !important;
        overflow-x: hidden;
    }*/

.search-content {
    max-height: 300px !important;
    overflow-y: hidden;
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1600px) {
    .search-content .tab-content {
        overflow-y: scroll;
        overflow-x: auto;
        height: 168px;
    }
}

#searchTips {
    position: absolute;
    right: -34px;
    background: #1079e9;
    height: 25px;
    width: 25px;
    border-radius: 27px;
    border: 1px solid #fff;
    font-style: italic;
    text-align: center;
    line-height: 1.5em;
    font-size: 17px;
    font-weight: normal;
    top: 6px;
}

.info-i-icon:before {
    content: "\ea1a";
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

.popover.search-popover.fade.bottom.in {
    /*max-width: 900px !important;*/
    /*width: 400px !important;*/
}

.popover-content {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.slider-wrap-ci {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 22px;
}

.slider-nav-ci {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #6e98d0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    z-index: 4;
    top: 0px;
    color: #fff;
    text-align: center;
}

#slider-left-ci {
    left: 0px;
}

#slider-right-ci {
    right: 0px;
}

.tile-container .Cancelled .fa-eye {
    /*color: #fff*/
}

.tile-container .Resolved {
    background: #85D63C;
}

    .tile-container .Cancelled .incident-evaluation-icon:before, .tile-container .Resolved .incident-evaluation-icon:before {
        font-size: 20px;
        /*line-height: 0em;*/
    }

    .tile-container .Cancelled .incident-evaluation-icon, .tile-container .Resolved.tile-footer .incident-evaluation-icon {
        background: transparent;
    }

.tile-container .incident-evaluation-icon:before {
    line-height: 1.2em;
}


/*Css by Affan - Start*/
.fixedConfiguredColumn {
    color: #474c51; /*color contarst issue in wcag*/
    cursor: not-allowed !important;
    background-color: #eee;
}

.list-group-item i {
    padding-right: 5px;
}

#divEditView ~ ul > li.ui-state-focus {
    position: relative !important;
    margin: 0px !important;
    padding: 5px 0px 5px 3px !important;
}

.view-selection .fa-sliders:before {
    content: "\ea0e" !important;
    font-family: icomoon;
    font-size: 18px;
    position: absolute;
    left: 15px;
    top: 2px;
}

.query-filter .configure-columns-icon:before {
    font-size: 21px;
    vertical-align: middle;
}

.list-group-box {
    height: 300px;
    overflow-y: auto;
    border: 1px dotted #ddd;
}

.drag-icon:before {
    content: "\ea1b";
    color: #888989;
    font-size: 12px;
    font-family: icomoon;
    margin-right: 5px;
}

.filterMultiSearch .select2-container-multi .select2-choices {
    max-height: 75px;
    overflow-y: auto;
}

.showHideFilter {
    background-color: #f2f4fa;
    position: relative;
    top: 0;
    height: 100%;
    padding: 5px;
}

.dateBetweenClass {
    width: 100%;
}

    .dateBetweenClass .input-group:first-child {
        margin-right: 45px;
    }

        .dateBetweenClass .input-group:first-child:after {
            content: "and";
            position: absolute;
            font-size: 12px;
            top: 9px;
            padding-left: 10px;
        }

    .dateBetweenClass .input-group {
        float: left;
        width: 44%;
    }

#divEditView .dateBetweenClass .input-group {
    width: 43.5%;
}

.filters-table .ui-datepicker-trigger::before {
    color: rgb(85, 85, 85);
}

.itemBetween {
    width: 100%;
    float: left;
}

    .itemBetween .form-control {
        float: left;
        width: 44%;
    }

    .itemBetween span {
        float: left;
        margin: 0 11px;
        margin-top: 10px;
        font-size: 12px;
    }

#divEditView .itemBetween .form-control {
    width: 43.5%;
}

#divEditView .selectwithCal {
    width: calc(100% - 35px) !important;
}

.newTileIcon {
    color: #6999e1;
}

    .newTileIcon:before {
        content: "\ea1e";
        font-family: icomoon;
        font-size: 12px;
        color: #fff;
    }

.newGridIcon:before {
    content: "\ea1c";
    font-family: icomoon;
    font-size: 12px;
    color: #fff;
}

.newTileIcon .active {
    background: #6999e1;
}

.newGridIcon .active {
    background: #6999e1;
}

.notePadding {
    padding-right: 5px;
}

.divNewViewIcons {
    background-color: grey;
    margin-top: -8px;
}

.gv-container .divNewViewIcons a.active {
    background-color: #6999e1 !important;
}

.divNewViewIcons a {
    padding: 2px 7px;
    border-radius: 0px;
    margin: 0px;
    border: none;
    float: left;
}

.gv-top-count-widget label {
    line-height: 1.3em;
    font-weight: 400;
}

.table.filters-table tbody tr td:first-child {
    font-weight: normal;
}

.margin-right-20px {
    margin-right: 20px !important;
}

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

.filters-edit-view .accordion-arrow {
    line-height: 1.2em;
}

.fullTextSearchInstructions .rcorners1 {
    border-radius: 5px;
    background: #73AD21;
    padding: 5px;
    width: 15%;
    height: 90px;
    text-align: center;
    /*line-height:20px;*/
    text-decoration-color: #F3F3F3;
    /*vertical-align:middle;*/
    font: bold;
    display: table;
}

.fullTextSearchInstructions .rcorners2 {
    border-radius: 5px;
    background: #F3F3F3;
    padding: 5px;
    padding-left: 15px;
    width: 82%;
    height: auto !important;
    text-align: left;
    word-break: break-word;
    padding: 5px !important;
}

.fullTextSearchInstructions .rcorners1text {
    color: black;
    font-size: inherit;
    font-weight: bold;
    padding: 0px;
    word-break: break-word;
    vertical-align: middle;
    display: table-cell;
}

.fullTextSearchInstructions .rcorners2text {
    font-size: smaller;
    word-break: break-word;
    vertical-align: middle;
    line-height: 2px;
}

.fullTextSearchInstructions .texthighlight {
    font-size: smaller;
    word-break: break-word;
    vertical-align: middle;
    font-weight: bold;
    color: #1ba1eb;
}

.fullTextSearchInstructions .fontbold {
    font-weight: bold;
    font-size: smaller;
}

.fullTextSearchInstructions mark {
    padding: 0;
    background-color: yellow;
}

.add-new-change-record:before {
    content: "\e903";
    font-family: icomoon;
    font-size: 25px;
    color: #474c51;
    font-size: 36px;
    left: 20%;
    line-height: 1em;
}

.add-new-change-record:hover {
    text-decoration: none !important;
}

.actions .add-new-change-record:before {
    position: absolute;
}

#divFilterCollapse {
    border-top: 1px solid rgb(235, 236, 239);
}

.lbRefreshInterval {
    border: none;
    padding-left: 0;
    padding-right: 20px;
    color: #474c51;
    opacity: 1 !important;
}

.zeroBorderRadius {
    border-radius: 0;
}
/*Css by Affan - End*/
/*BRU Info Icon Begin*/
.infoIconOnListPage {
    padding: 0 10px;
    right: -34px;
    background: #1079e9;
    height: 25px;
    width: 25px !important;
    border-radius: 27px;
    border: 1px solid #fff;
    font-style: italic;
    text-align: center;
    line-height: 1.5em;
    font-size: 17px;
    font-weight: normal;
    top: 6px;
    margin-left: 10px;
    vertical-align: middle;
}

.ListviewInfoClose {
    height: 33px;
    font-size: 20px !important;
    font-weight: normal !important;
    position: absolute;
    right: 0;
    opacity: 4 !important;
    border-color: inherit;
}

/*BRU Info Icon End*/

/*Symptom and Description to be shown on mouse over on IM\SR\CR list pages*/
.DescSymTooltip + .tooltip > .tooltip-inner .tootltip-description {
    width: 300px;
    font-size: 12px;
}

/*CSS for Evaluator Icons*/
.notifyEvaluaton-icon:before {
    content: "\ea1f";
}

.revokeEvaluation-icon:before {
    content: "\ea20";
}

/*Tenant Jump issue*/
body[class^="Chrome"] .instance-list-wrap select {
    height: 78vh !important;
    overflow: auto;
}

body[class^="Chrome"] .instance-list-wrap {
    overflow: visible;
}

body[class^="Chrome"] .noGroupWrapper .instance-list-wrap {
    overflow: inherit;
}

.TileViewController .tile-wrapper article.tile .New.tile-footer span.incident-evaluation-icon, .tile-container .incident-evaluation-icon {
    background-color: transparent !important;
}

.multiselect-container.dropdown-menu {
    padding: 0px !important;
    margin-top: -2px !important;
}

/*drawer classes */
.drawer.drawer-closed {
    width: 500px;
    height: 520px;
    background-color: #fff;
    right: -500px;
    float: right;
    box-shadow: 0px 0px 5px #7f7f7f;
}

.drawer {
    width: 500px;
    height: 520px;
    background-color: #fff;
    right: 0px;
    float: right;
    box-shadow: 0px 0px 5px #7f7f7f;
    position: fixed;
    top: 160px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    z-index: 100;
}

#drawerOpener {
    position: absolute;
    right: 405px;
    top: 70px;
    display: inline-table;
    transform: rotate(90deg);
    transform-origin: left top 0;
    font-size: 14px;
}

    #drawerOpener .handle {
        padding: 5px 10px;
        text-align: center;
        height: 30px;
        /*box-shadow: 1px 1px 5px #7f7f7f;*/
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        color: #fff;
        /*background-color: #6782a9;*/
        background-color: #55687F; /*added for color contrast issue*/
        cursor: pointer;
    }

    #drawerOpener.text-rotate {
        transform: rotate(-180deg);
        font-weight: bold;
    }

#filtersTable.collapse.in {
    display: table !important;
}

tbody#collapseFilters tr td:last-child {
    vertical-align: middle;
}

#tblViewFilters tr td:last-child {
    vertical-align: middle;
}

#filtersTenant tr td:last-child {
    vertical-align: middle;
}

#filtersTenantView tr td:last-child {
    vertical-align: middle;
}
/*.navbar-top-links li {
    display: inline-block !important;
}*/
#user-holder {
    display: none !important;
}

.minicolors-theme-default .minicolors-input.form-control {
    padding-left: 31px !important;
}
/* Analyst Online Status css */

.UserStatus .set-time-icon {
    cursor: pointer;
}
.set-time-icon:before {
    content: "\ea28";
    float: right;
    line-height: 2.4em;
    padding-right: 2px;
    font-size: 18px;
    font-family: icomoon;
    font-style: normal;
}


.dropdownStatus.Do.not.disturb:before {
    content: "\ea24" !important;
    color: #910b0b;
    font-family: icomoon;
    font-style: normal;
    font-size: 12px;
}

.profile.dropdown-toggle.Do.not.disturb:before {
    content: "\ea24" !important;
    color: #910b0b;
    font-family: icomoon;
    font-style: normal;
    font-size: 12px;
}


.dropdownStatus.Available {
    display: inline-block;
    color: #1ad111;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 0px;
    left: 6px;
}

.dropdownStatus.Busy {
    display: inline-block;
    color: #910B0B;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 0px;
    left: 6px;
}

.dropdownStatus.Do.not.disturb {
    display: inline-block;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 0px;
    left: 6px;
} 

.dropdownStatus.Away {
    display: inline-block;
    color: #ffa500;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 0px;
    left: 6px;
}

.msgGV .Available {
    display: inline-block;
    color: #1ad111;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 2px;
    left: 0px;
}

.msgGV .Busy {
    display: inline-block;
    color: #910B0B;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 2px;
    left: 0px;
}

.msgGV .Do.not.disturb {
    display: inline-block;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    top: 3px;
    left: 0px;
}

.msgGV .Do.not.disturb:before {
    content: "\ea24" !important;
    color: #910b0b;
    font-family: icomoon;
    font-style: normal;
    font-size: 12px;
}
.msgGV .Away {
    display: inline-block;
    color: #ffa500;
    font-size: small;
    cursor: pointer;
    margin-left: 3%;
    position: relative;
    /*top: 2px;
    left: 0px;*/
}

.msgGV.Offline:before {
    margin-left: 12px;
    display: inline-block;
    color: #7d7e7d;
    font-size: smaller;
    cursor: pointer;
    position: absolute !important;
    left: 47px;
    top: 9px;
}

li#liAnalystStatus i[class^="Away"]:before {
    display: inline-block;
    color: #ffa500;
    font-size: small;
    cursor: pointer;
    margin-left: 40%;
    position: relative;
    top: 2px;
    left: 0px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .profile.dropdown-toggle.fa-circle.Available:before {
        margin-left: 100px !important;
        display: inline-block;
        color: #1ad111;
        font-size: small;
        cursor: pointer;
        position: absolute !important;
        left: 47px;
        top: 9px;
    }

    .profile.dropdown-toggle.fa-circle.Busy:before {
        margin-left: 48px !important;
        display: inline-block;
        color: #910B0B;
        font-size: small;
        cursor: pointer;
        position: absolute !important;
        left: 47px;
        top: 9px;
    }

    .profile.dropdown-toggle.fa-circle.Do.not.disturb:before {
        margin-left: 10px !important;
        display: inline-block;
        font-size: small;
        cursor: pointer;
        position: absolute !important;
        left: 47px;
        top: 9px;
    }

    .profile.dropdown-toggle.fa-circle.Away:before {
        margin-left: 48px !important;
        display: inline-block;
        color: #ffa500;
        font-size: small;
        cursor: pointer;
        position: absolute !important;
        left: 47px;
        top: 9px;
    }

    .profile.dropdown-toggle.fa-circle.Offline:before {
        margin-left: 12px;
        display: inline-block;
        color: #7d7e7d;
        font-size: smaller;
        cursor: pointer;
        position: absolute !important;
        left: 47px;
        top: 9px;
    }
}

mark {
    padding: 0;
    background-color: yellow;
}

#divTimepopup {
    display: none;
    position: fixed !important;
    top: 40% !important;
    left: 72.5% !important;
    margin-left: -155px;
    margin-top: -110px;
    border: 5px #000000;
    background-color: #FFFFFF;
    padding: 0;
    z-index: 102;
    font-size: 10pt;
    border-radius: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 20px;
    font-weight: bold;
    border: 1px solid #00000030;
    border-width: thin;
    width: 254px;
    min-width: 200px;
    height: auto;
    box-shadow: -2px 1px 6px 2px #989898;
    margin-left: -350px;
}

    #divTimepopup.close {
        position: absolute;
        top: 0;
        right: 0;
        transition: all 200ms;
        font-size: 30px;
        text-decoration: none;
        color: #333;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -1px;
        /*padding-left: 10px;
        padding-right: 10px;*/
    }

#divFromTime {
    color: #B20B0B !important;
    font-weight: 600;
    font-size: 12px !important;
    padding-top: 5px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 15px;
}

#divToTime {
    color: #B20B0B !important;
    font-weight: 600;
    font-size: 12px !important;
    padding-top: 5px;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-left: 15px;
}

.profile.dropdown-toggle.fa-circle.Available:before {
    margin-left: 10px !important;
    display: inline-block;
    color: #1ad111;
    font-size: small;
    cursor: pointer;
    position: absolute !important;
}

.profile.dropdown-toggle.fa-circle.Busy:before {
    margin-left: 10px !important;
    display: inline-block;
    color: #910B0B;
    font-size: small;
    cursor: pointer;
    position: absolute !important;
}

.profile.dropdown-toggle.fa-circle.Away:before {
    margin-left: 10px !important;
    display: inline-block;
    color: #ffa500;
    font-size: small;
    cursor: pointer;
    position: absolute !important;
}

.profile.dropdown-toggle.fa-circle.Do.not.disturb:before {
    margin-left: 10px !important;
    display: inline-block;
    font-size: small;
    cursor: pointer;
    position: absolute !important;
}

.profile.dropdown-toggle.fa-circle[class^=Away] {
    margin-left: 12px;
    display: inline-block;
    color: #7d7e7d;
    font-size: smaller;
    cursor: pointer;
    position: absolute !important;
}

.popover-head .closeSetTime {
    background-color: #e0e0e0;
    color: #000;
    font-size: 28px;
    font-weight: normal;
    line-height: 0;
    opacity: 0.2;
    padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 20px;
    position: absolute;
    right: 1px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    top: 0;
    vertical-align: middle;
    width: 50px;
}

.profile .dropdown-menu li:hover {
    background-color: #f5f5f5;
}

.select2width {
    width: 75px !important;
}
/* used this for revoke-reconciliation icon  */
.revoke-reconciliation-icon:before {
    content: "\ea29";
    font-family: icomoon;
    font-size: 20px;
    color: #000000;
    position: absolute;
    font-size: 30px;
    left: 31%;
    padding-top: 5px;
    line-height: 1em;
}

.fivewhyaccordion .panel.panel-default, .bsaccordion .panel.panel-default {
    border: 2px solid #a3b8d6 !important;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}

.fivewhyaccordion .panel-default .panel-heading, .bsaccordion .panel-default .panel-heading {
    background-color: #e3eeff !important;
    border-bottom: none;
    position: relative;
}

    .fivewhyaccordion .panel-default .panel-heading .panel-title, .bsaccordion .panel-default .panel-heading .panel-title {
        font-size: 15px !important;
        font-weight: 600;
        color: #414142;
        padding-top: 15px;
        padding-bottom: 15px;
        text-transform: uppercase;
        padding-left: 0px;
        padding-right: 0px;
    }

.fivewhyaccordion .fa {
    position: absolute;
    right: 20px;
    top: 14px;
    border: 1px solid #a2a9b2;
    padding: 3px;
    border-radius: 4px;
    background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 4px;
}

    .fivewhyaccordion .fa:before {
        font-weight: normal;
        color: #a2a9b2;
        font-size: 12px;
    }

.fivewhyaccordion .panel-body, .bsaccordion .panel-body {
    padding: 20px;
}

.fivewhyaccordion input[type=text] {
    border: 1px solid #b4b4b4;
    width: 500px;
    margin-bottom: 12px;
    min-width: 382px;
    margin-right: 8px;
    padding-left: 61px !important;
}

.fivewhyaccordion div .addRow-icon {
    display: none;
}

.fivewhyaccordion div:last-child > .addRow-icon {
    display: inline-block;
}

.fivewhyaccordion div {
    position: relative;
}

.lblFiveY {
    background-color: #729757;
    color: #1E252C;
    padding: 7px 12px;
    position: absolute;
    top: 0px;
}

.fivewhyaccordion div:first-child > input {
    padding-left: 5px !important;
}

.fivewhyaccordion .panel-title .remove-icon {
    position: absolute;
    right: 54px;
    top: 13px;
}

    .fivewhyaccordion .panel-title .remove-icon:before {
        font-size: 20px;
    }

.ancAddProbleStatement {
    position: absolute;
    right: 0px;
    top: -54px;
    font-size: 14px;
    color: #316198;
}

.addRow-icon.ancAddProbleStatement:before {
    margin-right: 5px;
    line-height: 1em;
}

#BodyContentPlaceHolder_divBind5WhyRemediation .panel-body {
    background-color: #f3f3f3;
}

.cause-form {
    border: 1px solid #e6e6e6;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

    .cause-form .input-group {
        width: 100%;
    }

.simple-tab-wrapper .simple-tab {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 3000px;
    margin-top: 0;
}

.addRow-icon:hover, .addRow-icon:focus {
    text-decoration: none;
}

.lbl-number_userdasbord {
    color: #316198;
}

.InputsWrapperLastDiv div:last-child .lblFiveY {
    background-color: #a01d23;
}

.InputsWrapperLastDiv div:last-child input[type=text] {
    border: 1px solid #a01d23;
    background-color: #f9c3c6 !important;
    font-weight: bold;
}

.cause-form .input-group-btn .btn.btn-default {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.cause-form .bootstrap-filestyle .fa-upload {
    font-size: 14px;
}

.cause-form .input-group-btn .fa-search:before {
    font-size: 12px;
    line-height: 1em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    .fivewhyaccordion input[type=text] {
        width: 375px;
        min-width: 375px;
    }

    .fivewhyaccordion .panel-body, .bsaccordion .panel-body {
        overflow: auto;
    }

    .fivewhyaccordion div {
        white-space: nowrap;
    }
}
/*********Communication History Pop up Start*/
.communication-history-head {
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-left: 0px;
}

.spop-up-content {
    margin-left: 35px;
}

.comm-pop-filter {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    float: left;
    width: 100%;
}

.tables-container {
    background-color: #f3f3f3;
    clear: both;
    padding: 0;
}

    .tables-container .table-bordered > thead > tr > th, .tables-container .table-bordered > tbody > tr > th, .tables-container .table-bordered > tfoot > tr > th, .tables-container .table-bordered > thead > tr > td, .tables-container .table-bordered > tbody > tr > td, .tables-container .table-bordered > tfoot > tr > td {
        border: none;
    }

    .tables-container table {
        background: #fff;
    }

    .tables-container .table tr:first-child td:first-child {
        font-weight: bold;
    }

    .tables-container table tr td {
        white-space: normal;
        word-break: break-word;
    }

    .tables-container table:nth-of-type(odd), .tables-container table:nth-of-type(odd) tbody > tr:nth-child(odd) > td {
        background: #e7f1ff;
    }

    .tables-container .table {
        position: relative;
    }

        .tables-container .table .toggle-icon {
            position: absolute;
            right: 20px;
        }

.comm-pop-filter .row-action {
    display: inline-block;
    cursor: pointer;
    float: right;
}

    .comm-pop-filter .row-action:before {
        content: "\ea2b";
        font-family: icomoon;
        font-size: 25px;
        color: #333333;
    }

    .comm-pop-filter .row-action.expand-all:before {
        content: "\ea2a";
    }

.comm-pop-filter .sort-history {
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    float: right;
}

    .comm-pop-filter .sort-history:before {
        content: "\ea2c";
        font-family: icomoon;
        font-size: 25px;
        color: #333333;
    }

    .comm-pop-filter .sort-history.sort-desc:before {
        content: "\ea2d" !important;
    }

.comm-pop-filter .right-actions {
    float: left;
    margin-right: 12px;
    width: 99%;
    margin-top: 10px;
}

.comm-pop-filter #txtsearch {
    width: 21vw;
    display: inline-block;
}

.tables-container .nodata {
    padding: 10px 0;
}
/*********Communication History Pop up End*/


.add-new-icon, .show-list-icon, .delete-icon, .Knowledge-Approval-icon, .Knowledge-Record-History-icon, .Knowledge-Feedback-icon, .copy-records-icon, .Knowledge-Authorize-icon, .push-report-icon-img, .Knowledge-Review-icon, .user-incident-history-icon, .reconciliation-user-icon, .accept-icon, .send-mail-icon, .close-icon, .checklist-icon, .agreement-detail-icon, .Configuration-item-icon, .create-workorder-icon, .service_catalog-icon, .alert-action-icon, .configuration-detail-icon, .EditCatalog, .ImportConfiguration, .configureAnalyst-icon, .configureWorkgroup-icon, .configureLogIncidentPage-icon, .addMenuConfiguration-icon, .addOtherConfiguration-icon, .Formbuilder-maintenance-icon, .userMapping-icon {
    background: none;
    height: auto;
    padding-top: 3px;
}


    .add-new-icon span, .show-list-icon span, .delete-icon span, .Knowledge-Approval-icon span, .Knowledge-Record-History-icon span, .Knowledge-Feedback-icon span, .copy-records-icon span, .Knowledge-Authorize-icon span, .push-report-icon-img span, .Knowledge-Review-icon span, .user-incident-history-icon span, .reconciliation-user-icon span, .accept-icon span, .send-mail-icon span, .close-icon span, .checklist-icon span, .agreement-detail-icon span, .create-workorder-icon span, .service_catalog-icon span, .alert-action-icon span, .configuration-detail-icon span, .EditCatalog span, .ImportConfiguration span, .configureAnalyst-icon span, .configureWorkgroup-icon span, .configureLogIncidentPage-icon span, .addMenuConfiguration-icon span, .addOtherConfiguration-icon span, .Formbuilder-maintenance-icon span, .userMapping-icon span {
        padding-top: 4px !important;
        padding-bottom: 4px !important;
    }

    .add-new-icon:before {
        content: "\f055";
        font-family: FontAwesome;
        font-size: 23px;
        color: #7c7c7c;
    }

    .show-list-icon:before {
        content: "\e9b7";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .delete-icon:before {
        content: "\ea19";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .Knowledge-Approval-icon:before {
        content: "\e951";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .Knowledge-Record-History-icon:before {
        content: "\e697";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .Knowledge-Feedback-icon:before {
        content: "\f123";
        font-family: FontAwesome;
        font-size: 23px;
        color: #7c7c7c;
    }

    .copy-records-icon:before {
        content: "\e9f4";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .Knowledge-Authorize-icon:before {
        content: "\e98e";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .push-report-icon-img:before {
        content: "\e905";
        font-family: icomoon;
        font-size: 28px;
        color: #7c7c7c;
    }

    .Knowledge-Review-icon:before {
        content: "\e972";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

    .user-incident-history-icon:before {
        content: "\e697";
        font-family: icomoon;
        font-size: 23px;
        color: #7c7c7c;
    }

.actions > a.reconciliation-user-icon:before {
    content: "\e912";
    font-family: icomoon;
    font-size: 28px;
    color: #7c7c7c;
    background: none !important;
}

.accept-icon:before {
    content: "\e627";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.send-mail-icon:before {
    content: "\e949";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.close-icon:before {
    content: "\e6cd";
    font-family: icomoon;
    font-size: 30px;
    color: #7c7c7c;
}

.checklist-icon:before {
    content: "\e9c7";
    font-family: icomoon;
    font-size: 30px;
    line-height: 1em;
    color: #6e98d0;
}

.agreement-detail-icon:before {
    content: "\e6a4";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.Configuration-item-icon:before {
    content: "\ea0d";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.create-workorder-icon:before {
    content: "\ea32";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.service_catalog-icon:before {
    content: "\ea31";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.alert-action-icon:before {
    content: "\ea2f";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.configuration-detail-icon:before {
    content: "\ea30";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.btnAddKB:before {
    content: "\ea2e";
    font-family: icomoon;
    font-size: 26px;
    color: #7d7e7e;
    margin-right: 15px;
}

.fivewhyaccordion .InputsWrapper > div span:before {
    /*background-image: url(../Images/connector.png);*/
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: -10px;
    top: -13px;
    width: 10px;
    height: 30px;
    border-left: 2px solid green;
    border-bottom: 2px solid green;
}

.fivewhyaccordion .InputsWrapperLastDiv > div span:before {
    /*background-image: url(../Images/connector.png);*/
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: -13px;
    top: -13px;
    width: 20px;
    height: 33px;
}

.EditCatalog:before {
    content: "\e972";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

/* added css code for JSM bug :- 79657 to increase the size of custom dropdown */
.EProc_ADM_RaisePurchaseRequest_CustomAttr {
    width: 100%;
}

.ImportConfiguration:before {
    content: "\ea33";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.ddlPagination div.align-left {
    width: 72px !important;
}

.mstGV tr th a, .mstGV tr th {
    color: #1E252C !important; /*color contrast*/
}

.fivewhyaccordion .panel-title > a.accordion-toggle::before, .fivewhyaccordion a[data-toggle="collapse"]::before, .fivewhyRemediationaccordion .panel-title > a.accordion-toggle::before, .fivewhyRemediationaccordion a[data-toggle="collapse"]::before,
.bsaccordion .panel-title > a.accordion-toggle::before,
.bsaccordion a[data-toggle="collapse"]::before,
.bsaccordion .panel-title > a.accordion-toggle::before,
.bsaccordion a[data-toggle="collapse"]::before {
    content: "\f106";
    float: right;
    font-family: FontAwesome;
    font-size: 21px;
    color: #a7adb6;
    border: 1px solid #a7adb6;
    background-color: #fff;
    padding: 2px 6px;
    line-height: 1em;
    border-radius: 4px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.fivewhyaccordion .panel-title > a.accordion-toggle.collapsed::before, .fivewhyaccordion a.collapsed[data-toggle="collapse"]::before, .fivewhyRemediationaccordion .panel-title > a.accordion-toggle.collapsed::before, .fivewhyRemediationaccordion a.collapsed[data-toggle="collapse"]::before,
.bsaccordion .panel-title > a.accordion-toggle.collapsed::before, .bsaccordion a.collapsed[data-toggle="collapse"]::before, .bsaccordion .panel-title > a.accordion-toggle.collapsed::before, .bsaccordion a.collapsed[data-toggle="collapse"]::before {
    content: "\f107";
    font-size: 21px;
}

.fivewhyaccordion .fa.fa-trash, .fivewhyRemediationaccordion .fa.fa-trash,
.bsaccordion .fa.fa-trash {
    position: absolute;
    right: 56px;
    top: 12px;
    border: 1px solid #f55b5b;
    padding: 4px 6px !important;
    border-radius: 4px;
    background-color: #fff;
}

    .fivewhyaccordion .fa.fa-trash:before, .fivewhyRemediationaccordion .fa.fa-trash:before, .bsaccordion .fa.fa-trash:before {
        color: #f55b5b;
        font-size: 16px;
    }

.bsaccordion .panel-title .fa.fa-lg.fa-pencil:before {
    cursor: pointer;
    position: absolute;
    float: right;
    right: 100px;
    top: 12px;
    border: 1px solid #a1a1a1;
    padding: 5px;
    border-radius: 4px;
    background-color: #fff;
    color: #7c7c7c;
    font-size: 18px;
}

.configureAnalyst-icon:before {
    content: "\ea36";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.configureWorkgroup-icon:before {
    content: "\ea38";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.configureLogIncidentPage-icon:before {
    content: "\ea37";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.addMenuConfiguration-icon:before {
    content: "\ea34";
    font-family: icomoon;
    font-size: 21px;
    color: #7c7c7c;
}

.addOtherConfiguration-icon:before {
    content: "\ea35";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.info-log-icon:before {
    content: "\ea39";
    font-family: icomoon;
    color: #6e98d1;
    font-size: 28px;
    line-height: 1em;
}

.relationship-icon:before {
    content: "\ea3a";
    font-family: icomoon;
    color: #6e98d1;
    font-size: 25px;
    line-height: 1em;
}

.tile-container article section .indicator {
    height: 12px;
    margin-left: 0;
    position: static;
    width: 12px;
    border-radius: 12px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
}

.mstGV .priority-colour {
    display: table-cell;
    height: 12px;
    width: 12px;
    float: left;
    border-radius: 12px;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: middle;
}

.mstGV .priority-name {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.d-table {
    display: table;
}

h4.highlight-label-queue.Not-Started {
    background: #E4DDF2;
}

h4.highlight-label-queue.Error {
    background: #F8B3C0;
}

.Formbuilder-maintenance-icon:before {
    content: "\ea3b";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.userMapping-icon:before {
    content: "\ea3c";
    font-family: icomoon;
    font-size: 25px;
    color: #474C51;
}

/*for bug id 81187*/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.select2-chklistTask + span.select2 {
    width: 87% !important;
}

.list-marquee.ng-binding ol li,
.list-marquee.ng-binding ul li {
    display: list-item;
    text-align: match-parent;
    margin-right: 30px;
}

.list-marquee.ng-binding ol li {
    list-style-type: decimal;
}

.list-marquee.ng-binding ul li {
    list-style-type: disc;
}


#imgHeaderLogo {
    border: 0;
}

#imgProfile {
    width: 40px;
    height: 40px;
    border: 0;
}

.profile-icon #imgProfile {
    font-size: 10px;
    line-height: 1.2;
}

/*a:focus, button:focus, input[type=submit]:focus, .btn.btn-primary:focus, input[type=checkbox]:focus {
    outline: 1px dotted #316198 !important;
}*/

*:focus {
    outline: 1px dotted #316198 !important;
}

select option:focus,
select option:active,
select option:checked {
    background: #d8ebf3 linear-gradient(0deg,#d8ebf3 0%,#d8ebf3 100%) !important;
}

.additionalmsgInfo {
    width: 100%;
    float: left;
    position: static;
}

.dis_dashboard_icon:before {
    content: "\ea3d";
    font-family: icomoon;
    font-size: 15px;
    vertical-align: baseline;
    color: #333;
    margin-right: 8px;
}

.gv-container .pagination > li > a, .gv-container .pagination > li > span, .spagination-row .pagination li a {
    border: 1px solid #D0D3D8;
    border-top: 1px solid #D0D3D8 !important;
    border-bottom: 1px solid #D0D3D8 !important
}

/*Business Rules Start */

.group-icon {
    background: url("../Images/Group_Rows.PNG") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.unGroup-icon {
    background: url("../Images/Ungroup_Rows.PNG") no-repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    cursor: pointer;
    height: 24px;
    width: 24px;
}

.conditionGroup {
    background-color: #FFF5D2;
    border-left: 1px solid #CCCCCC !important;
    width: 1px;
}

.conditionGroup-Start {
    border-top: 1px solid #CCCCCC !important;
    background-color: #FFF5D2;
    border-left: 1px solid #CCCCCC !important;
    width: 1px;
}

.conditionGroup-End {
    border-bottom: 1px solid #CCCCCC !important;
    background-color: #FFF5D2;
    border-left: 1px solid #CCCCCC !important;
    width: 1px;
}

.enableConditionGroup {
    pointer-events: auto;
    cursor: pointer;
}

.disableConditionGroup {
    pointer-events: none;
    cursor: none;
}

.table.filters-table tr td.conditionGroup {
    border-left: 3px solid #CCCCCC !important;
}

.table.filters-table tr td.conditionGroup-Start {
    border-left: 3px solid #CCCCCC !important;
    border-top: 3px solid #CCCCCC !important;
}

.table.filters-table tr td.conditionGroup-End {
    border-left: 3px solid #CCCCCC !important;
    border-bottom: 3px solid #CCCCCC !important;
}

.table.filters-table tr td.chkboxOverride {
    text-align: center;
    vertical-align: middle;
}

/****Notification Template*/
#notificationAccordion a.SMS:before {
    content: "\ea3f";
    font-family: icomoon;
    color: #474747;
    font-size: 14px;
    line-height: 1em;
    margin-right: 5px;
}

#notificationAccordion a.Email:before {
    content: "\ea3e";
    font-family: icomoon;
    color: #474747;
    font-size: 14px;
    line-height: 1em;
    margin-right: 5px;
}

.grid-edit-btn {
    position: relative;
    float: right;
    margin-top: 7px;
    margin-right: 7px;
}


#BodyContentPlaceHolder_gvMasterList .count-lbl {
    margin-left: 10px;
    margin-top: 6px;
    float: left;
}

.edit-btn-plain {
    border: none;
    background-color: transparent;
    width: 28px;
    position: absolute;
    height: 25px;
    padding-left: 0;
    padding: 0;
}


.grid-edit-btn:after {
    content: "\f040";
    font-family: FontAwesome;
    font-size: 18px;
    color: #474747;
}

.filters-table > thead > tr > td, .filters-table tr td {
    padding: 6px !important;
}

.br-condition-container .dateBetweenClass .input-group {
    width: 44.7%;
}

.custom-input-group {
    position: relative;
}

    .custom-input-group .addRow-icon {
        position: absolute;
        top: 2px;
        right: 5px;
    }

.tab-wrapper .AM:before {
    content: "\e90b";
    font-family: icomoon;
    font-size: 25px;
    left: -8px;
    position: absolute;
    top: 6px;
}
/****Notification Template*/

.brfilters-table tr td, .brfilters-table > thead > tr > td {
    padding: 3px !important;
}

.breventLogs-icon:before {
    content: "\ea40";    
    font-family: icomoon;
    font-size: 22px;
    color: #474C51 !important;
    position: absolute;
    left: 33%;
    line-height: 1em;
}

.grpIsMoreLessControls span.select2 {
    width: 20% !important;
    float: left;
    margin: 0 3px;
}

.grpIsMoreLessControls input {
    width: 15% !important;
    float: left;
    margin: 0px 3px 0px 0px;
}


.grpIsMoreLessControls span.select2:last-child {
    width: 40.9% !important;
    float: left;
    margin: 0px 0px 0px 3px;
}

.autoClosingDays span.select2 {
    width: 69% !important;
    float: left;    
}

.autoClosingDays input {
    width: 30% !important;
    float: left;
    margin: 0px 3px 0px 0px;
}

.autoClosingDaysHistory span.select2 {
    width: 69% !important;
    float: left;
}

.autoClosingDaysHistory input {
    width: 29% !important;
    float: left;
    margin: 0px 3px 0px 0px;
}

.closureCodeMapping span.select2 {
    width: 50% !important;
    float: left;
}

.closureCodeMapping input {
    margin-left: 10px;
    float: left;
}

.scheduler-icon-green:before {
    content: "\e946";
    color: #1F8020;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
}

.scheduler-icon-red:before {
    content: "\e946";
    color: #f55b5b;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
}

.scheduler-icon-green-list:before {
    content: "\e946";
    color: #1F8020;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
    float: right;
}

.scheduler-icon-red-list:before {
    content: "\e946";
    color: #f55b5b;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
    float: right;
}

.scheduler-icon-green-list, .scheduler-icon-red-list {
    float: right;
}

.conditionInfo {
    width: 50%;
    display: block;
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid #dedede;
    border-radius: 10px;
}

.schedulerMessage {
    border-radius: 3px;
    font-weight: 600;
    margin-top: 9px;
    padding: 7px 15px;
    width: auto;
    border: 1px solid #FFF6D7;
    background-color: #FFF9E7;
    color: #474C51;
}

.triggerVerticalAlign {
    display: inline;
    vertical-align: middle;
}

.closure-code-info-icon:before {
    content: "\ea1a";
    color: #f55b5b;
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
    margin-left: 10px;
}

.info-pos-closure-code {    
    right: -18px;
    top: -4px;
    font-size: 14px;
    padding: 5px 10px;
    color: #666;
}

/*Business Rules End */
.customcollapsd, .customcollapsu {
    position: relative;
}

    .customcollapsu:after {
        content: "\f078";
        color: #0975B3 !important;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-indent: 0 !important;
        position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
    }

    .customcollapsd:after {
        content: "\f077";
        color: #0975B3 !important;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        text-indent: 0 !important;
        position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
    }

.Notification-msg-display {
    border-radius: 3px;
    font-weight: 600;
    margin-bottom: 9px;
    margin-top: 9px;
    padding: 7px 15px;
    width: auto;
    border: 1px solid #FFF6D7;
    background-color: #FFF9E7;
    color: #474C51;
}

/***List Page Enhancement**/
.gv-top-count-widget {
    width: 94%;
}

.refresh-view-icon:before {
    content: "";
    font-family: icomoon;
    font-size: 21px;
    color: #6999e1;
    position: absolute;
    left: 8px;
}

.tag-chip .fa-times-circle {
    font-size: 16px;
    color: #000;
    margin-left: 10px;
    vertical-align: middle;
}

.tag-chip li a {
    color: #000;
}

.tag-chip li {
    list-style-type: none;
    padding: 0;
    float: left;
    background-color: #B4BAC3;
    padding: 6px 10px;
    border-radius: 3px;
    /*color: #62666b;*/
    color: #000; /* color contarst*/
    font-size: 12px;
    margin: 5px;
    margin-top: 0px;
    margin-bottom: 6px;
}

.showHideFilterContent {
    position: relative;
    border: 1px solid #0975B3;
    min-height: 27px;
    border-radius: 5px;
    padding: 5px;
    background-color: #fff;
    height: auto;
}

.gv-top-count-widget .filter-icon, .showHideSecondaryFilter .filter-icon {
    padding-left: 4px;
    padding-top: 0px;
}

    .showHideSecondaryFilter .filter-icon .tagit-label {
        padding-left: 4px;
        color: #0C74B2;
        text-transform: uppercase;
    }

.showHideFilter .accordion-arrow:before, .showHideSecondaryFilter .accordion-arrow:before {
    content: "\f106";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6999e1;
    font-size: 20px;
    position: absolute;
    top: 0px;
    right: 8px;
}

.showHideFilter .accordion-arrow, .showHideSecondaryFilter .accordion-arrow {
    padding: 0 4px;
    float: right;
    /* line-height: 1.6em; */
    height: 21px;
}

.showHideFilter .collapsed .accordion-arrow:before, .showHideSecondaryFilter .collapsed .accordion-arrow:before {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #6999e1;
    font-size: 20px;
}

.showHideSecondaryFilter {
    /*background-color: #f2f4fa;
    position: absolute;
    right: 6px;
    top: 0;
    height: 100%;
    padding: 5px;*/
    min-width: 100px;
    position: absolute;
    right: 12px;
}

    .query-filter .filter-icon:before, .gv-top-count-widget .filter-icon:before, .showHideSecondaryFilter .filter-icon:before {
        color: #0C74B2 !important;
        content: "\ea0a";
    }

#divDeployType + .breadcrumb + #page-wrapper {
    display: block !important;
    clear: both;
}

.lbl-view {
    float: left;
    margin-right: 15px;
    font-family: "Open Sans Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600 !important;
}

#BodyContentPlaceHolder_lblFilters {
    margin-top: 28px;
}

.filter-btn-container {
    border-top: 1px solid #E4E5E5;
    clear: both;
    padding: 15px;
    display: block;
    float: left;
    width: 100%;
}

    .filter-btn-container .btn-primary {
        margin-left: 0px;
    }

#divViewAllWorkgroupTicket {
    padding-left: 15px;
    margin-top: 8px;
}

    #divViewAllWorkgroupTicket input[type=checkbox] {
        margin-right: 10px;
    }

.divConfigColumn {
    position: absolute;
    width: 18%;
    max-width: 209px;
    right: 0px;
    text-align: right;
}

#filtersTenant {
    margin-bottom: 0px;
}

.table.filters-table tr td {
    padding: 2px 8px;
}

.mstGV tr:last-child .pagination {
    position: sticky;
    right: 0px;
}
/***List Page Enhancement**/
.legend-attribute {
    float: right;
    margin-right: 3px;
    padding: 8px;
    background-color: #FFF6D7;
    margin-top: 6px;
}

td.whitespace {
    white-space: pre;
}

#pointsUBR li {
    clear: both;
}

.restore-icon:before {
    content: "\e6fe";
    font-family: icomoon;
    font-size: 28px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.5em;
}

.attachment-panel span {
    display: inline-block;
    margin-top: 5px;
    float: left;
}

.attachment-panel a:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.attachment-panel a {
    display: block;
    clear: both;
    margin-top: 10px;
    border-top: 1px solid #e4e5e5;
    padding-top: 8px;
}

.attachment-panel{
    height:auto;
}


.inactive-userlist-icon:before {
    content: "\ea42";
    font-family: icomoon;
    font-size: 30px;
    color: inherit;
    position: absolute;
    left: 35%;
    line-height: 1em;
}

.incidentlist-icon:before {
    content: "\ea43";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 30px;
    left: 35%;
    
}

.policyList-icon:before {
    content: "\ea44";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 27px;
    left: 35%;
}
#li_InactiveUserList .dropdown-menu li a {
    color: #888;
}

#li_InactiveUserList .dropdown-notification li a {
    padding-left: 0px !important;
}

#li_InactiveUserList .aligning-menudivs.non-Editable {
    color: #b8b5b5
}

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

h4.highlight-label-queue.LicenseExpired {
    background: #f37890;
}

h4.highlight-label-queue.DataInconsistent {
    background: #f3c175;
}

/*application settings page*/
.application_dropdown_container_parent {
    min-height: 40px;
}
.menu_heading a {
    padding: 10px 15px;
    display: block;
}
.open_menu {
    background: #e8f0fe !important;
    color: #1a73e8 !important;
    border-radius: 0px 20px 20px 0px;
}

.application_dropdown_menu.active {
    background-color: transparent;
}

.application_dropdown_container_parent .active {
    border-left: #1a73e8 2px solid;
    margin-left: -2px;
    background-color: transparent !important;
}

.listStyle .active {
    outline: 0 !important;
    background: #e8f0fe;
    text-decoration: none;
    color: #1a73e8 !important;
    display: block;
    border-radius: 0px 20px 20px 0px;
}

    .listStyle .active a {
        color: #0975b3 !important;
    }

.application_dropdown_container {
    display: none;
    padding-left: 0px;
    border-left: 2px solid #ddd;
}

    .application_dropdown_container a {
        display: block;
        transition: 0.3s;
        padding-left: 10px;
    }

.application_arrow .fa-caret-down, .application_arrow .fa-caret-up {
    float: right;
    padding: 4px 8px 4px 0px;
}

.tabs_left {
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    position: sticky;
    position: -webkit-sticky;
    top: 50px;
}

.listStyle a {
    color: #1e252c;
}

.listStyle {
    color: #1e252c !important;
    padding: 0px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 0;
    overflow-y: auto;
    position: absolute;
    display: contents;
    right: 0;
    top: 0;
    -webkit-transition: bottom 200ms cubic-bezier(0.4,0,0.2,1);
    transition: bottom 200ms cubic-bezier(0.4,0,0.2,1);
}

    .listStyle li {
        display: block;
    }

.menu_heading {
    font-size: 14px;
    cursor: pointer;
}
.application_sub_menu {
    border-color: #5078b3;
    right: 0;
    top: -4px;
    bottom: 0;
    display: none;
    min-width: 100px;
    position: relative;
    z-index: 2;
    left: 1px;
    background: #fff;
    border: solid 1px #5078b3;
    box-shadow: 2px 2px 2px #ccc;
    padding: 10px;
    background: #fff;
    left: 50px;
    margin-right: 50px;
}

.down_arrow {
    float: right;
    position: absolute;
    right: 10px;
    top: 14px;
}

.application_submit {
    width: 100%;
    clear: both;
    padding: 20px 36px;
    border-top: 1px solid #d0d3d8;
    position: sticky;
    bottom: 0;
    background-color: #ffffffa8;
}

.search_box_application-setting {
    display: flex;
    padding: 6px 0;
    width: 50%;
    float: right;
}

.search_heading {
    color: #1e252c;
    padding: 6px;
    font-size: 14px;
}

.sticky-heading {
    z-index: 9;
    position: sticky;
    top: 0px;
    background-color: #ffffffa8;
}

.borderBottomClass {
    border-bottom: 1px solid #d0d3d8;
}

.app-pnl-body h3 {
    padding: 6px 0px;
}

/*New Knowledge Record*/
.nKnowRec_tab-wrapper {
    margin: 0 10px auto 20px !important;
}
#lnkVideoUrl {
    padding-bottom: 6px !important;
    padding-top: 5px !important;
}
.input-group .fa-video-camera:before {
    font-size: 17px;
}

.nicEdit-main {
    resize: vertical;
}
#ticketdetail .divCallerInfoDetail {
    padding: 10px 0px;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .SDEnewDash .owl-wrapper {
        width: 3540px;
    }
    /*New Incident*/
    .instance-list-wrap select {
        width: 210px;
    }
    .instance-list-wrap select.tenantWithGroup {
        width: 222px !important;
    }
    .instance-list-wrap select optgroup option {
        width: 104% !important;
    }

    .instance-list-wrap select .optplus {
        padding: 12px 0 0 8px;
    }

    /*Menu*/
    .menuWithTextDown .compact_nav > ul > li {
        padding: 0px 5px !important;
    }

    .menuWithTextDown .compact_nav > ul {
        width: 84px !important;
    }

    .menuWithTextDown .compact_nav > ul > li > ul {
        left: 85px;
    }
    .menuWithTextDown {
        width: 5.6%;
    }

}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    .SDEnewDash .owl-wrapper {
        width: 2930px;
    }

    .filter-lements span {
        font-size: 10px;
    }

    .dateBetweenClass .input-group:first-child {
        margin-right: 42px !important;
    }

    .itemBetween .form-control {
        width: 43.7% !important;
    }

    #BodyContentPlaceHolder_lblIstheChangeImplementedorRolledBack, #BodyContentPlaceHolder_lDowntimeReq,
    #BodyContentPlaceHolder_lblMajorIM, #BodyContentPlaceHolder_lblServiceWindow {
        white-space: normal !important;
    }

    .status-container ul li {
        min-width: 88px !important;
    }
}
/*.cm-ticket-detail .gv-container .action-container-wrpr .action-expand,
.im-ticket-detail .gv-container .action-container-wrpr .action-expand {
    z-index: 1052;
}*/
/*.cm-ticket-detail .select2-container .select2-dropdown {
    z-index: 1053 !important;
}*/
/*translated alignment fixes*/
.showHideSecondaryFilter .filter-icon {
    width: max-content;
    margin-right: 25px;
}
#incidentControllerid .lbl-view, #BodyContentPlaceHolder_lblViews {
    padding-right: 0px;
}
#BodyContentPlaceHolder_divSourceDisplay #BodyContentPlaceHolder_Label8, #BodyContentPlaceHolder_lblLoggedBy {
    width: fit-content;
}
#BodyContentPlaceHolder_lblViews, #BodyContentPlaceHolder_lblMajorIM, #BodyContentPlaceHolder_lblServiceWindow, #BodyContentPlaceHolder_lblCF_707,
#BodyContentPlaceHolder_lblFilters, #BodyContentPlaceHolder_lblIstheChangeImplementedorRolledBack, #BodyContentPlaceHolder_lblCaller {
    white-space: nowrap; 
}
.cm-ticket-detail .pt-attachment-icon:before {
    left: 25%;
}
#filter {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.instance-list-wrap select.noGroup option {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.instance-list-wrap select.tenantWithGroup option {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%;
}

#ticketdetail #divWorkflowAccordion .accord-header {
    margin: 0px;
}

.approvalOverlay {
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-size: 11pt;
    font-weight: lighter !important;
    background-color: #fff;
    padding: 10px;
    position: absolute;
    z-index: 90;
    margin-left: -2px !important;
    margin-top: -2px !important;
    opacity: 0;
}

.approvalOverlaySaveAction {
    z-index: 100 !important;
}

.proxy-tenant-mapping-icon:before {
    content: "\e957";
    font-family: icomoon;
    color: #7c7c7c;
    position: absolute;
    font-size: 25px;
    left: 35%;
}
.overrideApprovalOverlay {
    z-index: 91 !important;
}

.ComplianceMsg_Footer 
{
    display: block; 
    border-right-style: groove;
    border-left-style: groove;
    padding: 12px;
}

/*SLA tool tip on IM list pages*/
.SLATooltip + .tooltip > .tooltip-inner .tootltip-description {
    width: 50px;
    font-size: 12px;
}

.word-breakAlerts {
    word-break: break-word;
}
.re-run-icon:before {
    content: "\ea4b";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.testRun-icon:before {
    content: "\ea4c";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.viewTestRun-icon:before {
    content: "\ea4d";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.icon-Copy-Details:before {
    content: "\ea23";
    font-family: icomoon;
    font-size: 23px;
    color: #7c7c7c;
}

.fa-trash-o:before {
    content: "\f014";
    font-size: 24px;
    color: #f55b5b;
}
#Compliancemsg_icon_div {
    width: 60px;
    height: 60px;
    background-color: #78c5e7;
    border-radius: 50%;
    float: right;
    border: 1px solid #3BADD6;
    margin: 5px 16px;
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 2%;
}
.Compliancemsg_icon {
    color: #7c7c7c;
    background: transparent url(../images/compliancemsg_icon.svg) no-repeat;
    background-size: initial;
    background-position: center;
    width: 60px;
    height: 60px;
    position: absolute;
}

#Compliancemsg {
    width: 91.2%;
    min-height: 5%;
    background: #78c5e7;
    /* left: 4.8%; */
    /* margin: 1%; */
    top: 2%;
    position: absolute;
    z-index: 11;
}

.Compliancemsg-content .content {
    border-left: 1px solid #fff;
}

.Compliancemsg-content .close:hover {
    opacity: .8;
}

.Compliancemsg-content .left_icon {
    float: left;
    margin: 10px 16px;
    background: transparent url(../images/compliancemsg_icon.svg) no-repeat;
    width: 40px;
    height: 40px;
}

.pComplianceText {
    margin: 1px 0px 3px !important;
}
.delete_icon_compliance_msg {
    top: -3px;
    position: relative;
    left: 10px;
}

    .delete_icon_compliance_msg:before {
        content: "\f014";
        font-family: FontAwesome;
        font-size: 23px;
        color: #F55B5B;
    }

.Compliancemsg-content .close {
    position: relative;
    right: 10px;
    top: 10px;
    font-size: 18px;
}

#Compliancemsg_close:before {
    content: "\f056";
    font-family: FontAwesome;
    text-shadow: 0 0 black;
}
.compliance-msg-add {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.workflow-heading .clear-screen-icon {
    left: 2%;
}
.workflow-heading .workflowfilter_rtl {
    left: 4%;
}
.workflow-heading .workflowfilter_Properties {
    right: 45%;
}
.msgInfo_div {
    width: 72%;
    left: 52px;
    top: 10px;
}

.modal-bodydiv {
    height: 30vh;
    overflow-y: auto;
}

.icon-Delink:before {
    content: "\ea4f";
    color: #5a5757;
    font-family: icomoon;
    font-size: 15px;
}

.global-edit-icon:before {
    content: "\ea4f";
    color: #5a5757;
    font-family: icomoon;
    font-size: 15px;
}

.icon-AddNote:before {
    content: "\ea50";
    font-family: icomoon;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
    display: inline;
    line-height: 1.2em;
}
.black {
    color: black !important;
}
.Bookasset-icon:before {
    content: "\ea53";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}
.Reuseasset-icon:before {
    content: "\ea55";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}
.Cancel-icon:before {
    content: "\ea54";
    font-family: icomoon;
    font-size: 25px;
    color: #7c7c7c;
    position: absolute;
    left: 35%;
    line-height: 1.6em;
}
#notification-dropdown > .ui-accordion-content > .ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    display: none !important;
}