/* Start VG 4.0 Styles */
@font-face {
    font-family: 'SourceSansPro';
    src: url('../fonts/SourceSansPro-Regular.eot');
    src: local('☺'), url('../fonts/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/SourceSansPro-Regular.woff') format('woff'), url('../fonts/SourceSansPro-Regular.ttf') format('truetype'), url('../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: normal;
}

html {
    -webkit-font-smoothing: antialiased;
    font-size: 100%; 
    font: normal 1em 'SourceSansPro', sans-serif !important;
}

iframe html {
    overflow: auto !important;
}

body {
    font: inherit !important;
    font-size: 0.875rem !important;
    line-height: 1.538461538461538rem;
    font-family: inherit;
    overflow-x: hidden;
    font-weight: normal;
    margin: 0;
    background-color: #fff;
}

th,
td,
p,
a,
.form-control,
.login-submit-icon.btnn,
.login-reset-icon.btnn,
.popup-scroll-inner {
    font: inherit;
    line-height: 1.38rem;
    font-size: 0.875rem;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.days-duration a {
    font: inherit;
    font-size: 0.6875rem;
}

.top-menu-text {
    font-size: 0.8572rem;
}


.eyeicon-16 span a.viewIconSep {
    height: 15px;
    margin-bottom: -2px;
    background-position: -9px -5013px;
}

h1 {
    font-size: 1.5rem;
}

h2 {
    font-size: 1.2rem;
}

h3 {
    font-size: 1rem;
}

h4 {
    font: inherit;
}

h5 {
    font-size: 0.6875rem;
}

ul,
li {
    list-style: none;
}

th {
    font-weight: normal;
}

td {
    padding: 2px !important;
}

.tree.well.nicescroll {
    min-height: 500px;
}

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

a {
    color: #343D47 !important;
    text-decoration: underline;
}

#menu-toggle a {
    position: absolute;
    color: #fff !important;
    text-align: left;
    line-height: 32px !important;
    font-weight: normal !important;
    z-index: 99;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/***************** scrollbar start **************/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #cfd0d1;
}

::-webkit-scrollbar-thumb {
  background: #878483;
}

::-moz-selection {
  background: #878483;
  color: #fff;
}

::selection {
  background: #878483;
  color: #fff;
}

/***************** scrollbar end **************/

#sidebar-wrapper {
    position: fixed;
    /* top: 37px; */
    height: 100vh;
    float: left;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* background-color: rgb(21, 106, 161); */
    /* margin-top: 63px; */
    margin-top: 72px;
    border-top: 0px;
}

#maincontent.active {
    margin-left: 245px;
}

#wrapper.toggled #sidebar-wrapper {
    /* width: 100px; */
    /*width: 275px;*/
    float: left;
    /* box-shadow: 1px 0 5px 0 rgba(0, 0, 0, 0.5); */
    z-index: 99999 !important;
    /* background-color: #156aa1 !important; */
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    min-height: 60px;
    display: block;
    float: left;
}

.dynamic-grid td:first-child {
    padding: 0px !important;
}

.nopadding {
    padding: 0px !important;
}

.CR_status > div {
    display: block !important;
}

.height-80 {
    height: 80px;
}

.height-85 {
    height: 85px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -190px;
    background: #ffffff;
    height: 100vh;
}

.sidebar-collapse.active,
.sidebar-expand.active {
    display: block !important;
    float: left;
    /* width: 100%; */
    height: auto;
    /* position: relative; */
    /* background-color: #156aa1; */
}

.sidebar-collapse,
.sidebar-expand {
    display: none !important;
}

/*textarea {
    color: #444;
    padding: 5px;
    min-height: 35px;
    max-height: 120px;
}*/

.txtcontent {
    resize: none;
    overflow: auto;
}

.hiddendiv {
    display: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.common {
    width: 500px;
    min-height: 50px;
    font-family: inherit;
    overflow: hidden;
}

.lbr {
    line-height: 3px;
}


.sidebar-nav {
    position: absolute;
    top: 5px;
    width: 175px;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgb(21, 106, 161);
}


#divpre {
    display: none;
}


/******************  Vertical Menu Start ******************/
.sidebar-nav-collapsed {
    position: absolute;
    /* width: 100px; */
    top: 0px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 97vh !important;
    background-color: #156aa1 !important;
}

    .sidebar-nav-collapsed li a {
        display: block;
        text-decoration: none;
        color: #fff !important;
        text-align: center;
        padding: 12px 0px 6px;
        border-bottom: #7d7d7d solid 0px;
        font-style: normal;
        border-left: 5px solid transparent;
        background-color: rgb(21, 106, 161);
    }

    .sidebar-nav-collapsed a span {
        width: 95px;
        /* width: 100%;
    float: left; */
        display: block;
        text-align: center;
        margin-bottom: 0px;
        font-size: 1.8rem;
    }

    .sidebar-nav-collapsed li a:active,
    .sidebar-nav li a:focus {
        text-decoration: none;
    }

    .sidebar-nav-collapsed li a:hover {
        text-decoration: none;
         color: rgb(21, 106, 161) !important;
        opacity: 1;
        background-color: #ffffff !important;
    }

    .sidebar-nav-collapsed li a.active {
        background-color: white;
        color: rgb(21, 106, 161) !important;
        opacity: 1;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-color: transparent;
        border-left: 5px solid rgb(21, 106, 161);
    }

    .sidebar-nav-collapsed > li:first-child {
        /*border-top: #d0e1ec solid 1px;*/
    }

.menu-part > li {
    border-bottom: #d8d8d8 solid 1px;
    /* position: relative; */
}
/*
/* .sidebar-nav-collapsed li.admin a{
    width:100px;
} *
.menu-part > li:hover > a {
    background-color: white;
    color: rgb(21, 106, 161) !important;
    opacity: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 5px solid rgb(21, 106, 161);
} */
.submenu-part {
    display: none;
    position: fixed;
    background: #a4caf7 !important;
    left: 113px;
    top: 72px;
    bottom: 0;
    z-index: 9999999 !important;
    width: 175px;
    /* overflow: hidden; */
    height: 97vh !important;
    box-shadow: #ccc 1px 1px 2px;
}

    .submenu-part.active {
        display: block;
    }

    .submenu-part h4 {
        line-height: 33px;
        margin: 0;
        padding: 5px 0px;
        color: #000;
        border-top: #ccc solid 1px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 0.7px;
    }

    .submenu-part > h4 {
        /* position: static; 
    font-size: .8rem;
    background: #a4caf7 !important;*/
        width: 174px;
        z-index: 99999999 !important;
        position: relative;
    }

    .submenu-part h4 span {
        padding: 0px 5px;
    }

    .submenu-part ul,
    .submenu-part li {
        padding: 0;
        margin: 0 !important;
        width: 100% !important;
    }

    .submenu-part ul {
        max-height: 200px;
        overflow-y: auto;
    }

.menu-part > li:hover > a span.vconnect-sidebar-icon, .sidebar-nav-collapsed li a.active span.vconnect-sidebar-icon, .megamenu-holder #nav > li > a:hover span.vconnect-sidebar-icon, .megamenu_main_li.selected a span.vconnect-sidebar-icon {
    background: url(../Images/v-connect-icon-blue.png) no-repeat left center;
    display: block;
    width: 40px !important;
    height: 30px;
    background-size: contain;
    margin: 0 auto;
    float: none !important;
}

/******************  Vertical Menu End ******************/


.sidebar-nav li {
    text-indent: 9px;
    line-height: 34px;
    border-bottom: #d0e1ec solid 1px;
}

    .sidebar-nav li a {
        display: block;
        text-decoration: none;
        color: #fff;
        line-height: 30px;
    }

        .sidebar-nav li a:hover {
            text-decoration: none;
            color: rgb(21, 106, 161);
            background: #fff;
        }

        .sidebar-nav li a:active,
        .sidebar-nav li a:focus {
            text-decoration: none;
        }

.sidebar-nav > .sidebar-brand {
    height: 65px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: #fff;
            background: none;
        }

.menu-div-part h4 span {
    float: right;
    padding: 12px 5px !important;
}



.meagamenu_sub_items {
    width: 175px;
    height: 86vh;
}

.menu-div-part {
    /*background-color: #fff;*/
    min-width: 150px;
    border-right: 3px solid #a4caf7;
}

    .menu-div-part h4 {
        color: #000;
        padding-left: 10px;
        font-weight: bold;
        letter-spacing: 0.7px;
        padding: 0px 0px 0px 5px;
        margin: 0;
        border-bottom: #a4caf7 solid 5px;
        border-top: none;
        cursor: pointer;
        background-color: #fff;
        text-align: left;
        border-left: none;
    }

    .menu-div-part li a {
        line-height: 22px;
        padding: 3px 5px;
        margin: 0px 5px;
        font-weight: 300;
        text-align: left;
        font-style: normal;
    }

        .menu-div-part li a:hover {
            background-color: #569cf1 !important;
            color: #fff !important;
        }

    .menu-div-part ul {
        margin: 0px 5px;
    }


.partition > ul > li {
    border-bottom: none;
    padding: 5px 0px;
}

.totalPages {
    line-height: 34px;
}

.menu-arrow.active {
    display: block;
    color: #fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #343D47 !important;
    background-color: #fff !important;
    border-color: #ddd !important;
}

.delete-icon .fa-trash {
    color: #ff0000 !important;
    text-align: center;
    display: block;
    margin: 3px 5px 5px 0px !important;
}

.menu-arrow {
    position: relative;
    display: none;
    width: 10px;
    height: 18px;
    top: 0px;
    left: 165px;
    z-index: 1;
    line-height: 35px;
}

.partition ul {
    margin: 3px;
}

.tab-part > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: #ccc;
    color: #343D47;
    font-weight: 600;
}

.settingstab-part > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: #ccc;
    color: #343D47;
    padding: 10px 2px 6px 2px;
}

.settingspanel {
    margin-left: -16px;
}

.settingsicon {
    color: rgb(21, 106, 161);
}

.messagebin {
    margin: 8px 23px 0px 0px;
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
}

    button.accordion.active,
    button.accordion:hover {
        background-color: #ddd;
    }

button.accordion:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    button.accordion.active:after {
        content: "\2212";
    }

.panels {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 1px;
}

.bn {
    vertical-align: middle;
}

.sorttable {
    margin: 0px 4px 0px -10px;
}

.dim-color {
    color: darkgray;
}

.table-hover .entityhead:hover {
    background-color: #bdddf1;
}

.hor-space0 {
    padding: 0;
}

#frmDetails .force-overflow {
    overflow: auto !important;
}

.showcase .content {
    float: left;
    width: 340px;
}

.logo-mini,
.logo-lg {
    display: none;
}

    .logo-lg.active,
    .logo-mini.active,
    .vg-logo-lg.active,
    .vg-logo-mini active.active {
        display: block;
    }

.vg-logo-lg {
    padding: 4px 10px 0 10px;
    display: none;
}

.vg-logo-mini {
    padding: 4px 0px 0 0px;
}

    .vg-logo-mini active {
        position: absolute;
        left: 3px;
        bottom: 3px;
        display: none;
    }

.sidebar-brand {
    text-align: center;
    height: 32px;
    float: left;
}

footer .sidebar-brand {
    padding: 0 14px;
}

.table-responsive {
    table-layout: fixed;
    clear: both;
}

.tag-line {
    color: rgb(21, 106, 161);
    font-family: inherit;
    text-align: center;
    margin: 5px 0px 0px;
    line-height: 20px;
    font-weight: bold;
    display: block;
}

.child-menu {
    display: none;
}

    .child-menu li a {
        border-bottom: #6aa8f4 solid 1px;
    }

    .child-menu li:last-child a {
        border-bottom: none;
    }


.logo-lg {
    float: left;
    width: 274px;
    background-color: #fff;
    padding: 3px 0px 0px 0px;
    box-shadow: #CCC 1px 2px 5px;
    position: relative;
    z-index: 9999999 !important;
    min-height: 72px;
}

    .logo-lg img {
        padding: 0px;
    }

.logo-mini {
    width: 99px;
    height: 72px;
    padding: 0px 0px 0px 0px;
    background-color: #fff;
    box-shadow: 5px -15px 15px -5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 9999 !important;
}

.logo-lg a {
    display: block;
    float: left;
    width: 100%;
    background-color: #fff;
}

.sidebar-nav .glyphicon,
.sidebar-nav .fa {
    padding-right: 15px;
    width: 40px;
    text-align: center;
    padding-top: 5px;
}

.faq {
    color: white;
    width: 25px;
    float: right;
    margin: 0px 5px;
}

.profile {
    min-width: 5%;
    max-width: 33%;
    float: right;
    position: relative;
    margin: 0 25px 0 15px;
    cursor: pointer;
    top: 5px;
}
.profile:hover .profile-toggle{
    color:#fff !important;
}

.deliverble {
    padding-left: 0px;
}

.approve {
    padding-right: 0px;
}

.headermodal {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #227bb5;
    color: white;
}

    .headermodal a.modal-close {
        color: #fff;
    }

.search-part {
    margin: 3px 12px;
    width: 35%;
    float: right;
}

    .search-part .input-group {
        display: block;
    }

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
    display: none;
}

input:-moz-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

.stylish-input-group .input-group-addon {
    color: #fff;
    background: #337ab7 !important;
    border-radius: 0 15px 15px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 99999;
    width: 70px;
    margin: 0;
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
}

    .stylish-input-group .form-control:focus {
        border-color: #66afe9;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    }

.stylish-input-group button {
    border: 0;
    background: transparent;
}

    .stylish-input-group button:focus {
        outline: 1px dotted rgba(0, 0, 0, 0.9);
    }

.searchinput {
    padding: 3px 2px !important;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #a09e9e;
    border-radius: 4px;
    margin: 4px 0px;
}

.profile-img {
    margin: 0px 0px 0px 0px;
    width: 25px;
    height: 25px;
    display: block;
    background-color: #fff;
    border-radius: 11px;
    text-align: center;
    float: left;
    line-height: 25px;
    color: #343D47;
    font-weight: bold;
}

.profile-toggle {
    color: #c7d1d8 !important;
    font-weight: bold !important;
    padding: 0px 3px 0px;
    display: block;
    margin: 4px 0px 0px 4px;
    line-height: 15px;
    float: left;
    cursor: pointer;
}

.time-zone {
    float: right;
    color: #fff;
    font-weight: normal;
    line-height: 0;
    padding: 0;
    margin: -3px 8px;
}

    .time-zone > a {
        color: #fff;
    }

.down-arrow {
    margin: 1px -5px 0px 4px;
}

.profile .down-arrow {
    position: absolute;
    right: -6px;
    top: 5px;
}

.globe a .down-arrow {
    margin: 0px 0px 0px 5px;
    line-height: 24px;
}

.globe .down-link {
    line-height: 24px;
}

    .globe .down-link:hover {
        color: #fff;
    }

.time-zone .down-arrow {
    margin: 5px 0px 0px 4px;
}

.time-zone {
    position: relative;
}

/*.globe-dropdown {
    max-height: 200px;
    overflow: auto;
}*/


.timezone-dropdown {
    position: absolute;
    display: none;
    width: 130px;
    white-space: normal;
    list-style: none;
    line-height: 30px;
    padding: 0px 7px 5px 4px;
    border: #ccc solid 1px;
    box-shadow: #ccc 3px 3px 3px;
    font-weight: 600;
    color: rgb(21, 106, 161);
    z-index: 100;
    background-color: #fff;
    right: 50px;
    margin: 3px 10px;
    top: 28px;
    right: 0;
}
.globe-dropdown{
    position: absolute;
    display: none;
    width: 130px;
    white-space: normal;
    list-style: none;
    /* padding: 10px 10px 0px 10px; */
    padding: 0;
    border: #ccc solid 1px;
    box-shadow: #ccc 1px 1px 1px;
    color: rgb(21, 106, 161);
    z-index: 100;
    background-color: #fff;
    right: 0px;
    margin: 5px 0 0;
    top: 32px;
}
.globe-dropdown ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    max-height:150px;
    overflow:auto;
}
.globe .globe-dropdown a {
    text-decoration: none !important;
    color: rgb(21, 106, 161) !important;
    font-style: normal !important;
    display: block !important;
    padding: 5px 10px 4px !important;
    margin: 0 !important;
    float: inherit !important;
}

    .timezone-dropdown ul,
    .timezone-dropdown li {
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
        font-family: inherit;
    }

.globe-img,
.timezone-img {
    text-align: center;
    float: left;
    display: block;
}

.timezone-img {
    width: 130px;
}

.globe a,
.time-zone a {
    color: #fff;
    padding: 8px 3px 0px;
    display: block;
    margin: 0px 0px 0px 2px;
    line-height: 25px;
    float: left;
    font-style: normal;
}

.globe a {
    line-height: 27px;
}

    .globe a:hover,
    .time-zone a:hover {
        text-decoration: none;
    }

.timezone-dropdown a {
    color: rgb(21, 106, 161);
    border-bottom: rgb(21, 106, 161) dashed 1px;
    width: 100%;
    display: block;
    line-height: 22px;
    text-decoration: none !important;
}

    .timezone-dropdown a:hover {
        color: #fff !important;
        background-color: rgb(21, 106, 161);
    }
    
.globe-dropdown li {
    border-bottom: rgb(21, 106, 161) solid 1px;
}
.sitesearchtext-clearicon {
    position: absolute;
    right: 9px;
    top: 2px;
    bottom: 0;
    height: 24px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
    padding-right: 0 !important;
    background-color: transparent;
}
.globe-dropdown li:last-child{
    border-bottom:none !important;
}

.globe-dropdown a:hover {
    color: #fff !important;
    background-color: #156aa1 !important;
}

.timezone-dropdown a:last-child{
    border-bottom:none;
}

.department {
    color: #e5ffc3;
    line-height: 50px;
    float: right;
}

.profile-toggle:hover,
.profile-toggle:active,
.profile-toggle:visited {
    text-decoration: none;
    color: #fff !important;
    font-style: normal;
}

#demo-2 input[type=search] {
    width: 15px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}

    #demo-2 input[type=search]:hover {
        background-color: #fff;
    }

    #demo-2 input[type=search]:focus {
        width: 130px;
        padding-left: 32px;
        color: #000;
        background-color: #fff;
        cursor: auto;
    }

#demo-2 input:-moz-placeholder {
    color: transparent;
}

#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}

.search a {
    float: right;
}

.caret-text {
    color: mediumseagreen;
}

.usericon {
    color: #fff;
    padding: 0px 0px 0px 5px;
}

.username {
    color: white;
}

.searchbox {
    position: relative;
    min-width: 50px;
    width: 0%;
    height: 50px;
    float: right;
    overflow: hidden;
    border-radius: 28px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    margin-top: 4px;
}

.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: azure;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 5px 28px 1px 22px;
    color: rgb(21, 106, 161);
}

    .searchbox-input::-webkit-input-placeholder {
        color: rgb(21, 106, 161);
    }

    .searchbox-input:-moz-placeholder {
        color: rgb(21, 106, 161);
    }

    .searchbox-input::-moz-placeholder {
        color: rgb(21, 106, 161);
    }

    .searchbox-input:-ms-input-placeholder {
        color: rgb(21, 106, 161);
    }

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-family: inherit;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: lightgrey;
    border-radius: 30px;
}

.searchbox-open {
    width: 100%;
}

.profile-dropdown {
    position: absolute;
    display: none;
    min-width: 200px;
    max-width: 220px;
    white-space: normal;
    list-style: none;
    /*padding: 10px 10px 0px 10px;*/
    padding:0;
    border: #ccc solid 1px;
    box-shadow: #ccc 1px 1px 1px;
    color: rgb(21, 106, 161);
    z-index: 100;
    background-color: #fff;
    right: 0px;
    margin: 5px 0 0;
    top: 32px;
}

.profile-dropdown li {
    border-bottom: rgb(21, 106, 161) solid 1px;
}

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

.profile-dropdown span {
    padding-right: 5px;
}

.profile-dropdown a:hover {
    color: #fff !important;
    background-color: #156aa1 !important;
}



.profile-view:hover {
    color: rgb(21, 106, 161) !important;
}

.profile-dropdown a {
    /*text-decoration: none;
    color: rgb(21, 106, 161) !important;
    padding-left: 10px;
    line-height: 25px;
    font-style: normal;
    display:block;*/
    text-decoration: none;
    color: rgb(21, 106, 161) !important;
    font-style: normal;
    display: block;
    padding: 5px 10px 4px;
}

    .profile-dropdown a.WhiteBoldLink {
        padding-left: 0;
    }

.profile-dropdown li:hover {
    background-color: rgb(21, 106, 161);
}

    .profile-dropdown li:hover a {
        color: #fff !important;
    }

.profile-bigimg {
    width: 50px;
    height: 50px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e8e8e8;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    padding-right: 0px !important;
    color: #343D47;
    border: #ccc solid 1px;
}

    .profile-bigimg span {
        padding-right: 0px !important;
    }

.profile-name {
    max-width: 125px;
    float: left;
    padding: 10px 0px 0px 10px;
    line-height: 18px;
    word-break: break-word;
}

.profile-view {
    float: left;
    display: block;
    max-width: 125px;
    padding: 5px 0 !important;
    line-height: 10px !important;
    word-break: break-word;
}

.profile-dropdown h4 {
    /*margin: 5px 0px 0px;
    line-height: 20px;
    background-color: #f0f0f0;
    padding: 5px;
    float: left;
    width: 100%;
    border-bottom: #ccc solid 2px;*/
    margin: 0;
    padding: 7px 10px 5px;
    background-color: #f0f0f0;
    border-bottom: #ccc solid 2px;
    color:#000;
    clear: both;
}

.profile-settings {
    /*float: left;*/
    margin: 8px 10px 5px!important;
}

.profile-dropdown ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin-bottom:0px;
}

.profile-dropdown,
.globe-dropdown {
    z-index: 1000000;
}

a.back-to-top {
    display: none;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #337ab7 url("../images/up-arrow.png") no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-size: 60%;
}

a:hover.back-to-top {
    background-color: #333;
}

span.mandatory {
    border-left: none;
    border-bottom: red solid 2px;
    width: 22px;
    position: absolute;
    bottom: 2px;
}

header {
    height: 45px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99999 !important;
}

.top-right-icons {
    background: rgb(21, 106, 161);
    margin: 0;
    padding: 0px;
}

.faq span {
    color: #ebebeb;
}

span.fa.fa-globe {
    font-size: larger;
}

.menu_top {
    padding: 3px 0;
}

.globe {
    position: relative;
    margin: 0 5px 0 5px;
    float: right;
    color: #c7d1d8;
}

.down-link span {
    color: #c7d1d8 !important;
}

.globe:hover .down-link span,
.globe:hover .down-link a span {
    color: #fff !important;
}

.down-link #lblSiteLabel {
    white-space: nowrap;
    min-width: 30px;
    max-width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
}

.main-content {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    z-index: 1;
    float: right;
    padding-left: 10px;
}

.izenda-layout-middle {
    padding: 0px !important;
}

.form-textbox {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #CCC;
    color: #555;
    box-sizing: border-box;
    left: 0;
    margin: 0px;
    padding-top: 4px;
    position: relative;
    bottom: 0px;
    width: 100%;
    outline: none;
    height: 22px;
    line-height: 22px;
}

    .form-textbox:focus {
        background-color: transparent;
        border: none !important;
        border-bottom: 1px solid #CCC;
        color: #555;
        box-sizing: border-box;
        left: 0;
        margin: 0px;
        padding-top: 8px;
        position: relative;
        bottom: 0px;
        width: 100%;
        outline: none;
        box-shadow: none !important;
        height: 20px;
        line-height: 20px;
    }

input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: #AAA;
}

input:focus::-webkit-input-placeholder,
select:focus::-webkit-sleect-placeholder {
    color: #227bb5;
    height: 20px;
    line-height: 20px;
    box-sizing: border-box;
}

.form-textbox:focus + .underline,
select:focus + .underline {
    transform: scale(1);
    width: 100%;
    padding: 0px;
    margin-top: -2px;
    bottom: 3px;
    box-sizing: border-box;
}

select {
    width: 90%;
    /*border: none;*/
    background:#fff;
    border: #ccc solid 1px;
    color: #4c4a4a;
    height: 26px;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    border-radius: 4px;
}

.underline {
    background-color: #227bb5;
    display: block;
    height: 2px;
    position: relative;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 100%;
}

.styled-select {
    width: 100%;
    height: 26px;
    overflow: hidden;
    background: url(../images/select-down-arrow.png) no-repeat top right;
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    background-position: 98% 7px;
    border-radius: 4px;
}

    .styled-select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .styled-select select {
        background: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        height: 26px;
        position: absolute;
        left: 0;
        padding-left: 6px;
    }

.mandatory {
    border-left: red solid 2px !important;
}

    .mandatory.dxeButtonEdit {
        border-left: red solid 2px !important;
    }

ol.mandatory {
    border-left: red solid 2px !important;
    /*height: 26px;*/
    min-height: 26px;
}

select::-ms-expand {
    display: none;
}

#tree {
    overflow: hidden;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    outline: none !important;
}

[type="checkbox"]:disabled + label {
    line-height: 24px;
    color: #aaa;   
}

footer {
    height: 35px;
    background: #e4e4e4;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99999;
}

.btnn {
    padding: 5px 13px;
    border: 0 none;
    letter-spacing: 1px;
    margin-right: 0;
    margin-left: 5px;
    font-family: inherit;
}

.btnn-reset .btnn,
.btnn-reset .btnn-hyperlink {
    margin-left: 0;
    margin-right: 5px;
}

.btnn a,
a.btnn {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 0.35rem 1.5rem;
    line-height: inherit !important;
}

.table .btn {
    padding: 4px;
    border: 0;
}

a.button {
    border: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}

th.rotate,
.rotate {
    white-space: nowrap;
    height: 200px;
    vertical-align: middle !important;
}

    th.rotate > div,
    .rotate > div {
        transform: rotate(-90deg);
        position: relative;
        width: 18px;
        margin: auto;
        white-space: nowrap;
        bottom: -45%;
    }

.rtm-heading {
    text-align: center;
    background-color: #227bb5;
    color: white;
}

.btntoggle {
    margin-top: 8px;
    padding: 0 6px;
}

.tagvalue {
    font-size: smaller;
}

td fieldset.rtm-chkbox {
    text-align: center;
    bottom: -14px;
    margin: 5px;
}

.rtm-bgcolor {
    background-color: aliceblue;
    text-align: left;
    padding-left: 5px;
}

.select2-container {
    display: block !important;
    width: 90% !important;
    float: left !important;
}

.esign .select2-container {
    width: 100% !important;
}

.dropdown-group-filter {
    display: block !important;
}

.select-input-search .mandatory {
    z-index: 9;
    bottom: 0;
}

.label-mandatory:before {
    content: "";
    display: inline-block;
    background: #ff0000;
    width: 2px;
    height: 25px;
}

.control-group {
    display: inline-block;
    margin: 0px;
}

.control {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #b2b3b3;
    background: #ccc;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #117727;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #117727;
}

.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.badgebox {
    opacity: 0;
}

    .badgebox + .badge {
        text-indent: -999999px;
        width: 27px;
    }

    .badgebox:focus + .badge {
        box-shadow: inset 0px 0px 5px;
    }

    .badgebox:checked + .badge {
        text-indent: 0;
    }

.nodata,
.view-icon .nodata {
    color: #ff0000 !important;
}

.multipad {
    margin: 0px 42px -13px 7px;
}

    .multipad > select {
        color: black;
    }

.multistyle {
    border: 2px solid lightgray;
    border-radius: 3px;
}

.multiarrow {
    font-size: larger;
    color: #227bb5;
}

.tableset {
    margin: 7px 0 0;
}

.threecoloumn {
    border: 2px solid rgb(21, 106, 161);
}

.coloumtext {
    text-align: justify;
}

.rtmbtn {
    width: 330px;
}

.next-nav {
    padding: 8px 12px 11px 16px;
    text-decoration: none;
}

.rowtoggle {
    margin-left: -30px !important;
    background-color: #156aa1;
}

.right-arrow {
    display: inline-block;
    position: relative;
}

    .right-arrow:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -10px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #dff0d8;
    }

.right-arroww {
    display: inline-block;
    position: relative;
}

    .right-arroww:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -10px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #f2dede;
    }

.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

.attachment {
    margin-left: -9px;
}

.paneltext {
    margin-left: 18px;
}

.panel-info {
    color: #227bb5;
}

.entityhead,
.entityhead:hover {
    background-color: #ccd9ea;
    font-family: inherit;
    color: #000 !important;
    padding: 4px !important;
}

    .entityhead th a {
        color: #fff !important;
        text-decoration: none;
    }

tr.entityhead:hover {
    background-color: #509dd0 !important;
}

.entitycontent {
    background: #e9e9e9;
    border-bottom: 1px solid #d9d9d9;
}

.entity-sub-content {
    background: #fafafa;
    border-bottom: 1px solid #e9e9e9;
}

tr.bg-info.tabcontent {
    color: #000;
    border-bottom: 2px solid rgba(59, 89, 153, 0.32);
}

.table > thead > tr > th {
    border-bottom: 2px solid #C5C8D4;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px !important;
}

.GridHeading span {
    color: #000;
    padding: 0px 3px;
}

    .GridHeading::first-letter,
    .GridHeading span::first-letter {
    }

.popup-Block-hover_2 {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 26px !important;
    left: 15px !important;
    z-index: 9999;
}

    .popup-Block-hover_2 > .innerDiv:first-child {
        background-color: #f7eecf;
    }

table.reference-yellow {
    width: 100%;
}

    table.reference-yellow tr {
        border-bottom: 1px solid #ccc;
    }

    table.reference-yellow td {
        padding: 2px 10px !important;
    }

.tooltip-block {
    position: relative;
}

.closePopupRed1 {
    float: right;
    color: #ff0000;
    margin-right: 5px !important;
    background: transparent;
    display: inline-block;
    width: 15px !important;
    height: 15px;
    background: url(../images/close-icon.png) no-repeat top right;
    position: relative;
    top: 4px;
    background-size: 100% 100%;
}

.eye-icon:before {
    content: "\f06e";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 5px;
}

.green-stripe,
.red-stripe {
    background-color: green;
    height: 8px;
    width: 100%;
    margin-top: 9px;
    display: block;
}

.red-stripe {
    background-color: #dc143c;
}

.tasklisthead,
.tasklisthead:hover {
    background-color: #bdddf1;
    font-family: inherit;
}

.viewpdf {
    color: red;
}

.selectentity {
    margin: 0px -41px 0px 11px;
}

.nodatavalue {
    text-align: center;
}

.selectside {
    width: 192px;
    height: 150px;
}

.searchvalue {
    border-radius: 6px;
}

.breadcrumbview {
    background-color: rgb(21, 106, 161);
    color: #3e3c3c;
}

footer .breadcrumbArrowIcon:first-child {
    display: none;
}

.breadcrumbArrowIcon:before {
    content: "\f054";
    display: inline-block;
    padding: 0 4px;
    font-family: "FontAwesome";
    position: relative;
    top: -2px;
}
.breadcrumbArrowIconVGTaskPage:before {
    content: "\f054";
    display: inline-block;
    padding: 0 4px;
    font-family: "FontAwesome";
    position: relative;
    top: -2px;
}
footer .breadcrumbArrowIconVGTaskPage:first-child {
    display: none;
}
.bread-crumb .btn-success {
    background-color: transparent;
    border-color: transparent;
}

.radiostyle {
    border: 1px solid #227bb5;
}

.bttnrisk {
    background-color: #7d8284;
    color: white;
}

.btn-space {
    margin-right: 6px;
}

.btn-primary {
    background-color: #347f3a;
    color: #ffffff;
}

.btn-primarysbm.btn-group-icons {
    color: #ffffff;
    font-style: normal;
    background-color: #00A04A !important;
    border: 1px solid #00a04a;
}

.btnn {
    padding: 0.35rem 1.5rem;
    box-shadow: 0px 0px 5px rgba(58, 58, 58, 0.4);
    transition: background-color 0.3s ease;
    border-radius: 3px;
}

.btn-primarysbm {
    background-color: #347f3a;
    color: #ffffff !important;
    border: 1px solid #347f3a;
}

    .btn-primarysbm:hover,
    .btn-primarysbm:focus {
        background-color: #69a75a !important;
        color: white;
        border: 1px solid #69a75a;
    }

    .btn-primarysbm:disabled {
        opacity: 0.6 !important;
        background-color: #b4b9b5 !important;
        color: #ffffff !important;
        border: 1px solid #b4b9b5;
    }

        .btn-primarysbm:disabled:hover {
            opacity: 0.6 !important;
            background-color: #b4b9b5 !important;
            color: #ffffff !important;
            border: 1px solid #b4b9b5;
        }

.btn-tertiary {
    background-color: transparent !important;
    color: #787B7D;
    border: 1px solid #868B8E;
    box-shadow: 0px 0px 3px rgba(58, 58, 58, 0.4);
}

    .btn-tertiary:hover {
        color: #424A4D;
        border: 1px solid #424A4D;
    }

    .btn-tertiary:disabled {
        opacity: 0.6 !important;
        background-color: transparent !important;
        color: #787B7D;
        border: 1px solid #868B8E;
        box-shadow: 0px 0px 3px rgba(58, 58, 58, 0.4);
    }

        .btn-tertiary:disabled:hover {
            color: #424A4D;
            background-color: transparent !important;
            border: 1px solid #424A4D;
        }

.site-main-icon .btn-primary:hover,
.site-main-icon .btn-primary:focus,
.site-main-icon .btn-primary:active,
.site-main-icon .btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.login-btns .btn-primarysbm:focus {
    background-color: #33a6cc !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #007299 !important;
    box-shadow: none;
}

.btn-primarysbm:focus,
.btn-primary:focus,
.btn-primary:active {
    outline: 0;
}

.btn-secondary {
    background-color: transparent !important;
    color: #347f3a !important;
    border: 1px solid #347f3a;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: #EBF8F1 !important;
        outline: none;
    }

    .btn-secondary:disabled {
        background-color: transparent !important;
        opacity: 0.5 !important;
    }

.table .btn-default.active:focus,
.table .btn-primary.active:focus {
    background-color: transparent !important;
    outline: none;
}

.table .btn-default:active,
.table .btn-default:focus,
.table .btn-primary:active,
.table .btn-primary:focus {
    background-color: transparent;
    box-shadow: none;
}

.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: none;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: none;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
    margin-top: -16px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}

.btn-breadcrumb .btn:first-child {
    padding: 2px 5px 2px 4px;
    line-height: 1.5;
}

.selectmaterial {
    margin: -1px 4px -13px 0px;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
    border-left: 10px solid #ebebeb;
}

.bread-crumb a,
.bread-crumb a:link {
    float: left;
    font-style: normal !important;
    text-decoration: none !important;
    color: #000 !important;
    padding: 5px;
    line-height: 1;
    border-radius: 3px !important;
    margin: 0 5px;
}

    .bread-crumb a:hover,
    .bread-crumb a:focus,
    .bread-crumb a:active,
    .bread-crumb .btn-success:active:focus,
    .bread-crumb .btn-success:active:hover {
        text-decoration: underline;
        background-color: #333;
        color: #fff !important;
    }

.btn-breadcrumb .glyphicon-menu-right {
    position: relative;
    top: 1px;
}

.bread-crumb span {
    float: left;
    color: #000;
    line-height: 26px;
}

.bread-crumb {
    padding: 8px 0 10px 25px;
    float: left;
    border-left: 1px solid #ccc;
    margin: 0 14px;
    min-height: 35px;
}

.header,
.footer {
    margin: 0px;
    padding: 0px;
}

.page-title {
    font-size: 1.072rem;
    color: #156aa1;
    font-weight: bold;
    letter-spacing: 0.7px;
    border-bottom: #156aa1 solid 1px;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 1px;
    position: fixed !important;
    width: 100%;
    height: 30px;
    z-index: 3;
    background-color: #fff !important;
    top: 0;
}

    .page-title span::first-letter,
    .page-title::first-letter {
    }

.page-title-dash {
    color: rgb(21, 106, 161);
    border-bottom: rgb(21, 106, 161) solid 1px;
    line-height: 25px;
    padding-left: 15px;
    position: relative;
    border-radius: 0px 0 0 0;
    padding-top: 15px;
}

.tasklist-dashboard {
    overflow-y: auto;
    overflow-x: hidden;
}

.page-title span {
    display: inline-block;
}

.dashboard .force-overflow {
    margin-top: 0;
}

.folder-skin {
    color: goldenrod;
}

.main-content .container-fluid .row {
    margin: 2px 0px;
}

.main-content ul.row {
    padding: 0px;
    list-style: none;
}

    .main-content ul.row li {
        list-style: none;
    }

label {
    font-weight: normal;
    margin-bottom: 1px !important;
}

.label-input {
    background-color: #f1f1f1;
    line-height: 26px;
    text-align: right;
}

.label-input-list {
    height: 85px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.label-input span,
.label-input label,
.label-input-textarea .label-input-list span,
.label-input-treeview span,
.label-input-textareabig span {
    color: #000;
}

.label-output {
    color: #353535;
    line-height: 26px;
    height: auto;
}

    .label-output span {
        line-height: 26px;
    }
    .esignPopup .select2-container {
    width: 100% !important;
}
    .label-output .input-group {
        height: 26px;
    }

.label-output-highlight {
    color: #035202;
    line-height: 26px;
}

.force-overflow {
    min-height: 300px;
    margin-top: 40px;
    /*max-height: none !important;*/
}

    .force-overflow.top-mspace-0 {
        overflow: auto !important;
    }

    .force-overflow .row {
        margin: 2px 0px;
        clear: both;
    }

.form-control {
    height: 26px !important;
    box-sizing: border-box;
    margin: 0 !important;
}

#radioBtn .notActive {
    color: #3276b1;
    background-color: #fff;
}

.blue-grid-title {
    background: #C6E1FF;
    height: 30px;
    color: #000;
}

.green-grid-title {
    background: #88a76f;
    height: 30px;
}

.blue-icon {
    color: #fff;
    padding: 8px;
    background: rgb(21, 106, 161);
    float: left;
}

.grid-icon,
.table td .grid-icon {
    color: #000;
    padding: 8px;
    background: #A1D2F6;
    float: left;
}

.grid-icon {
    color: #000;
    padding: 7px;
    top: 0px;
    background: #A1D2F6;
    float: left;
}

.green-icon {
    color: #fff;
    padding: 10px;
    font-size: large;
    background: #65814e;
    float: left;
}

h4.grid-title {
    float: left;
    padding-left: 10px;
    font-weight: bold;
    /*line-height: 2px;*/
    /*margin: 14px 10px 16px 0px;*/
    margin: 5px 10px 0 0;
}

    h4.grid-title::first-letter,
    h4.grid-title span::first-letter {
    }

.chartIcon {
    float: left;
}

    .chartIcon img {
        width: 25px;
        margin: 5px 3px 0px;
    }

.tasktrash {
    margin: 0px 3px 0;
}

.textarea-big {
    width: 100%;
    min-height: 50px;
    padding: 0px 6px;
    font-size: 14px;
}

.label-input-textareabig {
    min-height: 50px;
    background-color: #f1f1f1;
}

.label-input-textarealarge {
    min-height: 68px;
    background-color: #f1f1f1;
    line-height: 30px;
}

.ui-tooltip,
.arrow:after {
    background: black;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font-family: inherit;
    left: 155px !important;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    margin-left: 0px !important;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        top: 16px;
        left: -24px;
        border-top: 12px solid transparent;
        border-left: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-right: 12px solid red;
        width: 0px;
        height: 0px;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.texteditorbig {
    height: 265px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.inline-table {
    height: 74px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.profile-address {
    height: 56px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.noresize {
    resize: none;
}

.vresize {
    resize: vertical;
}

.hresize {
    resize: horizontal;
}

.custom-checkbox {
    padding: 2px 8px;
}

.view-input-btn {
    width: 80%;
    float: left;
}

.additional-btn {
    padding: 5px 10px;
    color: rgb(21, 106, 161);
}

.view-btn {
    padding: 0px 10px 0px 0px;
    color: rgb(21, 106, 161);
}

.progress-bar.active,
.bs-wizard-dot.active {
    background-color: #0c6cd2 !important;
}

.progress-bar.first {
    background: #0c6cd2 !important;
}

.progress-bar.prev {
    background: #12ef85 !important;
    background: -moz-linear-gradient(left, #9ecc6a 0%, #9ecc6a 49%, #9ecc6a 50%, #2989d8 50%, #207cca 50%, rgb(21, 106, 161) 100%) !important;
    background: -webkit-linear-gradient(left, #12ef85 0%, #12ef85 49%, #12ef85 50%, #0c6cd2 50%, #0c6cd2 50%, #0c6cd2 100%) !important;
    background: linear-gradient(to right, #12ef85 0%, #12ef85 49%, #12ef85 50%, #0c6cd2 50%, #0c6cd2 50%, #0c6cd2 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9ecc6a', endColorstr='rgb(21, 106, 161)', GradientType=1);
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    margin: 0px !important;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: smaller;
            margin-bottom: 10px;
            line-height: 20px;
            text-align: right;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #12ef85;
            top: 20px;
            left: 90%;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #fff;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #12ef85;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 99%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #e4e4e4;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 80%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

.tree,
.checkbox-group {
    min-height: 20px;
    max-height: 200px;
    overflow: auto;
    padding: 0px;
    margin-bottom: 0px;
    /*background-color: #fbfbfb;*/
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.checkbox-group {
    height: auto;
    padding: 15px;
    border-color: #ccc;
}

    .checkbox-group button {
        margin: 0 0 7px;
    }

.tree > ul {
    padding-left: 5px;
}

.label-input-textarea {
    height: 170px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.label-input-treeview {
    height: 200px;
    background-color: #e4e4e4;
    line-height: 30px;
}

.search-box span {
    padding-right: 30px !important;
    margin-top: -3px;
}

.search-box .glyphicon-search:before {
    position: relative;
    top: -1px;
}

.search-box input[type="text"] {
    margin-bottom: 0;
}

.tree li {
    list-style-type: none;
    margin: 0;
    padding: 10px 5px 0 5px;
    position: relative;
}

    .tree li::before,
    .tree li::after {
        content: '';
        left: -20px;
        position: absolute;
        right: auto;
    }

    .tree li::before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px;
    }

    .tree li::after {
        border-top: 1px solid #999;
        height: 20px;
        top: 25px;
        width: 25px;
    }

    .tree li span,
    .tree li a {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 0;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none;
    }

    .tree li.parent_li > span {
        cursor: pointer;
    }

.tree > ul > li::before,
.tree > ul > li::after {
    border: 0;
}

.tree li:last-child::before {
    height: 30px;
}

.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span {
    background: transparent;
    border: 0;
    color: #000;
}

.style-select select {
    padding: 0;
}

    .style-select select option {
        padding: 4px 10px 4px 10px;
    }

        .style-select select option:hover {
            background: #EEEEEE;
        }

.add-btns {
    padding: 0;
}

    .add-btns input {
        margin-top: 25px;
        width: 100%;
    }

.selected-left {
    float: left;
    width: 88%;
}

.selected-right {
    float: left;
}

    .selected-right button {
        display: block;
        margin-left: 4px;
        margin-bottom: 2px;
    }

.izenda-gallery-item {
    width: 100% !important;
    left: -15% !important;
    box-shadow: #ccc 2px 3px 1px !important;
    border: #ccc solid 1px !important;
    ;
}

.izenda-gallery-side-button,
.izenda-gallery-controls-round-panel {
    display: none;
}

.accordian-minus {
    float: left;
    padding: 7px 0px 7px 7px;
    box-sizing: border-box;
}

.gridTitle-part {
    float: left;
}

.treeview {
    font: inherit !important;
}

    .treeview a {
        color: #000 !important;
        background-color: transparent !important;
        border: none !important;
        padding: 0px !important;
        font-family: inherit;
        line-height: 23px;
        font-style: normal;
        font: inherit !important;
    }

.SelectedNodeStyle {
    color: #FF9900;
    font-variant: normal;
    text-decoration: none;
    background: red;
}

.treeview td {
    color: #000 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0px 3px !important;
    font-family: inherit;
}

.treeview a:hover {
    text-decoration: underline !important;
}

.devextreeview td {
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
}

.dxtlFocusedNode_SoftOrange {
    background-color: rgb(21, 106, 161) !important;
    color: #fff !important;
}

    .dxtlFocusedNode_SoftOrange td:nth-child(n+1) {
        color: #fff !important;
    }

.dxtlDataTable tr td:nth-child(2) {
    color: rgb(21, 106, 161);
}

.dxtlDataTable tr td:nth-child(3) {
    color: #a94442;
}

.dxtlDataTable tr td:nth-child(4) {
    color: #3c763d;
}

.dxtlDataTable tr td:nth-child(5) {
    color: #888;
}

.dxtlDataTable tr td:nth-child(6) {
    color: #7a9e35;
}

.dxtlDataTable tr td:nth-child(7) {
    color: #80827e;
}

.dxtlDataTable tr td:nth-child(8) {
    color: #8d6363;
}

.dxtlDataTable tr td:nth-child(9) {
    color: #8d6363;
}

.dxtlDataTable tr td:nth-child(10) {
    color: #8d6363;
}

.dxtlDataTable tr td:nth-child(11) {
    color: #8d6363;
}

.subject-info-box-1,
.subject-info-box-2 {
    float: left;
    width: 45%;
    text-align: center;
}

    .subject-info-box-1 select,
    .subject-info-box-2 select {
        height: 100px;
        padding: 0;
    }

        .subject-info-box-1 select option,
        .subject-info-box-2 select option {
            padding: 4px 10px 4px 10px;
        }

            .subject-info-box-1 select option:hover,
            .subject-info-box-2 select option:hover {
                background: #EEEEEE;
            }

.subject-info-arrows {
    float: left;
    width: 10%;
}

    .subject-info-arrows button {
        margin-bottom: 5px;
    }

.project-deliverable .container-fluid .row {
    margin: 5px 0px;
}

.clickable {
    cursor: pointer;
}

.panel-primary a.clickable.filter {
    color: #fff;
}

.panel-success a.clickable.filter {
    color: #3c763d;
}

.panel-heading div {
    margin-top: -18px;
}

    .panel-heading div span {
        margin-left: 5px;
    }

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

.talktous {
    text-align: center;
}

.talktotext {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    display: block;
    margin: 0;
    padding: 4px 0;
    width: 500px;
    background: 0 0;
    text-align: left;
    color: inherit;
}

#circle {
    width: 30px;
    height: 30px;
    background: red;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding-top: 6px;
}

.speakmodal {
    position: fixed;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.speakmodalview {
    width: 90%;
}

.speaktext {
    margin-top: 4px;
    background-color: deepskyblue;
}

.riskbg {
    background-color: #a3b690;
}

.impact-search {
    margin-top: 1px;
}

.deliverable-tab {
    color: #fff;
}

.riskicon {
    background-color: #93a57b;
}

.risktext {
    float: left;
    color: #fff;
    padding-left: 10px;
    line-height: 2px;
    margin: 20px 0 16px;
}

.ccr-report:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
}

    .ccr-report:not(old) + label {
        display: inline-block;
        margin-left: -28px;
        padding-left: 28px;
        background: url('../images/checks.png') no-repeat 0 0;
        line-height: 24px;
    }

    .ccr-report:not(old):checked + label {
        background-position: 0 -48px;
    }

.risk-panel-accordion .panel-default > .panel-heading {
    background-color: beige;
}

.risk-panel-accordion .panel-body {
    display: block;
}

.more-less {
    float: right;
    color: #212121;
}

.risk-panel-accordion .glyphicon {
    border: 1px solid #6b6969;
    padding: 3px 5px 3px 3px;
    margin: 0 10px;
}

.risk-panel-accordion .glyphicon-plus {
    padding: 4px;
}

.textb {
    font-weight: bold;
}

.active-risk-model-page .glyphicon-triangle-bottom {
    padding: 0 5px;
}

.form-control.searchtoggle {
    border-radius: 15px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

a.skipcontent {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #ffffff;
    border-bottom-right-radius: 8px;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    left: 0;
    padding: 6px;
    position: absolute;
    top: -40px;
    transition: top 0.5s ease-out 0s, background 0.5s linear 0s;
    z-index: 1001;
}

    a.skipcontent:focus {
        background: #bf1722 none repeat scroll 0 0;
        outline: 0 none;
        top: 0;
        color: #ffffff;
    }

.font-zoomer {
    position: relative;
}

.font-zoomer-list {
    position: absolute;
    width: 200px;
    left: -106%;
    top: 0;
    opacity: 1;
}

ul.font-zoomer-list li {
    border-bottom: 0;
}

    ul.font-zoomer-list li:hover,
    ul.font-zoomer-list li:focus {
        background: transparent;
    }

.font-zoomer:hover .font-zoomer-list,
.font-zoomer:focus .font-zoomer-list,
.font-zoomer:active .font-zoomer-list {
    opacity: 1;
}

.settingdate {
    height: 85px;
}

.recoversearch {
    margin-top: 6px;
}

.reportarea {
    height: 58px;
}

.left-bor {
    border-right: 2px solid #ccc !important;
}

.right-bor {
    border-left: 2px solid #ccc !important;
    padding: 0 !important;
}

    .right-bor .container-fluid {
        padding: 0;
    }

.trace-matrix .force-overflow {
    min-height: 700px;
}

.inventory-validated {
    color: forestgreen;
    background-color: forestgreen;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-verified {
    color: hotpink;
    background-color: hotpink;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-wip {
    color: dodgerblue;
    background-color: dodgerblue;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-pending {
    color: paleturquoise;
    background-color: paleturquoise;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-impact {
    color: red;
    background-color: red;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-inactivee {
    color: darkorange;
    background-color: darkorange;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-retire {
    color: mediumslateblue;
    background-color: mediumslateblue;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-na {
    color: chartreuse;
    background-color: chartreuse;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.inventory-query {
    color: #7b94e0;
}

.panel-heading {
    padding: 5px 15px !important;
    color: #000000 !important;
}

    .panel-heading:hover {
        color: #000000 !important;
    }

.welcome-text {
    color: #c7d1d8;
    margin: 0 0 0 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 11px;
    padding: 0 5px;
    font-weight: bold !important;
    display: table;
    clear: both;
    position: relative;
    top: -6px;
    width: 60px;
}

.refresh-icon {
    color: #fff !important;
    margin: 7px 15px 0 0;
    text-decoration: none !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 4px 7px;
    border-bottom: 1px solid #c5c1c1;
}

.table > thead > tr > th {
    border-bottom: 2px solid #ded9d9;
}

.table .view-btn,
.table .fa-eye:before {
    color: #000;
}

.nav > li > a {
    padding: 5px 15px;
}

.bg-info,
th.GridHeading {
    text-align: center;
    background-color: #F1F2F7;
    font-weight: bold;
}

.progress {
    background-color: #f0f0f8;
}

.m-width-100 {
    max-width: 100%;
}

.summary-panels {
    padding: 5px 0 10px;
    z-index: 0;
}

.summary-item {
    width: calc(16.66666666666667% - 3px);
    display: inline-block;
    position: relative;
    border-radius: 0;
    margin-bottom: 0 !important;
}

.sum-count {
    margin-bottom: 5px;
    margin-top: 20px;
}

.sum-title {
    margin-bottom: 3px;
}

.sum-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-10%);
}

.sum-danger {
    background: #f99271 !important;
    border-color: #f99271 !important;
    color: #fff !important;
}

.sum-gold {
    background: #e3b930 !important;
    border-color: #e3b930 !important;
    color: #fff !important;
}

.sum-darkgreen {
    background: #a7a91a !important;
    border-color: #a7a91a !important;
    color: #fff !important;
}

.sum-green {
    background: #8ac362 !important;
    border-color: #8ac362 !important;
    color: #fff !important;
}

.sum-teal {
    background: #17b39d !important;
    border-color: #17b39d !important;
    color: #fff !important;
}

.sum-skyblue {
    background: #7fcdff !important;
    border-color: #7fcdff !important;
    color: #fff !important;
}

.top-icon {
    position: absolute;
    top: 5px;
    right: 20px;
}

    .top-icon.text-label {
        right: 5px;
    }

    .top-icon .btn {
        background: rgba(0, 0, 0, 0);
        border: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
    }

        .top-icon .btn .badge {
            background: #e72a1e;
            color: #fff;
            position: absolute;
            top: 2px;
            right: -13px;
            padding: 3px 5px;
        }

.option-panel .panel-dashboard {
    display: inline-block;
    width: calc(20% - 10px);
    vertical-align: top;
}

    .option-panel .panel-dashboard:not(:last-child) {
        margin-right: 8px;
    }

    .option-panel .panel-dashboard .panel-body,
    .panel-grad .panel-body {
        display: block;
    }

.panel-dashboard .panel-heading,
.panel-grad .panel-heading {
    padding: 5px 10px;
    background: #f9f9f9;
    position: relative;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #d5d5d5 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 0%, #d5d5d5 100%);
    background: linear-gradient(to bottom, #f9f9f9 0%, #d5d5d5 100%);
}

.panel-heading .panel-icon {
    background: transparent;
    padding: 0;
    color: #528aad;
    position: relative;
    top: -2px;
}

.panel-dashboard .panel-body {
    position: relative;
    padding: 8px 10px;
    min-height: 80px;
}

.panel-dashboard .info-badge {
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 0;
    background: rgb(21, 106, 161);
}

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

.m-r-10 {
    margin-right: 10px;
}

.chart-legend ul {
    margin: 0;
    padding: 0;
}

    .chart-legend ul li {
        padding: 0;
    }

        .chart-legend ul li span {
            margin-right: 5px;
        }

.l-validated {
    color: #316595;
}

.l-verified {
    color: #5e9f5c;
}

.l-wip {
    color: #f0ae53;
}

.l-pending {
    color: #d04441;
}

.l-impacted {
    color: #fd4444;
}

.l-inactive {
    color: #b6b3b3;
}

.l-na {
    color: #f8c21f;
}

.wip-chart .l-validated {
    color: #dd2a2a;
}

.wip-chart .l-verified {
    color: #ffb339;
}

.wip-chart .l-wip {
    color: #4e69a2;
}

.wip-chart .l-pending {
    color: #9cc925;
}

.doughnut .l-validated {
    color: #33bdda;
}

.doughnut .l-verified {
    color: #008ee4;
}

.doughnut .l-wip {
    color: #f8bd19;
}

.doughnut .l-pending {
    color: #e44a00;
}

.resource .l-validated {
    color: #ffc231;
}

.resource .l-verified {
    color: #00b6c2;
}

.resource .l-wip {
    color: #7e7e7e;
}

.resource .l-pending {
    color: #f46c68;
}

.system-met .l-validated {
    color: #fb9f66;
}

.system-met .l-verified {
    color: #b9e26b;
}

.system-met .l-wip {
    color: #9574c1;
}

.system-met .l-pending {
    color: #80e4fc;
}

.system-met .l-impacted {
    color: #ffa74d;
}

.system-met .l-inactive {
    color: #f38c46;
}

.system-met .l-na {
    color: #c7ef7f;
}

.quality-met .l-validated {
    color: #faa93d;
}

.quality-met .l-verified {
    color: #955dc0;
}

.speedo .l-validated {
    color: #6d953e;
}

.speedo .l-verified {
    color: #fffd00;
}

.speedo .l-wip {
    color: #ffa300;
}

.speedo .l-pending {
    color: #d70300;
}

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

    .option-panel .panel {
        text-align: left;
    }

.main-content.dashboard {
    border-radius: 0px;
    border: 0;
}

.main-content .summary-panels {
    background: rgb(21, 106, 161);
}

.page-title ul li span,
.page-title ul li a {
    line-height: 35px;
    display: inline-block;
    margin-right: 0px;
    padding: 6px 20px 3px;
    border-radius: 0;
    color: rgb(21, 106, 161);
}

.page-title a.active {
    border-bottom: rgb(21, 106, 161) solid 3px;
}

.page-title a:hover,
.page-title a:focus {
    text-decoration: none;
}

.tab-content {
    border: 1px solid #333;
}

    .tab-content .tab-pane {
        display: none;
    }

    .tab-content .active {
        display: block;
    }

.tab-title a.active {
    background: rgb(21, 106, 161);
    color: #fff;
}

.tab-title a {
    background: #f6f6f6;
    border-bottom: #f6f6f6 solid 3px;
}

.page-title-dash.tab-title .title-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 12px;
    margin: 0;
}

.page-title-dash.tab-title .setting-btn {
    position: absolute;
    top: 2px !important;
    padding: 10px;
    border: none;
    background-color: transparent;
    float: right;
}

    .page-title-dash.tab-title .setting-btn img {
        width: auto;
    }

.option-panel .nav > li > a {
    padding: 0;
    color: #000;
    margin-right: 0;
    border: 0;
}

.option-panel .nav-tabs > li.active > a,
.option-panel .nav-tabs > li.active > a:focus,
.option-panel .nav-tabs > li.active > a:hover {
    background-color: transparent;
    color: #000;
    border: 0;
}

.option-panel .nav-tabs > li {
    margin-bottom: 20px;
}

.option-panel .nav-tabs {
    border: 0;
}

.dxgvControl .dxgvDisabled {
    background-color: rosybrown !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px !important;
    color: rgb(21, 106, 161);
    border-right: #dbdbdb solid 1px !important;
    margin-left: -1px;
    border-radius: 6px 6px 0px 0px !important;
    line-height: 25px !important;
}

.dxgvControl a {
    color: rgb(21, 106, 161) !important;
    font-family: inherit;
}

.popup_heading {
    background-color: rgb(21, 106, 161);
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}

.status-indicator {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    float: left;
}

.tasklist-tabs .nav-tabs {
    border-bottom: 0;
    margin: 15px 0;
}

.tasklist-tabs ul li a {
    color: #7b7a7a;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-right: 1px solid #ccc !important;
    padding: 0 15px !important;
}

.tasklist-tabs ul li:last-child a {
    border-right: 0 !important;
}

.tasklist-tabs ul li a:hover {
    color: #000;
    background-color: transparent;
}

.tasklist-tabs .nav-tabs > li.active > a,
.tasklist-tabs .nav-tabs > li.active > a:focus,
.tasklist-tabs .nav-tabs > li.active > a:hover {
    color: #4c4b4b !important;
    cursor: default !important;
    background-color: transparent !important;
    border: 0 !important;
    border-right: 1px solid #ccc !important;
    border-bottom-color: transparent !important;
}

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

.table-striped > thead > tr > th {
    font-style: normal !important;
    text-align: center;
}

#sub-mytask .table > thead > tr > th {
}

.tasklist-box {
    border: 1px solid #e2dede;
    padding: 15px;
}

.ver-mspace {
    margin: 5px 0;
}

.trcircle {
    -moz-border-radius: 20px/20px;
    -webkit-border-radius: 20px 20px;
    border-radius: 20px/20px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    float: left;
}

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

.pagination {
    width: 100% !important;
}

.radioBtnStyle {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 1px;
}

    .radioBtnStyle .form-control {
        padding: 0;
        box-shadow: none;
    }

.switch-title {
    margin-bottom: 6px;
}

.radioBtnStyle span {
    margin-right: 0 !important;
}

.radioBtnStyle input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.radioBtnStyle li {
    float: left;
}

.radioBtnStyle label {
    float: left;
    display: inline-block;
    background-color: transparent;
    color: #555;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 0 8px;
    border: 1px solid #ccc;
    line-height: 20px !important;
    border-radius: 0px;
    margin-left: 1px;
    margin-right: 1px;
}

.radioBtnStyle li:first-child label {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.radioBtnStyle li:last-child label {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.radioBtnStyle label:hover {
    cursor: pointer;
}

.radioBtnStyle input:checked + label {
    background-color: #347f3a;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.radioBtnStyle tr > td:not(:first-of-type) {
    position: relative;
    left: -1px;
}

.inner-form-block .labelBlock {
    padding: 5px 15px;
    background-color: #e4e4e4;
    color: #000;
    vertical-align: top;
}

.inner-form-block font {
    display: none;
}

.inner-form-block .right {
    text-align: right;
}

/*textarea {
    min-height: 50px;
    padding: 0 6px;
}*/

.table-split td:first-child {
    width: 23%;
    padding: 0 15px;
}

.log-form .dxeButtonEditButton,
.intend-use .dxeButtonEditButton {
    background: url(../images/select-down-arrow.png) no-repeat top right;
    border: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    right: 5px;
    top: 3px;
    border: 0 !important;
}

.calendar-block td {
    padding: 0 !important;
}

.popup-content-inner .popup-scroll table span a {
    width: 100%;
    display: block;
    text-align: left;
}

.popup-content-inner .popup-scroll table td {
    text-align: left;
}

.test-fn-space .calendar-block {
    padding-top: 3px !important;
    border: 1px solid #ccc !important;
}

.calendar-block:before {
    content: "";
    display: inline-block;
    background: url(../images/color-icons.png) no-repeat top right;
    width: 15px;
    height: 17px;
    float: right;
    position: relative;
    top: 1px;
    background-position: -12px -1588px;
    cursor: pointer;
}

.calender-dropdown {
    z-index: 999999 !important;
}

.calendar-block img {
    display: none;
}

.calender-dropdown table {
    border-color: #ccc !important;
    background-color: #fff;
}

    .calender-dropdown table select {
        width: auto;
        height: auto;
        padding: 3px;
        margin-bottom: 10px;
        background-color: #eee !important;
    }

.calender-dropdown td,
.calendar-block input[type="text"] {
    background-color: #ffffff !important;
    color: #4c4a4a;
}

.calender-dayheader {
    background: #e4e2e2;
}

.calender-dayheader,
.calender-day {
    padding: 1px 6px !important;
    background-color: #fff;
}

.calender-prenxt {
    background: #eee;
    padding: 0 10px;
    color: rgb(21, 106, 161) !important;
}

.calender-today {
    background-color: #eee;
    padding: 5px;
    text-align: center;
    color: rgb(21, 106, 161) !important;
}

.calender-dropdown .calender-selectedday,
.calender-dropdown .calender-day:hover {
    background-color: rgb(21, 106, 161) !important;
    color: #fff !important;
}

.calender-title {
    background-color: #eee;
    padding: 2px;
}

.mandatory-field {
    position: relative;
}

    .mandatory-field:before {
        content: "";
        width: 2px;
        background: red;
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
    }

table.mandatory-dx {
    position: relative;
}

.dxheControl .dx table {
    width: 100% !important;
}

table.mandatory-dx:before {
    content: "";
    width: 2px;
    background: red;
    position: absolute;
    top: 0;
    height: 30px;
    left: 0;
}

.esign-popup .force-overflow {
    margin-top: 0;
    min-height: auto;
}

.popup_contentBlock {
    padding: 10px;
}

.dxeButtonEdit {
    background-color: white;
    border: 1px solid #ccc !important;
    font-family: inherit;
    border-radius: 4px;
    color: #000;
    width: 90% !important;
    padding: 0;
    margin-top: 3px;
    cursor: pointer;
    font-size: inherit;
}

    .dxeButtonEdit:hover {
        border: 1px solid #347f3a;
    }

    .dxeButtonEdit:focus,
    .dxeButtonEdit.dxeFocused {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(87, 140, 74);
    }

.dxeListBox {
    width: 100% !important;
}

.dxlbd {
    width: 280px !important;
}

.executiontooldrop + .dxpcDropDown{
    width: 100% !important;
}
.executiontooldrop + .dxpcDropDown .dxlbd {
    width: 100% !important;
}

.commonSearch .dxlbd {
    width: 100% !important;
}

.height-25 {
    height: 25px !important;
}

.border_1ccc {
    border: 1px solid #ccc !important;
}

.dxeButtonEditButton img {
    display: none !important;
}

.dxeButtonEditButton {
    background: url(../images/select-down-arrow.png) no-repeat top right;
    border: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    right: 5px;
    top: 3px;
    border: 0 !important;
}

.dxeButtonEdit td.dxic {
    padding: 0 !important;
    border-radius: 4px;
}

.combobox-aln input[type="text"]:disabled {
    height: 22px !important;
}

body input.dxeEditArea {
    color: #4c4a4a !important;
}

.box-width-50 {
    width: 50%;
    float: left;
}

.box-width-33 {
    width: 33%;
    float: left;
}

.box-width-25 {
    width: 25%;
    float: left;
}

.check-hor-space > label {
    padding: 0 10px;
}

#divPane {
    font-family: inherit;
}

.checkbox-block [type="checkbox"]:not(:checked) + label:before,
.checkbox-block [type="checkbox"]:checked + label:before {
    left: 3px;
    top: 7px;
}

.saved-entity [type="checkbox"]:not(:checked) + label:before,
.saved-entity [type="checkbox"]:checked + label:before,
.saved-entity [type="checkbox"]:not(:checked) + label:after,
.saved-entity [type="checkbox"]:checked + label:after {
    left: 2px;
}

.sec-profile [type="checkbox"]:not(:checked) + label:before,
.sec-profile [type="checkbox"]:checked + label:before,
.sec-profile [type="checkbox"]:not(:checked) + label:after,
.sec-profile [type="checkbox"]:checked + label:after {
    left: 2px;
}

.checkbox-block [type="checkbox"]:not(:checked) + label:after,
.checkbox-block [type="checkbox"]:checked + label:after {
    top: 6px;
    left: 4px;
}

.checked [type="checkbox"]:not(:checked) + label:after,
.checked [type="checkbox"]:checked + label:after {
    color: #fff;
}

.checked [type="checkbox"]:not(:checked) + label:before,
.checked [type="checkbox"]:checked + label:before {
    border-color: #fff;
}

.checkboxButton.checked {
    background-color: #509dd0;
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

.settings-icon label {
    cursor: pointer;
}

.checked label:hover:before {
    border: 2px solid #fff;
}

.checkboxButton {
    border: 1px solid #adadad;
    padding: 3px 5px;
    border-radius: 4px;
    display: inline-block;
    margin: 0 0 5px;
    min-height: 25px;
}

.checkbox-width .checkboxButton {
    min-width: 160px;
}

.checkbox-block .checkboxButton {
    border: 1px solid #adadad;
    margin: 0 5px 5px 0;
    border-radius: 4px;
    display: inline-block;
    padding: 0 4px 0 0;
}

.checked .checkboxButton {
    background-color: #337ab7;
    color: #fff;
    border-color: #337ab7;
}

.checkboxButton:hover {
    background-color: #ccc;
}

.checked .checkboxButton:hover {
    background-color: #1d69ab;
}

.height-280 {
    height: 296px;
}

.form-control-feedback {
    pointer-events: auto !important;
    width: 38px !important;
    height: 25px !important;
    right: 16px !important;
    top: 0px !important;
    line-height: 25px !important;
    background: rgb(21, 106, 161);
    color: #fff !important;
    border-radius: 20px;
    border-top-left-radius: 0;
}

.subject-info-arrows button {
    display: block;
    margin: 5px auto;
}

.search-box .form-control {
    border-radius: 20px;
}

.paginationno td {
    padding: 5px 0 !important;
}

    .paginationno td table {
        margin-right: 10px;
        float: right;
    }

    .paginationno td i {
        line-height: 21px;
    }

.search-box a {
    text-decoration: none;
}

.main-content-iframe {
    width: 89%;
    float: right;
    z-index: 99998 !important;
    /*position: relative;*/
    position: fixed;
    right: 0;
    margin-top: 55px;
    /*top:48px;*/
}

iframe-main-content {
    width: 100%;
}

.modalBackground {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.modalBackgroundDefault {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999999 !important;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.panel-body {
    height: 400px;
}

.ipad-option-panel .blue {
    background: #06bdf6;
}

.ipad-option-panel .green {
    background: #00a65a;
}

.ipad-option-panel .orange {
    background: #f29c07;
}

.ipad-option-panel .red {
    background: #e1473b;
}

.ipad-option-panel .lgreen {
    background: #03a55a;
}

.ipad-option-panel .dblue {
    background: #089bc9;
}

.ipad-option-panel .bgreen {
    background: #13b76c;
}

.ipad-option-panel .borange {
    background: #e3a231;
}

.ipad-option-panel .bred {
    background: #f9665b;
}

.ipad-option-panel .bgreen {
    background: #0fca73;
}

.info-box-scroll-icon {
    text-align: center;
    cursor: pointer;
}

.info-box-sty {
    width: 100%;
    min-height: 90px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

a.info-box-a {
    color: #fff;
    text-decoration: none;
}

.info-box-sty-icon {
    text-align: center;
    line-height: 90px;
    color: #fff;
    width: 90px;
    height: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    display: block;
    float: left;
}

.info-box-sty-cont {
    margin-left: 90px;
    display: block;
    padding: 10px;
    height: 90px;
}

    .info-box-sty-cont .tit {
        display: block;
        text-decoration: none;
        color: #ffffff;
    }

    .info-box-sty-cont .num {
        display: block;
    }

.info-box-sty .progress {
    height: 2px;
    background-color: #000;
    margin: 0 -10px;
}

.info-box-sty .progress-bar {
    background-color: #fff;
}

.info-box-sty-cont .tex > img {
    height: 30px;
    margin-top: 5px;
}

.info-aero-icon {
    padding-top: 35px;
}

.force-overflow .panel-default {
    border-radius: 0;
}

.filter input {
    margin: 0px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

.tasklisthead th,
.table > thead > tr > th {
    padding: 0px 3px 0px 3px !important;
    text-align: center;
}

.check {
    margin: 4px 5px !important;
    display: block;
    float: left;
}

.count-size {
    color: rgb(21, 106, 161) !important;
}

    .count-size .count {
    }

    .count-size small {
        margin: 10px 0 0;
    }

.paginationno td span {
    padding: 0px 6px;
    display: inline-block;
    border: 1px solid #347f3a;
}

.paginationno td a {
    color: #000;
    padding: 0px 6px;
    display: inline-block;
    margin: 0 1px;
    border: 1px solid #fff;
    text-decoration: none;
}

    .paginationno td a:hover {
        text-decoration: none;
        border-color: #347f3a;
    }

.ipad-option-panel {
    margin: 0px;
    padding: 0px;
    height: 400px;
    overflow: hidden;
    overflow-x: hidden;
}

    .ipad-option-panel ul {
        margin: 0px;
        padding: 0px;
    }

select[multiple] {
    padding: 5px;
    height: 85px !important;
}

.subject-info-arrows .btn-info {
    padding: 5px 10px 7px;
    display: inline-block;
    margin: 0 0 4px;
}

    .subject-info-arrows .btn-info span {
        color: #fff;
    }

.height-105 {
    min-height: 105px;
}

.height-auto {
    height: auto;
}

.esign-popup {
    width: 500px;
    background: #fff;
    border: 1px solid #ccc;
    width: 50%;
    left: 58% !important;
    top: 65% !important;
    margin: -250px 0px 0px -32%;
}

    .esign-popup .container-fluid {
        padding: 0;
    }

.label-green,
.label-red {
    background-color: #008000;
    padding: 3px;
    display: block;
    margin: 5px 0 0;
}

.label-red {
    background-color: #ff0000;
}

.tooltipcharacter {
    background: #fff;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #c7e0ff;
    z-index: 9999999;
}

    .tooltipcharacter::before {
        content: "";
        display: inline-block;
        width: 0px;
        height: 0px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #c7e0ff;
        position: absolute;
        left: 13px;
        top: -7px;
    }

.tooltipcharacter-inner {
    color: #000;
    background: #c7e0ff;
    padding: 3px;
    border-radius: 4px;
}

.nav-parent .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
    background-color: #ccc !important;
}

    .nav-parent .ajax__tab_xp .ajax__tab_header .ajax__tab_outer a {
        color: #fff;
    }

.scroll-overflow {
    max-height: 200px;
}

.btn-info {
    background-color: rgb(21, 106, 161) !important;
    color: #fff !important;
}

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

label {
    margin-left: 5px;
}

input[type=checkbox]:checked:before {
    background: url('../Images/checks.png') no-repeat -4px -78px;
}

.dvWorkFlow {
    /*position: absolute;*/
    padding: 0px;
    top: 70px;
    left: 10px;
    background-color: white;
    min-height: 60px;
    display: none;
    font-size: smaller;
    border: 1px solid #ccc !important;
    outline: 0;
    padding: 0 0 5px;
    margin-top: 8px;
    /*max-height: 230px;*/
    /*overflow-y: auto;*/
    min-width: auto !important;
    padding-bottom: 0px;
}
.divgrvWorkFlowGroup {
    overflow-y: auto;
    max-height: 250px;
    min-height: 60px;
    position: relative;
    overflow-x: hidden;
    display:inline-block;
    width:100%;
}
    .dvWorkFlow .CheckBox-List {
        width: 100% !important;
    }

.WorkFlowGroup tr {
    background: none !important;
    border-bottom: none !important;
}

/*.workflow-tr .search-box {
    margin-right: -2% !important;
    width: 100%;
    height: 24px;
}*/

    .workflow-tr .search-box .form-control {
        border-radius: 0;
        height: 21px !important;
        margin-bottom: 5px;
        position: absolute;
        width: 0px;
        float: Left;
        margin-left: 40% !important;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 0 2px 0 2px;
        border-radius: 1px;
    }

        .workflow-tr .search-box:hover .form-control,
        .workflow-tr .search-box .form-control:focus {
            width: 100%;
            margin-left: -40px !important;
            outline: 0;
            visibility: visible;
        }

    .workflow-tr .search-box input[type="text"] {
        height: 21px !important;
        padding-right: 0% !important;
        width: 40%;
        visibility: hidden;
    }

.workflow-tr .form-control-feedback {
    width: 24px !important;
    border-radius: 0;
    height: 21px !important;
    line-height: 22px !important;
    margin-bottom: 5px;
}

.WorkFlowGroup td {
    padding: 1px !important;
    border-bottom: 0px !important;
}

.workflow-tr span {
    color: #000;
}

.dvWorkFlow input.inputboxsmall.searchtextbox {
    border: 1px solid #c6c6c6 !important;
}

.workflow-search-button {
    pointer-events: auto !important;
    width: 38px !important;
    height: 25px !important;
    right: -19px !important;
    top: -34px !important;
    line-height: 25px !important;
    color: #000 !important;
    border-radius: 20px;
    border-top-left-radius: 0;
}

.dvWorkFlow .text-search-icon {
    right: 15px;
    min-height: 23px;
}

.dvWorkFlow .search-box {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
}

.reference-blue {
    border: 0;
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px;
}

tr.tr-header {
    background-color: #e6e6e6;
}

.reference-blue input[type="checkbox"] {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.hor-space {
    margin: 5px 15px;
    display: block;
}

.label_h {
    color: #0D74AC;
    background-color: #A6DCFB;
}

.Group-plus,
.Group-minus {
    background: url('../Images/plus-icon.jpg') no-repeat center;
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 0;
    cursor: pointer;
    background-size: 100% !important;
    position: relative;
    top: 2px;
}

.Group-minus {
    background: url('../Images/minus-icon.jpg') no-repeat center;
}

.workflow-tr .search-box {
    width: 150px;
    height: 24px;
}

.dvWorkFlow .container-fluid {
    padding: 0;
}

.dvWorkFlow > .container-fluid {
    margin: 0;
    overflow: hidden;
}

table.reference-blue td.child-tr {
    padding: 0 5px !important;
}

.accordion-header {
    padding: 4px;
    background-color: #888;
    cursor: pointer;
}

.toggle-icon {
    padding-right: 5px;
}

.accordion-header a {
    color: #fff !important;
}

.file-browse .dxucBrowseButton,
.file-browse .dxucBrowseButton.dxbf {
    background: rgb(21, 106, 161);
    color: #fff;
    padding: 10px 15px !important;
    line-height: 4px !important;
    border: 0 !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.file-browse .dxucTextBox {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .file-browse .dxucTextBox.dxCB {
        border-radius: 0;
    }

.file-browse .dxucControl .dxucBrowseButton a {
    color: #fff !important;
}

.ver-mspace {
    margin: 5px 0;
}

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

.searchIconInputtext div {
    padding-right: 0;
}

.searchIconInputtext .form-control-feedback {
    right: 0 !important;
}

.tipsy.tipsy-north {
    z-index: 99;
    background-color: #fff;
    border: 1px solid #c7e0ff;
    padding: 3px;
    border-radius: 5px;
    opacity: 1;
}

.tipsy-inner {
    background: #c7e0ff;
    padding: 2px 10px;
    border-radius: 4px;
    color: #000;
}

    .tipsy-inner::after {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 25%;
        margin-left: -10px;
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent #c7e0ff transparent;
        bottom: 28px;
    }

.whitec {
    color: #fff;
    padding: 0 10px;
}

.delivery-schedule {
    margin-top: 7px !important;
}

.margintop6 {
    margin-top: 6px;
}

.marginleft-5 {
    margin-left: -5px;
}

.marginleft10 {
    margin-left: 10px;
}

.deviationRadioBtnStyle {
    display: block;
    margin-top: 0;
    padding-left: 0;
}

    .deviationRadioBtnStyle .form-control {
        padding: 0;
        box-shadow: none;
    }

    .deviationRadioBtnStyle span {
        margin-right: 0 !important;
    }

    .deviationRadioBtnStyle li {
        float: left;
    }

    .deviationRadioBtnStyle .green input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .green label {
        display: inline-block;
        background-color: transparent;
        color: #008000;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #008000;
        float: left;
        line-height: 24px !important;
        border-radius: 4px;
        margin-right: 5px;
    }

        .deviationRadioBtnStyle .green label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .green input[type=radio]:checked + label {
        background-color: #008000;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .deviationRadioBtnStyle .yellow input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .yellow label {
        display: inline-block;
        background-color: transparent;
        color: #c4c404;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #ffff00;
        float: left;
        line-height: 24px !important;
        border-radius: 4px;
        margin-right: 5px;
    }

        .deviationRadioBtnStyle .yellow label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .yellow input[type=radio]:checked + label {
        background-color: #ffff00;
        color: #000;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .deviationRadioBtnStyle .red input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .red label {
        display: inline-block;
        background-color: transparent;
        color: #ff0000;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #ff0000;
        float: left;
        line-height: 24px !important;
        border-radius: 4px;
        margin-right: 5px;
    }

        .deviationRadioBtnStyle .red label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .red input[type=radio]:checked + label {
        background-color: #ff0000;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.rowclear {
    clear: both;
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.dxheControl {
    width: 100% !important;
    border: Solid 1px #7f7f7f !important;
    z-index: 1001 !important;
    top: 30px !important;
}

.dxmLite,
.dxmLite .dxm-item a.dx {
    background: #f3f3f3;
}

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

.btn-primarysbmblue {
    background: rgb(21, 106, 161);
    color: #ffffff;
}

    .btn-primarysbmblue:hover,
    .btn-primary:focus {
        background-color: rgb(21, 106, 161);
        color: #ffffff;
        outline: 1px dotted rgba(0, 0, 0, 0.9);
    }

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

.margin-right_95 {
    margin-right: 95px;
}

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

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

input[type=checkbox]:before {
    content: "";
    display: inline-block;
    margin: -1px;
    padding: 0px;
    width: 16px;
    height: 16px;
    background-image: url(../Images/checks.png);
    background-repeat: no-repeat;
    background-position: -4px -53px;
}

.confirmcheckbox input[type=checkbox]:before {
    content: "";
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    background: url('../Images/CheckBox-default.png') no-repeat -1px 3px;
}

.confirmcheckboxlable {
    padding-left: 5px;
    padding-top: 5px;
}

label {
    margin-left: 5px;
}

.doc-del table td {
    padding: 4px 7px !important;
}

.bg-active {
    display: block !important;
}

.bg-deactive {
    display: none !important;
}

.redc {
    color: #ff0000 !important;
}

.xs-textbox {
    width: 49px !important;
}

.ver-mspace10 {
    margin: 10px 0 !important;
}

.check-delete-icons span {
    float: left;
}

.check-delete-icons .delete-icon {
    display: inline-block;
    margin: 0 10px;
}

.CollapsImg {
    float: left;
    padding: 7px;
    height: 28px;
    width: 28px;
    margin-top: 2px;
}

.CollapseHeadingYellow {
    background-color: #b7b5b5;
    padding: 3px;
}

    .CollapseHeadingYellow a {
        color: #000 !important;
        position: relative;
        top: 4px;
    }

.gridview-content-block {
    display: none;
}

.dxtbControl table td,
.dxmLite .dxm-main.dxmtb,
.dx table td {
    padding: 0 !important;
}

.scroll-right {
    overflow-y: scroll;
    height: 200px;
}

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

.row-col-space span {
    padding-right: 10px;
}

.row-col-space input[type="text"] {
    margin-right: 10px !important;
    float: left;
}

.file-browse .file-manadtory .dxucTextBox {
    border-left-color: red;
    border-left-width: 2px;
}

.label-attach-input {
    height: 34px;
}

.dxucControl td {
    padding: 0 !important;
}

.dxucEditArea,
input[type="text"].dxucEditArea {
    padding-left: 6px;
}

.view-button {
    color: #fff;
}

.th {
    color: #fff;
}

.btnCheckCodeExist {
    padding: 5px 15px 0px 0px;
}

.dvAvailable {
    display: none;
    color: Green;
    padding-top: 3px;
}

.view-icon {
    background: none;
    border: 0px solid #ccc;
    display: inline-block;
    padding: 2px 5px;
    margin: 1px 3px;
}

    .view-icon:hover {
        background: #eee;
    }

    .view-icon i {
        color: #000 !important;
    }

.paddingtop-3 {
    padding-top: 3px;
}

.paddingtop_4 {
    padding-top: 4px;
}

.agadd-agrem-but {
    padding-top: 15px;
    margin-top: 15px;
}

.height-200 {
    height: 200px;
}

.grid-radio-btn span {
    padding: 1px;
}

.grid-radio-btn {
    width: 100%;
    float: left;
    border: none !important;
}

    .grid-radio-btn label {
        line-height: 0px;
        margin-top: -20px !important;
        display: block;
        margin-left: 20px;
    }

.dxucEditArea,
input[type="text"].dxucEditArea {
    padding-left: 20px;
    color: #fff;
}

.file-attach .dxucEditArea,
.file-attach input[type="text"].dxucEditArea {
    padding-left: 20px;
    border: none;
    color: #333;
}

.file-attach tr[id*="UploadControl_AddUploadR"],
.file-attach tr[id*="UploadControl_AddUploadPanelR"] {
    display: none;
}

.file-attach tr[id*="uploadControlAttach_AddUploadR"],
.file-attach tr[id*="uploadControlAttach_AddUploadPanelR"] {
    display: none;
}

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

.txtbox-inline input[type="text"] {
    width: 45%;
    display: inline-block;
    margin-right: 10px !important;
    margin-bottom: 0px;
}

.tree.checkbox-list {
    border-color: #ccc;
}

    .tree.checkbox-list li {
        padding: 4px 0;
    }

.checkbox-list span {
    padding: 0 !important;
}

.checkbox-list label + input[type="checkbox"] {
    margin-left: 5px;
}

.checkbox-list input[type="checkbox"],
.checkbox-aln input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.checkbox-list label {
    margin-bottom: 0;
    display: inline;
}

.checkbox-list table td {
    padding: 0 0 0 3px !important;
}

.checkbox-list-label-height {
    min-height: 202px !important;
}

.table-responsive th a {
    color: #000 !important;
    text-decoration: none;
    font-weight: 600;
    text-transform: capitalize;
}

.height-scroll {
    max-height: 200px;
    overflow-y: auto !important;
}

.btn-bot-space .btnn {
    margin-bottom: 8px;
    display: inline-block;
}

.GridHeading a {
    color: #000 !important;
    text-decoration: none;
    font-style: normal;
}

.dropdown-table input[type=checkbox] {
    float: left;
    height: 14px;
}

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

.padding-right-0 {
    padding-right: 0;
}

.print-icon .btnn {
    margin-right: 15px;
    padding: 4px 10px;
}

.disp-reset {
    display: inherit;
}

.check-inline {
    float: none !important;
    margin: 0;
}

.icon-span-filestyle {
    margin-top: -26px !important;
    margin-left: 7px;
    /*width: 75%;*/
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*height: 14px;*/
    height: 20px;
}

    .icon-span-filestyle .glyphicon-folder-open:before {
        margin-right: 5px !important;
    }

.space-zero table td {
    padding: 0 !important;
}

.space-zero .search-box {
    margin: 0;
}

#txtFromDate_input,
#txtToDate_input {
    height: auto !important;
}

#txtBoxTargetDate_input {
    height: auto !important;
    margin-top: -2px;
}

.space0 {
    padding: 0;
}

.catsel select {
    width: 100px;
    height: 26px;
}

.Block-1-heading {
    background-color: #a1d5ed;
    padding: 8px 10px;
    color: #000;
    line-height: 15px !important;
}

.CollapseHeadingYellow {
    background: #d0d7e7 !important;
    background: -webkit-linear-gradient(#f0eeee, #e9e8e8);
    background: -o-linear-gradient(#f0eeee, #e9e8e8);
    background: -moz-linear-gradient(#f0eeee, #e9e8e8);
    background: linear-gradient(#f0eeee, #e9e8e8);
    color: #000;
    cursor: pointer;
    line-height: 20px;
    margin-top: 2px;
    padding: 0;
    border: 0 !important;
    padding-bottom: 2px;
}

    .CollapseHeadingYellow .accordion_icon {
        background: #d0d7e7;
    }

    .CollapseHeadingYellow .right-arrow-doc:after {
        border-left: 15px solid #87fffb;
    }

    .CollapseHeadingYellow .right-arrow-doc {
        background: #d0d7e7;
        padding: 0px 0 1px 5px;
    }

.yellow-grid-reset td {
    padding: 1px 0 !important;
    border: 0 !important;
}

.dxtcLite,
.dxsplControl {
    font: inherit;
    padding: 5px;
}

.inner-grid-heading-bg th {
    background-color: #dbe4a5;
    color: #000;
}

    .inner-grid-heading-bg th span {
        color: #000;
    }

.yellow-grid-reset .inner-grid-heading-bg td {
    padding: 2px 10px !important;
    border: 1px solid #e0dddd !important;
}

.md-textbox {
    width: 110px !important;
}

.form-control {
    padding: 6px 6px !important;
}

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

.grey-bg {
    background: #175d8a;
}

.combobox-aln .dxeHD {
    background: #d8f3fb;
    border-bottom: #cecdcd 1px solid !important;
    height: 30px !important;
    text-align: left !important;
    color: #0072AE !important;
    display: inline-block !important;
    line-height: 18px !important;
    width: 100% !important;
}

    .combobox-aln .dxeHD table tr td {
        color: #fff !important;
    }

.combobox-aln .dxeListBoxItem EM {
    color: #0072AE !important;
    background-color: #FFFF00 !important;
}

.combobox-aln .dxeButtonEdit {
    margin-top: 0;
    height: 26px;
}

.log-form .dxeButtonEditButton {
    right: -1px;
}

.combobox-mandatory .dxeButtonEdit {
    border-left: 2px solid red !important;
}

.combobox-aln .dxeEditArea {
    height: 18px;
    padding: 0px 5px !important;
}

.combobox-aln .dxeButtonEditButton {
    top: 6px;
}

.combobox-aln .dxeListBoxItem {
    padding: 7px 2px 4px 3px !important;
    white-space: normal;
}

.combobox-aln .dxlbd {
    width: 500px !important;
}

.combobox-aln .dxeListBoxItemHover {
    background-color: #e4e3e3 !important;
}

.combobox-aln .dxeListBox .dxeHLC {
    border-right: 1px solid #509dd0;
}

.combobox-aln .dxeListBox .dxeHC,
.combobox-aln .dxeListBox .dxeHLC,
.combobox-aln .dxeListBox td.dxeHMIC {
    border-left: 1px solid #cfcfcf;
}

.combobox-aln .dxeHFC {
    border-left: 0;
}

.combobox-aln table.dxeListBox div.dxeHD {
    background: #509dd0 !important;
    border-bottom: #cecdcd 1px solid !important;
    height: auto !important;
    text-align: left !important;
    color: #0072AE !important;
    display: inline-block !important;
    line-height: 18px !important;
    width: 100% !important;
}

.combobox-aln #txtSearchh_DDD_L {
    border: #ccc 1px solid !important;
}

.combobox-aln .dxpcDropDown {
    width: 100% !important;
    z-index: 100000000 !important;
}

.combobox {
    position: absolute;
    left: 26%;
}
/*.esignPopup .label-output {
    padding-top: 3px !important;
}*/
.modalPopup {
    left: 50% !important;
    top: 50% !important;
    /*max-width: 600px;
    min-width: 350px;*/
    width:600px;
    position: fixed !important;
    z-index: 1000008 !important;
    margin: 0px !important;
    box-shadow: 4px 4px 0px rgb(21, 106, 161);
    border: rgb(21, 106, 161) solid 1px;
    box-shadow: 0px 1px 8px #676d71;
    padding: 0;
    transition: all .5s ease-in-out;
    transform: translate(-50%, -50%);
    visibility: visible;
    z-index: 200;
    opacity: 1;
}

.alert-message {
    left: 45% !important;
    top: 50% !important;
    width: 540px !important;
    position: fixed !important;
    z-index: 100100 !important;
    margin: -150px 0px 0px -240px !important;
    box-shadow: 4px 4px 0px rgb(21, 106, 161);
    border: 0 !important;
    box-shadow: 0px 1px 8px #676d71;
    border: rgb(21, 106, 161) solid 1px;
    border-radius: 6px;
    padding: 0px;
    background-color: #fff;
}

.popup_heading {
    background: #147abb;
    background: -moz-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: -webkit-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: linear-gradient(to bottom, #147abb 0%, #0a5a8c 51%, #085484 100%);
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 4px 4px 0 0;
    margin: 0;
}

.popup-content-inner {
    border: #0075bf solid 4px !important;
    border-width: 0;
    padding-top: 15px;
    border-top: 0 !important;
    border-radius: 0 0 6px 6px;
    max-height: 305px;
    overflow-y: auto;
}

.popupButtonsBlock {
    text-align: center;
    background-color: #e5e5e5;
    margin: 0;
    padding: 5px 0 4px;
}

.popup_heading i {
    font-size: 16px;
    margin-right: 9px;
    margin-top: 9px;
    float: left;
}
.pop-content {
    background-color: #fff;
}

.imbtnClose {
    float: right;
    position: relative;
    top: -23px;
    right: -23px;
    width: 22px;
    height: 22px;
    border-style: none;
    border: none;
    cursor: pointer;
    background: url(../images/popup/close-btn.png) no-repeat;
    background-size: 100% 100%;
}

.modalPopupDisplay {
    left: 50%;
    top: 50%;
    position: fixed !important;
    z-index: 1000000001 !important;
}

.iframepopup {
    padding: 10px;
    box-sizing: border-box;
    margin: -36px 0px 0px 0px;
    border: rgb(21, 106, 161) solid 1px;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: rgb(21, 106, 161) 5px 5px 0px;
}

.popup-outer-scroll {
    min-height: 80px;
    max-height: 233px;
    overflow-y: auto;
    /*height: 100px;*/
}

.popup-scroll {
    display: table;
    height: 100px;
    width: 100%;
}

.popup-scroll-inner table {
    width: 100%;
}

.popup-scroll-inner {
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.main-content .tabrow {
    margin: 0px;
    padding: 0px;
}

.main-content .ipadchart-summary-panels {
    background: #fff;
}

.ipad-l-orange {
    color: #f8bd19;
}

.ipad-l-red {
    color: #e44a00;
}

.ipad-l-blue {
    color: #008ee4;
}

.ipad-l-lightblue {
    color: #33bdda;
}

.ipad-l-green {
    color: #9ACD32;
}

.ipad-l-yellow {
    color: #FFD700;
}

.ipadchart-item .cont {
    display: table-cell;
    width: 150px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    color: rgb(21, 106, 161);
    position: relative;
    z-index: 99;
    top: 40px;
}

.ipadchart-item .contdash {
    display: table-cell;
    width: 150px;
    height: auto;
    text-align: center;
    vertical-align: middle;
    color: rgb(21, 106, 161);
    position: relative;
    z-index: 99;
    left: 29px;
    margin-bottom: 10px;
}

    .ipadchart-item .contdash span.count {
        top: -20px;
        left: 62px;
        position: absolute;
    }

.ipadchart-item-legend ul li {
    margin-bottom: 0;
    color: rgb(21, 106, 161);
    display: block;
    width: 100%;
}

.clearfix {
    margin-bottom: 10px;
}

.gridright-icon {
    padding: 6px;
}

    .gridright-icon a {
        color: #fff !important;
    }

.sub-title-bg {
    background: #fff;
    border-bottom: 1px solid rgb(21, 106, 161);
}

.sub-title-text {
    padding: 0 17px;
    line-height: 30px;
    color: #227bb5;
}

.checkbox-list-dropdown {
    background-color: #fff;
    height: 160px;
    width: 90.5%;
    overflow-y: scroll;
    position: absolute;
    visibility: visible;
    left: 15px;
    top: 26px !important;
    z-index: 1000;
    padding: 6px;
    border: 1px solid #ccc;
}

    .checkbox-list-dropdown label {
        word-break: break-all;
        max-width: 250px;
    }

    .checkbox-list-dropdown input[type="text"] {
        float: left;
    }

.border-reset .form-control[readonly] {
    border: 0;
    background-color: #fff;
    box-shadow: none;
}

.dashcontainer {
    width: 100%;
    background-color: rgb(255, 255, 255);
    overflow: scroll;
    text-align: left;
    border: 1px solid #9c9595;
    box-shadow: 4px 4px 0px 0px #9c9595;
    border-radius: 6px;
    background-color: #f3f3f3;
}

.dashcontainer4 {
    width: 100%;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
    text-align: left;
    border: 1px solid #9c9595;
    box-shadow: 4px 4px 0px 0px #9c9595;
    border-radius: 6px;
    background-color: #f3f3f3;
}

.grid-rightside-repeat-btn {
    color: #fff !important;
    margin: 5px;
    padding: 3px 5px;
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #2d5d06;
}

.alertmsgimg {
    max-width: 75px;
}

.alertmsgimg {
    max-width: 75px;
}

.dropdown-group-filter .select2-choice {
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

.select2-container .select2-search__field {
    border-radius: 30px !important;
    max-height: 24px;
    content: "\f002";
    display: inline-block;
    background: #ededed url(../images/search-icon-right.png) no-repeat center right !important;
    margin-bottom: 0;
    padding-right: 25px;
}

.dxeEditArea.dxeEditAreaSys {
    width: 100%;
}

.select2-container .select2-search__field:focus {
    outline: 0;
}

.select2-container .select2-results__option {
    padding: 3px 6px;
}

.select2-drop-active {
    z-index: 1000000;
}

.dropdown-mandatory + .select2-container .select2-selection {
    border-left: 2px solid #ff0000 !important;
}

.dropdown-mandatory + .chosen-container {
    width: 90%;
    border-left: 2px solid red;
    border-radius: 5px;
}

.dropdown-nonmandatory + .chosen-container {
    width: 90%;
    border-radius: 5px;
}

.popup-force-overflow .row {
    margin: 2px 0px;
}

.develop-document #right-component {
    width: 35%;
}

.develop-document #left-component {
    right: 35%;
}

.develop-document #my-divider {
    right: 35%;
}

#accordion-develop .accordion_icon {
    min-height: 29px;
    padding: 7px 10px;
    color: #fff;
    background: #2d6f9a;
    position: relative;
    top: 0px;
}

#accordion-develop .light-bg {
    color: #fff;
}

#accordion-develop .grid-title {
    padding-left: 5px;
}

#accordion-develop .yellow-grid {
    background-color: #f7dba9;
}

    #accordion-develop .yellow-grid th {
        color: #000;
    }

.develop-document .btn-primarysbm {
    padding: 6px 9px;
    margin-right: 0;
}

.develop-document table td {
    color: #6f6f6f;
}

.light-bg {
    background: #d0d7e7;
    margin-bottom: 2px;
    min-height: 26px;
    cursor: pointer;
    border: 1px solid #a0afcc;
}

.accordion_icon {
    max-height: 26px;
    padding: 1px 0px;
    color: #474747;
    background: #d0d7e7;
    float: right !important;
}

.center-Count-doc {
    padding: 7px 0 6px 5px;
    color: #000;
    /*text-align: center*/;
}

    .center-Count-doc .noData {
        display: inline-block;
    }

.accordion_count {
    padding: 1px 0;
    border-radius: 50%;
    color: #000;
}

.center-Count-doc:before {
    content: '(';
}

.center-Count-doc:after {
    content: ')';
}

.right-arrow-doc {
    background: #d0d7e7;
    padding: 0 0 4px 8px;
    color: #000;
    text-align: left;
    max-height: 30px;
    font-weight: normal;
    font-weight: bold;
    display: inline-block;
    position: relative;
    /*min-width: 385px;*/
    margin-right:15px;
}

    .right-arrow-doc div,
    .center-Count-doc div {
        display: inline-block;
    }

    .right-arrow-doc::first-letter,
    .right-arrow-doc > span::first-letter,
    .right-arrow-doc > div > span::first-letter,
    .right-arrow-doc > div::first-letter {
    }

    .right-arrow-doc:after {
        content: '';
        display: block;
        position: absolute;
        left: 100%;
        top: 11px;
        margin-top: -12px;
        width: 0;
        height: 0;
    }

    .right-arrow-doc span {
        width: auto !important;
        display: block;
        float: left;
        position: relative;
    }

    .right-arrow-doc:before {
        content: "\f00a";
        font-family: "FontAwesome";
        position: relative;
        top: 8px;
        margin-right: 5px;
        font-size: 0.9rem;
        font-weight: normal !important;
        float: left;
    }

    .right-arrow-doc span:before {
        content: '';
        display: inline-block;
        position: relative;
        top: 6px;
        width: 1px;
        height: 21px;
        background: #a0afcc;
        margin-right: 8px;
    }

#accordion-develop .badge {
    background-color: #e4e3e3;
    border-radius: 10px;
    border: 1px solid #000;
    margin: 5px 10px;
    color: #4c4848;
    padding: 3px 6px;
}

.lblSchedule-view-icon {
    position: absolute;
    border: snow;
    margin-top: -21px;
    float: right;
    right: 11px;
}

.blue-circle:before,
.green-circle:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: blue;
    border-radius: 50%;
    position: relative;
    top: 2px;
    margin-left: 15px;
}

.green-circle:before {
    background-color: #51a010;
}

.left-align td {
    padding: 0 !important;
}

.dxeListBoxItem {
    white-space: normal;
}

.dxeDropDownWindow {
    border: 0;
}

.dxbButton div.dxb {
    padding: 0;
}

.radio-btn-reset td {
    padding: 0 !important;
}

.intend-select .dxeButtonEdit {
    margin-top: 0;
}

.intend-select .dxeEditArea {
    height: 16px;
    padding: 0px 5px !important;
}

.intend-select .dxeButtonEditButton {
    right: 2px;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 0.625rem 1.25rem;
    }

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile-6 + label {
    color: rgb(21, 106, 161);
}

.inputfile-6 + label {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0;
    border-radius: 4px;
    margin-left: 0;
}

    .inputfile-6:focus + label,
    .inputfile-6.has-focus + label,
    .inputfile-6 + label:hover {
        border-color: #66afe9;
    }

    .inputfile-6 + label span,
    .inputfile-6 + label strong {
    }

    .inputfile-6 + label span {
        width: 200px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
        padding: 0 5px;
    }

    .inputfile-6 + label strong {
        height: 100%;
        color: #fff;
        background-color: #1975b7;
        display: inline-block;
        border-radius: 0 4px 4px 0;
        padding: 0 20px;
    }

    .inputfile-6:focus + label strong,
    .inputfile-6.has-focus + label strong,
    .inputfile-6 + label:hover strong {
        background-color: #3a8fcc;
    }

.blackc a,
.blackc {
    color: #000 !important;
}

.inline-table-cell tr {
    display: table-cell;
}

.entitytypebut table tr td {
    padding: 0px !important;
}

.relative-pos {
    position: relative;
}

    .relative-pos a {
        position: absolute;
        right: 20px;
        top: 6px;
    }

.assign-icon {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px !important;
}

.disp-inline {
    display: inline-block !important;
}

.relative-pos .eye-position {
    right: 38px;
    top: 7px;
}

.pointer {
    cursor: pointer;
}

.clearboth {
    clear: both;
}

.delivarable-block {
    overflow: hidden;
    background: #fff;
    color: #000;
    width: 25%;
    margin: 5px 0;
    border-radius: 4px;
    margin-left: 35%;
}

.popup-close button {
    opacity: 1;
    padding: 9px;
}

.popup-close .close:hover,
.popup-close .close:focus {
    color: #fff;
    opacity: 1;
    outline: 0;
}

.popup-close .close {
    opacity: 1;
    padding: 5px 10px;
}

.home-popup-close .close {
    opacity: 1;
    padding: 0px 10px;
    margin-top: 8px;
}

.exclamation-icon i {
    color: #ec3939;
    font-size: 52px;
}

.home-popup-close i {
    color: #fff;
    font-size: 22px;
}

.popup-close i {
    color: #fff;
    font-size: 22px;
}

.popup-content-inner .popup-scroll table a {
    width: 100%;
    display: block;
}

.bullet-list table span:before,
.bullet-list .confirmation-popup:before,
.bullet-list1 span:before,
.bullet-list2 a:before {
}

.bullet-list3 a:before {
    content: "";
    display: list-item;
    background: url(../images/bullet_point.png) no-repeat;
    list-style-type: none;
    color: #000;
    float: left;
    position: relative;
    top: 3px;
    right: 1px;
    width: 12px;
    height: 12px;
}

.confirmation-popup em {
    font-style: normal;
}

.view-popup-head {
    background: -webkit-linear-gradient(top, #157dbf 0%, #0f6fab 20%, #085484 51%);
    color: #fff;
    border-radius: 0;
    margin: 0;
}

.popup-innerblockdisplay iframe {
    padding: 0 !important;
    border: 4px solid #085484;
    border-radius: 6px;
    margin: -40px 1% 0px 8% !important;
    border-top: 0;
    width: 90% !important;
}

.modalPopupDisplay {
    box-shadow: none !important;
    border: 0 !important;
    background-color: transparent !important;
}

.clearboth {
    clear: both;
}

.height-230 {
    height: 230px;
}

.list-group {
    border: 1px solid #ccc;
    padding: 10px;
}

    .list-group ul {
        padding-left: 0;
    }

.list-group-search-block {
    position: relative;
    margin-bottom: 15px;
}

    .list-group-search-block .form-control {
        padding-right: 30px;
    }

.list-group input[type="checkbox"] {
    position: relative;
    top: 2px;
    right: 2px;
}

.list-group-search-icon,
.list-group-search-icon:hover {
    pointer-events: auto;
    width: 35px;
    height: 25px;
    right: 0;
    top: 0px;
    line-height: 24px;
    color: #8c8a8a !important;
    border-radius: 20px;
    border-top-left-radius: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
}

.list-group tr td a {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 0 10px !important;
    float: left;
    width: 90%;
    color: #000;
}

.scroll-height {
    height: 140px;
    overflow-y: auto;
}

.list-group .fa-times {
    cursor: pointer;
}

.dxgvControl,
.dxgvDisabled {
    font-family: inherit;
}

.dxgvHeader {
    background-color: #F1F2F7 !important;
    padding: 3px !important;
    color: #000;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: capitalize;
    box-sizing: border-box;
    border-bottom: 2px solid rgba(59, 89, 153, 0.32);
    border-right: 1px solid #ddd;
}

    .dxgvHeader table {
        color: #000 !important;
    }

.chillout-diamond span {
    border-radius: 0 !important;
}

.chillout-diamond .gsi-step-indicator.triangle td.current > * {
    background-color: #ccc;
    border-color: #ccc;
    padding-left: 20px;
}

.chillout-diamond .gsi-step-indicator.triangle td {
    width: 21%;
    text-align: center;
}

.pre-req #accordion-develop {
    border: 1px solid #ccc;
    border-top: 0;
}

.chillout-diamond .gsi-step-indicator.triangle td > * {
    padding: 0;
    min-height: 38px;
    line-height: 28px;
}

.chillout-diamond .gsi-step-indicator td .number {
    margin: 5px 0 5px 35px;
}

.chillout-diamond .gsi-step-indicator td .desc {
    padding-top: 5px;
}

.chillout-diamond .gsi-step-indicator td.current .number {
    margin: 5px 0 5px 25px;
}

.chillout-diamond .gsi-step-indicator td .desc label {
    cursor: default;
}

.chillout-diamond td.done a {
    color: #fff;
    float: left;
}

.chillout-diamond td.prerequisite_empty a {
    color: #fff;
}

.chillout-diamond td.current a,
.chillout-diamond td.current a:hover {
    color: #77797b;
}

.gsi-step-indicator.triangle td:last-of-type .tick {
    margin-right: 10px;
}

.prerequisite td {
    display: inline;
    min-height: 31px;
    line-height: 26px;
    min-width: 120px;
    float: left;
    margin-right: 45px;
    position: relative;
    padding: .5em .8em .5em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    border-color: #edeff0;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .prerequisite td::after,
    .prerequisite td > *::after {
        position: absolute;
        display: block;
        border-right: 0;
        top: -1px;
        z-index: 10;
        content: '';
        right: -15px;
    }

.chillout-diamond .tick {
    float: right;
    right: 5px;
    position: absolute;
    padding-top: 8px;
}

.lnkPreRequisite {
    color: #000 !important;
}

.prerequisitebg {
    background: #dfe5e5;
}

.prerequisite td .number {
    background: #fff !important;
    color: #000 !important;
    width: 25px;
    height: 25px !important;
    line-height: 23px;
    text-align: center;
    position: absolute;
    margin-left: 1px;
    border: 1px solid #edeff0;
    padding-top: 0px;
    margin-top: 1px;
    left: 3px;
}

.prerequisite td .desc {
    padding-top: 2px;
    padding-left: 30px;
    vertical-align: super;
    padding-right: 15px;
    float: left;
}

    .prerequisite td .desc label {
        cursor: pointer;
    }

.prerequisite td.done {
    color: #000;
    background-color: #9bd6b9;
    border-color: #9bd6b9;
}

    .prerequisite td.done .number {
        float: left;
        left: 3px;
    }

    .prerequisite td.done::after,
    .prerequisite td.done > *::after {
        top: 1px;
        right: -31px;
    }

.prerequisite td.prerequisite_empty {
    color: #FFFFFF;
    background-color: #f3a5a5;
    border-color: #f3a5a5;
}

    .prerequisite td.prerequisite_empty .number {
        border: 1px solid #f3a4a4;
    }

.prerequisite td span::after {
    border: none !important;
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
}

.std-reason-icon {
    background: url("../Images/popup/standard-reasoning-icon.png") no-repeat left top;
    display: inline-block;
    width: 14px;
    height: 16px;
    position: relative;
    top: 10px;
}

.alert-message .styled-select {
    width: 100%;
}

.greenc {
    color: #76a717 !important;
}

.site-main-icon {
    position: relative;
}

.vertical-image {
    position: relative;
    min-height: 70px;
}

    .vertical-image i {
        position: absolute;
        top: 30%;
        right: 0;
    }

.btn-icon {
    background-color: transparent;
    text-align: left;
    left: 10px;
    line-height: 30px !important;
    cursor: pointer;
    width: 10px !important;
}

.no-text-icon {
    color: #2e92d4 !important;
    position: relative;
    top: -6px !important;
}

.bg-reset {
    padding: 4px 15px;
    background: none;
    border: 0;
}

.dxsplPane {
    border-color: #ccc !important;
}

.dxsplS {
    width: 10px !important;
    overflow: visible !important;
}

.dxsplVSeparator {
    padding-left: 0 !important;
}

.dxsplVSeparatorButton,
.dxsplVSeparatorCollapsed .dxsplVSeparatorButton {
    display: inline-block;
    position: absolute;
    left: -1px;
    background: url(../Images/split-icon-front.png);
    background-repeat: no-repeat;
    width: 37px;
    height: 61px;
}

    .dxsplVSeparatorButton img {
        position: relative;
        left: 4px;
        top: 10px;
        display: none;
    }

.dxsplVSeparator.dx-ac {
    padding: 0 !important;
    position: relative;
}

.dxsplVSeparatorCollapsed .dxsplVSeparatorButton {
    background: url(../Images/split-icon-back.png);
    background-repeat: no-repeat;
    left: -1px;
}

.dxsplVSeparatorCollapsed {
    border-left: 1px solid #e6e4e4;
}

.Tab {
    width: 100%;
    min-width: 400px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: inline !important;
    outline: none;
}

.Tab .ajax__tab_default .ajax__tab_tab {
    display: inline !important;
}

.Tab .ajax__tab_header {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    width: 100%;
    margin-bottom: -1px;
    border-bottom: 1px solid #156aa1;
}

.new_inventory .ajax__tab_header {
    border-bottom: 0;
}

.Tab .ajax__tab_body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    width: 100%;
    height: auto !important;
    border: 1px solid #a0afcc;
    padding: 5px 5px 0;
}

.Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab span {
    display: block;
    float: right;
    padding: 4px 10px;
    z-index: initial;
    background: #fff;
    position: relative;
    cursor: pointer;
    border: 1px solid #156aa1 !important;
    color: #fff;
    font-style: normal;
    background-color: rgb(21, 106, 161);
    border-bottom: 0;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span {
    display: block;
    float: right;
    padding: 5px 10px 4px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    font-style: normal;
    letter-spacing: 0.5px;
    color: #1a1a1a;
    margin-right: -1px;
    border: 1px solid rgb(21, 106, 161);
    background-color: rgba(21, 106, 161, 0.08);
    margin-right: 4px;
    border-bottom: 0;
    text-transform: uppercase;
}

.ajaxTab_button {
    background: transparent;
    border: none;
    margin: 0px !important;
    padding: 0px !important;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span span {
    border: none !important;
    background: transparent;
    line-height: 13px;
    float: left;
}

.Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab button > span:first-of-type {
    display: block;
    padding: 0px;
    margin: 0px -5px 0px -4px;
    line-height: 20px;
}

.Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab button > span:last-of-type {
    padding: 2px 2px 0px 0px;
    line-height: 18px;
    margin: 0px 4px 0px 0px;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab button > span:first-of-type {
    display: none;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab button > span:last-of-type {
    padding: 2px 2px 0px 0px;
    line-height: 20px;
    margin: 0px;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover {
    color: #fff;
    background-color: rgb(21, 106, 161);
}

    .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover span {
        color: #fff;
        background-color: rgb(21, 106, 161);
    }

.Tab a {
}

.Tab .ajax__tab_header .ajax__tab_outer {
    margin: 0 0px;
}

.Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover:after {
    width: 100%;
}

.dxpcLite .dxpc-header {
    background-color: rgb(21, 106, 161);
    background: -webkit-linear-gradient(top, #157dbf 0%, #0f6fab 20%, #085484 51%);
    padding: 8px 15px;
    border: 0;
}

.dxm-shadow.dxm-popup.dxmtb {
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dxpcLite {
    font-family: inherit;
    width: 570px !important;
    /*top: 61px !important;*/
}

    .dxpcLite.dxhe-insertTableDialog-popup,
    .dxpcLite.dx-dialog {
        top: 50% !important;
	    left: 50% !important;
        transform: translate(-50%, -50%);
        position: fixed !important;
    }

.dxflFormLayout.dxhe-insertTableDialog {
    width: 100% !important;
}

.dxflGroupBoxCaption {
    top: -14px !important;
}

.dxflHARSys.dxflVATSys {
    width: 25% !important;
    background-color: #e4e4e4 !important;
}

.dxhe-dialog-popup-static div.dxflFormLayout.dxhe-dialog table.dxhe-dialogLG {
    padding-left: 8px;
    padding-right: 8px;
}

.dxflCaptionCell {
    padding-right: 10px !important;
    line-height: 24px !important;
}

.dxpcLite .dxpc-content {
    height: 90px;
    padding: 30px 15px 0;
}

.dxpcLite .dxpc-headerText {
    color: #fff;
}

.dxbButtonSys.dxbTSys {
    background: transparent !important;
    color: #347f3a !important;
    border: 1px solid #347f3a;
    padding: 0.35rem 1.5rem;
    box-shadow: 0px 0px 5px rgba(58, 58, 58, 0.4);
    transition: background-color 0.3s ease;
    border-radius: 3px;
    margin-bottom: 5px;
}

    .dxbButtonSys.dxbTSys:hover {
        background: #EBF8F1 !important;
        outline: none;
    }

.combobox-aln .dxbButton {
    padding: 5px 13px 7px;
}

.dxpcLite.dxpc-mainDiv {
    border-radius: 4px;
    box-shadow: inset 0px 0px 0px 4px #0b5e92 !important;
}

.dxpcLite .dxpc-footer {
    border-radius: 0 0 4px 4px;
    padding: 0;
    border: 4px solid #085484;
    border-top: 0;
}

.dxpcLite td {
    padding: 0 !important;
}

.dxeBase {
    font-family: inherit;
}

.dxeProgressBarIndicator {
    background-color: #2b76b1;
    height: 14px !important;
}

.dxePBMainCell table {
    height: 10px !important;
    margin-top: -14px !important;
}

.dxeProgressBar {
    margin: 20px 0 5px;
    border: 0;
}

    .dxeProgressBar td.dxe {
        color: #fff;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        -o-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite;
    }

.dxpcLite .dxbButton div.dxb {
    padding: 3px 8px 4px;
}

.Profile_small {
    width: 25px;
    height: 25px;
}

.Profile_big {
    width: 50px;
    height: 54px;
}

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

.output-left {
    display: inline-block;
    float: left;
    width: 90%;
}
.esignPopup .output-left {
    width: 100%;
}
.dxeButtonEdit .dxic {
    width: auto !important;
}

.tabs-left {
    border-bottom: none;
}

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

    .tabs-left > li {
        float: none;
        margin-bottom: 0;
    }

    .tabs-left > li {
        margin-right: -1px;
        background-color: #41a2e0;
        border-top: 1px solid #fff;
        padding-right: 0;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            border-bottom-color: #ddd;
            border-right-color: transparent;
            border-top-color: transparent !important;
        }

        .tabs-left ul li a,
        .tabs-left > li > a {
            border-radius: 0 !important;
        }

.nav-tabs.tabs-left > li > a {
    border-radius: 0;
    margin-right: 0;
    display: block;
    border: 0;
    color: #fff !important;
    padding: 8px 15px;
}

.nav.tabs-left > li > a:focus,
.nav.tabs-left > li > a:hover {
    background-color: rgb(21, 106, 161);
    border: 0;
}

.first-tab a {
    cursor: pointer !important;
}

.nav-tabs .first-tab > ul li a {
    background-color: #c3e1f5;
    color: rgb(21, 106, 161) !important;
}

    .nav-tabs .first-tab > ul li a:hover,
    .nav-tabs .first-tab > ul li.active a,
    .nav-tabs .first-tab > ul li a:focus {
        background-color: #41a2e0 !important;
        color: #fff !important;
    }

.toggle-icon .fa-caret-down:before {
    content: "\f0da";
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0px solid #ddd !important;
}

.hor-space-0 {
    padding-left: 0;
    padding-right: 0;
}

.tabs-left .top-border-none {
    border-top: 0;
}

.btn-group-icons {
    background: url(../Images/btn-icons.png) no-repeat !important;
    display: inline-block;
    border: 0;
}

.btn-group-Trashicons {
    background: url(../Images/btn-icons.png) no-repeat !important;
    display: inline-block;
    border: 0;
}

.hyperlink-group-icons {
    background: url(../Images/btn-icons.png) no-repeat !important;
    display: inline-block;
    width: 30px;
    border: 0;
    height: 22px;
}

.zoomin-icon {
    background-position: -7px -3216px !important;
}

.zoomout-icon {
    background-position: -7px -3187px !important;
}

.accept-icon {
    background-position: -7px -6px !important;
}

.SelectIconSep {
    background-position: -7px -9px !important;
}

.download-icon {
    background-position: -7px -36px !important;
    padding: 0.3rem 0.9rem 0.4rem 0.9rem;
}

.upload-icon {
    background-position: -7px -1218px !important;
}

.discussion-icon {
    background-position: -7px -67px !important;
}

.generate-icon {
    background-position: -7px -100px !important;
}

.clear-icon {
    background-position: -7px -138px !important;
}

.validate-icon {
    background-position: -7px -200px !important;
}

.print-diagram-icon {
    background-position: -7px -237px !important;
}

.print-hyper-icon {
    background-position: -7px -240px !important;
}

.trash-icon {
    background-position: -7px -272px !important;
}

.map-icon {
    background-position: -7px -307px !important;
}

.open-icon {
    background-position: -7px -333px !important;
}

.history-icon {
    background-position: -7px -370px !important;
}

.save-icon {
    background-position: -7px -403px !important;
}

.view-more-icon {
    background-position: -7px -433px !important;
}

.create-icon {
    background-position: -7px -466px !important;
}

.show-detail-icon {
    background-position: -7px -496px !important;
}

.submit-icon {
    background-position: -7px -530px !important;
}

.reset-icon {
    background-position: -7px -1655px !important;
}

.logout-icon {
    background-position: -7px -1625px !important;
}

.activate-icon {
    background-position: -7px -597px !important;
}

.back-icon {
    background-position: -7px -625px !important;
}

.close-icon {
    background-position: -7px -658px !important;
}

.trace-matrix-icon {
    background-position: -7px -690px !important;
}

.home-icon {
    background-position: -7px -722px !important;
}

.email-icon {
    background-position: -7px -756px !important;
}

.filter-icon {
    background-position: -7px -793px !important;
}

.success-icon {
    background-position: -7px -821px !important;
}

.merge-icon {
    background-position: -7px -858px !important;
}

.split-icon {
    background-position: -7px -890px !important;
}

.run-icon {
    background-position: -7px -921px !important;
}

.reexecute-icon {
    background-position: -7px -948px !important;
}

.path-icon {
    background-position: -7px -978px !important;
}

.trail-icon {
    background-position: -7px -1006px !important;
}

.initiate-icon {
    background-position: -7px -1034px !important;
}

.excel-icon {
    background-position: -7px -1065px !important;
}

.add-icon {
    background-position: -7px -1099px !important;
}

.search-icon {
    background-position: -7px -1129px !important;
}

.update-icon {
    background-position: -7px -1287px !important;
}

.rearrange-icon {
    background-position: -7px -1253px !important;
}

.synchronize-icon {
    background-position: -7px -1566px !important;
}

.MinutesIconSep {
    background-position: -9px -1669px !important;
}

.NumberIconSep {
    background-position: -9px -1697px !important;
}

.PenIconBlueSep {
    background-position: -9px -2024px !important;
}

.PenIconGreySep {
    background-position: -9px -2055px !important;
}

.ResetIconSep {
    background-position: -14px -1660px !important;
}

.next-icon {
    background-position: -7px -1740px !important;
}

.CopyIconSep {
    background-position: -9px -1846px !important;
}

.TickIconSep {
    background-position: -9px -2182px !important;
}

.CrossIconSep {
    background-position: -9px -1334px !important;
}

.UserGroupIconSep {
    background-position: -9px -2288px !important;
}

.UserGroupIconBlueSep {
    background-position: -9px -2234px !important;
}

.UserContactIconSep {
    background-position: -9px -2206px !important;
}

.WordIconSep {
    background-position: -9px -2347px !important;
}

.ExcelIconSep {
    background-position: -9px -2381px !important;
}

.PointerIconSep {
    background-position: -9px -551px !important;
}

.SummaryIconSep {
    background-position: -9px -4973px !important;
    text-indent: -9999em !important;
}

.assEntity-icon {
    background-position: -7px -1540px !important;
}

.protect-icon {
    background-position: -7px -2390px !important;
}

.unprotect-icon {
    background-position: -7px -2415px !important;
}

.track-icon {
    background-position: -7px -977px !important;
}

.excel-map-icon {
    background-position: -7px -2441px !important;
}

.import2-icon {
    background-position: -7px -2468px !important;
}

.collaberation-icon {
    background-position: -7px -2519px !important;
}

.lInkDocument-icon {
    background-position: -7px -2545px !important;
}

.dryRun-icon {
    background-position: -7px -2570px !important;
}

.decisionTree-icon {
    background-position: -7px -2598px !important;
}

.exception-icon {
    background-position: -7px -2625px !important;
}

.reAssessment-icon {
    background-position: -7px -2653px !important;
}

.captureFailures-icon {
    background-position: -7px -2685px !important;
}

.traceability-icon {
    background-position: -7px -1975px !important;
}

.remove-icon {
    background-position: -7px -272px !important;
}

.pdf-icon {
    background-position: -7px -2073px !important;
}

.report-icon {
    background-position: -7px -2719px !important;
}

.uncoveredTestCases-icon {
    background-position: -7px -2753px !important;
}

.thermalMap-icon {
    background-position: -7px -307px !important;
}

.verifyExcel-icon {
    background-position: -7px -1064px !important;
}

.audittrial-icon {
    background-position: -7px -1004px !important;
}

.review-icon {
    background-position: -7px -2781px !important;
}

.processDesign-icon {
    background-position: -7px -2808px !important;
}

.processQualification-icon {
    background-position: -7px -2837px !important;
}

.continuedProcessVerification-icon {
    background-position: -7px -2863px !important;
}

.moreInfo-icon {
    background-position: -7px -2894px !important;
}

.new-folder-icon {
    background-position: -7px -2986px !important;
}

.assessment-icon {
    background-position: -7px -3015px !important;
}

.eye-slash-icon {
    background-position: -7px -3043px !important;
}

.recover-icon {
    background-position: -7px -3071px !important;
}

.insertIcon {
    background-position: -7px -3096px !important;
}

.notExecuteIcon {
    background-position: -7px -3126px !important;
}

.accept-exe-icon {
    background-position: -7px -3248px !important;
}

.release-exe-icon {
    background-position: -7px -3275px !important;
}

#WzTtDiV .popup-hoverHeading {
    padding: 7px 15px 0;
    background: #c7e0ff;
    font-family: inherit;
    line-height: 24px;
    color: #000;
    margin-top: 3px;
}

    #WzTtDiV .popup-hoverHeading p {
        padding-bottom: 5px;
    }

    #WzTtDiV .popup-hoverHeading .Block1Heading p {
        padding-bottom: 6px;
    }

#bALlO0nBdY {
    background-color: #fff;
    padding-bottom: 5px !important;
    font-family: inherit;
    margin: 26px 0 0 20px;
}

    #bALlO0nBdY b .Block1Heading p {
        padding: 0 15px;
    }

.btn-primary,
.btn-group-icons.btn-primary {
    background-color: #7d8284 !important;
    color: #ffffff;
}

.btn_add_icons {
    background-color: #2d5d06 !important;
    color: #ffffff;
    padding: 5px 6px;
    float: left;
    margin-left: -30px !important;
}

.search-box {
    position: relative !important;
    right: -15px;
}

    .search-box input[type="text"] {
        height: 24px !important;
        padding-right: 25px !important;
        width: 100%;
    }

.text-search-icon {
    background-color: rgb(21, 106, 161) !important;
    position: absolute !important;
    top: 1px;
    right: 15px;
    border: 0;
    width: 35px;
    border-radius: 0 20px 20px;
    background-position: -3px -1134px !important;
    height: 23px;
}

.label-right span {
    text-align: right;
    line-height: 18px;
}

.icon-image {
    background: url(../Images/color-icons.png) no-repeat;
    display: inline-block;
    width: 22px;
    border: 0;
    height: 22px;
}

.viewIconSep {
    background-position: -9px -5011px;
}

.grid-view-hover .viewIconSep {
    /*background-position: 2px -5011px;
    width: 44px;*/
    height: 22px;
    outline: none;
}

.downloadIconSep {
    background-position: -9px -40px;
}

.uploadIconSep {
    background-position: -9px -1240px;
}

.printDiagramIconSep {
    background-position: -9px -258px;
}

.LogBookIconSep {
    background: url(../Images/View-Log-book.png) no-repeat center;
    width: 24px;
    height: 24px;
    float: right;
    background-position: -1px 4px;
    background-size: 23px 22px;
}

.trashIconSep {
    background-position: -9px -4943px;
}

.historyIconSep {
    background-position: -9px -391px;
}

.closeIconSep {
    background-position: -9px -679px;
}

.EditIconSep {
    background-position: -9px -1209px;
}

.UpdateIconSep {
    background-position: -9px -1309px;
}

.RearrangeIconSep {
    background-position: -9px -1276px;
}

.plusIconSep {
    background-position: -12px -1362px;
}

.searchIconSep {
    background-position: -9px -1413px;
}

.saveIconSep {
    background-position: -9px -425px;
}

.edit-icon {
    background-position: -7px -1188px !important;
}

.viewEditIconSep {
    background-position: -9px -4716px !important;
}

.tickIconSep {
    background-position: -9px -11px;
}

.HelpIconSep {
    background-position: -14px -2952px !important;
    position: relative;
    top: -5px;
    height: 22px;
    width: 15px;
    vertical-align: middle;
}

.attachmentIconSep {
    background-position: -14px -1176px !important;
    position: relative;
    top: -2px;
}

.label-info-icon {
    position: relative;
    right: 3px;
    top: -4px;
}

.label-info-iconinventory {
    right: 3px;
    top: -4px;
    display: none !important;
}

.select-transparent {
    padding: 0;
    background: transparent;
    height: 50px;
}

    .select-transparent .dropdown-group-filter {
        width: 100%;
    }

.popup-hoverHeading-syssetting {
    z-index: 9999;
    background-color: #fff !important;
    border: 1px solid #c7e0ff !important;
    padding: 3px !important;
    border-radius: 5px !important;
    opacity: 1 !important;
    max-width: 75%;
}

.DivTipBoxInner {
    background-color: #c7e0ff !important;
    opacity: 1;
    color: #000;
    padding: 3px 10px;
    font: inherit;
    overflow-wrap: break-word;
}

.popup-hoverHeading-syssetting:before {
    content: "\A";
    border-style: solid;
    border-width: 10px 12px 10px 0;
    border-color: transparent #c7e0ff transparent transparent;
    position: absolute;
    left: 15px;
    transform: rotate(90deg);
    top: -16px;
}

.lang-scroll {
    max-height: 204px;
    overflow-y: auto;
}

    .lang-scroll th,
    .lang-scroll td {
        text-align: center;
    }

        .lang-scroll th span {
            float: none;
        }

    .lang-scroll td {
        width: 30% !important;
    }

#rdoRtdEntDocNo:disabled + label {
    color: #a4c9d6;
    border: 1px solid #a4c9d6;
}

.check-color-name input[type=checkbox] {
    margin-right: 5px;
}

.tooltip-inner {
    background-color: #41a2e0 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #41a2e0;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #54abe3 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab {
    overflow: hidden;
    text-align: center;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab,
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    overflow: visible !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab,
.dxtcLite > .dxtc-stripContainer .dxtc-tab {
    overflow: visible !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
    width: 0px !important;
}

.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    padding-bottom: 0px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-spacer {
    width: 0px !important;
}

.dxtcLite.dxtc-top > .dxtc-stripContainer {
    margin-bottom: -1px;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tabHover {
    background: none !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab,
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab {
    background: none !important;
    border: none !important;
}

.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span {
    display: block;
    float: right;
    padding: 5px 5px 5px !important;
    font-style: normal;
    z-index: 999;
    position: relative;
    cursor: pointer;
    color: #fff !important;
    border-radius: 6px 6px 0px 0px !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
    border-bottom: 1px solid #333 !important;
}

.dxtcLite > .dxtc-content {
    border: 1px solid #333 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-link {
    padding: 0px !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span {
    display: block;
    float: right;
    padding: 8px 5px 5px;
    background: #f4f5f7;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #7e8182 !important;
    font-style: normal;
    border-top: 1px solid #333 !important;
    border-left: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 6px 6px 0px 0px !important;
}

    .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
        background: #fff !important;
        padding: 8px 5px 5px !important;
        color: #050b15 !important;
        border-top: 1px solid #1f88e4 !important;
        border-left: 1px solid #333 !important;
        border-right: 1px solid #333 !important;
        border-bottom: 1px solid #fff !important;
        border-radius: 6px 6px 0px 0px !important;
    }

.output-text-button .output-left {
    width: 56% !important;
    margin-right: 8px !important;
}

.output-text-button .btnn {
    position: relative;
    top: -1px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.file-output-text-button .output-left {
    width: 44% !important;
}

.height-225 {
    height: 225px !important;
}

.vm-form-fields {
    position: fixed;
    top: 33%;
    left: 1%;
    background-color: #fffddd;
    border: 2px solid #ccc;
    z-index: 2;
    width: 98%;
}

.vm-form-fields-layer {
    background-color: #ccc;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    position: fixed;
    opacity: 0.9;
}

.vm-form-fields .styled-select {
    width: 100%;
}

.vm-form-fields h4 {
    color: #000;
}

.right-part .row {
    margin: 0;
}

.right-part .form-control {
    float: left;
}

.div-parent > .row:last-child > div {
    border-bottom: 1px solid #ccc;
}

.div-child {
    min-height: 28px;
    border: 1px solid #ccc;
    padding: 0;
    border-bottom: 0;
    flex: 1;
    max-width: 50%;
}

.div-fields {
    display: inline-block;
    margin-bottom: 5px;
}

.settings-popup {
    width: 600px;
    min-height: 200px;
}

.settings-popup-content {
    background: #fff;
    border: 4px solid #085484;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.form-input .form-control {
    width: 80%;
    float: left;
}

.text-16 {
    font-size: 16px;
}

.div-options {
    width: 100px;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #ccc;
}

.div-controls {
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    margin: 10px 0;
}

.div-ctrls {
    border: 1px solid #ccc;
    min-height: 150px;
}

.reference-accordian {
    border: 1px solid #b0b5bb;
}

.page-bottom-border {
    border-bottom: 1px solid #ccc !important;
    padding-bottom: 10px !important;
}

.grid {
    height: 457px;
    width: 99%;
    color: #000;
    line-height: 16px;
}

.custom-ui-grid-cell-padding {
    padding: 2px 10px;
}

.task-list-wrapper {
    width: 100%;
    overflow: hidden;
    float: right;
    padding-left: 10px;
}

.contact-details-wrapper {
    width: 20%;
    float: left;
    margin-right: 1px;
    box-sizing: border-box;
}

.contact-details {
    width: 100%;
    background: #545d6e;
    padding: 20px;
    float: left;
}

.contact-img-container {
    width: 100%;
    margin: 0 auto 15px;
}

    .contact-img-container img {
        display: block;
        margin: 0 auto;
        border: 1px solid #a5a9af;
        max-width: 100%;
        width: 100px;
    }

.contact-details-list {
    color: #fff;
}

    .contact-details-list h3 {
        margin-bottom: 15px;
    }

    .contact-details-list ul {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }

        .contact-details-list ul li {
            list-style: none;
            width: 100%;
            float: left;
            line-height: 12px;
            margin-bottom: 8px;
        }

        .contact-details-list ul.contact-basic-details-list li span {
            display: block;
            width: 45%;
            float: left;
            position: relative;
        }

            .contact-details-list ul.contact-basic-details-list li span:after {
                content: ':';
                float: right;
                position: absolute;
                top: 0;
                right: 0;
            }

        .contact-details-list ul.contact-basic-details-list li em {
            display: block;
            width: 50%;
            float: right;
            font-style: normal;
        }

        .contact-details-list ul.contact-highlight-details-list {
            margin: 15px 0 0 0;
        }

            .contact-details-list ul.contact-highlight-details-list li {
                padding: 5px;
                border: 1px solid #fff;
                margin: 0 0 5px 0;
            }

                .contact-details-list ul.contact-highlight-details-list li i.icon {
                    width: 13px;
                    height: 13px;
                    display: block;
                    float: left;
                    margin: 0 5px 0 0;
                    background-repeat: no-repeat;
                    background-position: center center;
                }

                    .contact-details-list ul.contact-highlight-details-list li i.icon.custom-phone-icon {
                        background-image: url('../images/Dashboard/phone-icon.png');
                    }

                    .contact-details-list ul.contact-highlight-details-list li i.icon.custom-mail-icon {
                        background-image: url('../images/Dashboard/mail-icon.png');
                    }

                .contact-details-list ul.contact-highlight-details-list li span {
                    float: right;
                    width: 85%;
                    word-wrap: break-word;
                }

.task-list {
    margin: 0 0 10px 0 !important;
    background-color: #dedede;
}

ul.task-list-controls-tab {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #dedede;
    list-style: none;
}

    ul.task-list-controls-tab li {
        float: left;
        border-top: 3px solid #dedede;
        margin: 0;
        padding: 8px 15px;
        color: #1b252f;
    }

        ul.task-list-controls-tab li.active {
            background: #fff;
            border-top-color: rgb(21, 106, 161);
        }

        ul.task-list-controls-tab li a {
            color: #1b252f;
            text-decoration: none;
        }

.tasks-detail-wrapper {
    width: 79%;
    overflow-x: hidden;
    float: left;
    overflow-y: auto;
    min-height: 370px;
}

.chart-detail-wrapper {
    width: 100%;
    background: #fff;
    overflow: hidden;
    float: left;
    border: 1px solid #545d6e;
}

.tasklist-table-title {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #c8c8c8;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
}

    .tasklist-table-title h3 {
        color: #1469a0;
        float: left;
        width: 20%;
        margin: 0px 0 0 0;
        line-height: 15px;
    }

    .tasklist-table-title ul.tasklist-table-legend {
        margin: 0;
        padding: 0;
        float: right;
        list-style: none;
    }

        .tasklist-table-title ul.tasklist-table-legend li {
            margin: 0 3px 0 0;
            padding: 2px 4px;
            float: left;
            border-radius: 2px;
            color: #fff;
            line-height: 11px;
        }

            .tasklist-table-title ul.tasklist-table-legend li:last-child {
                margin-right: 0;
            }

.tasklist-delete-part {
    vertical-align: middle !important;
}

.setting-btn {
    right: 4px !important;
    top: 3px !important;
}

.tasklist-delete {
    display: block;
    width: 13px;
    height: 15px;
    background: url(../images/color-icons.png) no-repeat;
    background-position: top -1342px right -11px !important;
    text-indent: -999px;
    overflow: hidden;
    position: static;
    top: 0px;
    cursor: pointer;
}

.st-selected {
    background-color: rgba(87, 140, 75, 0.08) !important;
    border-left: 5px solid rgb(87, 140, 75);
}

.ui-grid-icon-search input {
    background: url(../images/color-icons.png) no-repeat;
    background-position: top -814px right -10px !important;
    background-size: auto;
    width: 100% !important;
    line-height: 25px !important;
    height: 25px !important;
    padding: 0px 15px 0px 2px !important;
    border-radius: 3px !important;
    background-color: #fbfafa !important;
    box-sizing: border-box !important;
}

    .ui-grid-icon-search input:focus {
        /*background: url(../images/color-icons.png) no-repeat;
background-position: top -1337px right -7px !important;*/
        background-image: none;
        background-size: auto;
        width: 100% !important;
        line-height: 25px !important;
        height: 25px !important;
        padding: 0px 24px 0px 3px !important;
        border-radius: 3px !important;
        background-color: #fbfafa !important;
        box-sizing: border-box !important;
    }

.task-search.ng-scope {
    padding: 5px !important;
}

.back-button {
    padding-left: 28px !important;
}

.pagination-part {
    float: right;
    padding: 0px 7px 0px 0px;
}

    .pagination-part li {
        float: left;
    }

.list-group .output-left {
    width: 100%;
}

.list-group .scroll-height {
    clear: both;
    margin-top: 30px;
}

html input[disabled],
html input[disabled]:hover {
    height: auto;
    background-color: #999999 !important;
}

html input[type="text"]:disabled,
html input[type="password"]:disabled {
    height: auto;
    background-color: #eee !important;
}

.dxeDisabled {
    background-color: #eee !important;
}

.view-icon-btn {
    background-position: -7px -169px !important;
}

input[type="radio"]:disabled + label {
    cursor: not-allowed;
    opacity: 0.5;
}

input[type="button"]:disabled,
input[type="submit"]:disabled {
    opacity: 1;
    cursor: not-allowed;
}

td.language-left,
th.language-left {
    text-align: left;
    padding-left: 20px !important;
}

/*input[type="text"]:disabled {
    height: 100% !important;
}*/

.output-icon-width .icon-image {
    width: 14px;
    padding: 0;
}

.output-icon-width .plusIconSep {
    background-position: -14px -1362px;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #54abe3 !important;
}

.spreadView td {
    padding: 0 !important;
    vertical-align: top;
    height: 26px;
}

.spreadView DIV[FpSpread='Spread'] {
    border-color: #ccc !important;
}

.spreadView .s0s0 {
    background-color: #F1F2F7 !important;
    color: #000 !important;
    padding: 7px 0 !important;
    background-image: none !important;
    border-right-color: #cacaca !important;
    position: relative;
    top: -1px !important;
    border-bottom: 1px solid #cacaca !important;
}

    .spreadView .s0s0:first-child {
        border-left: 1px solid #cacaca !important;
    }

#FpExcel_hct .s0s1:first-child {
    border-bottom: 1px solid #cacaca !important;
}

.spreadView #WebSplitter1_FpExcel_rh tbody td {
    border-color: #ccc !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
}

.spreadView #WebSplitter1_FpExcel_viewport td {
    padding: 6px 10px 6px !important;
    color: #615f5f;
}

.spreadView #WebSplitter1_FpExcel_colHeader {
    height: 32px;
}

#WebSplitter1_FpExcel_cht {
    border: 0 !important;
}

#WebSplitter1_FpExcel_cmdTable td span {
    border-color: #54a5da !important;
    padding: 3px !important;
    border-radius: 4px;
    background-color: transparent !important;
    color: #504e4e;
}

.view-icon1 {
    background-position: -7px -169px !important;
}

.group-selec-icons {
    background: url(../Images/prev-next-icon.png) no-repeat;
    width: 26px;
    height: 19px;
    display: inline-block;
    border: none;
    text-decoration: none;
}

    .group-selec-icons.icon-prev {
        background-position: 0 0;
    }

    .group-selec-icons.icon-next {
        background-position: left bottom;
    }

.group-selec-icons-wrap {
    margin: 0;
    padding: 39px 0 0 0;
    width: 28px;
}

    .group-selec-icons-wrap .group-selec-icons-group {
        width: 27px !important;
        margin: 5px 0;
        padding: 0;
    }

.add-icon {
    background-position: -7px -1097px !important;
}

.btnn-hyperlink {
    padding: 5px 10px 5px 25px;
    border: 0 none;
    margin-right: 0;
    margin-left: 5px;
    font-family: inherit;
    color: #ffffff !important;
    text-decoration: none !important;
}

    .btnn-hyperlink:hover {
        text-decoration: none !important;
    }

.setoverflow > div {
    overflow-y: visible !important;
}

.checkListBoxWith-100 .dxlbcc {
    width: 100% !important;
}

.checkListBoxWith-100 .dxlbd {
    width: 100% !important;
}

.checkListBoxheight-100 .dxlbd,
.checkListBoxheight-100 .dxlbcc {
    height: 150px !important;
}

.select-control .dxeEditArea.dxeEditAreaSys {
    width: 100% !important;
}

.project_entity {
    height: 295px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #333333;
}

.project_validationtypes {
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #333333;
}

.submit-btn-bg,
.reset-btn-bg {
    background: url(../Images/submit-reset-btn.png) no-repeat;
    text-indent: -9999em;
    border: 0;
    height: 35px;
    width: 88px;
    display: inline-block;
}

    .submit-btn-bg:hover {
        background-position: 0 -35px;
    }

.reset-btn-bg {
    background-position: -88px 0px;
}

    .reset-btn-bg:hover {
        background-position: -88px -35px;
    }

.deviationRadioBtnStyle {
    display: block;
    margin-top: 0;
    padding-left: 0;
}

    .deviationRadioBtnStyle .form-control {
        padding: 0;
        box-shadow: none;
    }

    .deviationRadioBtnStyle span {
        margin-right: 0 !important;
    }

    .deviationRadioBtnStyle li {
        float: left;
    }

    .deviationRadioBtnStyle .black input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .black label {
        display: inline-block;
        background-color: transparent;
        color: #000;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #000;
        float: left;
        line-height: 24px !important;
        border-radius: 4px;
        margin-right: 5px;
    }

        .deviationRadioBtnStyle .black label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .black input[type=radio]:checked + label {
        background-color: #000;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .deviationRadioBtnStyle .blue input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .blue label {
        display: inline-block;
        background-color: transparent;
        color: #000CF0;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #000CF0;
        float: left;
        line-height: 24px !important;
        border-radius: 0;
        margin-right: 0;
    }

        .deviationRadioBtnStyle .blue label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .blue input[type=radio]:checked + label {
        background-color: #000CF0;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .deviationRadioBtnStyle .red input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .red label {
        display: inline-block;
        background-color: transparent;
        color: #ff0000;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #ff0000;
        float: left;
        line-height: 24px !important;
        border-radius: 0;
        margin-right: 0;
    }

        .deviationRadioBtnStyle .red label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .red input[type=radio]:checked + label {
        background-color: #ff0000;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .deviationRadioBtnStyle .violet input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .deviationRadioBtnStyle .violet label {
        display: inline-block;
        background-color: transparent;
        color: #72036E;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #72036E;
        float: left;
        line-height: 24px !important;
        border-radius: 4px;
        margin-right: 5px;
    }

        .deviationRadioBtnStyle .violet label:hover {
            cursor: pointer;
        }

    .deviationRadioBtnStyle .violet input[type=radio]:checked + label {
        background-color: #72036E;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.tooltip {
    z-index: 9999999;
    position: fixed;
}

    .tooltip.right .tooltip-arrow {
        border-right-color: #52aae1;
    }

.profile-toggle #LoginName,
.profile #lblTitle {
    white-space: nowrap;
    min-width: 30px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-style: normal;
}

.nav-tabs {
    border-bottom: none;
}

a:focus {
    outline: none;
}

.nav > li > a {
    display: block;
    padding: 5px 5px 0px !important;
    margin-right: 0px !important;
    z-index: 2;
    position: relative;
    cursor: pointer;
    background: #f4f5f7;
    color: #7e8182 !important;
    font-style: normal;
    outline: none;
    text-decoration: none;
    border-top: 1px solid #333 !important;
    border-left: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    margin-bottom: -1px;
}

    .nav > li > a:hover {
        background: none !important;
        color: #050b15 !important;
        border-top: 1px solid #1f88e4 !important;
        border-left: 1px solid #333 !important;
        border-right: 1px solid #333 !important;
        border-bottom: 1px solid #fff !important;
    }

.bind-ref-tab {
    margin-bottom: 2px;
    margin-left: -8px;
}

.bind-ref-tab-cont {
    padding: 5px;
    border: 1px solid #333;
    border-top: 0px !important;
    margin-top: -2px;
}

.nav > li.active > a,
.bind-ref-tab > li.aactive1 > a,
.bind-ref-tab > li.aactive > a {
    display: block;
    padding: 3px 5px 0px !important;
    margin-right: 0px;
    margin-top: 1px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: -2px;
    margin-top: 0px;
    border: 1px solid #156aa1 !important;
    background: #156aa1 !important;
    color: #fff !important;
}

    .nav > li.active > a:hover {
        cursor: pointer !important;
        color: #050b15 !important;
        background: #fff !important;
        border-top: 3px solid #1f88e4 !important;
        border-left: 1px solid #333 !important;
        border-right: 1px solid #333 !important;
        border-bottom: 1px solid #fff !important;
        padding: 3px 5px 0px !important;
    }

    .nav > li.active > a:focus {
        cursor: pointer !important;
        color: #050b15 !important;
        background: #fff !important;
        border-top: 1px solid #9b9595 !important;
        border-left: 1px solid #9b9595 !important;
        border-right: 1px solid #9b9595 !important;
    }

.nav.bind-ref-tab > li > a {
    color: #1a1a1a !important;
    background-color: rgba(21, 106, 161, 0.08);
    border: 1px solid rgb(21, 106, 161);
    padding: 5px 10px 4px !important;
    text-transform: uppercase;
    margin-right: 4px !important;
    margin-bottom: -1px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

    .nav.bind-ref-tab > li > a:hover {
        border: 1px solid #156aa1 !important;
        background: #156aa1 !important;
        color: #fff !important;
    }

.nav.bind-ref-tab > li.aactive1 > a,
.nav.bind-ref-tab > li.aactive > a {
    color: #fff !important;
}

    .nav.bind-ref-tab > li.aactive > a:hover {
        border: 1px solid #156aa1 !important;
        background: #156aa1 !important;
        color: #fff !important;
    }

.inner-tabs > li {
    margin-right: 4px;
}

    .inner-tabs > li > a {
        color: #000 !important;
        border: 0 !important;
    }

    .inner-tabs > li.active a,
    .inner-tabs > li.active > a:focus,
    .inner-tabs > li.active > a:hover {
        background-color: transparent !important;
        color: #fff !important;
        text-decoration: none;
    }

    .inner-tabs > li > a:focus,
    .inner-tabs > li > a:hover {
        background-color: transparent;
        color: #ffffff !important;
        border-color: transparent;
    }

    .inner-tabs > li > a:focus,
    .inner-tabs > li > a:hover {
        color: #fff !important;
        border-radius: 6px 6px 0px 0px !important;
    }

    .inner-tabs > li.active > a,
    .inner-tabs > li.active > a {
        background: none !important;
        color: rgb(21, 106, 161) !important;
        border-radius: 6px 6px 0px 0px !important;
    }

        .inner-tabs > li.active > a:focus,
        .inner-tabs > li.active > a:hover {
            cursor: pointer !important;
            background: none !important;
            color: rgb(21, 106, 161) !important;
            border-radius: 6px 6px 0px 0px !important;
        }

.inner-tabs-day .label-default {
    background: url(../Images/N-A.png) no-repeat;
    width: 41px;
    height: 18px;
    line-height: 15px;
    background-color: transparent;
    background-size: 100%;
    display: inline-block;
    position: relative;
    background-position: center;
}

    .inner-tabs-day .label-default:hover,
    .inner-tabs-day .label-default:focus {
        background: url(../Images/N-A-hover.png) no-repeat;
    }

.inner-tabs-day .label-primary {
    background-color: #428bca;
}

    .inner-tabs-day .label-primary:hover,
    .inner-tabs-day .label-primary:focus {
        background-color: #3071a9;
    }

.inner-tabs-day .label-success {
    background: url(../Images/3days.png) no-repeat;
    width: 41px;
    height: 18px;
    line-height: 15px;
    background-color: transparent;
    background-size: 100%;
    display: inline-block;
    position: relative;
    background-position: center;
}

    .inner-tabs-day .label-success:hover,
    .inner-tabs-day .label-success:focus {
        background: url(../Images/3days-hover.png) no-repeat;
    }

.inner-tabs-day .label-info {
    background: url(../Images/1day.png) no-repeat;
    width: 41px;
    height: 18px;
    line-height: 15px;
    background-color: transparent;
    background-size: 100%;
    display: inline-block;
    position: relative;
    background-position: center;
}

    .inner-tabs-day .label-info:hover,
    .inner-tabs-day .label-info:focus {
        background: url(../Images/1day-hover.png) no-repeat;
    }

.inner-tabs-day .label-warning {
    background: url(../Images/2days.png) no-repeat;
    width: 41px;
    height: 18px;
    line-height: 15px;
    background-color: transparent;
    background-size: 100%;
    display: inline-block;
    position: relative;
    background-position: center;
}

    .inner-tabs-day .label-warning:hover,
    .inner-tabs-day .label-warning:focus {
        background: url(../Images/2days-hover.png) no-repeat;
    }

.inner-tabs-day .label-danger {
    background: url(../Images/today.png) no-repeat;
    width: 41px;
    height: 18px;
    line-height: 15px;
    background-color: transparent;
    background-size: 100%;
    display: inline-block;
    position: relative;
    background-position: center;
}

    .inner-tabs-day .label-danger:hover,
    .inner-tabs-day .label-danger:focus {
        background: url(../Images/today-hover.png) no-repeat;
        transition: all 0.4s ease-in-out 0s;
        opacity: 0.5;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.9s ease-in-out 0s;
        position: relative;
    }

.ng-scope a {
    cursor: pointer;
}

.light-bg-1 {
    background: #f3f3f3;
    margin-bottom: -1px !important;
}

.calendar-block {
    padding: 2px 6px 4px 2px !important;
    /*width: 90% !important;*/
    cursor: pointer;
}

.modalPopupcloseIconSep {
    background-position: -9px -2532px;
    margin-top: 3px;
    margin-right: 3px;
}

.okIconSep {
    background-position: -7px -1763px !important;
}

.File_Formats_modalPopup {
    left: 43% !important;
    top: 38% !important;
    width: 600px !important;
    position: fixed !important;
    z-index: 1000008 !important;
    margin: -100px 0px 0px -200px !important;
    box-shadow: 4px 4px 0px rgb(21, 106, 161);
    box-shadow: 0px 1px 8px #676d71;
    padding: 0;
    transition: all .5s ease-in-out;
    transform: scale(1);
    visibility: visible;
    z-index: 200;
    opacity: 1;
}

    .File_Formats_modalPopup .popup-content-inner {
        background: #fff;
        border: #0075bf solid 4px !important;
        border-width: 0;
        padding-top: 15px;
        height: 300px !important;
        overflow-y: scroll;
        border-top: 0 !important;
        border-radius: 0 0 6px 6px;
    }

.reset-border-space td {
    border: 0;
    padding: 0 !important;
}

.dxpc-contentWrapper .dxbButtonSys .dx-vam:before {
    display: none;
}

.login-submit-icon {
    /*background-position: -5px -2339px !important;*/
    padding: 6px 13px 6px 15px !important;
    background-color: #8a9ae6 !important;
}

.login-submit-icon.btnn{
    background-color: #ebebeb !important;
    color: #000;
    border: 0;
    color: #333 !important;
}

.login-reset-icon.btnn {
    /*background-color: #ebebeb !important;
    color: #000;
    border: 0;
    color: #333 !important;*/
    background: transparent !important;
    border: 1px solid #ebebeb;
    color: #ebebeb !important;
}

.login-reset-icon {
    /*background-position: -5px -2364px !important;*/
    padding: 5px 13px 5px 15px !important;
    /*background-color: #8a9ae6 !important;*/
    background: transparent !important;
    border: 1px solid #ebebeb;
    color: #ebebeb !important;
}

.TestPathIconSep {
    background-position: -9px -1617px !important;
}

.TestMailIconSep {
    background-position: -9px -1643px !important;
}

.light-box-part {
    display: none;
}

.popup-bgoverlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    opacity: 0.4;
}

.light-box-part {
    position: fixed;
    z-index: 99;
    top: 60%;
    left: 50%;
}

.light-box {
    width: 400px;
    height: 360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -180px 0px 0px -200px;
}

.close-btn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: rgb(21, 106, 161);
    border-radius: 15px;
    line-height: 30px;
    font-family: cursive;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

.setting-content .tab-content {
    border: 0px !important;
}

.setting-tabs-left .tabs-left {
    border-bottom: none;
}

.setting-tabs-left {
    margin-bottom: 2px;
}

    .setting-tabs-left .tabs-left {
        border-right: 1px solid #ddd;
    }

        .setting-tabs-left .tabs-left > li {
            float: none;
            margin-bottom: 0;
        }

        .setting-tabs-left .tabs-left > li {
            margin-right: -1px;
            background-color: #41a2e0;
            border-top: 1px solid #fff;
            padding-right: 0;
        }

            .setting-tabs-left .tabs-left > li.active > a,
            .setting-tabs-left .tabs-left > li.active > a:hover,
            .setting-tabs-left .tabs-left > li.active > a:focus {
                border-bottom-color: #ddd;
                border-right-color: transparent;
                border-top-color: transparent !important;
            }

            .setting-tabs-left .tabs-left ul li a,
            .setting-tabs-left .tabs-left > li > a {
                margin-left: 0px;
                font-family: inherit;
                border-radius: 0 !important;
                -moz-border-radius: 0px !important;
                -webkit-border-radius: 0;
                border-bottom: 1px solid #fff !important;
            }

    .setting-tabs-left .nav-tabs .tabs-left > li > a {
        margin-right: 0px !important;
        margin-left: 0px !important;
        display: block;
        background: none !important;
        border: 0px !important;
        color: #fff !important;
        padding: 3px 5px !important;
        border-bottom: 1px solid #fff !important;
    }

    .setting-tabs-left .nav.tabs-left > li > a:focus,
    .nav.tabs-left > li > a:hover {
        background-color: rgb(21, 106, 161) !important;
        font-family: inherit;
        border-bottom: 1px solid #fff !important;
    }

    .setting-tabs-left .first-tab a {
        cursor: pointer !important;
    }

        .setting-tabs-left .first-tab a:hover {
            padding-left: 5px !important;
        }

    .setting-tabs-left .tabs-left li.active .firsttab {
        background-color: rgb(21, 106, 161) !important;
    }

    .setting-tabs-left .nav-tabs .first-tab > ul li a {
        background-color: #c3e1f5 !important;
        color: rgb(21, 106, 161) !important;
        font-family: inherit;
        line-height: 25px !important;
        border-radius: 0 !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0;
        border-bottom: 1px solid #fff !important;
        padding: 3px 5px !important;
    }

.first-tab a:hover {
    padding-bottom: 0px !important;
    padding-left: 6px !important;
}

.setting-tabs-left .nav-tabs .first-tab > ul li a:hover {
    background-color: #3485b9 !important;
    color: #fff !important;
    padding-left: 5px !important;
}

.setting-tabs-left .nav-tabs .first-tab > ul li.active a,
.setting-tabs-left .nav-tabs .first-tab > ul li a:focus {
    background-color: #3485b9 !important;
    color: #fff !important;
    padding-left: 5px !important;
    border-bottom: 0px !important;
    padding: 3px 5px !important;
}

.setting-tabs-left .nav-tabs > li.active > a:focus {
    margin: 0px;
    background: rgb(21, 106, 161) !important;
    color: #fff !important;
    font-family: inherit;
    line-height: 25px !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 3px 5px !important;
}

.setting-tabs-left .nav-tabs > li.active > a,
.setting-tabs-left .nav-tabs > li.active > a:hover {
    margin: 0px;
    background: rgb(21, 106, 161) !important;
    color: #fff !important;
    font-family: inherit;
    line-height: 25px !important;
    border-bottom: 0px solid #fff !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 3px 5px !important;
}

.setting-tabs-left .nav > li > a:before {
    display: block;
    content: " ";
    position: absolute;
    background: none !important;
    top: 0px !important;
    left: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.setting-tabs-left .nav > li > a:after {
    display: block;
    content: " ";
    position: absolute;
    background: none !important;
    top: 0px !important;
    z-index: -9;
    right: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.setting-tabs-left .tabs-left .first-tab .firsttab {
    background: #41a2e0 !important;
    border: 0px solid #fff !important;
    color: #fff !important;
}

    .setting-tabs-left .tabs-left .first-tab .firsttab:hover {
        background: rgb(21, 106, 161) !important;
        border: 0px solid #fff !important;
        color: #fff !important;
    }

.login-submit-icon.btnn:hover {
    background-color: #cecfd0 !important;
}

.login-reset-icon.btnn:hover {
    background-color: #105c8d !important;
    /*color:#333 !important;*/
}

.split-cell {
    display: table-cell !important;
}

.title-plus .plusIconSep {
    padding: 5px 11px 5px 17px;
    background-position: -9px -1359px;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.hide-overflow {
    overflow: hidden;
}

.dxeListBox td.dxeC > span.dxWeb_edtCheckBoxUnchecked,
.grid-combobox span.dxWeb_edtCheckBoxUnchecked {
    background: url(../Images/Checks.png) no-repeat -4px -53px;
    margin: 2px 3px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.dxeListBox td.dxeC > span.dxWeb_edtCheckBoxChecked,
.grid-combobox span.dxWeb_edtCheckBoxChecked {
    background: url(../Images/Checks.png) no-repeat -4px -78px;
    margin: 2px 3px;
    width: 17px;
    height: 17px;
}

.grid-combobox span.dxWeb_edtCheckBoxGrayed {
    background: url(../Images/CheckBox-default.png) no-repeat -1px -2px;
    margin: 2px 3px;
}

.grid-combobox .dxICBFocused {
    outline: 0;
}

.dxeListBoxItemSelected,
.dxeListBoxItemHover {
    color: #000;
    background-color: #dcdada;
}

.grid-combobox .dxpcLite .dxpc-footer {
    border: 0;
    background-color: #e2e2e2;
}

.grid-combobox .dxgvHFSAC {
    padding: 5px 0 !important;
}

grid-combobox .dxpcLite .dxpc-footerContent {
    padding: 0 10px;
    min-height: 8px;
    background-color: transparent;
    float: right;
}

.grid-combobox .dxbButton.dxbDisabled {
    background: #347f3a !important;
    opacity: .6;
}

.grid-combobox .dxpc-footerContent > table td:first-child .dxbButtonSys.dxbTSys {
    background: #347f3a !important;
    color: #ffffff !important;
    border: 1px solid #347f3a;
    padding: 0.35rem 1.5rem;
    box-shadow: 0px 0px 5px rgba(58, 58, 58, 0.4);
    transition: background-color 0.3s ease;
    border-radius: 3px;
}

    .grid-combobox .dxpc-footerContent > table td:first-child .dxbButtonSys.dxbTSys:hover,
    .grid-combobox .dxpc-footerContent > table td:first-child .dxbButtonSys.dxbTSys:focus {
        background-color: #69a75a !important;
        color: white;
        border: 1px solid #69a75a;
    }

.grid-combobox .dxeListBox td.dxeC {
    padding: 3px 0 !important;
}

.grid-combobox .table-bordered,
.grid-combobox .table-bordered > td {
    border: 0;
}

.settingsIconSep {
    background-position: -9px -2655px !important;
}

.grid-combobox .dxeTextBox {
    border-radius: 4px;
    position: relative;
}

    .grid-combobox .dxeTextBox:before {
        position: absolute;
        display: inline-block;
        content: "\f002";
        top: 2px;
        right: 4px;
        font-family: 'FontAwesome';
    }

.grid-combobox .dxgvDataRow:nth-child(odd) {
    background: transparent !important;
    border-left: 0px;
}

.grid-combobox .dxgvDataRow:nth-child(even) {
    background: transparent;
}

.grid-combobox .dxgvDataRow.dxgvFocusedRow,
.grid-combobox .dxgvDataRow:hover {
    color: #000;
}

.dxgvControl {
    border: 1px solid #ddd;
    font-family: inherit;
}

.dxgvDataRow td.dxgv {
    border-bottom: 1px Solid #ddd;
    border-right: 1px Solid #ddd;
}

.label-text_top {
    position: relative;
    top: -5px;
}

.btnAddrow {
    margin-top: -15px;
    margin-bottom: 20px;
}

#grvWorkFlowGroup tr {
    border-bottom: none !important;
}

#grvWorkFlowGroup td {
    padding: 1px !important;
    border-bottom: 0px !important;
}

#dvWorkFlow input.inputboxsmall.searchtextbox {
    border-right: 1px solid #c6c6c6 !important;
    border-bottom: 1px solid #c6c6c6 !important;
    border-top: 1px solid #c6c6c6 !important;
    border-left: 1px solid #c6c6c6 !important;
}

div.upload {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    height: 25px;
    width: 350px;
    padding: 0;
    position: relative;
}

    div.upload:hover {
        opacity: 0.95;
    }

    div.upload input[type="file"] {
        display: input-block;
        width: 100%;
        height: 25px;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.uploadButton {
    background-color: rgb(21, 106, 161);
    border: none;
    border-radius: 0 3px 3px 0;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    width: auto;
    padding: 0 20px;
    float: right;
    box-sizing: content-box;
}

.fileName {
    padding: 0 5px;
    margin-top: 0px;
    overflow: hidden;
    height: 22px;
    width: 240px;
    display: -webkit-box;
}

.opacity-bg {
    background-color: #000;
    opacity: 0.4;
}

.WipIconSep {
    background-position: -9px -2565px !important;
}

.compare-icon {
    background-position: -7px -2258px !important;
}

.list-search-icon,
.list-search-icon:hover {
    pointer-events: auto;
    width: 25px;
    height: 25px;
    right: 0;
    line-height: 24px;
    color: #fff !important;
    border-radius: 20px;
    border-top-left-radius: 0;
    text-align: center;
    text-decoration: none;
}

.SearchForImgExp {
    padding: 6px;
    float: left;
    background-color: #a1d2f6;
}

.SearchForImgCol {
    padding: 6px;
    float: left;
    background-color: #a1d2f6;
}

.SearchForHeadingCreate {
    margin-top: 5px !important;
    float: left;
    margin-left: 10px;
}

.spitter-combo.combobox-aln table.dxeListBox div.dxeHD {
    width: auto !important;
}

.spitter-combo .dxlbd {
    width: 163px !important;
}

.spitter-combo .dxpcDropDown {
    width: 163px !important;
    left: 224px !important;
}

.splitter-search {
    height: 22px !important;
}

.disable {
    background: #b1aeae !important;
}

    .disable input[type="text"]:disabled {
        height: auto !important;
    }

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

.ccr-grid tr td > div {
    width: 100% !important;
}

.folder-open-icon {
    background-position: -9px -356px !important;
}

.border-style-none {
    border-style: none !important;
}

.mlspace-2 {
    margin-left: -2px !important;
}

.ccr-green {
    background-color: #e3ffd1 !important;
}

.table .open > .dropdown-toggle.btn-primary {
    box-shadow: none;
}

.rtm-orangec {
    background-color: #e4f9da !important;
    /*border: none !important;
    box-shadow: 0px 1px 2px #347f3a;
    border-radius: 5px;*/
}

.rtm-greenc {
    background-color: #c8ebaf !important;
}

.rtm-yellowc {
    background-color: #d2edff !important;
    border: none !important;
    box-shadow: 0px 1px 2px #156aa1;
    border-radius: 5px;
}

.light-grey-bg {
    background-color: #e4e4e4 !important;
}

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

.rtm-table tbody tr td {
    border: 1px solid #fefef6;
    color: #5d5b5b;
    line-height: 25px;
}

.rtm-table tbody tr .ticker {
    border: 1px solid red;
    line-height: 30px;
}

.rtm-table tbody tr .green {
    border-color: green !important;
}

.rtm-table tbody tr .pink {
    border-color: #d85ada !important;
}

.rtm-table tbody tr .yellow {
    border-color: #e2b719 !important;
}

.rtm-table .entityhead,
.rtm-table .entityhead:hover {
    background-color: transparent !important;
}

.rtm-table th {
    height: 250px;
    position: relative;
}

.rel-block {
    position: relative;
}

.rel-block-MinWidth {
    min-width: 250px;
}

.trace-block {
    position: relative;
    top: 0;
    left: -2px;
    background: white;
    width: 244px;
    height: 100%;
    background-size: 100% 100%;
    float: left;
}

.matrix-block {
    position: absolute;
    top: 0;
    left: 0px;
    background: url(../Images/traceMatrix.jpg) no-repeat top left;
    height: 247px;
    width: 248px;
    background-size: cover;
    float: left;
}

    .matrix-block.hold-time {
        background: url(../Images/holdtime.jpg) no-repeat top left;
    }

        .matrix-block.hold-time.text {
            background-color: #E8E3E7;
            background-image: none !important;
            width: 300px;
            position: relative;
        }

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

.innerText1 {
    position: absolute;
    top: 30%;
    left: 14%;
}

.innerText2 {
    position: relative;
    top: 44%;
    font-size: 20px;
    font-weight: bold;
}

.rtm-table .fa-check {
    color: #000 !important;
}

th.rotate span {
    color: #5d5b5b;
}

.verifyExcel-icon {
    background-position: -7px -1064px !important;
}

.dropdown-width .dropdown-group-filter {
    width: 100%;
}

.upload + .uploadButton {
    height: 25px;
}

.word-break-word {
    word-break: break-word !important;
}

.from-to-cal .calendar-block {
    width: 100% !important;
}

.combobox-left .dxpcDropDown {
    left: 0 !important;
}

.table-border-reset table,
.table-border-reset table td,
.space-bor-none,
.table-border-none .table-bordered {
    padding: 0 !important;
}

.reset-mspace .row {
    margin: 0 !important;
}

.menu-navbar {
    position: relative;
    float: right;
    margin-top: 8px;
    margin-right: 15px;
    padding: 9px 10px;
    margin-bottom: 8px;
    border: 1px solid transparent;
}

    .menu-navbar:hover {
        background: transparent !important;
    }

    .menu-navbar .icon-bar {
        width: 22px;
        transition: all 0.2s;
    }

        .menu-navbar .icon-bar + .icon-bar {
            margin-top: 4px;
        }

    .menu-navbar .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    .menu-navbar .top-bar {
        transform: rotate(45deg);
        transform-origin: 10% 10%;
        background: #fff;
    }

    .menu-navbar .middle-bar {
        opacity: 0;
        background: #fff;
    }

    .menu-navbar .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 10% 90%;
        background: #fff;
    }

    .menu-navbar.collapsed .top-bar {
        transform: rotate(0);
        background: #fff;
    }

    .menu-navbar.collapsed .middle-bar {
        opacity: 1;
        background: #fff;
    }

    .menu-navbar.collapsed .bottom-bar {
        transform: rotate(0);
        background: #fff;
    }

.menu_back {
    position: fixed;
    bottom: 36px;
    text-align: right;
    width: 25px;
    padding: 0 0px;
    cursor: pointer;
    left: 230px;
    color: #003456;
    font-size: 20px;
    height: 25px;
    float: right;
    opacity: 1;
}

    .menu_back:hover {
        opacity: 1;
    }

.splitter_but_bg {
    background: #ddd;
    width: 10px;
    float: left;
}

.buttonRArrow {
    background-image: url('../Images/split-icon-front.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 75px;
    top: 50%;
    position: absolute;
    cursor: pointer;
}

.buttonLArrow {
    background-image: url('../Images/split-icon-back.png');
    background-repeat: no-repeat;
    width: 10px;
    height: 75px;
    top: 50%;
    position: absolute;
    cursor: pointer;
}

.table-bg-none .even {
    background-color: transparent !important;
}

ol {
    list-style: none;
}
.removeliststyleforunorderlist {
    list-style:disc;
    
}
.removeliststylefororderlist {
    list-style:auto;
}
.removeliststyle{
    list-style:unset;
}
.ccrRadioBtnStyle {
    display: block;
    margin-top: 0;
    padding-left: 0;
}

    .ccrRadioBtnStyle .form-control {
        padding: 0;
        box-shadow: none;
    }

    .ccrRadioBtnStyle span {
        margin-right: 0 !important;
    }

    .ccrRadioBtnStyle li {
        float: left;
    }

    .ccrRadioBtnStyle .Minor_Green input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .ccrRadioBtnStyle .Minor_Green label {
        display: inline-block;
        background-color: #cefcce;
        color: #034203 !important;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #034203 !important;
        float: left;
        line-height: 22px !important;
        border-radius: 0;
        margin-right: 0;
        opacity: 0.4;
    }

        .ccrRadioBtnStyle .Minor_Green label:hover {
            cursor: pointer;
        }

    .ccrRadioBtnStyle .Minor_Green input[type=radio]:checked + label {
        background-color: #037003;
        color: #fff !important;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ccrRadioBtnStyle .Moderate_Yellow input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .ccrRadioBtnStyle .Moderate_Yellow label {
        display: inline-block;
        background-color: #fefdad;
        color: #9f9d0a !important;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #9f9d0a !important;
        float: left;
        line-height: 22px !important;
        border-radius: 4px;
        margin-right: 0;
        opacity: 0.4;
        border-radius: 0;
        margin-left: 2px;
    }

        .ccrRadioBtnStyle .Moderate_Yellow label:hover {
            cursor: pointer;
        }

    .ccrRadioBtnStyle .Moderate_Yellow input[type=radio]:checked + label {
        background-color: #fefa05;
        color: #2c2a04 !important;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .ccrRadioBtnStyle .Major_Red input[type=radio] {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .ccrRadioBtnStyle .Major_Red label {
        display: inline-block;
        background-color: #f2d2d3;
        color: #750909 !important;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #750909 !important;
        float: left;
        line-height: 22px !important;
        border-radius: 0;
        margin-right: 0;
        opacity: 0.4;
        margin-left: 2px;
    }

        .ccrRadioBtnStyle .Major_Red label:hover {
            cursor: pointer;
        }

    .ccrRadioBtnStyle .Major_Red input[type=radio]:checked + label {
        background-color: #e11111;
        color: #fff !important;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.dashboard-settings {
    display: none;
}

    .dashboard-settings.active {
        display: block;
    }

.bg-overlay {
    top: 0px;
    left: 0px;
    width: 100% !important;
    position: fixed;
    height: 100% !important;
    background: #000;
    opacity: 0.2;
    z-index: 10000;
}

.SettingShow {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: #a29a98 4px 5px 2px 3px;
    position: absolute;
    opacity: 1;
    top: 5%;
    width: 97% !important;
    height: 90vh !important;
    z-index: 10001;
    border: #ccc solid 1px;
}

.TaskContainer {
    background-color: #fff;
    position: fixed;
    opacity: 1;
    top: 6%;
    width: auto !important;
    height: auto !important;
    z-index: 10001;
    border: #ccc solid 1px;
    float: right;
    max-width: 500px;
    right: 23px;
    padding-right: 10px;
}

.dash-title {
    background-image: url(../Images/Dashboard/dash-title-bg.png);
    height: 42px;
    background-repeat: repeat-x;
    border-radius: 5px 5px 0px 0px;
    float: left;
    width: 100%;
}

    .dash-title h4 {
        float: left;
        width: 100%;
    }

    .dash-title img {
        padding: 10px 10px 0px;
        float: left;
    }

    .dash-title h4 {
        float: left;
        width: auto;
        color: #fff;
    }

.dash-close {
    color: #fff;
    opacity: 1;
    font-family: inherit;
    padding: 4px 6px;
    border: #fff solid 2px;
    border-radius: 20px;
    margin: 10px 7px;
    float: right;
    line-height: 10px;
    cursor: pointer;
    background-color: transparent;
}

.dash-cont {
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
}

.width-74 {
    width: 74%;
    float: left;
    border-right: #ccc solid 1px;
}

/*.width-1 {
    width: 1%;
    float: left;
}*/

.dash-cont h5 {
    color: #000;
    padding: 0px 0px 0px 20px;
}

.dash-cont div {
    float: left;
    width: 125px;
    height: 125px;
    border-radius: 10px;
    text-align: center;
    margin: 3px;
}

.dash-cont ul li label {
    width: 100%;
    text-align: center;
    background-color: #a6af92;
    color: #fff;
}

.thumb-part,
.thumb-view-part {
    width: 95%;
    height: 160px;
    border: #ccc solid 1px;
    border-radius: 5px;
}

.select-charts {
    float: left;
    border: #ccc solid 1px;
    height: 270px;
    border-radius: 3px;
    width: 270px;
    padding: 2px 2px;
    left: 50%;
    position: relative;
    margin: 0px 0px 0px -135px;
}

.available-charts h6 {
    line-height: 25px;
    margin: 15px 0px;
    padding-left: 15px;
}

.avail-charts {
    height: 260px;
}

.selected-charts h6 {
    margin: 15px 0px;
    line-height: 25px;
}

.chart-thumb-sett h6 {
    margin: 0px;
    padding: 0px;
    background-color: #ebebeb;
    float: left;
    color: #000 !important;
}

.chart-thumb0 {
    border: #a6af90 solid 4px;
}

    .chart-thumb0 h6 {
        width: 100%;
        background-color: #a6af90;
        color: #fff;
    }

.chart-thumb1 {
    border: #d5bc68 solid 4px;
}

    .chart-thumb1 h6 {
        width: 100%;
        background-color: #d5bc68;
        color: #fff;
    }

.chart-thumb2 {
    border: #6cbdda solid 4px;
}

    .chart-thumb2 h6 {
        width: 100%;
        background-color: #6cbdda;
        color: #fff;
    }

.chart-thumb3 {
    border: #54a499 solid 4px;
}

    .chart-thumb3 h6 {
        width: 100%;
        background-color: #54a499;
        color: #fff;
    }

.chart-thumb4 {
    border: #67b0d0 solid 4px;
}

    .chart-thumb4 h6 {
        width: 100%;
        background-color: #67b0d0;
        color: #fff;
    }

.chart-thumb5 {
    border: #8694ae solid 4px;
}

    .chart-thumb5 h6 {
        width: 100%;
        background-color: #8694ae;
        color: #fff;
    }

.chart-thumb6 {
    border: #af926a solid 4px;
}

    .chart-thumb6 h6 {
        width: 100%;
        background-color: #af926a;
        color: #fff;
    }

.chart-thumb7 {
    border: #8fb467 solid 4px;
}

    .chart-thumb7 h6 {
        width: 100%;
        background-color: #8fb467;
        color: #fff;
    }

.chart-thumb8 {
    border: #d37e83 solid 4px;
}

    .chart-thumb8 h6 {
        width: 100%;
        background-color: #d37e83;
        color: #fff;
    }

.PreviewShow {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 4px 5px 2px 3px #a29a98;
    position: absolute;
    opacity: 1;
    top: 40%;
    left: 41%;
    z-index: 10003;
    margin: -221px 0px 0px -40%;
    border: #ccc solid 1px;
}

.label a {
    color: #fff !important;
    text-decoration: none;
}

.height-62 {
    height: 62px;
}

.odd-even-bg table tr:nth-child(odd) {
    background: #d0eaf5;
}

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

.tm_txtGroupUser {
    border-bottom: #abbdce 0px solid;
    border-left: #abbdce 0px solid;
    border-top: #abbdce 0px solid;
    border-right: #abbdce 0px solid;
    cursor: pointer;
    vertical-align: top;
    line-height: 16px;
    text-align: left;
    float: left;
}

.gsi-step-indicator {
    width: 100%;
    padding: 0 1.2em;
    background-color: #edeff0;
    border-radius: .25em;
}

    .gsi-step-indicator li {
        display: inline-block;
        float: left;
        margin: 1.2em 0;
    }

        .gsi-step-indicator li .number {
            background: #fff;
            border-radius: 50%;
            color: #000;
            padding: 2px 9px;
            width: 10%;
            height: 25px !important;
        }

        .gsi-step-indicator li .desc {
            padding-top: 2px;
            padding-left: 10px;
            vertical-align: super;
        }

            .gsi-step-indicator li .desc label {
                cursor: pointer;
            }

            .gsi-step-indicator li .desc span {
                display: block;
            }

        .gsi-step-indicator li::after {
            display: inline-block;
            content: '»';
            margin: 0 1em;
            color: #959fa5;
        }

        .gsi-step-indicator li:last-of-type::after {
            display: none;
        }

        .gsi-step-indicator li > * {
            display: flex;
            color: #2c3f4c;
        }

        .gsi-step-indicator li.current > * {
            color: #96c03d;
        }

    .gsi-step-indicator a:hover {
        color: #96c03d;
    }

    .gsi-step-indicator a {
        text-decoration: none !important;
    }

    .gsi-step-indicator:after {
        content: "";
        display: table;
        clear: both;
    }

    .gsi-step-indicator.triangle {
        background-color: transparent;
        padding: 0;
    }

        .gsi-step-indicator.triangle li {
            position: relative;
            padding: 0;
            margin: 4px 4px 4px 0;
            width: 24.7%;
        }

            .gsi-step-indicator.triangle li:last-of-type {
                margin-right: 0;
            }

            .gsi-step-indicator.triangle li > * {
                position: relative;
                padding: .5em .8em .5em 2.5em;
                color: #2c3f4c !important;
                background-color: #edeff0;
                border-color: #edeff0;
            }

            .gsi-step-indicator.triangle li.done > * {
                color: #FFFFFF !important;
                background-color: #3c763c;
                border-color: #3c763c;
            }

            .gsi-step-indicator.triangle li.current > * {
                color: #000000 !important;
                background-color: #b8e8ff;
                border-color: #b8e8ff;
            }

            .gsi-step-indicator.triangle li:first-of-type > * {
                border-radius: .25em 0 0 .25em;
            }

            .gsi-step-indicator.triangle li:last-of-type > * {
                padding-right: 1.6em;
                border-radius: 0 .25em .25em 0;
            }

        .gsi-step-indicator.triangle a:hover {
            color: #fff !important;
            background-color: #2c3f4c;
            border-color: #2c3f4c;
        }

        .gsi-step-indicator.triangle li::after,
        .gsi-step-indicator.triangle li > *::after {
            content: '';
            position: absolute;
            top: 0px;
            left: 100%;
            height: 0;
            width: 0;
            border: 19px solid transparent;
            border-right-width: 0;
            border-left-width: 20px;
        }

        .gsi-step-indicator.triangle li::after {
            z-index: 1;
            -webkit-transform: translateX(4px);
            -moz-transform: translateX(4px);
            -ms-transform: translateX(4px);
            -o-transform: translateX(4px);
            transform: translateX(4px);
            border-left-color: #fff;
            margin: 0;
        }

        .gsi-step-indicator.triangle li > *::after {
            z-index: 2;
            border-left-color: inherit;
        }

        .gsi-step-indicator.triangle .triangle li:last-of-type::after,
        .gsi-step-indicator.triangle li:last-of-type > *::after {
            display: none;
        }

        .gsi-step-indicator.triangle.gsi-arrow-left li::after,
        .gsi-step-indicator.triangle.gsi-arrow-left li > *::after {
            content: '';
            position: absolute;
            top: 2px;
            left: -20px;
            height: 0;
            width: 0;
            border: 31px solid transparent;
            border-right-width: 20px;
            border-left-width: 0;
        }

        .gsi-step-indicator.triangle.gsi-arrow-left li > *::after {
            z-index: 2;
            border-right-color: inherit;
        }

.tick {
    float: right;
    right: 4px;
    position: absolute;
    padding-top: 4px;
}

.ulClass {
    margin: 0px;
    list-style: none;
    width: 100%;
    float: left;
    padding: 0px;
    border-bottom: 1px solid #ccc;
}

.liclass {
    margin: 0px;
    list-style: none;
    float: left;
    padding: 0px 20px;
    cursor: pointer;
    line-height: 30px;
    border: #ccc solid 1px;
}

.ulClass > li {
    float: left;
    cursor: pointer;
    background-color: #bdeafb;
    border-radius: 4px 4px 0px 0px;
    line-height: 24px;
    border-bottom: 0;
    padding: 2px 10px;
    margin-right: 4px;
}

.decision-innercont.fixedwidth {
    max-height: 100% !important;
    overflow: auto;
}

.maximize-icon {
    background-position: bottom right;
    width: 24px;
    height: 24px;
    padding: 1px;
    cursor: pointer;
    width: 100%;
}

    .maximize-icon.maximize {
        background-position: top right;
        cursor: pointer;
    }

    .maximize-icon,
    .maximize-icon.minimize {
        background-position: bottom right;
        width: 24px;
        height: 24px;
        padding: 1px;
        cursor: pointer;
        width: 100%;
    }

.maximize-part {
    background-repeat: repeat-x;
    position: relative;
    width: 100%;
    float: left;
    height: 100% !important;
    background-color: #fff;
}

    .maximize-part .dxtc-content {
        padding: 5px;
    }

    .maximize-part .dxtc-top {
        padding: 0;
    }

.process-fd {
    height: 250px !important;
    overflow-y: auto;
}

.maximize-part.fullwidth .process-fd {
    height: auto !important;
    overflow-y: auto;
}

.maximize-part.fullwidth {
    position: fixed;
    top: 28px;
    left: 0px;
    height: 99.7%;
    width: 99.9%;
    overflow-y: auto;
    z-index: 100002;
}

.maximize-title {
    width: 90%;
    line-height: 30px;
    color: #000;
    padding-left: 10px;
    float: left;
}

#dynamicMainTab li.active3 {
    background: -moz-linear-gradient(top, #8bbe49 0%, #417b17 100%);
    background: -webkit-linear-gradient(top, #8bbe49 0%, #417b17 100%);
    background: linear-gradient(to bottom, #8bbe49 0%, #417b17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bbe49', endColorstr='#417b17', GradientType=0);
    color: #fff;
}

.bot-mspace-2 {
    margin-bottom: 2px !important;
}

.task-block {
    position: relative;
}

    .task-block .popup {
        background: #fff;
        position: absolute;
        left: 0;
        bottom: 25px;
        width: 470px;
        color: #000;
        border: 1px solid #ccc;
    }

.process-img-style {
    background-repeat: no-repeat;
    width: 150px;
    height: 60px;
}

.process-sf {
    background-image: url('../Images/SF.gif');
}

.process-ff {
    background-image: url('../Images/FF.gif');
}

.process-ss {
    background-image: url('../Images/SS.gif');
}

.process-fs {
    background-image: url('../Images/FS.gif');
}

.show-outer-area {
    overflow: visible;
}

.Tootipyellowhead {
    background: #a6e0f4;
}

.validation-criteria-textbox {
    background: #fff;
    border: 1px solid #ddd;
    padding: 2px;
    width: 25.65%;
}

.checkbox-delete {
    position: relative;
    top: -4px;
    left: 5px;
}

.temp-doc-label-rspace label {
    margin-right: 5px !important;
}

.refreshIconSep {
    background-position: -9px -1786px !important;
}

.bulleted-list ul {
    padding-left: 20px;
    margin-bottom: 0;
}

    .bulleted-list ul li {
        list-style-type: disc;
    }

.web-office {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 100000;
    display: none;
}

.web-office-row {
    width: 100%;
    height: 100%;
    z-index: 10000;
}

#uploadControl {
    float: left;
}

.weboffice-icon-word {
    background: url(../Images/LineImages/file.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 5px 5px 0px 0px;
}

.weboffice-icon-excel {
    background: url(../Images/LineImages/excel.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 5px 5px 0px 0px;
}

.weboffice-icon-powerpoint {
    background: url(../Images/LineImages/powerpoint.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 5px 5px 0px 0px;
}

.weboffice-icon-pdf {
    background: url(../Images/LineImages/pdf.png) no-repeat;
    width: 16px;
    height: 13px;
    float: left;
    margin: 4px 4px 0px 0px;
}

.weboffice-header-btns {
    background-color: #ebebeb;
    float: left;
    width: 100%;
    padding: 5px 0px 5px 5px;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    position: fixed;
}

.weboffice-open {
    float: left;
    background-color: #ececec;
    min-width: 60px;
    height: 26px !important;
    padding: 6px 6px;
    border: #156aa1 solid 1px;
    line-height: 15px;
    cursor: pointer;
    margin: 0px 0px 0px 5px;
    border-radius: 3px;
}

    .weboffice-open .label-output span {
        line-height: 13px !important;
    }

.weboffice-open_top {
    float: right;
    background-color: #ececec;
    min-width: 60px;
    height: 24px;
    padding: 0px 6px 2px 6px;
    border: #156aa1 solid 1px;
    line-height: 21px;
    cursor: pointer;
    border-radius: 3px;
    margin: -2px 2px 0px 0px;
}

.weboffice-open span {
    margin: 0px 5px 0px 0px !important;
    line-height: 13px;
}

.weboffice-header-btns a {
    min-width: 70px;
    height: 25px;
    float: left;
    background: url(../Images/LineImages/back-icon.png) no-repeat;
    background-size: auto 90%;
    margin: 0px 0px 0px 0px;
    background-color: #ebebeb;
    border: #ccc solid 1px;
    border-radius: 5px;
    background-position-y: 2px;
    padding: 1px 0px 0px 30px;
    max-width: 120px;
    background-position-x: 2px;
}

.weboffice-DocFrame {
    width: 100%;
    height: 96%;
    position: fixed;
    /*top: 11.5%;*/
    left: 0px;
    z-index: 10000;
    display: inline;
}

.weboffice-DevDocFrame {
    width: 99%;
    height: 96%;
    position: fixed;
    top: 45px;
    left: 0px;
    z-index: 10000;
    display: inline;
    overflow: hidden;
}

.web-office-bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 100001;
    opacity: 0.6;
    left: 0%;
    top: 0%;
}

#divDocLoading .web-office-bg-overlay {
    background: rgba(255, 255, 255, 0.8);
}

#divDocLoading .web-office-Loading {
    background-color: transparent;
}

.web-office-Loading {
    width: 160px;
    height: 160px;
    position: fixed;
    top: 51.5%;
    left: 53%;
    margin: -100px 0px 0px -100px;
    z-index: 100002;
    background-position: center;
}

/*.web-office-bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 10000;
    opacity: 0.9;
}*/

.execution-Loading {
    width: 160px;
    height: 160px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px 0px 0px -100px;
    z-index: 10002;
    background-position: center;
}

.execution-bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #fff;
    z-index: 10001;
    opacity: 0.9;
}

.execution-DocFrame {
    width: 98%;
    height: 95%;
    position: fixed;
    top: 45px;
    left: 15px;
    z-index: 10003;
    display: inline;
}

.web-office-row_hide {
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.web-office-row_show {
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: inline;
}

.web-office-save_bg-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(204, 204, 204, 1);
    z-index: 10001;
    opacity: 0.6;
    top: 0px;
}

.web-office-save_Loading {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 45%;
    margin: 0px 0px 0px 4px;
    z-index: 10002;
    background-color: yellow;
}

.webOffice-topbtn {
    margin: -2px -1px 0px 0px;
    padding: 1px 0px 0px 30px;
}

    .webOffice-topbtn input {
        padding: 6px 10px 6px 27px;
        background-position: -7px -1189px !important;
    }

.icon-image-group {
    background: url(../Images/color-icons.png) no-repeat;
    display: inline-block;
    width: 15px;
    border: 0;
    height: 13px !important;
}

.UserContactIconSep-group {
    background-position: -13px -2212px !important;
}

.UserGroupIconSep-group {
    background-position: -13px -2293px !important;
}

.select2-container .select2-selection--single {
    height: 26px !important;
}

.dynamicform.checkbox-list {
    border: 1px solid #ccc;
    height: 200px;
    min-height: 20px;
    overflow: auto;
}

.modalPopupSplPlaner {
    top: 1% !important;
    left: 1% !important;
    width: 98% !important;
    background-color: #FFFFFF;
    border: rgb(21, 106, 161) solid 1px;
    bottom: 1%;
}

.decision-tree-action-close {
    background: none;
    border: 0;
}

.decision-tree-body {
    background: #fffaee url(../Images/ul_bg.jpg) no-repeat right 50%;
    margin-top: 15px;
    text-align: left;
}

.decision-tree-header {
    background: #147abb;
    background: -moz-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: -webkit-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: linear-gradient(to bottom, #147abb 0%, #0a5a8c 51%, #085484 100%);
    padding: 7px 15px;
    border-bottom: 0px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    margin-bottom: 18px;
    text-align: center;
}

.modal-footer {
    border-top: none;
}

.btn.nextBtn,
.btn.prevBtn {
    position: relative;
    padding: 3px 20px 3px 30px;
    background: #cedce7;
    background: -moz-linear-gradient(top, #dee6ec 0%, #acb1b3 100%);
    background: -webkit-linear-gradient(top, #dee6ec 0%, #acb1b3 100%);
    background: linear-gradient(to bottom, #dee6ec 0%, #acb1b3 100%);
    color: #000 !important;
    border: 1px solid #ccc;
    border-radius: 25px;
    text-decoration: none !important;
    font-style: normal !important;
}

    .btn.nextBtn,
    .btn.nextBtn:hover {
        padding: 3px 30px 3px 20px;
    }

        .btn.prevBtn span:before,
        .btn.nextBtn span:before,
        .btn.prevBtn:hover span:before,
        .btn.nextBtn:hover span:before {
            content: "";
            background: url(../Images/popup-arrows.png) no-repeat left top;
            display: inline-block;
            width: 25px;
            height: 25px;
            background-position: -2px -86px;
            position: absolute;
            left: 0;
            top: 0;
        }

        .btn.nextBtn span:before {
            background-position: -1px -30px;
            left: auto;
            right: 0;
        }

        .btn.nextBtn:hover,
        .decision-tree-popup .btn.nextBtn.active,
        .btn.nextBtn:focus,
        .btn.prevBtn:hover,
        .decision-tree-popup .btn.prevBtn.active,
        .btn.prevBtn:focus {
            background: #b4ddb4;
            background: -moz-linear-gradient(top, #7ab77a 0%, #4f9c4f 17%, #2c902c 33%, #2c752c 67%, #2b752b 83%, #277d27 100%);
            background: -webkit-linear-gradient(top, #7ab77a 0%, #4f9c4f 17%, #2c902c 33%, #2c752c 67%, #2b752b 83%, #277d27 100%);
            background: linear-gradient(to bottom, #7ab77a 0%, #4f9c4f 17%, #2c902c 33%, #2c752c 67%, #2b752b 83%, #277d27 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0);
            color: #fff !important;
        }

            .btn.prevBtn:hover span:before,
            .decision-tree-popup .btn.prevBtn.active span:before {
                background-position: -2px -58px;
            }

            .btn.nextBtn:hover span:before,
            .decision-tree-popup .btn.nextBtn.active span:before {
                background-position: -2px -2px;
                left: auto;
                right: 0;
            }

.decision-tree-popup {
    position: absolute;
    z-index: 999;
}

    .decision-tree-popup .modal-content {
        height: auto;
        width: 75%;
        left: 12.5%;
        top:120px;
    }

.pane-settings {
    width: 99%;
    float: left;
    background-color: #e8e8e8;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .pane-settings li {
        float: left;
        margin: 4px;
        padding: 1px;
        box-sizing: border-box;
        border: #ebebeb solid 1px;
    }

        .pane-settings li.active {
            border: #888 solid 1px;
            background-color: #888;
            box-shadow: 2px 2px 2px #ccc;
        }

.spreadView .s0s1 {
    background-color: #e0f0fd !important;
    color: #000 !important;
    border-bottom-color: #cacaca !important;
    background-image: none !important;
}

.spreadDesignView .Unselectable > table tr td {
    background-image: none !important;
}

.commandBar table td span {
    background: #f7f5f5;
}

.EyeIconSep {
    background-position: -12px -173px !important;
    position: relative;
    top: -3px;
    height: 20px;
    width: 26px;
    vertical-align: middle;
}

.status-block {
    color: #6f6e6e;
    margin-bottom: 4px;
    float: right;
    margin-top: 4px;
    margin-right: 30px;
}

    .status-block i {
        margin-right: 5px;
    }

.status-flag-1 {
    color: #2ab420;
}

.status-flag-2 {
    color: #dc90aa;
}

.status-flag-3 {
    color: #0017ca;
}

.status-flag-4 {
    color: #2d9c96;
}

.status-flag-5 {
    color: #db0d11;
}

.status-flag-6 {
    color: #d65f03;
}

.status-flag-7 {
    color: #953edb;
}

.status-flag-8 {
    color: #020202;
}

.search-block {
    position: relative;
}

.popup-Block-hover {
    position: absolute;
    max-width: 800px;
    color: #000;
    background: #fff;
    border: 1px solid #c7e0ff;
    z-index: 8888;
    visibility: hidden;
    padding: 3px;
    border-radius: 4px;
    display: none;
}

    .popup-Block-hover .innerDiv {
        background: #c7e0ff;
        padding: 10px;
        border-radius: 4px;
    }

    .popup-Block-hover:after {
        content: "";
        right: 100%;
        top: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #c7e0ff;
        border-width: 10px;
        margin-top: 0;
    }

.frameworkSearch .select2-search__field {
    width: 100% !important;
    padding: 5px 25px 5px 5px !important;
}

.frameworkSearch .select2-selection__rendered {
    padding: 5px;
}

.RTM_Tick {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(../Images/rtm-CheckBox.png) no-repeat -1px -49px;
}

.RTM_NoTick {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(../Images/rtm-CheckBox.png) no-repeat -1px -2px;
}

.RTM_Fail {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(../Images/rtm-CheckBox.png) no-repeat -1px -71px;
}

.RTM_Pass {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(../Images/rtm-CheckBox.png) no-repeat -1px -94px;
}

.decision-LinktrashIcon {
    margin-right: -19px;
    margin-top: -51px;
    top: -51px;
}

.sysman-entity .odd {
    background-color: #fff !important;
}

.sysman-entity .even {
    background-color: #ebf6fd !important;
}

.sysman-entity .table-bordered > tbody > tr > td {
    border: 1px solid #ddd !important;
}

.pagination-part .pagination {
    margin: 5px 0px 0;
}

.inner-tabs {
    margin-bottom: 0px;
    margin: 0px;
    margin-left: -1px;
}

.index-container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
}

.inner-tabs > li > a {
    color: #1a1a1a !important;
    border: #cfcfcf solid 1px;
    height: 30px;
    padding: 1px 10px !important;
    background: none !important;
    display: block;
    z-index: 2;
    position: relative;
    cursor: pointer;
    font-style: normal;
    outline: none;
    text-decoration: none;
    font-family: inherit;
    font-weight: normal;
    border: 1px solid #cfcfcf !important;
    border-bottom: 3px solid transparent !important;
}

    .inner-tabs > li > a:hover {
        color: #1a1a1a !important;
        border: 1px solid rgb(21, 106, 161) !important;
        border-bottom: 0px !important;
        font-weight: bold;
    }

.inner-tabs > li.active a,
.inner-tabs > li.active > a:focus,
.inner-tabs > li.active > a:hover {
    color: #1a1a1a !important;
    padding: 1px 7px !important;
    border-radius: 6px 6px 0px 0px !important;
    border: 0px !important;
    margin-bottom: 0px;
    height: 28px;
    border: 1px solid rgb(21, 106, 161) !important;
    font-weight: bold;
}

.leftright-noborder {
    border-right: none !important;
    border-left: none !important;
}

.table-scroll-reset > div {
    overflow: auto !important;
}

.date-block table {
    float: left;
}

.viewIconSep-group {
    background-position: -13px -176px !important;
}

.closeIconSep-group {
    background-position: -14px -684px !important;
}

.date-disable-bg-reset input[type="text"],
.date-disable-bg-reset input[type="text"]:hover {
    background-color: transparent !important;
    height: auto !important;
}

.tblUtcTimezoneContent,
.tblUtcTimezoneHeader {
    border: none !important;
    border-bottom: none !important;
    /*table-layout: fixed;*/ /*Task id 34224 -UI Issue in Audit Trail Report for Validation Frameworks.,
                                Task id 34225 -UI Issue in Audit Trail Report for Decision Trees.*/
    width: 100%;
    min-width: 250px;
}

    .tblUtcTimezoneContent td:last-child,
    .tblUtcTimezoneHeader td:last-child {
        border-right: none !important;
    }

    .tblUtcTimezoneContent tr td {
        border: none !important;
        border-bottom: none !important;
        border-right: 1px solid #e9e9e9 !important;
    }

    .tblUtcTimezoneHeader tr:first-child td:first-child {
        border-top: 0px solid #b0b5bb !important;
    }

    .tblUtcTimezoneHeader tr td {
        border: none !important;
        border-bottom: none !important;
        border-right: 1px solid #dddddd !important;
        border-top: 1px solid #dddddd !important;
    }

.inner-tabs-day-new .label-default {
}

    .inner-tabs-day-new .label-default:hover,
    .inner-tabs-day-new .label-default:focus {
    }

    .inner-tabs-day-new .label-default a {
        background-color: #555555;
        border: 2px solid #555555;
        border-radius: 4px;
        color: #fff !important;
        width: 38px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-default a:hover {
            background-color: #fff;
            border: 2px solid #555555;
            color: #555555 !important;
            text-decoration: none;
            border-radius: 4px;
        }

.inner-tabs-day-new .label-primary {
}

    .inner-tabs-day-new .label-primary:hover,
    .inner-tabs-day-new .label-primary:focus {
    }

    .inner-tabs-day-new .label-primary a {
        background-color: #4CAF50;
        border: 2px solid #4CAF50;
        border-radius: 4px;
        color: #fff !important;
        width: 38px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-primary a:hover {
            background-color: #fff;
            border: 2px solid #4CAF50;
            color: #4CAF50 !important;
            text-decoration: none;
            border-radius: 4px;
        }

.inner-tabs-day-new .label-success {
}

    .inner-tabs-day-new .label-success:hover,
    .inner-tabs-day-new .label-success:focus {
    }

    .inner-tabs-day-new .label-success a {
        background-color: #006400;
        border: 2px solid #006400;
        border-radius: 4px;
        color: #fff !important;
        width: 50px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-success a:hover {
            background-color: #fff;
            border: 2px solid #006400;
            color: #006400 !important;
            text-decoration: none;
            border-radius: 4px;
        }

.inner-tabs-day-new .label-info {
}

    .inner-tabs-day-new .label-info:hover,
    .inner-tabs-day-new .label-info:focus {
    }

    .inner-tabs-day-new .label-info a {
        background-color: #1D047C;
        border: 2px solid #1D047C;
        border-radius: 4px;
        color: #fff !important;
        width: 38px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-info a:hover {
            background-color: #fff;
            border: 2px solid #1D047C;
            color: #1D047C !important;
            text-decoration: none;
            border-radius: 4px;
        }

.inner-tabs-day-new .label-warning {
}

    .inner-tabs-day-new .label-warning:hover,
    .inner-tabs-day-new .label-warning:focus {
    }

    .inner-tabs-day-new .label-warning a {
        background-color: #0569D4;
        border: 2px solid #0569D4;
        border-radius: 4px;
        color: #fff !important;
        width: 43px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-warning a:hover {
            background-color: #fff;
            border: 2px solid #0569D4;
            color: #0569D4 !important;
            text-decoration: none;
            border-radius: 4px;
        }

.inner-tabs-day-new .label-danger {
}

    .inner-tabs-day-new .label-danger:hover,
    .inner-tabs-day-new .label-danger:focus {
    }

    .inner-tabs-day-new .label-danger a {
        background-color: #FF8C00;
        border: 2px solid #FF8C00;
        border-radius: 4px;
        color: #fff !important;
        width: 38px;
        padding: 5px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }

        .inner-tabs-day-new .label-danger a:hover {
            background-color: #fff;
            border: 2px solid #FF8C00;
            color: #FF8C00 !important;
            text-decoration: none;
            border-radius: 4px;
        }

.task-search input::placeholder {
    color: rgba(0, 0, 0, 0.42);
}

.task-search input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.42);
}

.task-search input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.42);
}

.task-search input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.42);
}

.task-search input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.42);
}

.table-responsive.bot-mspace-5 {
    margin-bottom: 0 !important;
}

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

.popup-outer-overlay {
    display: block !important;
    top: 0px;
    right: 0px;
    background-color: #000;
    opacity: 0.4;
    z-index: 999;
    position: fixed;
    width: 100%;
    height: 100%;
}

.select2-dropdown--below {
    z-index: 100003 !important;
}

.vm-form-fields .select2-container {
    width: 80% !important;
}

.form-frame-part {
    position: fixed;
    top: 5%;
    width: 98%;
    box-sizing: border-box;
    left: 1%;
    height: 90%;
    background-color: #fff;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    border: 4px solid rgb(21, 106, 161);
    border-radius: 7px 7px 7px 7px;
}

    .form-frame-part .form-frame-head-part {
        margin: -1px 0px 0px 0px;
    }

.form-popup_heading {
    background: #147abb;
    background: -moz-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: -webkit-linear-gradient(top, #147abb 0%, #0a5a8c 51%, #085484 100%);
    background: linear-gradient(to bottom, #147abb 0%, #0a5a8c 51%, #085484 100%);
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
}

    .form-popup_heading h4 {
        color: #fff;
        text-align: left;
        padding: 0px 0px 0px 10px;
        width: 90%;
        float: left;
    }

.form-close-btn {
    background: url(../Images/lytbox.png) no-repeat;
    background-position: -63px 1px;
    width: 32px;
    height: 32px;
    border: none;
    position: absolute;
    right: -25px;
    float: right;
    padding: 0px;
    margin: 0px;
    top: -16px;
}

    .form-close-btn:hover {
        background: url(../Images/lytbox.png) no-repeat !important;
        background-position: -63px -30px !important;
    }

.formfield-textbox {
    background: url(../Images/textbox.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-textarea {
    background: url(../Images/textarea.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-Checkbox {
    background: url(../Images/Checkbox.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-cond-radiobtn {
    background: url(../Images/cond-radiobtn.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-date-picker {
    background: url(../Images/date-picker.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-dropdownlist {
    background: url(../Images/dropdownlist.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.formfield-radiobtn {
    background: url(../Images/radiobtn.png) no-repeat !important;
    background-position: 8px 6px !important;
}

.div-fields {
    background-color: #f36341 !important;
    border-radius: 4px;
    padding: 4px 15px 4px 30px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    width: auto;
    cursor: pointer;
}

a[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;
    -webkit-touch-callout: none;
}

.logo-lg a img {
    border: 0px solid #007299;
    width: auto;
    height: 45px;
}

.logo-mini a img {
    width: 50px;
    margin: 10px 0;
}

.popup_heading span {
}

.ms-office-tab {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 99%;
    z-index: 9999;
    background: #fff;
}

.utc-text {
    overflow: hidden;
    width: 53%;
    white-space: nowrap;
}

.number-list,
.number-list li {
    list-style: decimal;
    color: rgb(21, 106, 161);
    font-style: normal;
    color: #000;
}

.upload-logo {
    width: auto;
    height: 25px;
    margin: 0px 5px;
    display: inline !important;
}

.dxtlLineFirst {
    background-image: url('../Images/LineImages/top_DXR.gif');
}

.dxtlLineMiddle {
    background-image: url('../Images/LineImages/DXR.gif');
}

.dxtlLineLast {
    background-image: url('../Images/LineImages/bot_DXR.gif');
}

.dxTreeList_CollapsedButton,
.dxTreeList_CollapsedButtonRtl,
.dxTreeList_CTCollapseRow,
.dxTreeList_CTCollapseRowDisabled,
.dxTreeList_CTDeleteRow,
.dxTreeList_CTDeleteRowDisabled,
.dxTreeList_CTEditRow,
.dxTreeList_CTEditRowDisabled,
.dxTreeList_CTExpandRow,
.dxTreeList_CTExpandRowDisabled,
.dxTreeList_CTExportDocx,
.dxTreeList_CTExportDocxDisabled,
.dxTreeList_CTExportPdf,
.dxTreeList_CTExportPdfDisabled,
.dxTreeList_CTExportRtf,
.dxTreeList_CTExportRtfDisabled,
.dxTreeList_CTExportXls,
.dxTreeList_CTExportXlsDisabled,
.dxTreeList_CTExportXlsx,
.dxTreeList_CTExportXlsxDisabled,
.dxTreeList_CTFullCollapse,
.dxTreeList_CTFullCollapseDisabled,
.dxTreeList_CTFullExpand,
.dxTreeList_CTFullExpandDisabled,
.dxTreeList_CTNewRow,
.dxTreeList_CTNewRowDisabled,
.dxTreeList_CTRefresh,
.dxTreeList_CTRefreshDisabled,
.dxTreeList_CTShowCustomizationWindow,
.dxTreeList_CTShowCustomizationWindowDisabled,
.dxTreeList_DragAndDropArrowDown,
.dxTreeList_DragAndDropArrowUp,
.dxTreeList_DragAndDropHide,
.dxTreeList_DragAndDropNode,
.dxTreeList_ExpandedButton,
.dxTreeList_ExpandedButtonRtl,
.dxTreeList_FilterRowButton,
.dxTreeList_HeaderFilter,
.dxTreeList_HeaderFilterActive,
.dxTreeList_SortAsc,
.dxTreeList_SortDesc {
    background-image: url('../Images/LineImages/DXR_icon.png');
    background-repeat: no-repeat;
    background-color: transparent;
}

.dxTreeList_CollapsedButton {
    margin-top: 4px !important;
}

.dxtlLineRoot {
    background-image: url('../Images/LineImages/dxtlLineRoot.gif');
}

.dxtlFocusedNode {
    background: #c1bfbf none;
    color: white;
}

.dxtlDataTable tr td:nth-child(2) {
    color: #FF4000 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
}

.dxtlDataTable tr td:nth-child(3) {
    color: #084B8A;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(4) {
    color: #8A2908;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(5) {
    color: #888;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(6) {
    color: #7a9e35;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(7) {
    color: #80827e;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(8) {
    color: #8d6363;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(9) {
    color: #8d6363;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(10) {
    color: #8d6363;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.dxtlDataTable tr td:nth-child(11) {
    color: #8d6363;
    background-color: transparent !important;
    border: none !important;
    padding: 3px !important;
    font-family: inherit;
    line-height: 23px;
    padding-top: 0px !important;
    padding-left: 10px !important;
}

.upload-Icon1 {
    width: 30px;
    height: auto;
    margin: 0px 5px;
    display: inline !important;
}

.browse-left {
    float: left;
}

.plus-icon-pos {
    position: relative;
    left: 5px;
}

.save-aln .dxbButtonSys.dxbTSys {
    width: 70px !important;
}

.save-aln span {
    line-height: 10px;
}

.splitter-select .select2-container {
    width: 84% !important;
}

.dxsplLCC {
    overflow: auto;
}

.force-overflow.mt-70 {
    overflow: auto;
    padding-bottom: 25px !important;
}

.inventorytree .dxsplLCC {
    overflow: auto;
    min-width: 100% !important;
    width: 389px !important;
    padding: 0px;
}

.save-draft {
    position: relative;
    top: -10px;
    right: 3px;
}

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

    .inventory .Tab {
        width: 100%;
        min-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    .inventory .ajax__tab_default .ajax__tab_tab {
        overflow: hidden;
        text-align: center;
        display: inline !important;
        outline: none;
    }

    .inventory .Tab .ajax__tab_default .ajax__tab_tab {
        display: inline !important;
    }

    .inventory .Tab .ajax__tab_header {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        float: left;
        list-style-type: none;
        background: none;
        width: 100%;
        padding-left: 16px;
    }

    .inventory .Tab .ajax__tab_body {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        float: left;
        list-style-type: none;
        width: 100%;
        height: auto !important;
        border: 1px solid #ccc;
        border-top: 0;
        padding: 5px;
        display: none !important;
    }

    .inventory .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span {
        display: block;
        float: left;
        background: url(../Images/tab-img/curve-tab-center-blue.png) repeat-x;
        margin-right: 0;
        margin-left: 0;
        padding: 3px !important;
        margin: 0px 13px -3px 13px;
        z-index: 2;
        position: relative;
        cursor: pointer;
        color: #fff;
        font-family: inherit;
    }

        .inventory .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:before {
            background: url(../Images/tab-img/curv-tab-left-blue.png) -4px 10px no-repeat;
            top: -10px;
            left: -32px;
            width: 32px;
            z-index: -1;
            height: 40px;
        }

        .inventory .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:after {
            background: url(../Images/tab-img/curv-tab-right-blue.png) -4px 10px no-repeat;
            top: -10px;
            right: -29px;
            width: 44px;
            z-index: -1;
            height: 40px;
        }

    .inventory .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab span {
        display: block;
        float: left;
        padding: 5px 5px 5px;
        background: url(../Images/tab-img/curve-tab-center.png) repeat-x;
        margin-right: 0;
        margin-left: 0;
        padding: 3px !important;
        margin: 0px 12px -3px 13px;
        z-index: 999;
        position: relative;
        cursor: pointer;
        color: #000;
        font-family: inherit;
    }

    .inventory .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_inner .ajax__tab_tab span:before {
        background: url(../Images/tab-img/curv-tab-left.png) -4px 10px no-repeat;
        top: -12px;
        left: -34px;
        width: 34px;
        z-index: -1;
        height: 40px;
    }

    .inventory .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_inner .ajax__tab_tab span:after {
        background: url(../Images/tab-img/curv-tab-right.png) -4px 10px no-repeat;
        top: -10px;
        right: -29px;
        width: 44px;
        z-index: -1;
        height: 40px;
    }

.inventory_chk {
    position: relative;
}

    .inventory_chk input[type="checkbox"] {
        opacity: 0;
        position: absolute;
        background: url('../Images/inventory-CheckBox-default.png') no-repeat -1px -2px;
        z-index: 1;
        width: 15px;
        height: 15px;
        left: 0;
        top: 0;
        margin: 0;
        cursor: pointer;
    }

    .inventory_chk label:before {
        content: "";
        width: 15px;
        height: 15px;
        background: url('../Images/inventory-CheckBox-default.png') no-repeat -1px -2px;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .inventory_chk input[type="checkbox"]:checked + label:before {
        background: url('../Images/inventory-CheckBox-default.png') no-repeat -1px -49px;
    }

input.tmp {
    background: transparent;
}

.form-conditional-popup {
    width: 80%;
    height: 85%;
    top: 12%;
    left: 10%;
    z-index: 10002;
}

.progress {
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    height: 4px;
}

    .progress .determinate {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #26a69a;
        -webkit-transition: width .3s linear;
        transition: width .3s linear;
    }

    .progress .indeterminate {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 74%, transparent) !important;
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
    }

        .progress .indeterminate:before {
            content: '';
            position: absolute;
            background-color: #03a9f4;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
            animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
        }

        .progress .indeterminate:after {
            content: '';
            position: absolute;
            background-color: #03a9f4;
            top: 0;
            left: 0;
            bottom: 0;
            will-change: left, right;
            -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
            -webkit-animation-delay: 1.15s;
            animation-delay: 1.15s;
        }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    60% {
        left: 107%;
        right: -8%;
    }

    100% {
        left: 107%;
        right: -8%;
    }
}

/* End VG 4.0 Styles */

.decision-tree-question h4 {
    color: #4085b0;
    padding-left: 8px;
}

.alpha-bullet,
.alpha-bullet li {
    list-style: upper-alpha;
}

.decision-attachment-icon {
    background: url('../Images/attachment_icon.png') no-repeat left top;
    text-indent: -9999em;
    display: inline-block !important;
    width: 28px;
	height:28px;
}

.decision-tree-popup .btnn {
    padding: 5px 13px;
}

.decision-tree-popup .save-icon {
    background-position: -7px -407px !important;
}

.decision-tree-popup .view-icon-btn {
    background-position: -7px -173px !important;
}

.decision-tree-popup .create-icon {
    background-position: -7px -468px !important;
}

.decision-tree-popup .close-icon {
    background-position: -7px -661px !important;
}

.alpha-bullet input[type="radio"] {
    position: relative;
    top: 3px;
    left: 1px;
}

.decision-tree-scroll {
    max-height: 280px;
    overflow-y: auto;
}

.main-content-iframe-border {
    border-radius: 0px 0px 0px 0px;
    border: none !important;
}

.table-bordered {
    border: 1px solid #ddd !important;
}

    .table-bordered th,
    .table > tbody > tr > th {
        border-top-color: #ddd !important;
    }

    .table-bordered > tbody > tr:last-child > td {
        border-color: #ddd !important;
    }

.page-title-overlay {
    background: rgba(0, 0, 0, 0.01) !important;
}

.login-links a,
.login-links a:hover {
    text-decoration: none;
    padding-left: 0px;
}

.modalBackgroundSession {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100000000 !important;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
}

.contact-admin-icon {
    background-position: -7px -3154px !important;
    padding: 12px;
    position: relative;
    top: 3px;
}

.text-editor body.dxhePreviewArea {
    padding: 5px 10px;
    line-height: 19px;
}

.text-editor .dxheControl {
    border: 0;
}

.text-editor .dxhePreviewArea {
    height: 100px !important;
}

#dvRHS {
    overflow: auto !important;
    width: 98% !important;
    float: left;
    overflow-y: hidden !important;
}

#dvRHS.height-400-auto {
    height: 400px;
    overflow-y: auto !important;
}

.position-icon {
    top: 4px;
    position: relative;
}

.dxgvPagerBottomPanel {
    position: relative;
    bottom: 0;
    width: 100%;
    padding-top: 0px;
    text-align:right;
}

.tooltip.right .tooltip-arrow {
    left: -8px;
    border-right-color: #c7e0ff;
    border-width: 7px 7px 7px 0;
}

.tooltip.bottom .tooltip-arrow {
    top: -8px !important;
    border-bottom-color: #c7e0ff !important;
    border-width: 0 7px 7px !important;
}

.tooltip.left .tooltip-arrow {
    right: -7px !important;
    border-left-color: #c7e0ff !important;
    border-width: 7px 0px 7px 7px !important;
}

.tooltip.top .tooltip-arrow {
    bottom: -8px;
    border-top-color: #c7e0ff;
    border-width: 7px 7px 0;
}

.tooltip.left,
.tooltip.right,
.tooltip.bottom,
.tooltip.top {
    background-color: #fff !important;
    border: 1px solid #c7e0ff !important;
    padding: 3px !important;
    border-radius: 5px !important;
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #c7e0ff !important;
    opacity: 1;
    color: #000;
    padding: 3px 10px;
    font: inherit;
    overflow-wrap: break-word;
}

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

.task_text {
    width: 75px;
    height: 20px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 75px;
    max-width: 270px;
}

.library-block .splitter_but_bg {
    border-right: 1px solid #949494;
}

.library-block .buttonRArrow,
.library-block .buttonLArrow {
    top: 40%;
}

.library-left {
    /*height: 85vh;*/
    border: 1px solid #939393;
    border-right: 0;
}

.library-right {
    border: 1px solid #949494;
    /*height: 85vh;*/
}

.searchtext-clearicon {
    position: absolute;
    right: 24px;
    top: 0;
    bottom: 0;
    height: 24px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
    padding-right: 0 !important;
    background-color: transparent;
}

.z-search .searchtext-clearicon {
    z-index: inherit;
}

.days-duration {
    padding: 0px 2px;
    margin: 5px 0px;
    border-radius: 4px;
    display: block;
    float: left;
    width: 100%;
}

    .days-duration a {
        color: #fff !important;
        text-decoration: none;
        white-space: nowrap;
        padding: 5px 6px;
        border-radius: 5px;
        font-style: normal;
    }

.st-sort-ascent:after {
    content: '\25B2';
    color: #1a1a1a;
    padding-left: 5px;
    font-size: 10px;
}

.st-sort-descent:after {
    content: '\25BC';
    color: #1a1a1a;
    padding-left: 5px;
    font-size: 10px;
}

.st-sort-ascent:after:hover,
.st-sort-descent:after {
    cursor: pointer;
}

.amcharts-pie-slice {
    cursor: pointer;
}

.max-height-RTM-500 {
    max-height: 500px;
    overflow: auto;
}

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

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

.divloadinngRTM {
    width: 430px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid gray;
    z-index: 1;
    position: absolute;
    top: 54%;
    left: 40%;
    margin-top: -50px;
    margin-left: -50px;
    width: 430px;
    height: 152px !important;
}

.SearchForImgExpRTM {
    background: url(../Images/plus_icon.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
}

.SearchForImgColRTM {
    background: url(../Images/minus_icon.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
}

.RTMPassFailImpactWIPDiv {
    height: 20px;
    text-align: left;
    vertical-align: middle;
    float: left;
    padding-left: 20px;
    font-family: inherit;
    color: #0072ae;
}

a.dlBlueRunTxtBold {
    font-family: inherit;
    color: #0d74ac;
}

table.reference-yellow {
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    width: 100%;
}

.TootipyellowheadRTM {
    background: #ffeeb6 url(images/grid-bg/yellow-bg.png) repeat-x;
    height: 23px;
    line-height: 23px;
    border-right: 1px solid #e3ce83 !important;
    border-collapse: collapse;
    color: #111111;
    text-align: left;
    border-bottom: 1px #e9e9e9 solid;
}

.width-auto {
    overflow-x: auto;
}

.divRefmainProcessCond {
    z-index: 1;
    border: rgb(21, 106, 161) solid 1px;
    background-color: #FFFFFF;
    top: 20%;
    left: 35%;
    right: 5%;
    position: absolute;
    margin: 0px 0px 0px -400px;
}

.tooltip-inner::first-letter {
}

.searchtext-clearicon-Dx {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

    .searchtext-clearicon-Dx:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        position: absolute;
        background-image: url(../images/color-icons.png);
        background-position: -12px -1343px;
        background-repeat: no-repeat;
        z-index: 1;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        padding: 2px;
    }

.dxeEditAreaSys:not(:valid) ~ .searchtext-clearicon-Dx {
    display: none;
}

.white-border-text {
    border-bottom: 1px solid #fff;
    color: #000;
    padding: 2px 0 !important;
}

    .white-border-text td {
        height: 25px !important;
    }

        .white-border-text td span {
            padding-left: 5px;
            padding-top: 3px;
        }

.severity-bg {
    background-color: #327dda;
    color: #fff;
}

.output-block .matrixbg td {
    padding: 0 !important;
    font-family: inherit;
}

    .output-block .matrixbg td input {
        height: 28px !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid #fff !important;
    }

.white-btm-border td {
    border-bottom: 1px solid #fff;
}

.border-none {
    border: 0 !important;
}

.thermal-block {
    position: relative;
    top: 0;
    left: 0;
    background: url(../Images/matrix_xy_bg.jpg) no-repeat top left;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.risk-value {
    padding-left: 273px !important;
    text-align: left;
}

.web-office-text {
    position: relative;
    left: 2px;
}

.admin-dropdown .dxeButtonEditButton {
    top: 5px;
    right: 3px;
}

.admin-dropdown .dxeButtonEdit {
    height: 26px;
    margin: 0;
}

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

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

.fixed-buttons {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    left: 0;
    border: 4px solid #0075bf;
    border-top: 0;
    border-radius: 4px;
    padding-right: 20px;
    padding-top: 10px;
}

.dashboard-task-name {
    color: #000 !important;
    text-decoration: underline;
}

.nav-tabs > li {
    margin-bottom: -2px;
}

.execution-toolbar-popup.modal-content {
    width: 70%;
    height: 85%;
    top: 5%;
    left: 12.5%;
    border-radius: 4px;
}

.execution-toolbar-popup .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .execution-toolbar-popup .modal-header p {
        padding: 0 20px;
    }

.screenshottool,
.webcamtool {
    display: inline-block;
    height: 65px;
    margin-right: 20px;
    margin-top: 5px;
}

.execution-toolbar-popup .modal-body {
    height: auto;
}

.modalPopupInner {
    width: 96% !important;
    left: 2% !important;
    right: 2% !important;
    height: 100% !important;
    top: 2% !important;
    bottom: 2% !important;
}

.inner-popup .dxreControl .dxreView {
    overflow: hidden !important;
}

.modalPopupInner .popup-close i {
    color: rgb(21, 106, 161);
    position: relative;
    top: 15px;
    left: 13px;
    font-size: 27px;
}

.fa-sort-asc,
.fa-sort-desc {
    float: right;
    position: relative;
    top: 4px;
}

.fa-sort-desc {
    left: 11.5px;
}

#tblGrid th {
    padding: 3px;
    background-color: #ccd9ea;
    color: #000;
}

#tblGrid table {
    margin: 2px 0px;
}

    #tblGrid table tr:nth-child(even) {
        background: #ebebeb !important;
    }

.bg-transparent {
    background-color: transparent !important;
}

    .bg-transparent td {
        border: 0 !important;
    }

.table-mapping {
    height: 506px;
    margin: 20px 0px 0px 0px;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.popup-close.table-map i {
    color: #fff;
    font-size: 18px;
    top: 30px;
    margin: 0px 8px 0px 0px;
}

.popup-page-title {
    width: 100%;
    height: 30px;
    background-color: #3f4e61;
}

    .popup-page-title span {
        font: inherit;
        color: #fff;
        padding: 20px;
        position: relative;
        top: 6px;
    }

#ifrmeDetails body {
    height: 100% !important;
}

.innerChartShow {
    width: 83%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: #a29a98 4px 5px 2px 3px;
    position: absolute;
    opacity: 1;
    left: 47%;
    z-index: 10001;
    margin: -45% 0px 0px -40%;
    border: #ccc solid 1px;
    bottom: 31px;
}

.execution-toolbar .dxsplPane {
    border-color: #6196b9 !important;
}

.exe-pagination-part .dxp-num {
    border: 1px solid transparent;
    text-decoration: none !important;
    padding: 2px 7.5px;
    border-radius: 2px;
}

    .dxpLite .dxp-current, .exe-pagination-part .dxp-num:hover {
        border-color: rgb(87, 140, 75) !important;
        color: rgb(87, 140, 75) !important;
        font-weight: normal;
    }

.exe-pagination-part {
    position: relative;
    text-align: right;
    width: 93%;
    float: right;
    right: 15px;
}

    .exe-pagination-part .dxpLite {
        font-family: inherit;
    }

.execution-toolbar-part .icons a {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0 !important;
}

.exe-images li span {
    display: block;
    padding: 0 5px;
    text-align: center;
    cursor:pointer;
}

.exe-widget {
    position: relative;
}

    .exe-widget .exe-pagination {
        position: absolute;
        bottom: 2px;
        left: -10px;
        z-index: 1;
    }

    .exe-widget .exe-link {
        background: #e4e4e4;
        border: 1px solid #ccc;
        padding: 5px 10px;
        margin: 0 1px;
        color: #337ab7;
    }

    .exe-widget .active {
        display: inline-block;
    }

        .exe-widget .active .exe-link {
            background: #227bb5;
            color: #fff !important;
        }

.exe-pagination li {
    display: inline-block;
}

    .exe-pagination li:hover a {
        text-decoration: none;
        background: #227bb5;
        color: #fff !important;
    }

.inventory-popup-Block-hover {
    position: absolute;
    max-width: 800px;
    color: #000;
    background: #fff;
    border: 1px solid #c7e0ff;
    z-index: 999999;
    visibility: hidden;
    padding: 3px;
    border-radius: 4px;
}

    .inventory-popup-Block-hover .innerDiv {
        border-radius: 4px;
    }

    .inventory-popup-Block-hover:after {
        content: "";
        right: 100%;
        top: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-right-color: #c7e0ff;
        border-width: 10px;
        margin-top: 0;
    }

    .inventory-popup-Block-hover .innerDiv .popup-hoverHeading {
        background: #c7e0ff;
        padding: 0 5px;
    }

        .inventory-popup-Block-hover .innerDiv .popup-hoverHeading .Block1Heading p,
        .inventory-popup-Block-hover .innerDiv .popup-hoverHeading .innerHeadingDiv p {
            margin-bottom: 0px;
        }

    .inventory-popup-Block-hover .innerDiv .HoverContentDiv {
        padding: 0 5px;
    }

        .inventory-popup-Block-hover .innerDiv .HoverContentDiv p {
            color: #000;
            margin-bottom: 0px;
        }

.slimScrollDiv {
    position: static !important;
    overflow: visible !important;
    width: auto !important;
    height: auto !important;
}

.slimScrollBar {
    z-index: 999 !important;
}

.link-color a {
    color: rgb(21, 106, 161) !important;
}

.inventory-treeview .treeview a {
    color: #000 !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    font-family: inherit;
    line-height: 23px;
    font-style: normal;
}

.inventory-treeview .treeview td {
    color: rgb(21, 106, 161) !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    font-family: inherit;
    white-space: inherit !important;
    vertical-align: top;
}

.inventory-treeview .treeview a:hover {
    text-decoration: underline !important;
}

.inventory-treeview .treeview a img {
    padding-left: 2px;
}

.top-menu {
    float: left;
    text-align: center;
    padding: 3px 15px 0;
    position: relative;
    top: -1px;
}

    .top-menu a {
        text-decoration: none !important;
        font-style: normal;
    }

.top-menu-text {
    display: block;
    color: #c7d1d8;
    text-decoration: none;
    font-weight: bold;
}

.top-menu-icon {
    color: #c7d1d8 !important;
    margin-bottom: 2px;
    display: block;
    margin: 0px auto 1px;
    text-decoration: none !important;
    position: relative;
    top: 0px;
    height: 17px;
    margin-left: 3px;
}

.top-menu a:hover .top-menu-icon,
.top-menu a:hover .top-menu-text,
.top-menu a:active .top-menu-icon,
.top-menu a:active .top-menu-text {
    color: #fff !important;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #c7d1d8;
}

.top-menu-icon svg {
    width: 25px !important;
}

.top-menu a:hover .top-menu-icon svg path {
    fill: #fff;
}

path.active-item {
    fill-opacity: 0;
}

.top-menu:hover {
    color: #ffffff !important;
}

.top-menu a:hover .top-menu-icon path.active-item {
    fill: #fff;
    fill-opacity: 1;
}

.refresh.top-menu-icon {
    margin: 1px 0px 0px;
    top: 4px;
}

.search.top-menu-icon {
    margin: 1px 0px 0px;
    top: 4px;
}

.logout.top-menu-icon {
    margin: 1px 0px 0px;
    top: 4px;
}

.top-home-icon {
    color: transparent !important;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #c7d1d8;
}

.top-home-icon-active {
    color: #fff !important;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #c7d1d8;
}

.top-menu a:hover .top-menu-icon,
.top-menu a:hover .top-menu-text {
    color: #fff !important;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #c7d1d8;
}

.top-home-icon {
    background: url(../Images/home-icons.png) no-repeat center top;
    display: inline-block;
    width: 25px;
    height: 22px;
    top: -1px;
}

.top-menu a:hover .top-home-icon {
    background: url(../Images/home-icons.png) no-repeat center top;
    display: inline-block;
    width: 25px;
    height: 22px;
    top: 0;
    background-position: -8px -31px;
}

.top-home-icon + .top-menu-text {
    position: relative;
    top: -16px;
}

.home-menu {
    height: 37px;
}

.top-home-icon-active {
    color: #fff !important;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #c7d1d8;
}

.DashChartMaxMin {
    color: #969696;
    padding: 5px;
    width: 25px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-left: 2px;
}

    .DashChartMaxMin:hover {
        color: #166aa2;
        border: 1px solid #166aa2;
    }

.Settingmask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background-color: #ccc;
    opacity: 0.9;
}

.FrontSpace img {
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
    padding: 3px;
}

.wip-icons-block {
    position: absolute;
    padding-top: 8px;
    z-index: 1;
}

.wipd-icons-block {
    position: absolute;
    top: 54%;
    z-index: 1;
}

.Chart-icons-MaxMin {
    position: absolute;
    margin-top: 1%;
    right: 5%;
    z-index: 1;
}

.popup-Block-hover_3 {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 71px !important;
    z-index: 9999;
}

.inventory-treeview .treeview td.selectednodeStyle {
    background-color: #ccc !important;
}

.splitterExpend {
    position: fixed;
    top: 47px;
    right: -11px;
    z-index: 999999 !important;
}

.side-title {
    color: rgb(21, 106, 161);
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: 30px;
    top: -3px;
}

.side-title-bor {
    border-bottom: 1px solid #1c69a2;
}

.SplitterCollapse {
    border-left: 1px solid #cbcbcb;
    height: 545px;
    overflow-y: auto;
}

.SplitterCollapseimg {
    position: absolute;
    left: 0px;
    top: 8px;
}

.SplitterCollapsetable {
    margin-top: 10px;
    padding-top: 15px;
}

.new-inventorytab .dxtc-content {
    display: none;
}

.new-inventorytab .dxtc-top.dxtcLite > .dxtc-stripContainer {
    margin: 0;
    padding: 0;
}

.new-inventorytab .dxtcLite > .dxtc-stripContainer .dxtc-sb {
    padding: 10px 5px;
}

.inventory-treeview > a {
    display: none;
}

.file-mandatory.file-browse .dxucTextBox {
    border-left: 2px solid #ff0000;
}

.modal-open .modal {
    z-index: 999999 !important;
}

.home-popup .modal-header {
    background: linear-gradient(to bottom, #147abb 0%, #0a5a8c 51%, #085484 100%);
    padding: 10px !important;
    border: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.home-popup .modal-body,
.home-popup .modal-content {
    height: auto !important;
}

.home-popup .vertical-image {
    left: 0;
}

.modal-backdrop.in {
    opacity: 0.4 !important;
}

#imgPgrss {
    position: absolute !important;
    z-index: 10000000;
    left: 100px !important;
    top: 27px !important;
}

#imgLoading {
    position: absolute !important;
    z-index: 10000000;
    left: 100px !important;
    top: 20px !important;
}

.loading-bg {
    left: 0px;
    top: 0px;
    width: 1587px;
    height: 837px;
    position: fixed;
    z-index: 999999999999999999999 !important;
    opacity: 0.2;
    background-color: black;
}

.Ajaxloading-part {
    display: none;
}

.Ajaxloading-bg {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 1000006;
}

.Ajaxloading {
    background-image: url(App_Themes/VGBlue/images/loading1.gif);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50% !important;
    z-index: 1000007 !important;
    left: 50% !important;
    width: 84px;
    height: 16px;
}

.frameworkSearch .select2-search__field {
    width: 100% !important;
    padding: 5px 25px 5px 5px !important;
}

.frameworkSearch .select2-selection__rendered {
    padding: 0px 20px 0px 8px;
}

.save-output-list td,
.save-output-list table {
    display: block;
}

.min-height-32 {
    min-height: 32px;
}

.treeview a font {
    padding-left: 5px;
}

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

.tblUtcTimezoneHeader .bor-rig-1-darkgrey {
    border-right: 1px solid #b0b5bb !important;
}

.tblUtcTimezoneHeader .bor-bot-1-darkgrey {
    border-bottom: 1px solid #b0b5bb !important;
}

.disable-date input[type="text"] {
    border-style: none !important;
    border-width: 0px !important;
    padding-left: 3px !important;
    color: rgb(64, 0, 64) !important;
    width: 99px !important;
    height: 22px !important;
    /*margin-top: -18px !important;*/
}

.div-alignRight {
    float: right;
}

.dxpc-footerContent table {
    float: right;
}

.dxpcLite .dxpc-sizeGrip {
    bottom: 0px !important;
    right: 0px !important;
    position: absolute;
}
[class*=dxGridView_WindowResizer] {  
        visibility: hidden;  
    } 

#updpnlCommonSearchView .dxpcLite {
    top: 71px !important;
}

#updpnlCommonSearchView .dxpcLite.dxpclW{
    cursor: context-menu !important;
}

#updpnlCommonSearchView .dxpc-mainDiv.dxpc-hf{
    cursor: context-menu !important;
}

.dropdown-history {
    position: absolute;
    right: 3% !important;
    top: 26px !important;
}

.new_inventory {
    margin-bottom: -3px;
    margin-left: 4px;
    display: inline;
    float: left;
}

.new_inventory_border .dxsplPane {
    border-color: #333 !important;
}

.new_inventory .Tab {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.new_inventory .ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: inline !important;
    outline: none;
}

.new_inventory .Tab .ajax__tab_default .ajax__tab_tab {
    display: inline !important;
}

.new_inventory .Tab .ajax__tab_header {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    background: none;
    width: 100%;
    padding-left: 1px;
    margin-bottom: 0px;
}

.new_inventory .Tab .ajax__tab_body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    width: 100%;
    height: auto !important;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 5px;
    display: none !important;
}

.new_inventory .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span {
    display: block;
    float: right;
    padding: 5px 5px 5px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    font-style: normal;
    letter-spacing: 0.5px;
    color: rgba(21, 106, 161, 0.6);
}

    .new_inventory .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover {
        color: rgb(21, 106, 161);
        background: #fff;
    }

.new_inventory .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab span {
    display: block;
    float: right;
    padding: 5px;
    z-index: 999;
    background: #fff;
    border: 1px solid #333;
    position: relative;
    cursor: pointer;
    color: rgb(21, 106, 161);
    font-style: normal;
}

.new_inventory_innertab {
    margin-top: 0px;
    padding: 5px;
}

.inventory-treeview {
    padding: 0px 5px;
}

.new_inventory_innertab .dxtc-content {
    display: none;
}

.new_inventory_innertab .dxtc-top.dxtcLite > .dxtc-stripContainer {
    margin: 0;
    padding: 0;
}

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-sb {
    padding: 10px 5px;
}

.new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer {
    background: none !important;
    margin-left: -10px;
}

.new_inventory_innertab .dxtcLite {
    padding: 0px !important;
    border-bottom: 2px solid #156aa1;
}

    .new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-tab {
        border-radius: 4px 4px 0 0;
        height: auto !important;
    }

    .new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-psi {
        margin-left: 5px;
    }

        .new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-psi:first-child {
            margin-left: 0px;
        }

    .new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-link {
        float: left;
        width: 100%;
        color: #1a1a1a !important;
        border: #cfcfcf solid 1px;
        height: 27px;
        padding: 1px 10px !important;
        background: none !important;
        display: block;
        z-index: 2;
        position: relative;
        cursor: pointer;
        font-style: normal;
        outline: none;
        text-decoration: none;
        font-family: inherit;
        font-weight: normal;
        border: 1px solid #cfcfcf !important;
        border-bottom: 3px solid transparent !important;
    }

.new_inventory_innertab li:first-child {
    margin-left: 5px !important;
}

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span {
    color: #1a1a1a !important;
    border: 0px !important;
    margin: 0px;
    background: none !important;
    letter-spacing: 0.7px;
    line-height: 20px;
    padding: 2px;
}

.new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span {
    color: #1a1a1a !important;
    line-height: 20px !important;
    height: 27px !important;
    padding: 2px !important;
    letter-spacing: 0.7px;
    border-bottom: 0px;
    font-weight: bold;
}

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    border-color: #156aa1 !important;
    border-bottom: 0px !important;
}

.new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-tabHover {
    border-color: #1a1a1a !important;
}

    .new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-tabHover .dxtc-link span:hover {
        color: #1a1a1a !important;
    }

    .new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-tabHover .dxtc-link span {
        color: #1a1a1a !important;
        font-weight: bold;
    }

    .new_inventory_innertab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-tabHover .dxtc-link {
        border-color: #156aa1 !important;
        border-bottom: 0px !important;
    }

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
    margin-bottom: -1px;
}

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
    padding: 2px !important;
}

.new_inventory_innertab.dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span {
    padding: 2px;
}

.new_inventory_innertab .dxtcLite > .dxtc-stripContainer .dxtc-link {
    border-radius: 6px 6px 0px 0px !important;
}

.textEditorBlock .dxheViewArea {
    border: 1px solid #ccc !important;
}

.textEditorBlock .dxm-main {
    border: 1px solid #ccc !important;
    border-bottom: 0 !important;
}

.side-title {
    color: rgb(21, 106, 161);
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: 30px;
    top: -3px;
}

.side-title-bor {
    border-bottom: 1px solid #1c69a2;
}

.SplitterCollapse {
    border-left: 1px solid #cbcbcb;
    height: 545px;
    overflow-y: auto;
}

.SplitterCollapseimg {
    position: absolute;
    left: 0px;
    top: 8px;
}

.SplitterCollapsetable {
    margin-top: 10px;
    padding-top: 15px;
}

.accept-icon-section {
    background-image: url(../Images/accept.gif);
    background-repeat: no-repeat;
    background-position: 0px;
    padding: 4px 30px;
    border: 0 none;
    font-size: smaller;
    font-family: inherit;
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: transparent;
    margin-top: 3px;
}

.text-Editor-Block .dxheDesignViewArea {
    padding: 3px !important;
}

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

table td,
table th {
    font-family: inherit;
}

table th {
    text-align: center;
}

.workflow-tooltip-left {
    background-color: #fff;
    border-left: 1px solid #78bae5 !important;
    background-image: none !important;
}

.workflow-tooltip-right {
    background-color: #fff;
    border-right: 1px solid #78bae5 !important;
    background-image: none !important;
}

.workflow-bottom-center-part,
.workflow-top-center-part {
    background-color: transparent;
    border-top: 0 !important;
}

    .workflow-top-center-part div {
        background-image: none !important;
    }

    .workflow-bottom-center-part div {
        background-image: none !important;
    }

.workflow-left-bottom-corner,
.workflow-right-bottom-corner {
    border-top: 1px solid #78bae5 !important;
}

.workflow-right-top-corner {
    visibility: hidden !important;
}

.workflow-left-top-corner {
    visibility: hidden !important;
}

.workflow-bottom-center-part {
    background-color: transparent;
}

    .workflow-bottom-center-part img {
        top: -8px !important;
    }

.workflow-border {
    border: 1px solid #78bae5;
}

.workflow-top-center-part img {
    top: 8px !important;
}

#WzTtDiV .popup-hoverHeading p {
    margin-bottom: 0px;
}

.workflow-tooltip-left img,
.workflow-tooltip-right img {
    display: none;
}

.width-470 {
    width: 470px;
}

/*.modalPopup-progressbar.dxpcLite {
	top: 48% !important;
}*/

.modalPopup-progressbar .dxpc-header {
    padding: 5px 10px !important;
}

.modalPopup-progressbar .dx-vam {
    line-height: 16px !important;
}

.divhtl2 {
    display: block;
}

.library-search .search-box input[type="text"] {
    padding-right: 50px !important;
}

.library-search .searchtext-clearicon {
    right: 49px;
    top: 2px;
}

.divhtl {
    height: 100% !important;
    overflow: auto !important;
}

.ExResultPassCSS {
    padding-left: 20px !important;
    background-image: url(../Images/tick-icon.png);
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: 5%;
}

.ExResultFailCSS {
    padding-left: 20px !important;
    background-image: url(../Images/close-icon.png);
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: 5%;
}

.ExResultNoResult {
    padding-left: 20px !important;
}

.grid-combobox-aln {
    position: absolute;
}

    .grid-combobox-aln .dxpcDropDown {
        margin-left: 0;
    }

.backurl a {
    position: fixed;
    right: -60px;
    z-index: 9999999;
    transition: 0.3s;
    padding: 10px 20px 10px 10px;
    width: 100px;
    text-decoration: none;
    color: #fff !important;
    border-radius: 5px 0 0 5px;
    text-align: right;
}

    .backurl a:hover {
        right: 0;
    }

#divPrereqBack a.pre-btn {
    bottom: 40px;
    background-color: rgb(21, 106, 161);
    background-image: url(../Images/pre-btn.png);
    top: 100px;
    background-repeat: no-repeat;
    bottom: auto;
    background-position: 10px 8px;
}

#divPrereqBack a.pre-btn-new {
    bottom: 40px;
    background-color: rgb(21, 106, 161);
    background-image: url(../Images/pre-btn-new.png);
    top: 100px;
    background-repeat: no-repeat;
    bottom: auto;
    background-position: 4px 4px;
    z-index: 9999999;
}

.backurl-new a {
    position: fixed;
    right: -51px;
    z-index: 999;
    transition: 0.3s;
    padding: 3px 20px 3px 28px;
    width: 76px;
    text-decoration: none;
    color: #fff !important;
    border-radius: 5px 0 0 5px;
    text-align: right;
}

    .backurl-new a:hover {
        right: 0;
    }

.date-search-block .dxpcDropDown {
    left: auto !important;
    margin-left: 0 !important;
}

.upload-worksheet {
    margin-top: -44px !important;
    margin-left: 7px;
    width: 75%;
    overflow: hidden;
    height: 20px;
}

    .upload-worksheet .glyphicon-folder-open:before {
        margin-right: 15px !important;
    }

#popupBoxClose {
    position: absolute;
    top: -8px;
    right: -6px;
    cursor: pointer;
}

.DocWIPCSS td {
    color: blue !important;
}

.DocTestCaseImpactedCSS td {
    /*color: red !important;*/
    background-color: #BBFFB9 !important;
}

.dev-trash-icon .dxbButton {
    background: url(../Images/color-icons.png) no-repeat !important;
    background-position: -9px -4943px !important;
    display: inline-block;
    width: 33px;
    border: 0;
    height: 36px !important;
}

    .dev-trash-icon .dxbButton span {
        display: none;
    }

.form-save-block {
    position: fixed;
    right: 2%;
    bottom: 7%;
}

.form-con-save-block {
    position: fixed;
    right: 12%;
    bottom: 8%;
}

.form-con-grid-block {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-height: calc(58vh - 100px);
    min-height: 32vh;
}

.footer-btn{
    position: absolute; 
    width: 100%; 
    bottom: 0;
    padding-top: 10px;
    background: #fff;
    left: 0;
    margin: 0;
}

#fileDiv,
#fileDivLoad {
    padding: 10px !important;
    height: 20% !important;
    text-align: center;
    text-justify: auto;
    text-indent: 0.5em;
}

#divfileUploadsMain {
    background: rgb(0, 0, 0);
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    z-index: 999;
}

#divfileFormats {
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(51, 51, 51);
    border-image: none;
    left: 20%;
    top: 10%;
    width: 60%;
    position: absolute;
    z-index: 9999;
}

.divFileFormatshow {
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(51, 51, 51);
    border-image: none;
    width: 60%;
    position: absolute;
    z-index: 9999;
}

.chat-content-approver {
    text-align: left;
    position: relative;
    display: block;
    float: left;
    padding: 8px 15px;
    margin: 5px 0 5px 20px;
    clear: both;
    color: #b76506;
    background-color: #ffe6cb;
    border-radius: 4px;
    width: calc(100% - 85px);
    min-width: 100px;
}

    .chat-content-approver:after {
        position: absolute;
        top: 10px;
        right: -20px;
        width: 0;
        height: 0;
        content: '';
        border: 10px solid transparent;
        border-left-color: #ffe6cb;
    }

.chat-content-reviewer {
    text-align: left;
    position: relative;
    display: block;
    float: left;
    padding: 8px 15px;
    margin: 5px 0 5px 20px;
    clear: both;
    color: #0578a7;
    background-color: #c7eafc;
    border-radius: 4px;
    width: calc(100% - 85px);
    min-width: 100px;
}

    .chat-content-reviewer:after {
        position: absolute;
        top: 10px;
        right: -20px;
        width: 0;
        height: 0;
        content: '';
        border: 10px solid transparent;
        border-left-color: #c7eafc;
    }

.chat-content-blue {
    color: #0aa7e6;
}

.chat-content-gray {
    color: #6d6666;
}

.local-utc-block {
    width: 130px !important;
}

.grid-buttons .dx-vam {
    line-height: 12px !important;
}

.grid-buttons .dxbButton {
    margin-bottom: 0 !important;
}

body .dxpc-contentWrapper {
    height: auto !important;
}

.dxxrdvPageNumbers {
    position: static !important;
}

.popup-Block-hover_4 {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 27px !important;
    /*left: 90% !important;*/
    right: 0px !important;
    width: 300px;
    z-index: 9999;
}

.disp-flex {
    display: inline-flex;
}

.main-test-function-wippopup {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: 0px;
    width: 300px;
    z-index: 99999;
}

    .main-test-function-wippopup > .innerDiv:first-child {
        background-color: #f7eecf;
    }

.classDXDataRowBlue .grid-download-icon {
    float: none !important;
    position: relative;
    top: 5px;
}

.grid-outer .dxtc-content {
    padding: 0 !important;
}

.admin-dropdown .dxeButtonEdit td.dxic {
    padding-right: 16px !important;
}

.Search-List-selection .dxeTextBox {
    position: relative;
}

.Search-List-selection .searchtext-clearicon-Dx:after {
    top: 1px;
    right: 30px;
}

.radioBtnStyle .mandatory-radio-btn label {
    border: 1px solid #51a010;
    color: #51a010;
}

.radioBtnStyle .mandatory-radio-btn input:checked + label {
    background-color: #51a010;
}

.radioBtnStyle .optional-radio-btn label {
    border: 1px solid #0000ff;
    color: #0000ff;
}

.radioBtnStyle .optional-radio-btn input:checked + label {
    background-color: #0000ff !important;
}

span#txtFileFormat {
    word-break: break-word;
}

.welcome-text {
    line-height: normal !important;
}

.upload-bar .dxeProgressBar {
    margin: 0;
}

.upload-bar .dxpcLite .dxpc-header {
    padding: 5px 15px;
}

.upload-bar .dx-vam {
    line-height: 14px;
}

.tree-frow-hide table {
    border-left: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}

.tree-frow-hide > table:nth-child(1) {
    border-left: 0 !important;
}

.modalPopup-terminate {
    /*width: 75% !important;
    left: 50% !important;
	height: 200px !important;*/
    min-height: 240px;
}

.position-absolute-top-left {
    position: absolute !important;
    top: 0;
    left: 0;
}

.grid-combobox .dxpc-contentWrapper {
    height: 136px !important;
}

.grid-combobox .dxpc-content {
    height: 130px;
}

.grid-combobox .dxlbd {
    height: 86px;
}

.title-plus-icon {
    padding: 3px 10px;
    margin-top: 1px;
    background-position: -7px -1099px !important;
}

.spreadView .spread-touch-pan-xy {
    overflow: auto !important;
}

.execution-toolbar table {
    margin-left: 0 !important;
}

.execution-toolbar table, .execution-toolbar iframe {
    width: 100% !important;
}

.exe-contpart input#WebSplitter1_ImageButton1[disabled] {
    display: none;
}

.bind_references_menu {
    padding: 3px;
    background: #e4e1e1;
    width: 100%;
}

.unbind_references_menu {
    padding: 3px;
    background-color: transparent;
    width: 100%;
}

.RTMTestFnHistory .ajax__tab_body {
    height: 88% !important;
    overflow: auto !important;
}

.thermaltooltip {
    background: #fff;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #c7e0ff;
    z-index: 999999;
}

    .thermaltooltip::before {
        content: "";
        display: inline-block;
        width: 0px;
        height: 0px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 16px solid #c7e0ff;
        position: absolute;
        left: 7px;
        top: 33px;
    }

.thermaltooltip-inner {
    color: #000;
    font-weight: normal;
    background: #c7e0ff;
    padding: 3px;
    border-radius: 4px;
}

#lbMain {
    top: 53px !important;
}

.dxsc-vertical-apt .dxsc-apt-content-layer {
    top: 0 !important;
}

.info-orange-icon {
    color: #d08a09 !important;
}

.group-icons-topalign {
    width: 0px;
}

.allModule td a {
    margin-left: 3px;
}

.popup-Block-hover_5 {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 32px !important;
    left: 72% !important;
    width: 300px;
    z-index: 9999;
}

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

.trDecision ul {
    padding: 0px;
}

.goBackIconSep {
    background: url("../Images/Dashboard/go-back-icon.png") no-repeat left top;
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 0;
    text-indent: -9999em;
}

#maximizepart li a.dxtc-link {
    background-color: #f5f5f5 !important;
    border-bottom: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0;
    color: #999 !important;
}

    #maximizepart li a.dxtc-link:hover {
        background: #fff !important;
        color: #000 !important;
    }

#maximizepart li span {
    background: none !important;
    font-weight: normal;
}

#maximizepart .dxtc-activeTab a.dxtc-link {
    background-color: transparent !important;
}

    #maximizepart .dxtc-activeTab a.dxtc-link span {
        color: #000 !important;
    }

#maximizepart a.dxtc-link span {
    margin: 0 !important;
}

#maximizepart .dxtcLite.dxtc-top > .dxtc-stripContainer {
    background: transparent;
    padding-left: 0;
}

#maximizepart .dxtc-content {
    border-top: 1px solid #333 !important;
}

#maximizepart .dxtc-rightIndent {
    border-bottom: 0px !important;
}

.popup-Block-hover_6 {
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 36px !important;
    left: 79% !important;
    width: 300px;
    z-index: 9999;
}

#gvRetireEntity_ctl02_txtRetireDate_input {
    margin-top: -5px;
    margin-left: -2px;
}

.add-icon {
    display: inline-block !important;
}

.selectValType select {
    width: 100%;
}

.disabledbtn {
    background-color: #000000;
    color: #FFFFFF;
}

.dttooltip-bg {
    background-color: #888;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    opacity: 0.5;
    top: 0px;
}

.dttooltip1-bg {
    background-color: #888;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    opacity: 0.5;
    top: 0px;
}

.dttooltip {
    position: fixed;
    width: 600px;
    height: 200px;
    margin: -180px 0px 0px -300px;
    top: 50%;
    left: 50%;
    z-index: 999;
    background-color: #fff;
    border: #ccc solid 1px;
    overflow: auto;
    display: none;
    padding: 20px 10px 10px 10px;
}

.dttooltip1 {
    position: fixed;
    width: 500px;
    min-height: 150px;
    margin: 0px 0px 0px -100px;
    top: 40%;
    left: 40%;
    z-index: 999;
    background-color: #fff;
    border: #ccc solid 1px;
    overflow: auto;
    display: none;
    padding: 2px;
    border-radius: 5px;
    border: #888 solid 1px;
    text-align: center;
}

.download-title {
    background-color: rgb(21, 106, 161);
    color: #fff;
    line-height: 21px;
}

.dtool {
    float: right;
    position: relative;
    top: -21px;
    right: -1px;
    width: 22px;
    height: 22px;
    border-style: none;
    border: none;
    cursor: pointer;
    background: url(../images/popup/close-btn.png) no-repeat;
    background-size: 92% 92%;
}

.dttooltip1inner {
    max-height: 165px;
    overflow: auto;
    width: 100%;
}

.dashProfileSettings .Tab .ajax__tab_body {
    padding: 5px;
}

.adminDashboardProfile table tr {
    border-bottom: 1px solid #ccc !important;
}

.hideTableFirstRow > div > table:nth-child(1) tr:nth-child(1) {
    display: none;
}

.library-left input[type=checkbox] {
    float: left;
    margin-right: 3px;
}

.library-left input[type="checkbox"] + label {
    float: left;
    display: contents;
}

.indextab .nav-tabs {
    padding-left: 0px;
    border-bottom: 0px;
}

    .indextab .nav-tabs > li {
        margin-bottom: 1px;
    }

.indextab .nav > li > a {
    display: block;
    padding: 2px 15px 0px !important;
    background-color: rgba(21, 106, 161, 0.08);
    margin-right: 0px !important;
    margin-left: 5px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #1a1a1a !important;
    font-style: normal;
    font-family: inherit;
    letter-spacing: 0.5px;
    outline: none;
    text-decoration: none;
    font-weight: normal;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    border-top: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.indextab .nav > li:first-child > a {
    margin-left: 0 !important;
}

.indextab .nav > li > a:hover {
    background-color: #156aa1 !important;
    color: #fff !important;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    border-top: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
}

.indextab .nav > li.active > a {
    display: block;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 99;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #fff !important;
    background-color: #156aa1 !important;
}

    .indextab .nav > li.active > a:hover {
        z-index: 9999;
        top: 0px;
        padding: 2px 15px 0px !important;
    }

.ng-scope .bg-info {
    background-color: #F1F2F7 !important;
}

    .ng-scope .bg-info th {
        text-align: center !important;
        color: #1a1a1a !important;
        font-weight: bold !important;
    }

.ng-scope .table-striped > tbody > tr:nth-child(odd) > td {
    background-color: transparent !important;
}

.ng-scope .tab-content {
    border: 0px !important;
}

.workflow-mainpart {
    background: #fff;
}

.chkWorkflow {
    float: left;
    margin: 0px 5px;
}

.alignLeft5 {
    margin: 0px 5px;
}

.ccrRadioBtnStyle li:first-child label {
    margin-left: 0px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.ccrRadioBtnStyle li:last-child label {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.txtValAssName textarea {
    width: 100% !important;
}

.btn-group-Trashicons {
    background-color: #FF4000 !important;
    color: #ffffff;
    font-style: normal;
}

    .btn-group-Trashicons:hover {
        background-color: #fb2300 !important;
    }

.right-execution-pane {
    max-width: 720px;
}

.exe-contpart .dxtcLite > .dxtc-content {
    border: 0 !important;
}

.adhoc-scroll table tr td,
.ReportTableBdr tr td {
    border: 1px solid #b0b5bb !important;
}

.popup-progress-bar .dxpcLite.dxpc-mainDiv {
    border-radius: 4px;
    box-shadow: inset 0px 0px 0px 4px #0b5e92 !important;
    /*top: 104px !important;
	position: fixed !important;
	left: 335px !important;*/
}

.add_button {
    background-color: transparent;
    padding: 0px 5px;
    color: #347f3a !important;
    text-decoration: underline;
    font-style: normal;
    border: 0;
    font-weight: normal;
    display: inline-block;
    margin-top: 2px;
}

    .add_button:hover {
        text-decoration: none;
        cursor: pointer;
    }

.add-space-1 {
    padding: 5px 7px 5px 6px !important;
}

.environment-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-style: normal;
    color: #ffffff;
    padding: 2px 10px;
    border-radius: 3px;
    margin-top: 5px;
    border: 1px solid #f26522;
    background: -moz-linear-gradient(top, #fd9242 0%, #ff6e02 100%);
    background: -webkit-linear-gradient(top, #fd9242 0%, #ff6e02 100%);
    background: linear-gradient(to bottom, #fd9242 0%, #ff6e02 100%);
}

.reporter .treeview table {
    margin: 8px 0px;
}

.reporter .treeview div table {
    margin: 0px;
}

.blue-bor-bottom {
    border-bottom: 1px solid rgb(21, 106, 161);
}

.right-execution-part {
    max-width: 720px !important;
}

.exe-pagination-part + div {
    height: 83% !important;
}

#btnStdReason {
    display: none;
}

#btnEntReason {
    display: none;
}

#comment {
    display: none;
}

#btnComment {
    display: none;
}

.IntendedUse .dxeButtonEditButton {
    right: -3px;
    top: 6px;
}

.IntendedUse .dxeEditAreaSys {
    padding-left: 5px;
}

.lytebox.searchIconSep {
    display: none;
}

.tab-dropdown .dxlbd {
    width: 100% !important;
}

.ng-binding {
    font-family: inherit;
}

    .ng-binding::first-letter {
    }

.workflowsub {
    letter-spacing: 0 !important;
}

.dxhe-coverDiv {
    z-index: 1 !important;
}

.modalPopupSSO {
    left: 37% !important;
    top: 48% !important;
    width: 50% !important;
    position: fixed !important;
    z-index: 1000000 !important;
    margin: -100px 0px 0px -200px !important;
    box-shadow: 4px 4px 0px rgb(21, 106, 161);
    border: rgb(21, 106, 161) solid 1px;
    box-shadow: 0px 1px 8px #676d71;
    padding: 0;
    transition: all .5s ease-in-out;
    transform: scale(1);
    visibility: visible;
    z-index: 200;
    opacity: 1;
}

.modalBackgroundSSO {
    z-index: 1000001 !important;
    background-color: black;
    opacity: 0.4;
}

.dxhe-dialog-popup-static .dxhe-dialog .dxhe-dialogSmallEditor .dxic {
    min-width: auto !important;
    width: 100% !important;
    padding: 0 5px !important;
}

.dxeButtonEditButton.dxeSpinIncButton {
    top: 7px;
}

.dxeButtonEditButton.dxeSpinDecButton {
    top: -8px !important;
    transform: rotate(-180deg);
}

.dxflHARSys.dxflVATSys {
    width: 50% !important;
    min-width: auto !important;
    background-color: #e4e4e4 !important;
    padding-right: 5px !important;
}

.dxhe-dialogWrapperPanel .dxbButton div.dxb {
    padding: 0 !important;
}

.dxWeb_pcCloseButton {
    float: right;
    position: relative;
    top: -1px;
    right: -8px;
    width: 18px;
    height: 18px;
    border-style: none;
    border: none;
    cursor: pointer;
    background: url(../images/popup/close-btn.png) no-repeat;
    background-size: 100% 100%;
}

.dxpnlControl.dxhe-dialogWrapperPanel {
    height: 400px;
    overflow-y: auto;
}

.dxhe-insertTableDialog-popup .dxhe-dialog-popup.dialog-window {
    height: 450px !important;
}

.dxpcLite .dxheDlgFooterBtn {
    background: #2d5d06;
}

.dxm-gutter .dxm-item .dxm-content.dxm-hasText .dx-vam {
    line-height: 15px;
}

.dark_purple_img {
    background: url('../Images/Inventory/darkpurple.png') no-repeat;
    height: 20px;
    float: left;
    padding-left: 20px;
}

    .dark_purple_img + span {
        line-height: 18px;
    }

.dark_blue_img {
    background: url('../Images/Inventory/DarkBlue.png') no-repeat;
    height: 20px;
    float: left;
    padding-left: 20px;
}

    .dark_blue_img + span {
        line-height: 18px;
    }

.Workflow_Expand {
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto;
    width: 99.50%;
    display: none;
    vertical-align: top;
    text-align: right;
}

.decisiontree-text text {
    letter-spacing: 0 !important;
}

.popup-outer-scroll-new > div {
    overflow: auto;
    max-height: 100px;
}

.popup-outer-scroll-new table {
    min-height: 80px;
}

.conditionalControlsBlock {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
}

.ccrform_group {
    left: 5px !important;
    top: 16px !important;
    display: block;
    position: absolute;
    border: #ccc solid 1px;
    width: 280px;
    overflow: auto;
}

.new_inventory_assessment {
    margin-bottom: -3px;
    margin-left: -1px;
    display: inline;
    float: left;
    margin-top: 5px;
}

.new_inventory_border_assessment .dxsplPane {
    border-color: #333 !important;
}

.new_inventory_assessment .Tab {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.new_inventory_assessment .ajax__tab_default .ajax__tab_tab {
    overflow: hidden;
    text-align: center;
    display: inline !important;
    outline: none;
}

.new_inventory_assessment .Tab .ajax__tab_default .ajax__tab_tab {
    display: inline !important;
}

.new_inventory_assessment .Tab .ajax__tab_header {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    background: none;
    width: 100%;
    padding-left: 1px;
    margin-bottom: -3px;
}

.new_inventory_assessment .Tab .ajax__tab_body {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    float: left;
    list-style-type: none;
    width: 100%;
    height: auto !important;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 5px;
    display: none !important;
}

.new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span {
    display: block;
    float: right;
    padding: 5px 15px 5px 15px;
    margin-bottom: 3px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    background-color: rgba(21, 106, 161, 0.08);
    border-top: 1px solid #156aa1 !important;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
    border-radius: 6px 6px 0 0;
    font-style: normal;
    margin-right: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #7e8182;
}

    .new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover {
        background-color: #156aa1;
    }

        .new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:hover a {
            color: #fff !important;
        }

    .new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:before {
        top: -10px;
        left: -32px;
        width: 32px;
        z-index: -1;
        height: 36px;
    }

    .new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span:after {
        top: -10px;
        right: -29px;
        width: 44px;
        z-index: -1;
        height: 36px;
    }

.new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab span {
    color: #fff;
    display: block;
    float: right;
    padding: 5px 15px 5px 15px;
    z-index: initial;
    border-top: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    position: relative;
    cursor: pointer;
    color: #000;
    font-style: normal;
    background-color: #156aa1;
}

    .new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab span a {
        color: #fff !important;
        opacity: 1;
    }

.new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_inner .ajax__tab_tab span:before {
    top: -12px;
    left: -34px;
    width: 34px;
    z-index: -1;
    height: 38px;
}

.new_inventory_assessment .Tab .ajax__tab_header .ajax__tab_active .ajax__tab_inner .ajax__tab_tab span:after {
    top: -10px;
    right: -29px;
    width: 44px;
    z-index: -1;
    height: 36px;
}

.table_new_inventory_assessment .table-bordered > tbody > tr:nth-child(1) > td {
    padding: 4px !important;
    border: 1px solid #a0afcc !important;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-left: 0px !important;
}

.mandatory-multiple-select .select2-selection--multiple {
    border-left: 2px solid #ff0000 !important;
}

.prevReptop th.rotate > div {
    top: 144px;
}

.spreadView-header-height #FpExcel_colHeader {
    height: auto !important;
}

.searchAutoHeight + input[type="hidden"] + div {
    height: auto !important;
}

.delete-icon,
.delete-icon:hover {
    text-decoration: none;
}

.intend-use .dxeButtonEdit td.dxic {
    padding-left: 8px !important;
}

.dropdown-width-adjust .select2-container {
    width: 110px !important;
}

.days-text {
    position: relative;
    left: -3px;
}

.dxeSpinLargeIncButton,
.dxeSpinLargeDecButton {
    background: url(../images/select-down-arrow.png) no-repeat top right !important;
}

.log-form .dxeButtonEditButton {
    padding: 14px 2px 6px 0px !important;
    right: -4px !important;
    top: 0px !important;
    background-color: transparent !important;
    background-image: url(../images/select-down-arrow.png) !important;
    background-position: 8px 6px !important;
    width: 20px;
    left: -1px;
    background-repeat: no-repeat !important;
}

.dxHideContent.dxeButtonEditClearButton {
    display: none;
}

.combobox-aln .dxeEditArea {
    cursor: pointer;
}

.combobox-aln .dxeButtonEdit .dxic {
    width: 100% !important;
}

.searchcombo-block.combobox-aln .dxeButtonEdit .dxic {
    width: auto !important;
}

.table-form .table {
    margin-bottom: 0 !important;
}

.truncate_ass_text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    min-width: 30px;
    max-width: 160px;
    text-decoration: none;
}

    .truncate_ass_text:hover {
        text-decoration: none !important;
    }

.text-editor-border .dxtbControl {
    border: Solid 1px #a8a8a8 !important;
}

.text-editor-border .dxhe-iframe-wrapper {
    border: Solid 1px #a8a8a8;
    border-top: 0;
}

.frameworkSearch .select2-selection__rendered li,
.text-wrap {
    text-overflow: ellipsis;
    /*max-width: 350px;*/
    overflow: hidden;
}

    .frameworkSearch .select2-selection__rendered li.select2-search--inline {
        width: 100% !important;
        max-width: 100%;
    }

.table-responsive.table-pspace-3 td {
    padding: 3px !important;
}

.dropdown-risk-detail + .select2-container {
    width: 150px !important;
}

.displayGrid {
    display: grid;
}

.disp-flex-table tbody {
    display: inline-flex;
}

html .transparent-bg input[type="text"]:disabled {
    background-color: transparent !important;
}

#treeViewMainBlock .inventorytree {
    padding-top: 0 !important;
    margin-top: -3px !important;
    /*height: auto !important;*/
}

.tooltip_QuestionActionText {
    margin: 8px;
    position: absolute;
    z-index: 999999999999;
    font-weight: bold;
    background-color: rgba(236, 243, 247, 0.9);
    border-radius: 3px;
    padding: 5px;
    color: rgba(21, 106, 161, 0.8) !important;
    border: 2px solid rgba(21, 106, 161, 0.8);
}

.QuestionIcon {
    background-position: -10px -4623px !important;
}

.file-left > table {
    float: left;
}

.documentView .dxrControl.dxr-grLabelsHidden .dxr-tabContent {
    height: 29px;
}

.confirm-icons input[type="checkbox"] {
    width: 5%;
    float: right;
    margin: 0 0 0 7px;
    position: relative;
    top: 8px;
}

.confirm-icons label {
    width: 88%;
    float: right;
    text-align: right;
}

.information-bg {
    opacity: 0.4;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0);
    display: block;
    position: fixed;
    z-index: 999999;
}

.InputStyle {
    margin-top: 5px;
    margin-left: 2px;
}

.height-138 {
    height: 138px;
}

.generate-icon {
    position: relative;
    top: -1px;
    z-index: 999999;
}

.form-control-indexfeedback {
    pointer-events: all !important;
    cursor: pointer;
    right: 2px !important;
    top: -20px !important;
    margin-bottom: -20px;
    background: #fff;
    color: red;
    float: right;
}

.alertmsgsno {
    vertical-align: top;
    line-height: 20px;
}

.disable-date-1 {
    position: relative;
}

    .disable-date-1 input[type=text]:disabled,
    .disable-date-1 input[type=text] {
        position: absolute;
        left: 8px;
        top: 0;
        width: 83% !important;
        border-radius: 4px;
        outline: 0;
    }


    .disable-date-1 .calendar-block:before {
        background-position: -13px -1588px !important;
        z-index: 999;
        top: 1px;
        right: 2px;
    }

.date-db input[type=text] {
    left: 21px;
}

    .date-db input[type=text]:disabled {
        left: 15px;
    }

#WzBoDyI {
    top: -10px !important;
}

    #WzBoDyI table td {
        visibility: hidden;
    }

    #WzBoDyI table #bALlO0nBdY {
        visibility: visible;
        border: 1px solid #9fc0e8;
    }

    #WzBoDyI table #bALlOOnT,
    #WzBoDyI table #bALlOOnB {
        visibility: visible;
    }

    #WzBoDyI table #bALlOOnB {
        top: -8px !important;
    }

    #WzBoDyI > table > tr td {
        padding: 0 !important;
    }

#bALlO0nBdY b .Block1Heading p {
    color: #333;
}

.tooltip_top + tr #bALlO0nBdY {
    top: -21px !important;
}

.tooltip_top td img#bALlOOnT {
    top: -13px !important;
}

.show_overflow {
    overflow: visible !important;
}

.zoomin-icon {
    background-position: -7px -3216px !important;
}

.zoomout-icon {
    background-position: -7px -3187px !important;
}

.dropdown-width-40 .select2-container {
    width: 40% !important;
    margin-left: 10px;
}

.apply_btn {
    height: 26px;
    line-height: 15px;
    top: -4px;
    position: relative;
    padding-left: 0;
    margin-left: -30px;
}

.eyeIconTop {
    position: relative;
    top: 5px;
}

#FpExcel_corner {
    border-bottom: 1px solid #cacaca !important;
}

.chart-pagecount {
    float: left;
    padding-top: 7px;
    margin-right: 10px;
    margin-left: 10px;
    color: rgb(21, 106, 161);
}

.chart-select {
    width: 50px !important;
    float: left;
    height: 33px !important;
    margin-left: 10px !important;
}

.cal-mwidth {
    min-width: 120px !important;
}

.adhoc-scroll-holder {
    max-height: 400px;
    overflow-x: auto;
    max-width: 100%;
    overflow-y: auto;
}

.relative-td td {
    position: relative;
}

.decision-tree-close {
    position: absolute;
    right: -20px;
    z-index: 9;
    top: 0;
}

.imgactive img {
    border: 1px solid #9c9595;
    background: #eff3ed;
}

.date-db1 input[type="text"]:disabled {
    margin-top: -4px !important;
    height: 24px !important;
    margin-left: -2px !important;
    border-radius: 4px;
    position: relative;
    width: 100%;
}

.nodata_chart {
    top: 50%;
    position: absolute;
    left: 46%;
}

.nodata_title {
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.show_chart_icon {
    background-position: -7px -3371px !important;
}

/*#WebSplitter1 {
	height: 86vh !important;
}*/

.chart_title {
    color: rgb(21, 106, 161);
    font-weight: bold;
    letter-spacing: 0.7px;
    border-bottom: rgb(21, 106, 161) solid 1px;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 10px;
    padding-top: 5px;
    width: 100%;
}

.min-height-auto {
    min-height: auto;
}

.HideColumn {
    display: none;
}

.table-padding-align table tr td {
    padding: 0px 2px !important;
}

.table-height-100 table {
    height: 100%;
}

    .table-height-100 table td {
        vertical-align: top;
        height: 100%;
    }

    .table-height-100 table table {
        height: 100%;
    }

.table-head-no-padding table tr th {
    padding: 0px !important;
}

#ddlValidationColor {
    position: absolute;
    width: 81%;
    z-index: 999;
}

    #ddlValidationColor > option {
        padding: 2px;
        height: 25px;
        line-height: 25px;
    }

.table-height-100 {
    display: inline-grid;
}

.dt_left_scroll .dxsplControl .dxsplLCC {
    float: left;
    width: 100% !important;
    /*max-height: 250px !important;*/
}

.combo-nodata {
    position: absolute;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    padding: 3px;
    left: 0px;
}

    .combo-nodata div {
        color: #333;
    }

    .combo-nodata td.dxgv {
        display: inline-table;
    }

.RefPlugintooltip {
    background: #fff;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #c7e0ff;
    z-index: 999999;
}

.Ref-tooltip-arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #c7e0ff;
    position: absolute;
    top: 10px;
    left: -15px;
    transform: rotate(-90deg);
}

.Ref-tooltip-arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #c7e0ff;
    position: absolute;
    left: 7px;
    bottom: -11px;
}

/*.RefPlugintooltip::before {
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 16px solid #c7e0ff;
	position: absolute;
	left: -15px;
	top: 6px;
}*/

.RefPlugintooltip-inner {
    color: #000;
    font-weight: normal;
    background: #c7e0ff;
    padding: 3px;
    border-radius: 4px;
}

.btn.btn-default.task-btn {
    float: right;
    padding: 0;
    border: none;
    margin-right: 22px;
    height: 20px;
    width: 20px;
    position: relative;
    top: -10px;
    background-color: transparent;
}

.task-btn img {
    padding: 10px;
    width: auto;
}

#TasktabSettings {
    float: left;
    width: 100%;
}

.TasktabOptions {
    float: left;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #c5c5c5;
    margin-left: -1px;
}

.task-list-menu {
    background-color: #dfdfdf;
    float: left;
    width: 100%;
    border-bottom: 0px !important;
    padding-top: 0px;
    border-radius: 0px;
    border-top: 1px solid #c5c5c5;
}

    .task-list-menu ul,
    .task-list-menu ul li {
        float: left;
        width: 100%;
        background-color: transparent;
        border: 0px;
    }

        .task-list-menu ul li {
            margin-bottom: 0px !important;
        }

    .task-list-menu ul {
        border-left: 1px solid #c5c5c5 !important;
    }

    .task-list-menu .nav > li.active > a,
    .task-list-menu .nav > li > a:hover {
        border-left: 3px solid #1f88e4 !important;
        border-top: 0px !important;
        border-right: 0px !important;
        padding: 5px 10px !important;
        border-radius: 0px !important;
        margin: 0;
        background-color: #fff !important;
        color: #000 !important;
    }

    .task-list-menu .nav > li > a {
        border-left: 3px solid transparent !important;
        border-top: 0px !important;
        border-bottom: 1px solid #c5c5c5 !important;
        border-right: 0px !important;
        padding: 5px 10px !important;
        border-radius: 0px !important;
        margin: 0;
        background-color: transparent !important;
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        line-height: 18px !important;
    }

    .task-list-menu .btn-primarysbm {
        margin-bottom: 0px;
    }

.task-list-body {
    float: left;
    width: 100%;
    border: 1px solid #c5c5c5;
    padding: 10px;
    margin-left: -2px;
    background-color: white;
    height: 250px;
    border-bottom: 0px;
    overflow: auto;
}

.task-list-close {
    position: absolute;
    float: right;
    z-index: 99999;
    background-color: #1c69a1;
    right: 10px;
    top: -10px;
    color: #fff;
    border: 0px;
    border-radius: 50%;
    font-size: 15px;
    height: 25px;
    width: 25px;
    text-align: center;
}

.task-list-footer .btn-primarysbm {
    margin-bottom: 15px !important;
}

.task-list-footer {
    border: 1px solid #c5c5c5;
    float: left;
    width: 100%;
    border-top: 0px;
    margin: -2px;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 1px 6px !important;
    line-height: 1.42857143;
    text-decoration: none;
    color: #428bca;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    margin-left: -1px;
    border-radius: 0px;
    margin: 0px 1px !important;
}

    .pagination > .active > a,
    .pagination > .active > a:hover,
    .pagination > li > a:hover {
        border-color: rgb(87, 140, 75) !important;
        background-color: transparent !important;
        color: rgb(87, 140, 75) !important;
    }

.child-menu li a {
    border-left: 0px;
    background-color: #a4caf7;
    color: #000 !important;
}

.icon-image-green {
    background: url(../Images/checks.png) no-repeat;
    display: inline-block;
    border: 0;
    height: 22px;
}

.icon-image-green-no-icon {
    display: inline-block;
    border: 0;
    height: 22px;
}

.icon-image-green-new {
    background: url(../Images/color-icons.png) no-repeat;
    display: inline-block;
    border: 0;
    height: 22px;
}

.site-main-icon .lytebox {
    color: #347f3a !important;
    text-decoration: underline !important;
    margin-right: 10px;
}

    .site-main-icon .lytebox:hover {
        text-decoration: none !important;
    }

.AddIcon {
    background-position: -5px -100px !important;
}

.ViewIconNew {
    background-position: -7px -5042px !important;
    padding-left: 23px !important;
}

.inner-tab-border {
    border-bottom: 1px solid rgb(21, 106, 161);
}

    .inner-tab-border .nav-tabs > li {
        margin-bottom: -1px;
    }

.new_inventory {
    position: relative;
}

table tfoot {
    border-top: 2px solid rgba(59, 89, 153, 0.32);
}

.paginationno {
    /*border-top: 2px solid #c0cade;*/
}

.dxgvFilterRow:hover {
    border-left: 0px !important;
    background-color: transparent !important;
}

.dxgvFilterRow {
    background-color: transparent;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.dxgvControl {
    background-color: transparent;
}

.dxgvTable {
    border-collapse: collapse !important;
    font-size: .875rem;
}

.table-hover-effect table thead th:hover {
    cursor: pointer;
}

.table-hover-effect table thead th {
    vertical-align: middle !important;
}

.table-hover-effect table tbody tr:hover,
.table-hover-effect table tbody tr:hover td:first-child {
    padding-left: 0px !important;
}

.table-hover-effect table tbody tr:hover {
    background-color: rgba(87, 140, 75, 0.08);
    border-left: 5px solid rgb(87, 140, 75) !important;
}

.table-hover-effect table tbody tr td:first-child {
    padding-left: 2px !important;
}

.table-hover-effect table tbody tr.st-selected td:first-child {
    padding-left: 0px !important;
}
.table-hover-effect table.dashboard-table tr td:first-child, .table-hover-effect table.dashboard-table tbody tr:hover td:first-child{
    padding-left: 10px !important;
}
.secondary-link {
    color: #347f3a !important;
    text-decoration: underline;
    background-color: transparent;
    outline: none;
    border: none;
}

    .secondary-link:hover {
        text-decoration: none;
    }

.form-control:focus,
.select2-container .select2-selection:focus,
select:focus {
    border-color: #347f3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(87, 140, 74);
}

.login-forms .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

input[type=text]:hover,
textarea:hover {
    border-color: #347f3a;
}

.select2-container .select2-selection:hover,
select:hover {
    border-color: #347f3a;
}

.legend-block {
    position: relative;
    text-align: right;
}

.modal-box-filter {
    position: absolute;
    background-color: #fff;
    z-index: 99;
    right: 0px;
    display: none;
    padding: 10px 10px 12px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 1px #dadada;
}

.filter-indicator {
    height: 11px;
    width: 11px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.deadline-text {
    color: #156aa1 !important;
}

.inner-tabs-day-new {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    float: left;
    width: 73px;
    position: absolute;
    padding-bottom: 6px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 0px 1px 5px 0px #bfbfbf;
    top: 56px;
}

.show-filter i {
    color: #202020;
}

.show-filter:hover {
    text-decoration: none;
}

.btn-primarysbm {
    font-size: inherit;
}

input[type=checkbox] {
    cursor: pointer;
}

.MultiTxtBox option {
    cursor: pointer;
}

.task-list-body label {
    font-weight: normal;
    width: 100% !important;
    float: left;
    text-align: left !important;
    padding-top: 0px !important;
    color: #000;
}

.tipsy.tipsy-north.tipsy-custom-position {
    left: auto !important;
    right: 15px;
    margin-top: 8px;
}

    .tipsy.tipsy-north.tipsy-custom-position .tipsy-inner::after {
        left: auto;
        right: 20%;
        bottom: 31px;
    }

.disable-date-2 {
    position: relative;
}

.disable-date-2 input[type=text]:disabled, .disable-date-2 input[type=text] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    border-radius: 4px;
    outline: 0;
}
.disable-date-2 input[type=text] {
    left: 5px;
    top: 1px;
    height: 23px !important;
    width: 75% !important;
}
    

.disable-date-2 input[type=text]:disabled {
    cursor: not-allowed;
    background-color: #e6e6e6 !important;
    border: 1px solid #aaaaaa !important;
}

.disable-date-2 .calendar-block:before {
    background-position: -13px -1588px !important;
    z-index: 9999; 
}

.hide-search-cross .searchtext-clearicon-Dx {
    display: none;
}

.select-dropdown-width + .select2-container {
    width: 65% !important;
    padding-left: 5px;
}

.expand_height_auto {
    height: auto !important;
}

.collapse_height_zero {
    height: 0 !important;
}

#TasktabSettings li label {
    float: left;
    width: 10%;
    margin: 0;
    text-align: center;
    padding-top: 3px;
}

#TasktabSettings li a {
    float: left;
    width: 90%;
    background-color: transparent;
    border-left: 0px !important;
    padding-left: 5px !important;
    border-bottom: 0px !important;
}

.task-list-menu ul li.active,
.task-list-menu ul li:hover {
    border-left: 3px solid #1c69a1;
    cursor: pointer !important;
}

.task-list-menu ul li {
    border-left: 3px solid transparent;
    border-bottom: 1px solid #c5c5c5;
}

    .task-list-menu ul li.active a,
    .task-list-menu ul li.active label,
    .task-list-menu ul li:hover {
        background-color: #fff !important;
    }

    .task-list-menu ul li:last-child {
        border-bottom: 0px;
    }

.label-align input {
    float: left;
    min-width: 10px;
    position: initial;
    left: 0;
    margin-left: 5px;
    margin-top: 5px;
}

.label-align label {
    float: left;
    width: 95%;
    padding-left: 0px;
}

.combo-grid .dxgvControl.dxgv {
    width: 600px;
}

.arrow-aln .dxeButtonEditButton {
    top: 3px;
}

.mapIconSep {
    background-position: -9px -330px;
}

.setting-pop-tab-main-menu .panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px !important;
}

    .setting-pop-tab-main-menu .panel-default > .panel-heading a {
        display: block;
        padding: 4.5px 5px;
        background-color: #fff;
    }

        .setting-pop-tab-main-menu .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 6px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }

        .setting-pop-tab-main-menu .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: #eee;
        }

            .setting-pop-tab-main-menu .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\2212";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .setting-pop-tab-main-menu .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\002b";
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.setting-pop-tab-main-menu li {
    background-color: #fff;
    border-left: 0px;
    width: 100%;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #ddd;
}

    .setting-pop-tab-main-menu li label {
        float: left;
        width: 5%;
        margin-left: 0px !important;
        text-align: center;
        padding-top: 4px;
    }

    .setting-pop-tab-main-menu li a {
        float: left;
        width: 95%;
        border: 0px !important;
        background-color: transparent !important;
        height: auto;
        margin: 0px;
    }

        .setting-pop-tab-main-menu li a:hover {
            background-color: transparent !important;
            border: 0px !important;
            color: #000 !important;
            margin-top: 0px !important;
        }

#myTaskListsett .panel-group {
    margin-bottom: 0px;
    float: left;
    width: 95%;
}

.setting-pop-tab-main-menu .nav-tabs {
    border-bottom: 0px;
    margin-left: 0px !important;
}

.setting-pop-tab-main-menu {
    border: 1px solid #dddddd;
    border-radius: 0px !important;
    padding-top: 0px;
}

#myTaskListsett .panel-group .panel.panel-default {
    border: 0px !important;
    float: left;
    width: 100%;
    overflow: visible;
}

.setting-pop-tab-main-menu #collapseOne {
    width: 105%;
    margin-left: -5%;
    z-index: 9999999;
    overflow: visible;
}

.no-minus-icon .glyphicon.glyphicon-minus {
    display: none;
}

#tasklist-collapse a {
    width: 100%;
    text-decoration: none;
}

    #tasklist-collapse a:hover {
        text-decoration: none;
        color: black;
    }

.setting-pop-tab-main-menu li label input:hover {
    cursor: pointer;
}

.setting-pop-tab-main-menu li:last-child {
    border-bottom: 0px;
}

.setting-pop-tab-main-menu input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.setting-pop-tab-main-menu label input[type=checkbox]:checked:before {
    background: url('../Images/checks-new.png') no-repeat -4px -78px;
    height: 16px;
    width: 16px;
}

.setting-pop-tab-main-menu label input[type=checkbox]:before {
    height: 16px;
    width: 16px;
    background: url('../Images/checks-new.png') no-repeat -4px -53px;
}

.task-main-tab-pop-footer .btn-primarysbm {
    margin-bottom: 0px;
    margin-top: 10px;
}

.hold_Time_circle {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    background: #85c1e9;
    position: relative;
    top: 4px;
}

.hold_Time_yellow {
    background: #f9e79f;
}

.hold_Time_brown {
    background: #e8daef;
}

.hold_Time_Chart_Desc {
    float: left;
    width: 100%;
    margin-top: 0%;
    margin-bottom: 5px;
}

.hold_Time_Chart {
    float: left;
    width: 100%;
}

.manage_Schedule_active {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    background: Green;
    position: relative;
    top: 4px;
}

.manage_Schedule_Bolder {
    font-weight: bolder;
    margin-right: 5%;
}

.manage_Schedule_Inactive {
    background: Red;
}

.decision-tree-border {
    border: 1px solid #a0afcc !important;
}

.accordion_tab.table_new_inventory_assessment .table-bordered > tbody > tr > td {
    border: 1px solid #a0afcc !important;
}

.accordion_tab .left-border:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 6px;
    width: 1px;
    height: 21px;
    background: #a0afcc;
    margin-right: 8px;
}

.grid_icon_size {
    font-size: 0.9rem;
}

.accordion_tab .CollapseHeadingYellow {
    border: 1px solid #a0afcc !important;
}

.hide-search-cross .searchtext-clearicon-Dx {
    display: none;
}

.nav-tabs.inner-tabs {
    border-bottom: 0;
}

.topScroll,
.bottomScroll {
    float: left;
    width: 100px;
    background-image: linear-gradient(to right, rgb(0, 52, 86), rgb(0, 52, 86));
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: fixed;
    font-size: 20px;
    line-height: 0px;
    z-index: 9999;
    left: 0;
    padding: 4px;
    display: none;
}

.bottomScroll {
    bottom: 35px;
}

.topScroll {
    top: 72px;
    box-shadow: 3px 0 5px -2px rgba(0, 0, 0, 0.5);
}

#testDiv {
    overflow-y: auto !important;
    padding-top: 0px !important;
    padding-bottom: 135px !important;
    /* 
        padding-bottom: 145px !important;
        scroll-behavior: smooth;
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    z-index: 9999;
    margin-top: 71px;
    -ms-overflow-style: none;
    scrollbar-width: none; */
    /* overflow-x: hidden; */
}

#myslidemenu {
    float: left;
    width: 100%;
}

#testDiv::-webkit-scrollbar {
    width: 0px;
}

#testDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#testDiv::-webkit-scrollbar-thumb {
    background-color: rgb(0, 52, 86);
}

.topScroll .fa.fa-caret-up {
    opacity: 0.2;
}

.task-ellipsis {
    display: grid;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}

    .task-ellipsis .ellipsis-span {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .task-ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.task-doc-ellipsis {
    display: grid;
    table-layout: fixed;
    width: 50%;
    white-space: nowrap;
}

    .task-doc-ellipsis > * {
        display: table-cell;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.Labelcsstext-tag {
    background: #ff7420 !important;
    width: 17px !important;
    height: 31px;
    line-height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
    white-space: unset !important;
    margin-right: 5px;
    margin-top: -2px;
    box-shadow: 1px 1px 2px -2px;
    text-shadow: rgba(0, 0, 0, 0.3) -1px 0px 0px;
    position: relative;
}

    .Labelcsstext-tag span {
        padding: 9px 8px 8px 10px;
        left: 0 !important;
        float: left;
        width: 100%;
        transform: rotate(-90deg);
        letter-spacing: 1px;
        top: 10px;
        text-transform: uppercase;
        -webkit-font-smoothing: none;
        font-weight: bold;
    }

    .Labelcsstext-tag:after {
        content: '';
        position: relative;
        right: 1px;
        top: -2px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 7px solid #fff;
        clear: both;
        transform: rotate(180deg);
        display: block;
    }

.modal-popup-footer .btn-primarysbm {
    margin-bottom: 0px !important;
}

#daysdurationselected {
    background-color: #fbfafa;
    border: 1px solid #cccccc;
    padding: 0px 0px;
    border-radius: 3px;
    position: relative;
    bottom: 0px;
    color: #fff;
    height: 25px;
    margin: 0 auto;
    display: block;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    float: left;
    width: auto;
    font-size: 10px;
    min-width: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manImg {
    width: auto;
}

.selectedPill {
    border-radius: 5px;
    padding: 2px 3px;
    line-height: normal;
    float: left;
    margin-top: 4px;
    max-width: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#manImgShow {
    float: right;
    position: relative;
    top: 7px;
    right: 1px;
}

.manImgShowImg {
    float: right;
    position: relative;
    right: -1px;
    bottom: 1px;
    float: left;
    width: 100%;
}

.task-list-container {
    overflow: visible;
}

#daysdurationselected:hover,
#manImg:hover {
    cursor: pointer;
}

.ccrReportSubtitle span {
    display: contents;
}

.ccrReportSubtitle .subTitleText:before {
    display: none;
}

.download-icon-diagram {
    background: url(../Images/btn-icons.png) no-repeat !important;
    display: inline-block;
    background-position: -7px -36px !important;
    padding: 0.3rem 0.9rem 0.4rem 0.9rem;
    background-color: #347f3a !important;
    width:30px;
    height:30px;
}

#manImg {
    float: none;
    top: 2px;
    position: relative;
}

#manImgArrow {
    float: right;
    top: 6px;
    position: relative;
}

.selectedtoken {
    font: inherit;
    font-size: calc(100% * 0.6875);
    color: #fff !important;
    text-decoration: none;
    white-space: nowrap;
    padding: 1px 3px;
    border-radius: 5px;
    font-style: normal;
    float: left;
    top: 4px;
    position: relative;
}

.dashboard-tasklist-delete {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 3px;
    background: url(../images/task-list-delete.png) no-repeat;
    text-decoration: none;
}

    .dashboard-tasklist-delete:hover {
        text-decoration: none;
    }

.pagination-custom-arrow {
    font-size: calc(100% * 1.5);
    line-height: calc(100% * 0.8) !important;
    height: 24px;
}

.tasklist-show-dropdown {
    position: relative;
}

.combobox-aln .close-icon {
    background-position: -7px -659px !important;
    background-color: transparent !important;
    color: #347f3a !important;
    border: 1px solid #347f3a;
}

    .combobox-aln .close-icon:hover {
        background-color: #EBF8F1 !important;
        outline: none;
    }

.combobox-aln .save-icon {
    background-position: -7px -405px !important;
    background: none !important;
    background-color: #347f3a !important;
    color: #fff !important;
}

    .combobox-aln .save-icon:hover {
        background-color: #69a75a !important;
        color: white;
        border: 1px solid #69a75a;
    }

.con-tasklist-tooltip .con-tooltip {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    cursor: pointer;
}

.con-tasklist-tooltip .tooltip {
    visibility: hidden;
    z-index: 99999;
    opacity: 1;
    width: 100%;
    padding: 0px 0px;
    background: #f9f9f9;
    color: #6b6b6b;
    position: absolute;
    top: -100%;
    left: -25%;
    border-radius: 0px 0px 10px 10px;
    font: 16px;
    box-shadow: 0 0 8px rgba(56, 54, 54, 0.64);
    width: 360px !important;
    max-width: 100%;
    min-width: 360px !important;
}

.tasklist-dashboard table .pagination > li > a {
    position: initial;
}

.tooltip {
    font: inherit;
}

.con-tasklist-tooltip .con-tooltip:hover .tooltip {
    visibility: visible;
    background-color: white;
}

@keyframes fadeIn {
    0% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.con-tasklist-tooltip .right:hover {
    transform: translateX(0px);
}

.con-tasklist-tooltip .right .tooltip {
    /*top: -15px;*/
    left: 50%;
}

.con-tasklist-tooltip h5.entity-title {
    margin: 0px;
    padding: 10px 15px;
    background-color: #003456;
    color: #fff;
    font-size: 14px;
    border-radius: 10px 10px 0px 0px;
    margin-top: -30px;
    margin-left: -1px;
    margin-right: -1px;
}

.con-tasklist-tooltip h6.sub-title {
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
}

.con-tasklist-tooltip .tooltip p {
    padding: 0;
}

.tooltip-row {
    margin-bottom: 0px;
    padding: 0px 10px 0px 10px;
}

.tooltip-row-border-bottom {
    border-bottom: 1px solid lightgray;
}

.tooltip-row:last-child .tooltip-row-border-bottom {
    border-bottom: 0px;
}

.con-tasklist-tooltip {
    width: 80%;
    min-height: 28px;
    padding-left: 0px;
    float: left;
}

.Labelcsstext-tag-empty {
    position: relative;
}

.tooltip-arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #003456;
    position: absolute;
    top: 10px;
    left: -15px;
    transform: rotate(-90deg);
}

.tooltip-arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #003456;
    position: absolute;
    left: 22px;
    bottom: -11px;
}

.dashboard-tasklist-delete {
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 3px;
    background: url(../images/task-list-delete.png) no-repeat;
    text-decoration: none;
}

    .dashboard-tasklist-delete:hover {
        text-decoration: none;
    }

.btn-LabelDesign {
    display: inline-block;
    border: 0;
}

.dxeListBox,
.dxpcDropDown,
.dxeDropDownWindow {
    font: inherit;
}

table {
    font: inherit !important;
}

.link-primary-action {
    background-color: transparent;
    padding: 0px 15px 0 0;
    color: rgb(21, 106, 161) !important;
    text-decoration: underline;
    font-style: normal;
    border: 0;
    font-weight: normal;
    display: inline-block;
    margin-top: 2px;
    outline: none;
}

    .link-primary-action:hover {
        text-decoration: none;
        cursor: pointer;
    }

.dxsplControl {
    font: inherit !important;
}

.dxpcDropDown,
.dxeDropDownWindow {
    font: inherit !important;
}

.rtdRetirementTree .treeview td input[type=checkbox] {
    margin-right: 7px;
}

input[type=checkbox][disabled] {
    opacity: 0.6;
    background-color: transparent !important;
}

.tree.checkbox-list label {
    font-weight: normal;
}

.treeview-aln input[type=checkbox] {
    display: inline-block;
    margin-right: 5px;
}

.deviationRadioBtnStyle li:first-child label {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: 0;
    margin-left: 2px;
}

.deviationRadioBtnStyle li:last-child label {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: 5px;
}

.file-browse .dxucBrowseButton {
    padding: 10px 15px !important;
}

.link-primary-action:disabled,
.link-primary-action:hover:disabled {
    background-color: transparent !important;
    opacity: 0.6 !important;
    text-decoration: underline;
}

.header-accordion {
    padding-bottom: 6px;
    max-height: 33px;
}

.cursor_default {
    cursor: default;
}

.comboboxnodata div.dxpcDropDown table table.dxgvTable tr.dxgvEmptyDataRow td div:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f05a" !important;
    display: inline-block;
    color: #ff0000 !important;
}

table.radioBtnStyle tr td:first-child label {
    border-radius: 15px 0px 0px 15px;
}

table.radioBtnStyle tr td:last-child label {
    border-radius: 0px 15px 15px 0px;
}

.indextab .nav > li.aactive > a {
    display: block;
    margin-right: 0px;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 1;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    color: #fff !important;
    background-color: #156aa1 !important;
}

.inner-tabs.inner-tab-active-padding li.active a {
    padding: 1px 10px !important;
}

.dxucControl .dxucBrowseButton a {
    line-height: 6px;
}

.checkbox-left-space .checkbox-list input[type="checkbox"] {
    margin-left: 5px;
}

.dxucTextBoxDisabled {
    background-color: #eeeeee;
}

#tabMenu ul li.dxtc-activeTab .dxtc-link {
    background-color: #146aa1 !important;
}

    #tabMenu ul li.dxtc-activeTab .dxtc-link span {
        color: #fff !important;
    }

#tabMenu ul li .dxtc-link:hover {
    background-color: #146aa1 !important;
    color: #fff !important;
}

    #tabMenu ul li .dxtc-link:hover span {
        color: #fff !important;
        background-color: #146aa1 !important;
    }

#tabMenu ul li a.dxtc-link {
    border: 1px solid rgb(21, 106, 161);
    background-color: rgba(21, 106, 161, 0.08) !important;
    margin-right: 4px;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

#tabMenu ul li .dxtc-link span {
    border: 0 !important;
    text-transform: uppercase !important;
    padding: 8px 5px 5px !important;
    font-weight: bold;
}

.chk_select label {
    margin-right: 5px;
}

.dxtcLite {
    font: inherit !important;
}

input[disabled].add_button {
    background-color: transparent !important;
    opacity: 0.6;
}

    input[disabled].add_button:hover {
        background-color: transparent !important;
    }

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

.td-border-0 td {
    border: 0 !important;
}

.treeview-nowrap .treeview a {
    white-space: nowrap;
}

.form_figure_reset figure {
    margin: 0;
}

.freqdayscount,
.freqdaystext {
    float: left;
}

.secondary-link:disabled {
    background-color: transparent !important;
    opacity: 0.6 !important;
}

    .secondary-link:disabled:hover {
        background-color: transparent !important;
        text-decoration: underline !important;
    }

.btn-secondary:disabled:hover {
    background-color: transparent !important;
}

.tree_checkbox_right_space .treeview td input {
    margin-right: 7px;
}

input[type="submit"].group-selec-icons:disabled {
    background-color: transparent !important;
    opacity: 0.6;
    height: 19px;
}

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

.ms-office-tab .nav li {
    margin-bottom: 0px;
}

.execution-DocFrame.exe-execution-review-height {
    top: 75px;
    height: 88% !important;
}

.splitter_Dt {
    max-width: 320px;
    width: 320px;
}

    .splitter_Dt input[type=button] {
        white-space: pre-line;
    }

.task-list-container #nextPage,
.task-list-container #lastPage,
.task-list-container #firstPage,
.task-list-container #prevPage {
    font-size: 1.7rem;
    margin: 0px;
    padding: 2px 5px;
    border: 1px solid #8db286;
    line-height: 22px;
    padding-top: 0px !important;
}

.task-list-container #firstPage,
.task-list-container #nextPage {
    margin-right: 5px;
}

.terminatePopup {
    width: auto !important;
    position: static !important;
}

figure {
    margin: 0 !important;
}

.Eq-tab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span {
    background-color: rgba(21, 106, 161, 0.08);
    border: 1px solid rgb(21, 106, 161) !important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #333 !important;
}

    .Eq-tab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span,
    .Eq-tab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
        background-color: rgb(21, 106, 161) !important;
        color: #fff !important;
        text-transform: uppercase;
        padding: 8px 5px 5px !important;
        border: 1px solid rgb(21, 106, 161) !important;
        font-weight: bold;
        letter-spacing: 0.5px;
    }

.Eq-tab .dxtcLite {
    padding: 0 !important;
}

    .Eq-tab .dxtcLite > .dxtc-stripContainer .dxtc-link {
        padding: 0px 2px !important;
    }

.Eq-tab {
    margin-bottom: 6px;
    border-bottom: 1px solid #146aa1;
}

    .Eq-tab .dxtcLite > .dxtc-stripContainer .dxtc-spacer {
        border-bottom: 1px solid #146aa1 !important;
    }

.task-main-tab-pop-footer .btn-primarysbm {
    line-height: 1.2rem;
}

.new_inventory .ajax__tab_header span.ajax__tab_active {
    color: #fff !important;
    background-color: #156aa1 !important;
    padding-top: 1px !important;
}

.new_inventory .ajax__tab_header span.ajax__tab_hover {
    background-color: #156aa1 !important;
    color: #fff !important;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    border-top: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
}

.new_inventory .ajax__tab_header span {
    display: inline-block;
    padding: 2px 15px 0px !important;
    background-color: rgba(21, 106, 161, 0.08);
    margin-right: 0px !important;
    margin-left: 5px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #1a1a1a !important;
    font-style: normal;
    font-family: inherit;
    letter-spacing: 0.5px;
    outline: none;
    text-decoration: none;
    font-weight: normal;
    border-left: 1px solid #156aa1 !important;
    border-right: 1px solid #156aa1 !important;
    border-top: 1px solid #156aa1 !important;
    border-bottom: 0px !important;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 6px 6px 0px 0px !important;
    height: 27px;
}

    .new_inventory .ajax__tab_header span span.ajax__tab_outer,
    .new_inventory .ajax__tab_header span span span.ajax__tab_inner,
    .new_inventory .ajax__tab_header span span.ajax__tab_outer span.ajax__tab_inner a.ajax__tab_tab span {
        padding: 0 !important;
        display: block !important;
        margin: 0 !important;
        border: 0px !important;
        background-color: transparent !important;
        height: auto !important;
    }

    .new_inventory .ajax__tab_header span:first-child {
        margin-left: 0px;
    }

    .new_inventory .ajax__tab_header span.ajax__tab_active span.ajax__tab_outer span.ajax__tab_inner a.ajax__tab_tab span,
    .new_inventory .ajax__tab_header span.ajax__tab_hover span.ajax__tab_outer span.ajax__tab_inner a.ajax__tab_tab span {
        color: #fff !important;
    }

    .new_inventory .ajax__tab_header span span.ajax__tab_outer span.ajax__tab_inner a.ajax__tab_tab,
    .new_inventory .ajax__tab_header span.ajax__tab_active span.ajax__tab_outer span.ajax__tab_inner a.ajax__tab_tab {
        line-height: 1.38rem !important;
    }

.AttachBdr th {
    text-align: left;
}

.AttachBdr th,
.AttachBdr td {
    border: 1px solid lightgrey;
    border-collapse: collapse;
}

.popupButtonsBlock {
    background-color: transparent;
}

.AttachBdr table {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trash_icon .dxbButtonSys.dxbButton {
    background: url(../Images/color-icons.png) no-repeat !important;
    background-position: -9px -4943px !important;
    box-shadow: none;
    border: 0;
    padding: 0;
    display: inline-block;
    width: 22px !important;
    height: 22px !important;
}

.default-font-size {
    font-size: 0.875rem !important;
    font-weight: normal !important;
}

#Div2 .tooltip.bottom {
    font-size: 0.875rem !important;
    font-weight: normal;
    letter-spacing: initial;
    line-height: 20px;
}

.Invent_rep_top_inputs {
    float: right;
    width: 80%;
    padding-top: 7px !important;
}

    .Invent_rep_top_inputs .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 25px;
    }

    .Invent_rep_top_inputs .select2-container .select2-selection--single {
        height: 25px !important;
    }

.tree-cont-space input {
    margin-right: 5px;
}

.date.disable-state input:disabled {
    margin-top: -4px !important;
    height: 24px !important;
}

.optionButtonCurveShape table.radioBtnStyle tr:last-child label {
    border-radius: 0px 15px 15px 0px;
}

.optionButtonCurveShape table.radioBtnStyle tr:first-child label {
    border-radius: 15px 0px 0px 15px;
}

.divExpressTab li {
    min-height: 32px !important;
}

    .divExpressTab li a {
        display: block;
        padding: 2px 15px 0px !important;
        background-color: rgba(21, 106, 161, 0.08);
        margin-right: 5px !important;
        margin-left: 0px;
        z-index: 2;
        position: relative;
        cursor: pointer;
        color: #1a1a1a !important;
        font-style: normal;
        font-family: inherit;
        letter-spacing: 0.5px;
        outline: none;
        text-decoration: none;
        font-weight: normal;
        border-left: 1px solid #156aa1 !important;
        border-right: 1px solid #156aa1 !important;
        border-top: 1px solid #156aa1 !important;
        border-bottom: 0px !important;
        text-transform: uppercase;
        font-weight: normal;
        border-radius: 6px 6px 0 0;
    }

    .divExpressTab li:first-child a {
        margin-left: 0px;
    }

    .divExpressTab li a span {
        border: none !important;
        padding: 9px 7px 9px !important;
    }

.divExpressTab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
    background-color: transparent !important;
}

.divExpressTab li.dxtc-activeTab a,
.divExpressTab li.dxtc-tabHover a {
    background-color: rgb(21, 106, 161);
}

.divExpressTab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span,
.divExpressTab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-tabHover .dxtc-link span {
    color: #fff !important;
}

.divExpressTab li.dxtc-tabHover a span {
    background-color: transparent !important;
}

.divExpressTab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span {
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    color: #1a1a1a !important;
}

    .divExpressTab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
        border-top: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

.divExpressTab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span {
    padding: 9px 7px 9px !important;
}

.divExpressTab .dxtcLite > .dxtc-stripContainer .dxtc-tab .dxtc-link span:hover {
    padding: 9px 7px 9px !important;
}

.divExpressTab .dxtc-flex.dxtc-top > .dxtc-stripContainer .dxtc-psi,
.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 1px solid #156aa1 !important;
    z-index:2;
}

.divExpressTab .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
    border-bottom-color: #156aa1 !important;
}

.second-level-subtitle {
    font-size: 14px;
    text-transform: uppercase;
}

.DevExpressDate .dxeCalendarDay.dxeCalendarToday {
    border-color: #347f3a;
}

.DevExpressDate .dxeCalendarButton {
    border-radius: 5px !important;
    padding: 3px 10px !important;
    background-color: white !important;
    color: #347f3a !important;
    border: 1px solid #347f3a;
    background-image: none;
    min-width: 60px;
}

    .DevExpressDate .dxeCalendarButton:hover,
    .dxeCalendarButton:focus {
        background-color: #EBF8F1 !important;
        outline: none;
    }

.DevExpressDate .dxeCalendarFooter {
    background-color: #fff;
    padding: 5px 0px !important;
}

.DevExpressDate .dxeCalendarDay {
    padding: 4px 6px !important;
}

.DevExpressDate .dxeCalendarDayHeader {
    padding: 2px 4px 5px !important;
}

.DevExpressDate .dxeCalendarHeader {
    padding: 4px 7px !important;
}

.DevExpressDate .dxeCalendarSelected {
    background-color: #347f3a;
}

.DevExpressDate .dxeCalendarDay:hover {
    background-color: #347f3a;
    color: #fff;
}

.DevExpressDate .dxeCalendarFastNavYearArea {
    padding-top: 10px;
    border-top: 1px solid #8d8d8d;
    margin-top: 10px;
}

.DevExpressDate .dxeCalendarFastNavItemSelected,
.DevExpressDate .dxeCalendarFastNavMonthSelected,
.DevExpressDate .dxeCalendarFastNavYearSelected {
    color: White;
    background: #347f3a none;
}

.DevExpressDate .dxeCalendarFastNavItem,
.DevExpressDate .dxeCalendarFastNavMonth,
.DevExpressDate .dxeCalendarFastNavItemHover,
.DevExpressDate .dxeCalendarFastNavMonthHover {
    padding: 4px !important;
}

.DevExpressDate .dxeCalendarFastNavYear,
.DevExpressDate .dxeCalendarFastNavYearHover {
    padding: 6px !important;
}

.DevExpressDate .dxeCalendarFastNavMonthHover,
.DevExpressDate .dxeCalendarFastNavYearHover {
    border: 0px;
    background-color: #347f3a;
    color: #fff;
}

.more_than_one_span_collapse {
    border-left: 1px solid #a0afcc;
    padding-left: 5px;
    margin-top: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.right-arrow-doc .more_than_one_span_collapse span:before {
    content: '';
    display: block;
    position: relative;
    top: 0px;
    width: 0;
    height: 0;
    background: #a0afcc;
    margin-right: 0;
}

.right-arrow-doc .more_than_one_span_collapse span {
    margin-right: 5px;
}

.wip_search_collapse .gray-grid-title {
    background: #d0d7e7;
    margin-bottom: 2px;
    min-height: 36px;
    cursor: pointer;
    border: 1px solid #a0afcc;
}

.wip_search_collapse .SearchForImgCol,
.wip_search_collapse .SearchForImgExp {
    background-color: transparent !important;
}

.blue-grid-title.title-auto-height {
    height: auto;
}

    .blue-grid-title.title-auto-height .grid-title span {
        line-height: 1.3rem;
    }

    .blue-grid-title.title-auto-height .blue-grid-title {
        height: auto;
    }

        .blue-grid-title.title-auto-height .blue-grid-title h4.grid-title {
            float: initial;
            padding-left: 40px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

.primary-action-link {
    color: #156aa1 !important;
    text-decoration: underline;
    outline: none;
    border: none;
    background-color: transparent !important;
}

    .primary-action-link:hover {
        text-decoration: none;
    }

    .primary-action-link:disabled {
        background-color: transparent !important;
        opacity: 0.6 !important;
    }

        .primary-action-link:disabled:hover {
            background-color: transparent !important;
        }

.tertiary-action-link {
    color: rgb(115, 117, 117);
    border: none;
    background-color: transparent;
    outline: none;
}

.page-title #btnPrints {
    margin-right: 20px;
}

.bor-1-white.top-bor-width-1-white {
    border-top: 1px solid #ffffff !important;
}

.iframe-main-content.zoomin {
    position: fixed;
    margin-top: 0px !important;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999999;
}

.main-content-iframe.zoomin {
    z-index: 9999999 !important;
}

.weboffice-DocFrame.zoomin {
    top: 0px !important;
    height: 100%;
}

.weboffice-DevDocFrame.zoomin {
    top: 0px;
    height: 100%;
}

.wordzoom {
    display: none;
    cursor: pointer;
    float: right;
    color: #ffffff;
    position: fixed;
    z-index: 1;
    right: 11%;
    border: transparent solid 4px;
}

    .wordzoom:hover {
        background-color: #6987aa;
        border: transparent solid 4px;
    }

.excelzoom {
    display: none;
    cursor: pointer;
    float: right;
    color: #ffffff;
    position: fixed;
    z-index: 1;
    right: 11%;
    border: transparent solid 4px;
}

    .excelzoom:hover {
        background-color: #669e7d;
        border: transparent solid 4px;
    }

.dasboard-prof-settings .bg-info.tabcontent {
    background-color: #F1F2F7;
    border-top: 1px solid #b0b5bb;
    margin: 0px;
    color: #000;
    border-bottom: 2px solid rgba(59, 89, 153, 0.32);
}

.dasboard-prof-border {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border: 1px solid #b0b5bb;
}

.dash-padding table td {
    padding-bottom: 5px !important;
}

.commonSearch .dxeListBox .dxeListBoxFilter .dxeLBFEButtonSys {
    background-color: transparent !important;
}

.commonSearch a.dxbButton {
    text-decoration: none;
    font: inherit !important;
}

.bg-hover {
    z-index: 100000 !important;
}

.bg-hover-Form {
    z-index: 100000 !important;
}

.intend-use .dxbButtonSys.dxbTSys {
    background: #347f3a !important;
    color: #fff !important;
    padding: 0 1.5rem;
}

    .intend-use .dxbButtonSys.dxbTSys:hover {
        background-color: #69a75a !important;
        color: white;
        border: 1px solid #69a75a;
    }

.sep_split div:after {
    content: "";
    height: 12px;
    width: 1px;
    background: #347f3a;
    display: inline-block;
    position: relative;
    left: -1px;
    top: 3px;
    cursor: default;
}

.sep_split div:last-child::after {
    display: none;
}

.web-date-chooser input {
    margin-top: -2px;
}

.metric_report_search a#btnSearch {
    position: absolute;
}

.search-box .metric_report_search .glyphicon-search:before {
    position: relative;
    top: -1px;
    right: -12px;
}

.remove_extra_border .dxheViewArea {
    border: 0px;
}

.remove_extra_border .dxheContentArea {
    background-color: transparent;
}

.remove_extra_border table {
    border: none !important;
}

.tableFixHead {
    overflow-y: auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .tableFixHead table {
        margin-top: -1px;
        margin-bottom: -1px;
    }

    .tableFixHead .bg-info.tabcontent th.GridHeading {
        position: sticky;
        top: -1px;
        z-index: 1;
        padding: 2px 7px;
    }

.file-browse-aln .dxpcLite .dxbButton div.dxb {
    padding: 0;
}

.file-browse-aln .dxbButtonSys.dxbTSys {
    width: auto !important;
    padding: 0 1.5rem;
}

.ExeGrid .dxpnlControl {
    margin-bottom: 2px;
}

.ExeGrid .dxeButtonEditButton {
    top: 4px;
}

.ExeGrid .dxgvDataRow td:first-child,
.ExeGrid .dxgvEditFormDisplayRow td:first-child {
    text-align: center;
}

.ExeGrid .dxgvFocusedRow {
    background-color: transparent !important;
    color: #333;
}

.ExeGrid tr > td {
    padding: 4px !important;
}

.ExeGrid tr.dxgvDataRow > td,
.ExeGrid tr > .dxgvHeader,
.ExeGrid .dxgvEditFormDisplayRow > td {
    padding: 3px !important;
}

.ExeGrid .PenIconBlueSep {
    background: url(../Images/color-icons.png) no-repeat !important;
    background-position: -9px -2024px !important;
    text-indent: -9999em;
    margin: 0;
    padding: 0;
    width: 22px !important;
}

.ExeGridLabel {
    min-height: 26px;
    padding-top: 3px;
}

.ExeGrid .dxgv .close-icon.btnn,
.ExeGrid .dxgv .btnn.submit-icon {
    margin-bottom: 10px;
}

.ExeGrid .dxgv .btnn.submit-icon {
    margin-right: 10px;
}

.ExeLogFormRadio {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 1px;
}

    .ExeLogFormRadio tr td label {
        float: left;
        display: inline-block;
        background-color: transparent;
        color: #555555;
        font-size: 1.4rem;
        font-weight: normal;
        text-align: center;
        text-shadow: none;
        padding: 0 8px;
        border: 1px solid #ccc;
        line-height: 20px !important;
        border-radius: 4px;
        margin-left: 1px;
        margin-right: 5px;
    }

    .ExeLogFormRadio td + td label {
        cursor: pointer;
        margin-right: 0px !important;
    }

    .ExeLogFormRadio td {
        padding: 0px !important;
    }

    .ExeLogFormRadio tr td .dxeIRadioButton {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
        cursor: pointer;
    }

    .ExeLogFormRadio tr td table tr:first-child td tr td label {
        border-radius: 20px 0px 0px 20px;
    }

    .ExeLogFormRadio tr td table tr:first-child td tr td labe {
        border-radius: 0px 20px 20px 0px;
    }

    .ExeLogFormRadio .radio-checked-bg + td label {
        background-color: #347f3a !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
    }

    .ExeLogFormRadio .radio-unchecked-bg + td label {
        background-color: #ccc !important;
        color: #007299 !important;
    }

.ExeLogFormRadio {
    border: 0 !important;
}

    .ExeLogFormRadio tr,
    .ExeLogFormRadio tr + tr {
        float: left;
    }

.ExeGrid .dxpcDropDown.dxpclW.dxpc-ddSys {
    border-color: #ccc !important;
    background-color: #fff;
}

.ExeGrid .calender-dayheader,
.ExeGrid .calender-day {
    background-color: transparent;
    color: #4c4a4a;
    width: 14.3%;
    padding: 1px 6px !important;
}

.ExeGrid .dxeCalendarDayHeader {
    padding: 8px !important;
}

.ExeGrid .dxeCalendarToday {
    padding: 3px 3px 2px !important;
    background-color: #156aa1 !important;
    color: #fff;
    border: 0;
}

.ExeGrid .dxeCalendarDay:hover {
    background-color: #156aa1 !important;
    color: #fff !important;
}

.ExeGrid .dxeCalendar {
    border: 1px solid #bdb7b7;
}

.ExeGrid .dxeCalendarHeader td.dxe {
    text-align: center;
    cursor: pointer;
    padding: 5px !important;
}

.ExeGrid .dxeCalendarButton,
.ExeGrid .dxeColorEditButton {
    display: inline-block;
    margin: 10px 5px;
    background: #2d5d06 !important;
    border: 0 !important;
    border-radius: 4px;
    color: #fff;
    min-width: 70px !important;
    min-height: 25px;
    line-height: 25px;
}

.ExeGrid .dxeCalendarFooter td:last-child {
    background: grey !important;
}

.ExeGrid .dxeCalendarFastNavFooter td:last-child {
    background: grey !important;
}

.ExeGrid .dxeCalendarFastNavMonth,
.ExeGrid .dxeCalendarFastNavMonthHover {
    padding: 3px !important;
    border: 0px solid #ccc !important;
}

.ExeGrid .dxeCalendarFastNavYear,
.ExeGrid .dxeCalendarFastNavYearHover {
    padding: 6px !important;
    border: 0px solid #ccc !important;
}

.ExeGrid .dxeCalendarFastNavYearHover,
.ExeGrid .dxeCalendarFastNavMonthHover {
    background: #dad9d9 none;
}

.ExeGrid .viewIconSep {
    background-position: -9px -173px !important;
    text-indent: -9999em;
    margin: 0;
    padding: 0;
    width: 22px !important;
}

.ExeGrid .dxeListBox div.dxlbd table td {
    padding: 3px 10px;
    white-space: nowrap;
}

.ExeGrid .dropdown-mandatory {
    border-left: red solid 2px !important;
}

.ExeGrid .dropdown-selection input[type="text"].dxeEditAreaSys {
    padding: 5px !important;
}

.ExeGrid .dropdown-selection .dxeButtonEditButton {
    top: 8px;
}

.ExeGrid .dxpnlControl,
.ExeGrid .dxeBase {
    font: inherit;
}

.ExeGrid .td-min-width td {
    min-width: 188px;
}

.ExeGrid .ExeLogFormRadio tbody tr td table tr:first-child td table tbody tr td label {
    border-radius: 50px 0px 0px 50px;
}

.ExeGrid .ExeLogFormRadio tbody tr td table tr:last-child td table tbody tr td label {
    border-radius: 0px 50px 50px 0px;
}

.ExeLogFormRadio tbody tr td table tr:first-child td table tbody tr td label {
    border-radius: 50px 0px 0px 50px;
}

.ExeLogFormRadio tbody tr td table tr:last-child td table tbody tr td label {
    border-radius: 0px 50px 50px 0px;
}

.ExeGrid .ExeLogFormRadio tbody tr td table tr td table tbody tr td label {
    margin-right: 2px;
}

.ExeGrid .dxeEditArea.dxeEditAreaSys {
    min-width: 80px;
}

.edit-reason-ex span {
    margin-right: 5px;
}

.dxeCheckBoxList span.dxWeb_edtCheckBoxUnchecked {
    background: url(../Images/Checks.png) no-repeat -4px -53px;
    margin: 2px 3px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.dxeCheckBoxList span.dxWeb_edtCheckBoxChecked {
    background: url(../Images/Checks.png) no-repeat -4px -78px;
    margin: 2px 3px;
    width: 17px;
    height: 17px;
}

.dxICBFocused {
    outline: none !important;
}

.upload_width .dxucControl {
    width: 90% !important;
    float: none !important;
}

.devExcsstooltip {
    white-space: nowrap;
}

.devExcsstooltip-tooltip-toggle {
    cursor: pointer;
    position: relative;
}

    .devExcsstooltip-tooltip-toggle::before {
        position: absolute;
        top: 32px;
        left: 50%;
        outline: 2px solid #c7e0ff;
        background-color: #c7e0ff !important;
        border: 1px solid #fbfbfb !important;
        padding: 3px 6px !important;
        border-radius: 5px !important;
        content: attr(aria-label);
        text-transform: none;
        transition: all 0.5s ease;
        width: auto;
        z-index: 1;
        line-height: 18px;
    }

    .devExcsstooltip-tooltip-toggle::after {
        position: absolute;
        top: 21px;
        left: 3px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #c7e0ff;
        content: " ";
        font-size: 0;
        line-height: 0;
        margin-left: 0px;
        width: 0;
        transform: rotate(180deg);
    }

    .devExcsstooltip-tooltip-toggle::before,
    .devExcsstooltip-tooltip-toggle::after {
        opacity: 0;
        pointer-events: none;
        text-align: center;
    }

    .devExcsstooltip-tooltip-toggle:focus::before,
    .devExcsstooltip-tooltip-toggle:focus::after,
    .devExcsstooltip-tooltip-toggle:hover::before,
    .devExcsstooltip-tooltip-toggle:hover::after {
        opacity: 1;
        transition: all 0.75s ease;
    }

.DevExselectboxwhitespace .select2-selection__rendered li {
    max-width: 100%;
}

.disp-block,
.disp-block .dxtc-content > div {
    display: block !important;
    overflow: auto !important;
    height: fit-content;
}

    .disp-block .dxtc-content > div > div {
        max-width: 100%;
        display: block !important;
    }

        .disp-block .dxtc-content > div > div .divReqHistory {
            max-width: 100%;
            overflow: auto;
        }

.execution-toolbar-popup h4 {
    margin-bottom: 0px;
    margin-top: 7px;
}

.tooltip-row .row .col-md-4:first-child {
    padding-left: 0px !important;
}

.minwidth-check-delete {
    min-width: 60px;
}

.combobox-pagination-padding .dxpLite .dxp-num,
.combobox-pagination-padding .dxpLite .dxp-ellip {
    margin-left: 0px;
    padding: 3px 3px 2px;
}

.combobox-pagination-padding .dxpcDropDown.dxpclW.dxpc-ddSys {
    min-width: 515px;
}

.dxpcDropDown,
.dxeDropDownWindow,
.dxgvControl,
.dxgvDisabled,
.dxpLite {
    font: inherit;
}

#GridLookup_DDD_gv {
    width: 100%;
}

#gvLookupTemp_DDD_gv {
    width: 100%;
}

.ExeGrid tr .exe-matrix {
    border: 1px solid #ccc;
    padding: 2px !important;
}

.menu-div-part h4 {
    float: left;
    width: 100%;
}

.common-Grid .dxgvPagerBottomPanel .dxpLite {
    float: right !important;
    padding-top: 8px;
}

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxp-num.dxp-current,
    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxp-num:hover {
        border-color: rgb(87, 140, 75) !important;
        background-color: transparent !important;
        color: rgb(87, 140, 75) !important;
        border: 1px solid;
        text-decoration: none;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxp-num,
    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxp-num.dxp-current {
        padding: 1px 6px !important;
        line-height: 1.1rem;
        margin-left: 3px;
        margin-right: 3px;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxp-num {
        text-decoration: none;
        border: 1px solid transparent;
        color: #343D47 !important;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pPrevDisabled {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5186px right -11px !important;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pPrev {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5151px right -11px !important;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pNext {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5081px right -11px !important;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pNextDisabled {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5117px right -11px !important;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pPrev:hover,
    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pNext:hover {
        cursor: pointer;
    }

    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pPrevDisabled:hover,
    .common-Grid .dxgvPagerBottomPanel .dxpLite .dxWeb_pNextDisabled:hover {
        cursor: not-allowed;
    }

.dxWeb_edtCheckBoxUnchecked {
    content: "";
    display: inline-block;
    margin: -1px;
    padding: 0px;
    width: 17px;
    height: 17px;
    background-image: url(../Images/checks.png);
    background-repeat: no-repeat;
    background-position: -4px -53px;
}

.dxWeb_edtCheckBoxChecked {
    background: url(../Images/checks.png) no-repeat -4px -78px;
    content: "";
    display: inline-block;
    margin: -1px;
    padding: 0px;
    width: 17px;
    height: 17px;
}

    .dxWeb_edtCheckBoxChecked:hover,
    .dxWeb_edtCheckBoxUnchecked:hover {
        cursor: pointer;
    }

.custom-pager .dxpLite {
    float: right !important;
    padding-top: 8px;
}

    .custom-pager .dxpLite .dxp-num.dxp-current,
    .custom-pager .dxpLite .dxp-num:hover {
        border-color: rgb(87, 140, 75) !important;
        background-color: transparent !important;
        color: rgb(87, 140, 75) !important;
        border: 1px solid;
        text-decoration: none;
    }

    .custom-pager .dxpLite .dxp-num,
    .custom-pager .dxpLite .dxp-num.dxp-current {
        padding: 1px 6px !important;
        line-height: 1.1rem;
        margin-left: 3px;
        margin-right: 3px;
    }

    .custom-pager .dxpLite .dxp-num {
        text-decoration: none;
        border: 1px solid transparent;
        color: #343D47 !important;
    }

    .custom-pager .dxpLite .dxWeb_pPrevDisabled {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5186px right -11px !important;
    }

    .custom-pager .dxpLite .dxWeb_pPrev {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5151px right -11px !important;
    }

    .custom-pager .dxpLite .dxWeb_pNext {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5081px right -11px !important;
    }

    .custom-pager .dxpLite .dxWeb_pNextDisabled {
        background: url(../images/color-icons.png) no-repeat;
        background-position: top -5117px right -11px !important;
    }

    .custom-pager .dxpLite .dxWeb_pPrev:hover,
    .custom-pager .dxpLite .dxWeb_pNext:hover {
        cursor: pointer;
    }

    .custom-pager .dxpLite .dxWeb_pPrevDisabled:hover,
    .custom-pager .dxpLite .dxWeb_pNextDisabled:hover {
        cursor: not-allowed;
    }

#FpExcel_hct td {
    background-image: none !important;
    background-color: #F1F2F7 !important;
}

.styled-select {
    padding-right: 20px !important;
}

.chk-aln input[type=checkbox] {
    margin-right: 2px;
}

#mpeMessage_backgroundElement {
    opacity: 0.4;
}

.inventoryDetailsIframe {
    border-right: 0px;
    padding-right: -10px;
    border-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: 0px;
    width: 100%;
    padding-top: 0px;
    border-bottom: 0px;
    height: 100%;
    position: relative;
    z-index: 2;
}

.task-search:first-child {
    min-width: 60px;
}

.homePage .ui-grid-icon-search input:focus {
    background: url(../images/color-icons.png) no-repeat;
    background-position: top -2832px right -13px !important;
    background-size: auto;
    width: 100% !important;
    line-height: 25px !important;
    height: 25px !important;
    padding: 0px 15px 0px 2px !important;
    border-radius: 3px !important;
    background-color: #fbfafa;
    box-sizing: border-box !important;
}

.homePage .dxflGroupCell.dialog-lgc {
    background: #fff;
    padding-right: 15px !important;
}

.homePage .custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
}

.homePage .select-selected {
    background-color: DodgerBlue;
}

    .homePage .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .homePage .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.homePage .select-items div,
.homePage .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

.homePage .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.homePage .select-hide {
    display: none;
}

.homePage .select-items div:hover,
.homePage .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.div-parent .row {
    display: flex;
}

.space_3_search .text-search-icon {
    padding: 3px;
}

.treeViewAlign .devExcsstooltip-tooltip-toggle {
    display: inline-block;
}

    .treeViewAlign .devExcsstooltip-tooltip-toggle::before {
        left: 0%;
    }

.workflow-tr .Group-plus,
.workflow-tr .Group-minus {
    margin-left: 5px;
    margin-right: 5px;
}

.workflow-tr .searchIconInputWF .glyphicon-search.form-control-feedback:before {
    right: 4px;
}

.searchIconInputWF .search-box {
    margin-top: 0px;
    top: 2px;
}

.tr-header .AAA {
    top: 0px !important;
    margin-right: 5px !important;
}

.text-color-black {
    color: #333;
}

.table-bordered > tbody > tr > td.green-border {
    border-color: #008000 !important;
}

.table-bordered > tbody > tr > td.red-border,
.table-bordered > tbody > tr:last-child > td.red-border {
    border-color: #ff0000 !important;
}

.tab-content-part {
    border: 1px solid #333 !important;
    margin-top: -6px;
    padding-top: 8px;
    border-top: 0 !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-spacer,
.dxtcLite > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-sbWrapper,
.dxtcLite > .dxtc-stripContainer .dxtc-sbIndent,
.dxtcLite > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: 1px solid #333 !important;
}

.dxtc-sbWrapper {
    padding-left: 13px !important;
}

.dxtcLite > .dxtc-stripContainer .dxtc-sbIndent {
    display: none;
}

.RptExportIcons {
    border-bottom: 1px solid #333;
    margin-left: 0px;
    position: relative;
    bottom: 1px;
}

.top-search-elog .text-search-icon {
    top: 4px;
}

.modalPopupInner i.fa-times-circle {
    background-color: #446995;
    padding: 2px;
    width: 23px;
    height: 23px;
    text-align: center;
    top: 28px;
}

#secondpartiframe {
    height: 500px;
}

.autotableheight {
    min-height: 500px;
}

.infoIconSep {
    background-position: -9px -3996px;
}

.devEx-primary-link .link-primary-action {
    background-color: transparent;
    padding: 0px 15px 0 0;
    color: rgb(21, 106, 161) !important;
    text-decoration: underline !important;
    font-style: normal;
    border: 0;
    font-weight: normal;
    display: inline-block;
    margin-top: 2px;
}

.link-primary-action:hover {
    text-decoration: none;
    cursor: pointer;
}

.nested_table_height table,
.nested_table_height table tbody,
.nested_table_height table table,
.nested_table_height table table tbody,
.nested_table_height table td,
nested_table_height table tr,
.nested_table_height table table td,
.nested_table_height table table tr {
    height: 100%;
}

.tblUtcTimezoneContent_adt,
tblUtcTimezoneContent_adt .tblUtcTimezoneHeader {
    border: none !important;
    border-bottom: none !important;
    table-layout: initial;
    width: 100%;
    height: 100%;
}

    .tblUtcTimezoneContent_adt td:last-child,
    tblUtcTimezoneContent_adt .tblUtcTimezoneHeader td:last-child {
        border-right: none !important;
    }

    .tblUtcTimezoneContent_adt tr td {
        border: none !important;
        border-bottom: none !important;
        border-right: 1px solid #e9e9e9 !important;
    }

        .tblUtcTimezoneContent_adt tr td .tblUtcTimezoneHeader tr:first-child td:first-child {
            border-top: 0px solid #b0b5bb !important;
        }

        .tblUtcTimezoneContent_adt tr td .tblUtcTimezoneHeader tr td {
            border: none !important;
            border-bottom: none !important;
            border-right: 1px solid #b0b5bb !important;
            border-top: 1px solid #b0b5bb !important;
        }

.nested_table_height .tblUtcTimezoneRptHeader_adt {
    height: auto;
    table-layout: fixed;
}

.remove-whitespace .select2-selection__rendered {
    white-space: initial !important;
}

.remove-whitespace .select2-container .select2-selection--single {
    overflow: hidden;
}

#dynamicHeight,
.treeDynamicHeight {
    min-height: 450px !important;
}

.calendar-block input[type="text"]:disabled {
    height: 100% !important;
}

.ref_left_pane .dxsplLCC {
    height: auto !important;
    min-width: 340px !important;
}

.library-treeview .treeview td.selectednodeStyle {
    background-color: #ccc !important;
}

.log-label-min-width td {
    min-width: 120px;
}

.log-label-min-width-sec td {
    min-width: 150px;
}

#workflowDiagramModal .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 365px;
    padding-right: 258px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: transparent;
}

#workflowDiagramModal .modal-content01 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: fit-content;
}

#workflowDiagramModal .close {
    color: rgb(21, 106, 161);
    float: right;
    font-size: 28px;
    font-weight: bold;
    opacity: 1;
}

    #workflowDiagramModal .close:hover,
    #workflowDiagramModal .close:focus {
        color: rgb(21, 106, 161);
        text-decoration: none;
        cursor: pointer;
        opacity: 1;
    }

.auditTrailCompareChecklist ol.radioBtnStyle.mandatory {
    height: auto;
}

.force-overflowtab {
    min-height: 350px;
    margin-top: 25px;
}

    .force-overflowtab .row {
        margin: 2px 0px;
        clear: both;
    }

.ajax-primary-tab .Tab .ajax__tab_header .ajax__tab_inner .ajax__tab_tab span {
    font-weight: bold;
}

.ExeGrid .exeGridSelectbox .dxpcDropDown {
    left: auto !important;
    width: auto !important;
    display: inline-block !important;
    width: auto !important;
}

.ExeGrid .exeGridSelectbox .dxpc-contentWrapper {
    display: block !important;
    position: relative !important;
}

.ExeGrid .exeGridSelectbox .dxpc-content {
    display: block !important;
}

.ExeGrid .exeGridSelectbox .dxeListBox {
    height: auto !important;
    display: block !important;
    height: fit-content !important;
}

.ExeGrid .exeGridSelectbox .dxpc-content tbody,
.ExeGrid .exeGridSelectbox .dxpc-content tbody tr,
.ExeGrid .exeGridSelectbox .dxpc-content tbody td {
    display: inline-block;
    width: 100%;
}

.ExeGrid .exeGridSelectbox .dxeListBox div.dxlbd {
    max-width: 100% !important;
    display: block !important;
}

.lmMgrDateSearch .calendar-block {
    width: 50% !important;
    max-width: 200px;
    min-width: 200px;
    float: right;
    margin-top: 5px !important;
}

.lmMgrDateSearch {
    float: left;
    width: 100%;
}

    .lmMgrDateSearch #btnSearch {
        float: right;
    }

.ddlHeight {
    line-height: initial;
}

.tdSearchTypes-width .select2-container {
    width: 100% !important;
}

.multiselect-container-height .multiselect-container {
    height: 160px;
    overflow-y: auto;
}

.label-mandatory-logCheckbox {
    background: #ff0000;
    width: 2px;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.log-checkbox-align {
    float: left;
    padding-top: 2px;
}

.eye-icon-aln .viewIconSep {
    display: table-cell;
}

.ccrRadioBtnStyle .Moderate_Yellow[disabled] label:hover, .ccrRadioBtnStyle .Major_Red[disabled] label:hover, .ccrRadioBtnStyle .Minor_Green[disabled] label:hover {
    cursor: not-allowed;
}

#FpExcel_viewport, #FpExcel_cht {
    width: 100% !important;
}

.radioBtnStyleTable table tr:first-child td label {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.radioBtnStyleTable table tr:last-child td label {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.radioBtnStyleTable table tr td input:checked + label {
    background-color: #347f3a;
    color: #fff;
}

.radioBtnStyleTable table tr td label {
    border: 1px solid #b0b5bb;
    padding: 0 8px;
    line-height: 20px !important;
}

    .radioBtnStyleTable table tr td label:hover {
        cursor: pointer;
    }

.radioBtnStyleTable table tr td input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.Invent_rep_top_inputs .tooltip.left {
    z-index: 9999999;
}

.exe-matrix .timepicker {
    min-width: 80px;
}

.Timearrow .dxeButton.dxeButtonEditButton.dxeSpinDecButton, .Timearrow .dxeButton.dxeButtonEditButton.dxeSpinIncButton {
    top: 0px !important;
}

.Timearrow .dxeButton.dxeButtonEditButton.dxeSpinDecButton {
    transform: rotate(0deg);
}

.Timearrow .dxeButton.dxeButtonEditButton.dxeSpinIncButton {
    transform: rotate(-180deg);
}

.calendar-test input, .Timearrow input {
    height: 22px;
}

#trAuditTrial {
    margin-bottom: 10px;
}

.Log_Entity_lookUp .dxgvControl {
    background-color: transparent;
    width: 100%;
}

.disabledcal, body.dxhePreviewArea {
    background-color: #eee !important;
}

    .disabledcal:hover, body.dxhePreviewArea:hover {
        cursor: not-allowed;
    }

@supports (-ms-ime-align: auto) {

    .menu_back {
        position: fixed;
        bottom: 60px;
        text-align: right;
        width: 25px;
        padding: 0 0px;
        cursor: pointer;
        left: 230px;
        color: #003456;
        font-size: 20px;
        height: 25px;
        float: right;
        opacity: 1;
    }

    .menu_back_holder i {
        position: fixed;
        left: 230px;
        bottom: 0px;
    }

    .menu_back_holder {
        position: fixed;
        left: 230px;
        bottom: 60px;
    }
}

dxWeb_pNextParent img, .dxWeb_pLastParent img, .dxWeb_pPrevParent img, .dxWeb_pFirstParent img, .dxWeb_pNextDisabledParent img, .dxWeb_pLastDisabledParent img, .dxWeb_pPrevDisabledParent img, .dxWeb_pFirstDisabledParent img {
    display: none;
}

.dxWeb_pNextParent, .dxWeb_pNextDisabledParent {
    height: 20px;
    width: 18px;
    border: 1px solid transparent;
    background-image: url(../Images/ExeMediaToolBar/next.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.dxWeb_pLastParent, .dxWeb_pLastDisabledParent {
    height: 20px;
    width: 18px;
    border: 1px solid transparent;
    background-image: url(../Images/ExeMediaToolBar/last.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.dxWeb_pPrevParent, .dxWeb_pPrevDisabledParent {
    height: 20px;
    width: 18px;
    border: 1px solid transparent;
    background-image: url(../Images/ExeMediaToolBar/prev.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.dxWeb_pFirstParent, .dxWeb_pFirstDisabledParent {
    height: 20px;
    width: 18px;
    border: 1px solid transparent;
    background-image: url(../Images/ExeMediaToolBar/first.png);
    background-size: contain;
    background-repeat: no-repeat;
}

    .dxWeb_pNextParent:hover, .dxWeb_pLastParent:hover, .dxWeb_pPrevParent:hover, .dxWeb_pFirstParent:hover {
        border-color: rgb(87, 140, 75) !important;
    }

.dxWeb_pNextDisabledParent, .dxWeb_pLastDisabledParent, .dxWeb_pPrevDisabledParent, .dxWeb_pFirstDisabledParent {
    opacity: 0.3;
}

    .dxWeb_pNextDisabledParent:hover, .dxWeb_pLastDisabledParent:hover, .dxWeb_pPrevDisabledParent:hover, .dxWeb_pFirstDisabledParent:hover {
        cursor: not-allowed;
    }

.cal-des-ie .calendar-block:before {
    top: 5px;
    position: absolute;
    right: 18px;
}

.inventorytree.log-inven-rep-iframe iframe {
    z-index: initial !important;
}

.row-equal-height {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    width: 100%;
}

    .row-equal-height::before {
        content: '' !important;
        display: block !important;
        clear: both !important;
    }

    .row-equal-height .dynamicform.checkbox-list {
        height: auto;
        max-height: 200px;
    }

        .row-equal-height .dynamicform.checkbox-list .checkbox-group {
            padding: 0px 5px;
        }

    .row-equal-height .checkbox-list-label-height {
        max-height: 200px !important;
        overflow-y: auto;
        min-height: auto !important;
    }

    .row-equal-height .dynamicform.checkbox-list {
        -ms-overflow-style: scrollbar;
    }


.selected_options_hover {
    padding: 0px 0px 0px 5px;
    height: 85px;
    overflow: auto;
    border: 1px solid lightgray;
    margin-bottom: 0px;
    border-radius: 4px;
}

    .selected_options_hover li {
        float: left;
        padding: 0px 10px 0px 0px;
        margin-right: 10px;
    }

        .selected_options_hover li:after {
            content: "";
            height: 15px;
            width: 1px;
            float: right;
            display: block;
            background-color: lightgray;
            position: relative;
            left: 10px;
            top: 6px;
        }

        .selected_options_hover li:last-child:after {
            display: none;
        }

.dropdown-width-60 .select2-container {
    width: 60% !important;
    margin-left: 10px;
}

.RTMthermaltooltip {
    background: #fff;
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #c7e0ff;
    z-index: 999999;
}

    .RTMthermaltooltip::before {
        content: "";
        display: inline-block;
        width: 0px;
        height: 0px;
        border-bottom: 7px solid transparent;
        border-right: 13px solid #c7e0ff;
        border-left: 7px solid transparent;
        border-top: 7px solid transparent;
        position: absolute;
        left: -21px;
        top: 11px;
    }

.RTMthermaltooltip-inner {
    color: #000;
    font-weight: normal;
    background: #c7e0ff;
    padding: 3px;
    border-radius: 4px;
}

.report-excel-icon {
    float: left;
    margin-left: 20px;
    margin-top: 9px;
}

    .report-excel-icon img {
        width: 15px;
        height: 15px;
    }

.prerequisite td.done:first-child {
    margin-left: 5px;
}

#dvLHS .right-arrow-doc {
    min-width: 200px;
}

.dx-seclink span {
    color: #347f3a !important;
    text-decoration: underline !important;
}

    .dx-seclink span:hover {
        text-decoration: none !important;
    }

.Loading-hover {
    z-index: 100002 !important;
}

.bg-overlay-hover {
    z-index: 100001 !important;
}

.table-layout-auto {
    table-layout: auto;
}

.collapsePrintIcon {
    position: absolute;
    right: 35px;
    top: 1px;
}

.vertical-scroll {
    overflow-y: auto;
    overflow-x: hidden;
}

.vm-form-fields-layer.semi-bg {
    background-color: rgba(000,000,000,0.5);
}

.select2-container--open .select2-dropdown--above {
    z-index: 10000 !important;
}

.iframe-main-content.zoomin {
    position: fixed;
    margin-top: 0px !important;
    border-radius: 0px !important;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999999;
}

.main-content-iframe.zoomin {
    z-index: 9999999 !important;
}

.Editor-para, .Editor-Font, .Editor-Size, .Editor-Color {
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: center;
    color: transparent;
}

    .Editor-para option, .Editor-Font option, .Editor-Size option, .Editor-Color option {
        color: #333333 !important;
    }

.Editor-para {
    background-image: url('../Images/ExeMediaToolBar/paragraph.png');
}

.Editor-Font {
    background-image: url('../Images/ExeMediaToolBar/font.png');
}

.Editor-Size {
    background-image: url('../Images/ExeMediaToolBar/size.png');
}

.Editor-Color {
    background-image: url('../Images/ExeMediaToolBar/color.png');
}
/*#WebSplitter1_dvHtmlContentchild ul li{
     list-style: disc;
}
#WebSplitter1_dvHtmlContentchild ol li{
    list-style:decimal;
}*/

.fixed-headertr {
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #a6cbe5 !important;
    border-bottom: 1px solid #e9e9e9;
    border-collapse: collapse;
    font-weight: bold;
    color: #111111;
    text-align: left;
    background-color: #ccd9ea !important;
}

    .fixed-headertr td {
        border: 1px solid #b0b5bb !important;
        font-size: 0.875rem;
        font-weight: bold;
        background-color: #ccd9ea !important;
        position: sticky;
        top: -1px;
        box-shadow: rgb(176, 181, 187) 0px 0px 0px 0px, rgb(176, 181, 187) 0px 1px 0px 0;
    }

        .fixed-headertr td table td {
            top: 33px;
        }

.ReportbgColor table tbody tr td {
    border: 1px solid #b0b5bb;
    font-size: 0.875rem;
    font-weight: bold;
    background-color: #ccd9ea !important;
}

.fixed-headertr .ReportbgColor {
    position: sticky;
    top: 29px; /*US-244_FR13.20_REP_-1.64_In Adhoc audit trail report for decision tree,Column headers are hiding the generated report in preview screen */
    /*box-shadow: rgb(176, 181, 187) 0px -1px 0px 0px, rgb(176, 181, 187) 0px 1px 0px 0;*/
}

.adhoc-scroll table tr td.ReportbgColor {
    border-left: none !important;
    border-right: 1px solid #b0b5bb;
    border-top: none !important;
    border-bottom: none !important;
}

.adhoc-scroll table tr td, .ReportTableBdr tr td {
    border: 1px solid #b0b5bb !important;
}

.adhoc-scroll table tr.fixed-headertr td {
    border-left: 1px solid #b0b5bb;
    border-right: 1px solid #b0b5bb;
    border-top: 0px;
    border-bottom: 0px;
}

.TDH {
    border-bottom: 1px solid #b0b5bb !important;
}

.adhoc-scroll-holder {
    border-top: 1px solid #b0b5bb;
}

.adhoc-scroll table tr.fixed-headertr td.ReportbgColor table td {
    box-shadow: none !important;
}

.fixed-headertr1 {
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
    width: 100%;
    background: #cfe8fa url(../App_Themes/VGBlue/images/grid-bg/blue-bg.png) repeat-x;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #a6cbe5 !important;
    border-bottom: 1px solid #e9e9e9;
    border-collapse: collapse;
    font-weight: bold;
    color: #111111;
    text-align: left;
}

.bg-no-repeat .dxeButtonEditButton {
    background-repeat: no-repeat !important;
}

.report-excel-icon:hover {
    cursor: pointer;
}

.filterBoxContent {
    background-color: #ffffff;
    height: auto;
    position: absolute;
    right: 46px;
    top: 30px;
    width: 350px;
    border: 1px solid rgba(204, 204, 204, 0.2);
    box-shadow: 1px 1px 6px #cacaca;
    padding: 15px 0px 15px 15px;
}

    .filterBoxContent:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid #e1e1e1;
        border-left: 20px solid transparent;
        position: absolute;
        top: -14px;
        right: 11px;
        transform: rotate(-135deg);
    }

.filterBoxClose {
    height: 20px;
    width: 20px;
    background-image: url(../Images/ExeMediaToolBar/close1.png);
    margin-top: 5px !important;
    margin-bottom: -5px;
    background-size: 83%;
    border: 2px solid #676767;
    border-radius: 50%;
    background-position: 2px center;
    margin-left: 10px;
}

.invRepfilter {
    height: 15px;
    width: 15px;
    background-image: url(../Images/color-icons.png);
    background-position: -11px -818px;
    background-size: initial;
    margin-right: 5px;
    margin-top: 3px;
    position: absolute;
    right: 50px;
}

    .invRepfilter:hover, .filterBoxClose:hover {
        cursor: pointer;
    }

.filterBoxContent span.select2-container--default.select2-container--below, .filterBoxContent .label-output span.selection, .filterBoxContent span.select2-container--default {
    width: 100% !important;
    max-height: 26px;
    font-weight: normal;
    padding-right: 0;
    margin-top: 0;
}

.filterBoxContent span {
    padding-right: 0px;
    margin-top: initial;
}

.inventory-search .searchtext-clearicon {
    right: 60px;
}

.search-box.inventory-search input[type="text"] {
    padding-right: 70px !important;
    font-weight: normal;
}

.trash_icon .dxbButtonSys.dxbButton.btnAddEvidence, .trash_icon .dxbButtonSys.dxbButton.btnAddEvidenceRemove {
    background-image: none !important;
}

.evidenceminwidth {
    min-width: 200px !important;
}

.lookup-max-height .dxpc-mainDiv.dxpc-shadow {
    max-height: 285px;
    overflow-y: auto;
}

.radioBtnStyle li td {
    padding: 0px !important;
}

    .radioBtnStyle li td:last-child label {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .radioBtnStyle li td:first-child label {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }


/*new code using calender design*/
.date-block .calendar-block.disable {
    background-color: #eeeeee !important;
}

.profile-view span {
    line-height: initial;
}

}

.splitter-title-con .page-title {
    position: relative !important;
    top: 0px;
}

.splitter-title-con .splitter-cont {
    position: relative;
}

#WebSplitter1_dvHtmlContentchild ol[type="1"] li {
    list-style-type: decimal;
}

#WebSplitter1_dvHtmlContentchild ol li {
    list-style-type: decimal;
}

#WebSplitter1_dvHtmlContentchild ul[type="disc"] li {
    list-style-type: disc;
}

#WebSplitter1_dvHtmlContentchild ul[type="circle"] li {
    list-style-type: circle;
}

#WebSplitter1_dvHtmlContentchild ul[type="square"] li {
    list-style-type: square;
}

#WebSplitter1_dvHtmlContentchild ul li {
    list-style-type: disc;
}

.infoIconSep1 {
    background-position: -9px -4002px;
}

#liDevGridView ul[type="disc"] li {
    list-style-type: disc;
}

#liDevGridView ul[type="circle"] li {
    list-style-type: circle;
}

#liDevGridView ul[type="square"] li {
    list-style-type: square;
}

#liDevGridView ul li {
    list-style: disc;
}

#liDevGridView ol li {
    list-style: decimal;
}

#pnltrDependenciesdeffer ul[type="disc"] li {
    list-style-type: disc;
}

#pnltrDependenciesdeffer ul[type="circle"] li {
    list-style-type: circle;
}

#pnltrDependenciesdeffer ul[type="square"] li {
    list-style-type: square;
}

#pnltrDependenciesdeffer ul li {
    list-style: disc;
}

#pnltrDependenciesdeffer ol li {
    list-style: decimal;
}

#tblGrid ul[type="disc"] li {
    list-style-type: disc;
}

#tblGrid ul[type="circle"] li {
    list-style-type: circle;
}

#tblGrid ul[type="square"] li {
    list-style-type: square;
}

#tblGrid ul li {
    list-style: disc;
}

#tblGrid ol li {
    list-style: decimal;
}

.tableTypeGrid table tr.dxgvDataRow td:nth-child(2) {
    text-align: center !important;
}


.imbtnClosemap {
    float: right;
    position: relative;
    top: 11px;
    right: -8px;
    width: 22px;
    height: 22px;
    border-style: none;
    border: none;
    cursor: pointer;
    background: url(../images/popup/close-btn.png) no-repeat;
    background-size: 100% 100%;
}

.esignPopupBody .select2-container.select2-container--default.select2-container--open {
    z-index: 1000000 !important;
}

.location_icon {
    border-width: 0px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

.enitiy_view_print {
    background: url(../Images/print_20.png) no-repeat;
    display: inline-block;
    width: 18px;
    border: 0;
    height: 18px;
    background-size: contain;
    margin-right: 5px;
}

.maximize-part.Lmmgschedule {
    height: max-content !important;
}

.centerCheckbox span.checkbox {
    padding-left: 0px;
    text-align: center;
}

    .centerCheckbox span.checkbox input {
        margin: 0 auto;
        float: none;
    }

.imagesvg {
    width: 27px;
    height: 27px;
    background-image: url(../Images/camera.png);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 10px;
    margin-top: 5px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

    .imagesvg:hover {
        cursor: pointer;
    }

.editsvg {
    width: 30px;
    height: 30px;
    background-image: url(../Images/edit_icon.svg);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 5px;
    margin-top: -1px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: -5px;
}

.docsvg {
    width: 23px;
    height: 23px;
    background-image: url(../Images/attachment.png);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 5px;
    margin-top: 4px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
    cursor: pointer;
}

    .docsvg:hover {
        cursor: pointer;
    }

.top_3:before {
    top: 3px !important;
}

.action-cell {
    min-width: 115px;
}

    .action-cell input:nth-child(2)::after {
        border-left: 1px solid lightgray;
    }

.dxeBase, .dxgvControl, .dxgvDisabled, .dxbButton {
    font: inherit !important;
}

.date-db input[type=text] {
    outline: 0;
}

#gridData .searchtext-clearicon-Dx {
    display: none;
}

#gridData .dxeEditArea.dxeEditAreaSys {
    width: 100%;
}

.log-toolbar-icons a::after {
    content: '';
    height: 29px;
    width: 1px;
    background-color: #b5b3b3;
    float: left;
    display: inline;
    position: relative;
    right: 10px;
    bottom: 4px;
}

.log-toolbar-icons a:last-child::after {
    display: none;
}

.action-cell .secondary-link {
    border-left: 1px solid #347f3a;
    line-height: 15px;
}

    .action-cell .secondary-link:first-child {
        border-left: 0px;
    }

.Eq-tab .dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab .dxtc-link span {
    z-index: 2 !important;
}

.searchMastertext table td {
    white-space: nowrap;
}

.search-box.advanced-searchbox input[type="text"] {
    padding-right: 50px !important;
}

li.projectLi a span.sidebarProjectIcon, .sidebarProjectIcon{
    display: block;
    width: 28px !important;
    height: 28px;
    background: url(../images/projectIcon.png) no-repeat center center;
    float: none !important;
    margin: 0 auto;
    background-size: contain;
}

li.projectLi a:hover span.sidebarProjectIcon, li.projectLi a:focus span.sidebarProjectIcon, li.projectLi a.active span.sidebarProjectIcon, li.projectLi.selected span.sidebarProjectIcon {
        background: url(../images/projectIconHover.png) no-repeat center center;
    background-size: contain;
}

li.designmanagerLi a span.sidebarProjectIcon, .sidebarDesignIcon {
    display: block;
    width: 28px !important;
    height: 28px;
    background: url(../images/DesignMgr.png) no-repeat center center;
    float: none !important;
    margin: 0 auto;
    background-size: contain;
}

li.designmanagerLi a:hover span.sidebarDesignIcon, li.designmanagerLi a:focus span.sidebarDesignIcon, li.designmanagerLi a.active span.sidebarDesignIcon, li.designmanagerLi.selected span.sidebarDesignIcon {
    background: url(../images/DesignMgr_hover.png) no-repeat center center;
    /*background: url(../images/projectIcon.png) no-repeat center center;*/
    background-size: contain;
}
.clsGreyOut {
    background-color: rgba(211, 211, 211, 0.5);
}


.dropdown-width-90 .select2.select2-container.select2-container--default {
    width: 90% !important;
}

.clsTextArea {
    width: 100% !important;
    resize: none;
}

.inventory-treeview input[type="button"]:focus,
.calendar-block input[type="text"]:focus {
    outline: 0 !important;
}

.clsobj1, .clsobj8, .clsobj11 {
    min-width: 120px;
    max-width: 500px;
    white-space: normal;
}

.clsobj7, .clsobj4, .clsobj14, .clsobj19, .clsobj23, .clsobj24 {
    min-width: 80px;
    white-space: normal;
}

.clsobj5 {
    min-width: 80px;
    max-width: 80px;
    white-space: normal;
}

.clsobj2 {
    min-width: 300px;
    max-width: 600px;
    white-space: normal;
}

.table-sep-line .table-mid-bor-hightlight .bor-rig-2-black {
    border-right: 2px solid #000 !important;
}

a.btn-pad-new {
    padding: 0.35rem 1.5rem;
}

.Log_Entity_lookUp .grid-combobox .dxeEditArea.dxeEditAreaSys {
    width: 100%;
}

.Log_Entity_lookUp .grid-combobox .dxgvSelectedRow {
    color: initial;
}
/*.log-label-min-width-sec .select2-container{
max-width: 250px;
}*/
.log-label-min-width-sec table {
    table-layout: fixed;
}

.mandatory.output-left.clsDateMandate {
    width: 90% !important;
}

.dxheDesignViewArea.dxheViewArea.dxhe-docTypeXHTML ul li {
    list-style: circle !important;
}

.dxheDesignViewArea.dxheViewArea.dxhe-docTypeXHTML ol li {
    list-style: decimal !important;
}

body.dxheDesignViewArea{
    overflow-x:auto;
}

.hov-cur-pointer:hover {
    cursor: pointer !important;
}

.dxhe-insertLinkDialog .dxeBase.dxeTAR .dxICheckBox {
    display: none;
}

.tooltip_text_alter .tooltip {
    font-size: 13px;
    font-weight: normal;
    min-width: 150px;
}

option {
    white-space: pre-line;
}

.fire-child-left > div {
    float: left;
}

.txtEntity_approveTask {
    float: left;
}

.exe-right-checkbox {
    float: right;
    margin-left: 5px;
    position: relative;
    top: 3px;
}

.ms-icon {
    display: inline-block;
    width: 19px;
    border: 0;
    height: 19px;
    margin-left: 5px;
    background-size: contain;
}

    .ms-icon.ms-excel-icon {
        background: url(../Images/ms_excel_icon.png) no-repeat;
    }

    .ms-icon.ms-word-icon {
        background: url(../Images/ms_word_icon.png) no-repeat;
    }
    .ms-icon.ms-word {
        background: url(../Images/treeview/file.png) no-repeat;
    }

    .ms-icon.ms-pdf-icon {
        background: url(../Images/pdf_icon.png) no-repeat;
    }

.reportinnerTable [title], .reportinnerTable sup {
    position: initial !important;
}

.print_font .tooltip, .print-icon .tooltip {
    font-size: 14px !important;
    font-weight: normal !important;
}

.minWidthDate table.calendar-block {
    min-width: 125px !important;
}

.date-db1 .minWidthDate input[type="text"]:disabled {
    margin-top: -1px !important;
}

.file-browse-space .dxucBrowseButton {
    padding: 10px 5px !important;
}

.dash-drag-help-info {
    float: right;
    font-size: 70%;
}

    .dash-drag-help-info span.red {
        color: red;
    }

.leftGridIcon:before {
    top: 4px;
}

.ssogrid table {
    border: 0px solid transparent !important;
}

.red-info {
    font-size: 17px !important;
    margin-left: 5px;
    color: red;
}

.blue-info {
    font-size: 17px !important;
    margin-left: 5px;
    color: #156aa1;
}

.dxflGroupCell.dialog-lgc {
    background: #fff;
    padding-right: 15px !important;
}

.label-input .center-block {
    text-align: center !important;
}

.div-fields {
    background-color: #156aa1 !important;
}

.text_icon_image {
    display: inline-block;
    background: url(../images/text-color-icon.jpg) no-repeat 0px 4px;
    width: 19px;
    height: 25px;
    top: 1px;
}

.text_icon_image_bgcolor {
    display: inline-block;
    background: url(../images/text-bgcolor-icon.jpg) no-repeat 0px 4px;
    width: 19px;
    height: 25px;
    top: 1px;
}

.mmEditIcon {
    background-image: url(../Images/edit.svg);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-size: contain;
    display: inline-block;
    width: 15px;
    border: 0;
    height: 15px;
    float: right;
    margin-top: 3px;
}

.mmHelpIcon {
    background-image: url(../Images/help.svg);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-size: contain;
    display: inline-block;
    width: 14px;
    border: 0;
    height: 14px;
    float: right;
    margin-top: 6px;
}

.AuditIcon {
    width: 24px;
    height: 24px;
    background-image: url(../Images/audit_trail_icon.png);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 0px;
    margin-top: 5px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

.div-parent.VersionCmp {
    background-color: transparent !important;
    width: 100% !important;
}

#divVersionCompare .right-space-0 {
    padding-right: 0px !important;
}

.AuditIcon {
    width: 26px;
    height: 26px;
    background-image: url(../Images/audittrail.svg);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 0px;
    margin-top: 2px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

.referenceLogIcon {
    width: 26px;
    height: 26px;
    background-image: url(../Images/reference.svg);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 0px;
    margin-top: 2px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

td.tddefault div, td.tddefault .right-space-0 {
    padding-right: 0px !important;
}

.form-control.dynSelectBoxForm {
    padding: 2px 6px !important;
}

.collapsePanelHeightAuto .header-accordion {
    max-height: initial;
    width: 97%;
}

.collapsePanelHeightAuto .right-arrow-doc span {
    max-width: 98%;
}

.logDataScroll table {
    text-align: left;
    position: relative;
    border-collapse: collapse;
    border-top: 0px !important;
}

    .logDataScroll table thead th {
        position: sticky;
        top: 0;
        border-bottom: none;
        background-color: #F1F2F7;
        box-shadow: 0px 2px 0px rgba(59, 89, 153, 0.32);
    }

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

    .logDataScroll .bg-info.tabcontent {
        border-bottom: 0px !important;
    }

.checkboxflexli li {
    display: flex;
}

.formDate {
    width: 15px;
    height: 15px;
    background-image: url(../Images/Form_Icons/formCalender.svg);
    background-repeat: no-repeat;
    float: left;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    position: absolute;
    left: 70%;
    top: 8px;
    opacity: 0.5;
}

.vconnect-sidebar-icon {
    background: url(../Images/v-connect-icon-white.png) no-repeat left center;
    display: block;
    width: 40px !important;
    height: 30px;
    background-size: contain;
    margin: 0 auto;
    float: none !important;
}


.two-textbox-holder input {
    width: 48%;
    float: left;
}

    .two-textbox-holder input:nth-child(2) {
        width: 48%;
        float: right;
    }

.half-title-holder {
    float: left;
    width: 100%;
    border-top: 1px solid #c5c1c1;
    height: 100%;
}

    .half-title-holder .bor-right-1px {
        border-right: 1px solid #c5c1c1;
    }

.num-form-verify {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.doc-download-icon-holder {
    width: 55px;
}

.docsvg-inside-grid {
    width: 18px;
}

.scanimg {
    width: 18px;
    height: 18px;
    background-image: url(../Images/CaptureScan.png);
    background-repeat: no-repeat;
    float: right;
    background-size: contain;
}

.scanDownload {
    width: 18px;
    height: 18px;
    background-image: url(../Images/Capturedownload.png);
    background-repeat: no-repeat;
    float: right;
    background-size: contain;
}

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

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

.vmFormFieldsFrame-DocFrame {
    width: 100%;
    height: 100%;
    position: fixed;
    top: -3px;
    left: 0px;
    z-index: 10003;
    display: inline;
}

.parser-method-vcon .select2-container {
    width: 100% !important;
}

.par-methodVcon {
    float: left;
    width: 99%;
    position: absolute;
    left: 10px;
}

    .par-methodVcon #dvRHS {
        overflow: unset !important;
        width: 100% !important;
        float: left;
        padding: 5px;
    }

.par-methodVcon-table-holder {
    float: left;
    overflow-y: auto;
    width: 100%;
    height: 63vh;
}

.lmSchRadioBtn {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.minWidthLmSchRadio {
    min-width: 60px;
}

    .minWidthLmSchRadio label {
        width: 100%;
    }

.ddlWeeksOfMonth {
    margin-left: -40px;
}

.txtDayMonthlmsch {
    margin-left: -74px;
}

.listLogIcon {
    width: 26px;
    height: 26px;
    background-image: url(../Images/list-icon.svg);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 0px;
    margin-top: 2px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

.gridLogIcon {
    width: 26px;
    height: 26px;
    background-image: url(../Images/grid-icon.svg);
    background-repeat: no-repeat;
    float: right;
    border: none;
    margin-right: 0px;
    margin-top: 2px;
    background-color: transparent;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
}

.onDemandEntityDxvTableTextLeft .dx-ar > * {
    text-align: left !important;
    float: left;
}

.grdEntityEyeIcon .classDXDataRowBlue a {
    float: none !important;
    position: relative;
    top: 5px;
}

.grdEntityEyeIcon .dxGridView_gvDetailExpandedButton, .grdEntityEyeIcon .dxGridView_gvDetailCollapsedButton {
    position: relative;
    top: 3px;
}

.business-rule-collapse-grid table, .business-rule-collapse-grid table tbody, .business-rule-collapse-grid table tr, .business-rule-collapse-grid table tr td {
    background-color: transparent !important;
    border: none !important;
}

.business-rule-expired-period .select-dropdown-width + .select2-container {
    width: 70% !important;
}

.screen-web-capture {
    max-width: 160px;
    float: none;
    display: block;
    margin: 0 auto;
}

    .screen-web-capture .screenshottool {
        float: left;
        display: block;
        margin-right: 24px;
    }

    .screen-web-capture .webcamtool {
        float: left;
        margin-left: 25px;
        margin-right: 0px;
    }

.lmSchRadioBtn {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.minWidthLmSchRadio {
    min-width: 60px;
}

    .minWidthLmSchRadio label {
        width: 100%;
    }

.ddlWeeksOfMonth {
    margin-left: -40px;
}

.txtDayMonthlmsch {
    margin-left: -74px;
}

.tokenbox {
    border: #ccc solid 1px;
    margin: 0px 6px;
    padding: 0px;
    min-height: 27px;
}

.dxeToken, .dxeTokenText {
    max-width: 100% !important;
    line-height: 18px !important;
}

.dxdd-root {
    z-index: 999999 !important;
}

.form-page-title {
    font-size: 1.072rem;
    color: #156aa1;
    font-weight: bold;
    letter-spacing: 0.7px;
    border-bottom: #ebebeb solid 1px;
    line-height: 30px;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 1px;
    position: fixed !important;
    width: 100%;
    height: 40px;
    z-index: 3;
    background-color: #fff !important;
    top: 0;
}

.d-form {
    float: right;
    margin: 0px 0px 0px 0px;
}

    .d-form .btnn {
        padding: 0px 18px !important;
        box-shadow: 0px 0px 5px rgba(58, 58, 58, 0.4);
        transition: background-color 0.3s ease;
        border-radius: 3px;
        letter-spacing: 1px;
        margin-right: 0;
        margin-left: 5px;
        font-family: inherit;
        margin: 2px 3px !important;
        line-height: 31px;
        font-size: 16px;
        font-weight: normal;
    }


.High {
    background-image: url(../Images/high.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
}

.Medium {
    background-image: url(../Images/medium.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
}

.Low {
    background-image: url(../Images/low.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
}

.NA {
    background-image: url(../Images/Not_Applicable.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 25px;
}

.approvalyes {
    background-image: url(../Images/accept.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin: 5px;
}

.approvalno {
    background-image: url(../Images/rejected.svg);
    background-position: 0px 3px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: block;
    margin: 5px;
}

.searchPart {
    width: 50%;
    float: right;
    padding: 0px 10px;
    margin-top: 13px;
}

.mmsearch {
    float: right;
    position: relative !important;
    margin: 2px 10px 7px;
}

    .mmsearch input[type="text"] {
        width: auto;
        float: left;
        height: 30px !important;
        border-radius: 0px;
    }

    .mmsearch input[type="submit"] {
        width: 26px;
        background-repeat: no-repeat;
        border: none;
        background-position: 4px 6px !important;
        position: absolute !important;
        right: 0px;
        background-color: transparent !important;
        border-radius: 0px !important;
        height: 26px !important;
        background-image: url(../Images/search.svg) !important;
        outline: none;
    }

.filtericon svg {
    width: 17px;
    fill: none;
    cursor: pointer;
    outline: none;
    stroke: #156aa1;
}
/*#updpnlSearch{
    float:right;
}*/
.filter-drop {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 120px;
    border: #ccc solid 1px;
    margin: 0px 0px 0px -100px;
    padding: 0px;
    z-index: 1;
}

    .filter-drop .filter {
        border-radius: 0px;
        padding: 2px 5px;
        float: left;
        border: #ddd solid 1px;
        margin: 0px 0px;
        width: 100%;
    }

.filter:hover, .filter.active, .filter.active a, .filter:hover a {
    background-color: #0676AF;
    color: #fff !important;
    text-decoration: none !important;
}

.filter-drop .filter a {
    text-decoration: none !important;
    width: 100%;
    display: block;
    line-height: 27px;
}

.approvalyes input, approvalno input {
    width: 25px;
    height: 25px;
}

.initiate-link {
    background-image: url(../Images/initiateicon.svg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0px 0px 8px 25px;
    fill: #61B4E3;
    stroke: #61B4E3;
    cursor: pointer;
    background-size: 20px;
}

.scanqr {
    padding: 5px 10px 5px 27px;
    float: right;
    border: #ddd solid 1px;
    border-radius: 3px;
    margin: 2px 10px 5px;
    background-image: url(../Images/ScanQR.svg) !important;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 5px 6px;
}

.show {
    display: block !important;
}

.scanqr {
    margin: 0;
    padding: 0px 10px 4px 30px;
}

a.form_exe_btn {
    text-decoration: none !important;
}

.topbtn-part li {
    font-size: 0.875em;
    line-height: 30px;
    margin: 0px 5px;
}

.topbtn-part li {
    font-size: 0.875em;
    line-height: 30px;
    margin: 0px 6px;
    border: none;
    border-radius: 3px;
    padding: 0px 0px;
    box-shadow: none;
    cursor: pointer;
    /*text-transform: uppercase;*/
    float: left;
    width: auto;
}

    .topbtn-part li label {
        margin: 0px;
        cursor: pointer;
    }

    .topbtn-part li .new-tertiary-btn {
        padding: 0.35rem 1rem;
        /*min-height: auto;
    line-height: 20px; */
        background-color: transparent !important;
        color: #78787d;
        border-radius: 3px;
        /* height: 27px; */
        max-height: initial;
        float: left;
        text-decoration: none;
        border: #868b8e solid 1px;
        box-shadow: 0px 0px 3px rgba(58, 58, 58, 0.4);
        font-size: 0.875rem;
        /*text-transform: uppercase;*/
    }

        .topbtn-part li .new-tertiary-btn:hover, .topbtn-part li .new-tertiary-btn:focus {
            color: #424a4d !important;
            border: 1px solid #424a4d;
            outline: none;
        }


    .topbtn-part li .new-primary-btn {
        padding: 0.35rem 1rem;
        /*min-height: auto;
    line-height: 20px;*/
        background-color: #347f3a !important;
        color: white !important;
        border-radius: 3px;
        /*height: 27px;*/
        max-height: initial;
        float: left;
        text-decoration: none;
        border: #347f3a solid 1px;
        /*box-shadow: #ebebeb 1px 1px 2px;*/
        font-size: 0.875rem;
        /*text-transform: uppercase;*/
    }

        .topbtn-part li .new-primary-btn:hover, .topbtn-part li .new-primary-btn:focus {
            background-color: #69a75a !important;
            border: 1px solid #69a75a;
            outline: none;
        }

    .topbtn-part li .new-secondry-btn {
        padding: 0.35rem 1rem;
        /*min-height: auto;
    line-height: 20px;*/
        background-color: transparent !important;
        color: #347f3a !important;
        border-radius: 3px;
        /*height: 27px;*/
        max-height: initial;
        float: left;
        text-decoration: none;
        border: #347f3a solid 1px;
        /*  box-shadow: #ebebeb 1px 1px 2px;*/
        font-size: 0.875rem;
        /*text-transform: uppercase;*/
    }

        .topbtn-part li .new-secondry-btn:hover, .topbtn-part li .new-secondry-btn:focus {
            background-color: #ebf8f1 !important;
            outline: none;
        }



.viewReportEndtoend {
    display: none;
    width: 800px;
    max-height: 300px;
    z-index: 400001;
    border: 1px solid rgb(21, 106, 161);
    background-color: white;
    top: 50%;
    left: 50%;
    position: fixed;
    margin: -180px 0px 0px -400px;
}

.page-search-holder {
    overflow: hidden;
    font-size: 12px;
    background-color: #e6f5f5;
    margin-top: 5px;
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 2px;
}

.searchIconInputtext.select-req .text-search-icon {
    right: 3px;
}

.force-overflow.viewReportEndtoEndPop {
    float: left;
    width: 100%;
    padding: 15px 30px;
    display: block;
    min-height: 100px !important;
}

.acceptBtnHeight #btnAccept {
    max-height: 38px !important;
}

.filtericon {
    cursor: pointer;
    padding: 5px 0px;
}

.row.pagetitlepart {
    border-bottom: #ebebeb solid 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.pagetitlepart .pagetitle {
    float: left;
    line-height: 30px;
}

.pagetitlepart h1, .pagetitlepart h1 span {
    font-size: 1.15em;
    float: left;
    line-height: 30px;
    margin: 0px;
    padding-right: 6px;
}

.topbtn-part li input[type="submit"].new-primary-btn, .topbtn-part li input[type="submit"].new-secondry-btn, .topbtn-part li input[type="submit"].new-tertiary-btn, .topbtn-part li input[type="button"].new-primary-btn {
    padding: .1rem 1rem !important;
}

.FieldAuditViewIcon {
    background-image: url(../Images/folderadd.svg);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-size: contain;
    display: inline-block;
    width: 15px;
    border: 0;
    height: 15px;
    float: right;
    margin-top: 3px;
}

.FieldEvidenceViewIcon {
    background-image: url(../Images/info.svg);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-size: contain;
    display: inline-block;
    width: 15px;
    border: 0;
    height: 15px;
    float: right;
    margin-top: 3px;
}

.form-page-title span {
    color: #000;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
}

.d-form .site-main-icon {
    margin: 0px 3px;
}

.padding0 {
    padding: 0px;
}

.formexe-min-icon, .formexe-max-icon {
    width: 15px;
    height: 15px;
}

.inventory-report .dxsplVSeparatorButton {
    width: 12px !important;
}

#upload input {
    height: 35px !important;
}

.top-popup {
    z-index: 1000001;
    position: relative;
}

.text-dec-none {
    text-decoration: none !important;
}

.descJustification {
    width: 25px;
    float: left;
    margin: 1px 0px 0px 0px;
}

    .descJustification label {
        position: absolute;
        background-color: white;
        border: #CCC solid 1px;
        padding: 3px;
        border-radius: 3px;
        display: none;
    }

    .descJustification:hover label {
        display: block;
    }

.inventoryRightside .force-overflow {
    margin-top: 0px;
}

.calendar-block {
    width: 160px !important;
    background:#ffffff !important;
}

    .calendar-block.projectdate {
        width: 125px !important;
    }

    .calendar-block input {
        width: 130px !important;
        height:21px !important;
    }
    .disable-date-2 .calendar-block input[type=text]:disabled, .disable-date-2  .calendar-block input[type=text]{
        width: 130px !important;
        height:21px !important;
    }

.splitterRight .table.grid-view-hover td:first-child {
    text-align: center;
    vertical-align: middle;
}

.splitterRightInventory iframe html .force-overflow {
    margin-top: 0px !important;
}

.lrstatus {
    float: left;
    background: #FFD9D9;
    width: 15px;
    height: 15px;
    margin: 3px 10px 0 5px;
}

.login-header {
    z-index: 0 !important;
}

@media (min-width: 768px) and (max-width: 992px) {
    .main-content {
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .main-content {
        padding-left: 10px;
    }
}

.dxeListBox.dxeDisabled td.dxeC > span.dxWeb_edtCheckBoxUnchecked {
    cursor: not-allowed;
}

.dxeListBox td.dxeC > span.dxWeb_edtCheckBoxUnchecked, .grid-combobox span.dxWeb_edtCheckBoxUnchecked {
    cursor: pointer;
}

.divFileFormatshow#divfileFormats {
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(51, 51, 51);
    border-image: none;
    width: 60%;
    z-index: 9999;
    position: fixed;
    /* Bug 67601 IMS-17308_System displays scroll up-down page option when a project task is opened from inventory screen and pop window moves top of the page */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dxTreeList_CollapsedButton {
    background-image: url(../Images/LineImages/Rplus.gif) !important;
    background-position: 0 0 !important;
    width: 15px !important;
    height: 15px !important;
}

.dxTreeList_ExpandedButton {
    background-image: url(../Images/LineImages/minus.gif) !important;
    background-position: 0 0 !important;
    width: 15px !important;
    height: 15px !important;
}

.tmpsitelevel {
    background: transparent;
}
.ExportExcelImg {
    background: transparent;
}

.Tab .ajax__tab_header .ajax__tab_disabled .ajax__tab_inner .ajax__tab_tab span:hover {
    color: #000;
    background-color: rgb(237, 243, 248);
    cursor: not-allowed;
}

    .Tab .ajax__tab_header .ajax__tab_disabled .ajax__tab_inner .ajax__tab_tab span:hover span {
        color: #000;
        background-color: rgb(237, 243, 248);
        cursor: not-allowed;
    }

.lystatus {
    float: left;
    background: yellow;
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 5px;
}

.lgstatus {
    float: left;
    background: green;
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 5px;
}

.lostatus {
    float: left;
    background: orange;
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 5px;
}

.lbstatus {
    float: left;
    background: blue;
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 5px;
}

.ystatus {
    float: left;
    background: yellow;
    width: 5px;
    height: 100%;
}

.gstatus {
    float: left;
    background: green;
    width: 5px;
    height: 100%;
}

.ostatus {
    float: left;
    background: orange;
    width: 5px;
    height: 100%;
}

.bstatus {
    float: left;
    background: blue;
    width: 5px;
    height: 100%;
}

.accordion_icon_entity {
    max-height: 26px;
    padding: 1px 0px;
    color: #474747;
    background: #C6E1FF;
    float: right !important;
    cursor: pointer;
}

progress {
    vertical-align: baseline;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
}

.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}

#pnlstatusPopup .popup-content-inner {
    max-height: 270px;
    overflow-y: auto;
}

.weboffice-TableDocFrame {
    width: 100%;
    height: 91%;
    position: fixed;
    left: 0px;
    z-index: 10000;
    display: inline;
}
#loadinng {
    position: absolute;
    top: 54%;
    left: 40%;
    margin-top: -50px;
    margin-left: -50px;
    width: 430px;
    height: 153px;
    z-index: 1000;
}

.rowNotificationContent{
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}
.rowNotificationContent .exclamation-icon{
    padding-left:50px;
    margin-right: 15px;
    /*padding-left: 65px;
    margin-right: 25px;*/
}
.rowNotificationContent .popup-outer-scroll{
    /*padding-right: 40px;*/
    /*padding-right: 65px;*/
    padding-right:50px;
    width:100%;
}
.rowNotificationContent ol{
    padding-left:0px;
}
.rowNotificationContent ol.number-list{
    padding-left:15px;
}
/* select search drop down */
.select-dd .select2-search__field, .select-dd .select2-search {
    width: 100% !important;
}
.select-dd .select2-selection {
    display: flex;
    padding-bottom: 4px;
}
.select-dd .select2-search__field {
    padding: 0px 1.5rem 0px 0.5rem !important;
}
/* select search drop down */

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
/*select option:checked{
    background-color: transparent !important;
}*/

.app_menu{
  padding-top: 5px;
}
.app_menu i{
    top:4px;
    color:#c7d1d8;
}
.app_menu:hover{
    cursor:pointer;
}
.app_menu:hover i, .app_menu:hover .top-menu-text{
    color:#fff;
}

.app_menu_dropdown {
    position: absolute;
    display: none;
    min-width: 100px;
    max-width: 220px;
    white-space: nowrap;
    list-style: none;
    padding: 0px;
    border: #ccc solid 1px;
    box-shadow: #ccc 1px 1px 1px;
    color: rgb(21, 106, 161);
    z-index: 100;
    background-color: #fff;
    right: 0px;
    margin: 5px 0;
    top: 38px;
    text-align:left;
}
.app_menu_dropdown ul{
    padding:0;
    margin:0;
}
.app_menu_dropdown li {
    border-bottom: rgb(21, 106, 161) solid 1px;
}
.app_menu_dropdown li:last-child{
    border-bottom:none;
}
.app_menu_dropdown li a:hover {
    color: #fff !important;
    background-color: #156aa1 !important;
}
.app_menu_dropdown li a{
    display:block;
    /*padding:10px 0;*/
    padding:5px 10px;
    /*margin:5px 0;*/
    text-overflow: ellipsis;
    overflow: hidden;    
    color: rgb(21, 106, 161) !important;
}
.email_logo_text{
	    border: none;
		float:left;
		width:60%;
	}
.mapstatus{
    float: left;
    width: 15px;
    height: 15px;
    margin: 5px 10px 0 5px;
    border-radius: 10px;
}
.img-fluid{
            max-width: 100%;
            height: 90%;
            display: block;
        }
.row-offcanvas-right.active.imageview {
    right: 0% !important;
    width: 100% !important;
    z-index: 10007;
}
.imageview .sidebar-offcanvas {
    width: 100% !important;
}

.exeActionButton{
    padding: 0.2rem 1rem; 
    font-weight: normal; 
    font-size: 14px; 
    font-family: inherit;
}
.exeActionButtonUl li{
    border-bottom: 1px solid #dee2e6 !important;
}
.exeActionButtonUl li:last-child{
    border-bottom:none !important;
}
.VLMSSlider .page-title .close-icon {
    width: 13px;
}
.title_print_text {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
}

.CCRStatusDiagram > input + div{
    width: 100%;
}

.PreRequsiteContent > div{
    width: 100%;
}

.height-21 {
    height: 21px !important;
}
.disable-date-2 .calendar-block{
    cursor:not-allowed; 
}
.disable-date-2 .calendar-block::before{
    cursor:not-allowed; 
}
.grid-title-ellipsis{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 90%;
}
#EntFields_gvView_ctl02_gvInnerGridView {
    border-collapse: separate;
    border-spacing: 2px;
}

/* Popup Cancel Button center align */
.dxpc-mainDiv .dxpc-footer {
    padding-top: 10px !important;
}

.dxpc-mainDiv .dxpc-footer > div {
    text-align: center !important;
}

.dxpc-mainDiv .dxbButton.dxbButtonSys.dxbTSys {
    padding: 0.3rem 1.5rem !important;
    float: inherit !important;
}

.dxpc-mainDiv .dxpc-footer .dx-vam {
    line-height: 15px !important;
}
.helplist ul li {
    list-style: disc !important;
}

.helplist ol li{
    list-style:decimal !important;
}

.helplist table {
    width: 100%;
}

.helplist table td {
    padding: 2px !important;
    border: 1px solid #c5c1c1 !important;
}


.helplist img {
    width: 100%;
}

      .helplist .tooltip-inner {
    text-align: left;
}

      #EntFields_dvDisplay img {
    display: block;
    max-width: 100%;
    height: auto;
}

      .border-width-0 {
    border-width: 0px !important;
}

      .calender-dropdown td, .calendar-block input[type="text"] {
    margin-top: 0px !important;
    padding-top: 0px !important;
    height: 21px !important;
}
.globesitesearch-icon{
    border: 1px solid #ccc !important;
    border-radius: 4px;
    background: url(../Images/color-icons.png) no-repeat !important;
    /*background-position: 230px -2829px !important;*/
    background-position: 100% -2829px !important;
    padding: 5px 25px 5px 5px;
    /*width: calc(100% - 33px) !important;*/
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
}
/* Popup Cancel Button center align */

.vscroll-hidden {
    overflow-y: hidden !important;
}