.indextab.DM {
    background-color: rgb(00,53,87);
    width: 100%;
    padding: 1px 8px 0px 8px;
}

.DM a {
    color: #2666B4 !important;
    text-decoration: none !important;
    margin: 0px 5px 0px 0px;
}

.DM .inputdropdown a {
    margin: 0;
}

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

.indextab.DM .nav > li > a {
    text-transform: capitalize !important;
    letter-spacing: 0.2px;
    font-weight: normal !important;
    font-size: 15px;
    border-radius: 0px !important;
    line-height: 40px !important;
    padding: 2px 11px 0px !important;
    background-color: rgba(21, 106, 161, 0.08);
    margin-right: 0px !important;
}

    .indextab.DM .nav > li > a, .indextab.DM .nav > li > a:hover {
        border-left: 0px solid #156aa1 !important;
        border-right: 0px solid #156aa1 !important;
        border-top: 0px solid #156aa1 !important;
        color: #c1c1c1 !important;
        background-color: transparent;
        text-decoration: none !important;
    }

        .indextab.DM .nav > li > a:hover, .indextab.DM .nav > li.aactive > a {
            color: #fff !important;
            background-color: #1c5c84 !important;
        }

.DM .LinkActive, .DM .LinkInActive:hover {
    border: #c1c1c1 solid 1px !important;
    border-bottom: #ffffff solid 1px !important;
    position: relative;
    background-color: #fff;
    top: 1px;
    font-weight: 500;
    padding: 6px 15px;
    color: #000 !important;
    text-decoration: none !important;
    margin: 0px !important;
}

.DM .LinkInActive {
    position: relative;
    top: 1px;
    background: #f1f2f7;
    border: #c1c1c1 solid 1px !important;
    padding: 6px 15px !important;
    border-bottom: #c1c1c1 solid 1px !important;
    color: #000 !important;
    margin: 0px !important;
    text-decoration: none !important;
}

    .DM .LinkInActive:hover {
        background-color: #fbfbfb !important;
        border-bottom: #c1c1c1 solid 1px !important;
    }

.DM .LinkActive:hover {
    text-decoration: none !important;
}

.DM td {
    padding: 8px !important;
}

.DM th.GridHeading {
    padding: 10px 8px !important;
    text-align: left;
    vertical-align: middle;
}

.DM table td {
    vertical-align: middle !important;
    height: 40px;
}

.DM.search-box input#txtSearch, .DM.search-box input#TextBox1 {
    border-radius: 3px;
    height: 36px !important;
}
.DM.search-box input#txtSearch {
    padding-right: 65px !important;
}
.DM.search-box .icon-image.CrossIconSep {
    margin-top: 3px !important;
}
.DM.search-box input#btnSearch {
    right: 8px;
}

.DM input#btnSearch, .DM input#TextBox1 {
    background-image: url(../Images/dmicons/Search.svg) !important;
    border-radius: 0px !important;
    height: 35px;
    background-position: center !important;
    background-size: 50% !important;
    background-color: transparent !important;
    right: 10px;
}

h4.DM.subtitle {
    margin: 4px 0px 0px 0px !important;
}
/* Pagination */
.DM .pagination {
    margin: 5px 0 10px;
}
.DM .pagination a.active, .DM .pagination a:hover {
    background-color: rgb(21, 106, 161);
    border: #c1c1c1 solid 1px;
    text-decoration: none;
    color: #fff !important;
}

.DM .pagination a {
    color: #000 !important;
    text-decoration: none !important;
    border: #c1c1c1 solid 1px;
    margin: 0;
    border-radius: 0;
    margin-left: -4px;
}


/* Pagination End */

.toolbarIcon img {
    width: 20px;
    float: left;
    margin: 2px;
}

.indextab.DM .nav > li.active > a:hover {
    padding: 2px 20px 0px !important;
}

.toolbarIcon {
    margin: 4px 4px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.form-control.series {
    width: 45px;
    height: 24px !important;
    margin-left: 5px !important;
    float: right;
}

.panel-menu-miniscreen.DM {
   width: 99%;
}

.ValTitle {
    font-weight: 500;
    color: #000000 !important; 
}

.backArrow {
    width: 20px;
}

.DM.down-arrow {
    margin: 4px -3px 0px 7px;
}

span#lblSeriesNo {
    margin: 3px 2px 0px;
    float: left;
}

.DM.trashIconSep {
    background-image: url(../Images/dmicons/Delete.svg) !important;
    height: 22px;
    background-position: 1px 3px !important;
    background-size: 80% !important;
    background-color: transparent !important;
}

.DM .label-input {
    background-color: #fff;
    line-height: 26px;
    padding-right: 0px;
    padding-top: 4px !important;
}

.DM .label-output {
    line-height: 36px;
    color: #000000 !important;
}

.DM input.dxeEditArea, .DM .calendar-block input[type="text"], .DM textarea, .DM input[type="text"], .DM select {
    color: #000000 !important;
}

.DM .calendar-block {
    background: #fff !important;
}
.DM .calendar-block.greybg {
    background: #eee !important;
}

.DM .radioBtnStyle li:first-child label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 34px !important;
    padding: 0px 15px !important;
}

.DM .radioBtnStyle li:last-child label {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 34px !important;
}

.DM .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}

.DM .select2-container .select2-selection--single {
    line-height: 36px !important;
    height: 36px !important;
}

.DM .label-output span {
    line-height: 36px !important;
}

.DM .radioBtnStyle label {
    padding: 0px 15px !important;
    line-height: 34px !important;
}

.DM .label-input-textareabig {
    /*min-height: 96px;*/
    background-color: transparent !important;
    padding-right: 0px;
}

.DM .textarea-big {
    min-height: 66px !important;
}

.DM .form-control, .DM input[type="text"]:disabled, .DM .file-attach .dxucEditArea, .DM .file-attach input[type="text"].dxucEditArea {
    height: 36px !important;
}
.DM .file-attach .dxucEditArea, .DM .file-attach input[type="text"].dxucEditArea{
    padding-left: 5px;
    width: 100%;
}

.DM .calendar-block:before {
    height: 35px !important;
}
.DM .calendar-block input[type="text"]:disabled {
    background: transparent !important;
}

.DM input {
    line-height: 22.9px !important;
}

.force-overflow.DM .row {
    margin: 8px 0px;
}

.DM .calender-dropdown td, .DM .calendar-block input[type="text"] {
    height: 32px !important;
    outline: none;
}

.DM .calendar-block:before {
    height: 35px !important;
    background-position: -14px -1580px;
    width: 18px;
}

.DM .log-form .dxeButtonEditButton {
    height: 30px;
    background-position: 6px 11px !important;
}

.DM .combobox-aln .dxeButtonEdit {
    height: 36px !important;
}

.DM ol.mandatory {
    height: 36px;
    padding-top: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.DM select[multiple] {
    height: 120px !important;
}

.DM .group-selec-icons-wrap {
    padding-top: 25px !important;
}

.DM .label-output span {
    line-height: 26px !important; 
}

.DM .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: normal !important;
    line-height: 34px;
}

.DM.page-title {
    min-height: 37px;
    padding: 0px 8px !important;
    color: #000;
    font-weight: normal;
    font-size: 18px;
    border-bottom: #c1c1c1 solid 1px;
    letter-spacing: 0.2px;
    display: flex;
    align-items: center; 
    height: auto;
    z-index: 4;
}

    .DM.page-title a {
        padding: 4px 0px 0px;
        float: left;
        margin: 0 5px 0px 2px  !important;
        color: #000;
    }

body .DM .dxpc-contentWrapper {
    /*height: 270px !important;*/
    overflow: auto;
}

.DM .dxeListBox div.dxlbd {
    /*height: 240px !important;*/
}

.DM .combobox-aln .dxlbd {
    width: 100% !important;
}

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

.DM .table th a, .DM .table th a:hover {
    text-decoration: none !important;
}

.DM .dxeListBox td {
    padding: 2px !important;
}

.DM .form-control:focus, .select2-container .select2-selection:focus, select:focus {
    box-shadow: none !important;
}

.DM .dropdown-content a {
    color: #343D48 !important;
 }
.DM .dropdown-content a, .DM a.dropbtn, .DM .dropdown-content a:hover, .DM a.dropbtn:hover {
    margin: 0px !important;
    text-decoration: none !important;
}
.DM .dropdown-content a:hover {
    color: #fff !important;
}

.DM .searchtext-clearicon {
    height: 29px;
    margin-top: 8px !important;
}

.dmpagination a {
    margin: 0px 1px;
}

.DM .ms-options-wrap > button:focus, .DM .ms-options-wrap > button {
    height: 36px;
    width: 100%;
    color: #000;
}

.DM .IntendedUse .intend-use {
    line-height: 30px !important;
    margin-top: 0;
}

.DM .ms-options-wrap > .ms-options {
    width: 100%;
    border-radius: 5px;
    margin-top: 0;
}

.DM .ms-options-wrap > .ms-options > .ms-search input {
    background: #fff url(../images/search-icon-right.png) no-repeat center right !important;
    margin-top: 3px;
    border: 1px solid #ccc;
    padding: 15px 5px 15px 10px !important;
    background-clip: padding-box !important;
    height: 40px;
    padding-right: 30px !important;
}

.DM .select2-container, .DM .output-left {
    width: 100% !important;    
}

.DM .output-left {
    /*padding-right: 3.5rem !important;*/
    padding-left: 0.4rem !important;
}

.DM .ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    left: 0px;
    position: relative;
    margin-right: 6px;
    outline: none;
}

.DM .ms-options-wrap > .ms-options > ul label {
    padding: 0px 8px !important;
}

.DM .ms-options-wrap > .ms-options > .ms-selectall.global {
    font-size: 14px;
    padding: 0px 2px;
    text-transform: capitalize;
    text-decoration: none !important;
    width: 90%;
}

.DM .tab-dropdown span {
    font-weight: normal !important;    
}

.DM .MetaData .label-output {
    line-height: inherit !important;
    padding-bottom: 10px;
    display: flex;
}

.DM .MetaData .label-output span {
    font-weight: normal !important;
    line-height: inherit !important;
}

.DM .MetaData .label-input {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-weight: bold;
    line-height: inherit !important;
    padding-bottom: 5px;
}

.DM .MetaData .label-input span {        
    margin-top: 0px;
}

.DM .ms-options ul li {
    width: 100%;
}

.DM .light-bg {
    background-color: transparent;
    border: none;
    min-width: 36px !important;
    margin-bottom: 0;
}

.DM .accordion_icon {
    max-height: 36px;
    background: none;
}

.DM .right-arrow-doc:before {
    content: none !important;
}

.DM .right-arrow-doc {
    background: none;
    font-weight: normal;
    font-size: 16px; padding:8px 0 0px 0px;
}

    .DM .right-arrow-doc span:before {
        content: none !important;
    }

.DM.page-title.hor-space-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.DM .label-output a {
    margin-left: 6px !important;
}

.DM a.icon-image {
    margin-top: 5px;
}

.DM a.trashIconSep {
    margin: 0px 8px;
    /*float: right;*/
}

.DMicons a {
    margin: 5px 2px;
    display: inline-block;
}

.DM div.upload {
    width: 100%;
    height: 36px;
}

.DM .uploadtext {
    height: 36px !important;
}

.DM .uploadButton {
    height: 100%;
}

.DM .fileName {
    height: 100%;
}

.DM #SectionDataList td {
    padding: 0 !important;
}


.DM #dvSearch .form-control {
    width: 98%;
    padding-right: 2rem !important;
}

.DM #dvSearch .text-search-icon {
    margin-right: -10px;
}

.DM #divTeststepsMain .pb-3 {
    padding-bottom: 3px;
}

.DM #grdExcelDetails th {
    padding: 15px 8px !important;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
}

.page-title-center {
    display: flex !important;
    align-items: center !important;
}

    .page-title-center span {
        margin: 0 !important;
        padding: 0 !important;
    }

.DM a#lnkTraceMatrix {
    color: #fff !important;
    /*line-height: 26px;*/
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 7px;
    padding-bottom: 7px;
}

.DM .activeState, .DM .InactiveState {
    /*padding: 3px 8px !important;
    margin: 0px !important;*/
}

.DM .calendar-block td {
    height: 30px !important;
}

.DM .label-output .selection span {
    line-height: 36px !important;
}

.DM .dxeButtonEdit .dxic {
    height: 30px;
}

.DM .radioBtnStyle label {
    margin-left: 0px;
    margin-right: 0px;
}

.DM .search-box input[type="text"] {
    /*padding-right: 60px !important;*/
}

.DM .searchtext-clearicon {
    right: 35px !important;
    padding-right:0px !important
}

.DM .site-main-icon .trashIconSep {
    margin-top: 7px;
}

.DM .select2-container--default .select2-selection--single {
    border-color: #ccc !important;
}

.DM .select2-container--default .select2-selection--single:hover, .DM .calendar-block:hover {    
    border-color: #347f3a !important;
}

.DM #divSearch .btn-primarysbm {
    margin-left: 10px;
}

.DM #divEntSelection {
    /*margin-top: -3px !important;*/
}
.DM #divEntSelection.top-mspace-45{
    margin-top: 45px !important;
}
.DM .entSelection-toppos {
    padding-top: 45px; 
}
.DM .entSelection-toppos .left-entSelection {
    display: none;
}
.DM .entSelection-toppos .right-entSelection {
    width: 100%;
}
    .DM .entSelection-toppos .txt-right {
        padding-left: 0;
    }

        .DM .entSelection-toppos .txt-right span {
            float: right !important;
        }
.DM a:hover {
    cursor: pointer;
}

/*spreadjs grid table*/
.DM  #requirement_spreadvp, .DM #testcaseDesignSpreadvp {
    border: 0 !important;
}

.DM #requirement_spread_main_div table td, .DM #testCase_spread_main_div table td {
    /*padding: 0 !important;
    margin: 0 !important;*/
}

/* test case */
.DM #testCase_spread_main_div table td {
    vertical-align: top !important;
    padding: 0 !important;
}
/*.DM #testcaseDesignSpreadvp {
    height: 200px !important;
}*/
.DM #testcaseDesignSpread {
    width:97vw !important; 
    height:75vh !important;
}
/* test case */

/*spreadjs grid table ends*/

.DM #DdlTestCase + .select2-container {
    width: 100% !important;
}

.DM #trriskassementdeliverables  .label-output span {
    font-weight: normal !important;
}
.DM .dxeButtonEdit{
    width:100% !important;
}
.DM #entityControl .dxeButtonEditSys.dxeButtonEdit{
    width:100% !important;
}

.DM .view-details {
    position: absolute;
    top: 0;
    right: -80px;
}

.DM input[type="checkbox"]:focus {
    outline: none !important;    
}

.DM .select2-container--default .select2-selection--single .select2-selection__rendered,
.DM .dxeNullText .dxeEditArea, .DM .radioBtnStyle label,
.DM select {
    color: #000;
}
.DM .dxeNullText .dxeMemoEditArea {
    color: #000 !important;
}
.DM .radioBtnStyle input:checked + label {
    color: #fff;
}

.DM .radioBtnStyleNew input:checked + label {
    border-radius: 4px;
}

.DM .dxeButtonEdit:hover, .DM input[type=text]:hover, .DM textarea:hover {
    /*border: 1px solid #ccc !important;*/
}

.DM .dxeButtonEdit:focus, .dxeButtonEdit.dxeFocused {
    box-shadow: none !important;
}

/*user agent styles removed*/
.DM select:-internal-list-box option:checked, .DM .MultiTxtBox option {
    background: transparent;
}



.DM .MultiTxtBox option {
    background: transparent !important;
}

.DM .row-offcanvas-right.active { 
    /*z-index: 9999999;*/
    z-index: 101;
}

/* Delete icon */
.DM .icon-image.trashIconSep {
    background: url(../Images/Delete-New.png) no-repeat;
    width: 18px;
    height: 27px;
    background-size: 100%;
    margin: 10px 0 0 0;
}
/* Delete icon */

/* Cross icon */
.DM .icon-image.CrossIconSep  {
    margin-top: 0px !important;
    /*background: url(../Images/color-icons.png) no-repeat;*/
    background: url(../Images/close.svg) no-repeat;
    display: inline-block;
    /*width: 42px;*/
    width: 10px;
    border: 0; 
    /*background-position: 4px -1338px !important;*/
    background-position: left center !important;
    margin: 10px;
}   
/* Cross icon */
 

.DM .row-offcanvas-right .sidebar-offcanvas.sidebar-left {
    left: 0;
}
.DM .row-offcanvas-right .sidebar-offcanvas, .row-offcanvas-right .sidebar-offcanvas {
    /*overflow: inherit !important;*/
}

.DM #divMetaData #divMetaData {
    padding-top: 0 !important;
}

.DM .log-form.mandatory {
    border-radius: 4px;
}

.DM .off-canvas-overlay {
    z-index: 100;
}

/* Entity details meta data slider window */
.DM .entity-container.active {
    width: 45%;
    /*right: 30%;*/
}
.DM .sidebar-offcanvas {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
.DM .entity-details {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
}

.DM .entity-container .page-title {
    border-bottom: #c1c1c1 solid 1px;
    position: sticky !important;
    top: 0;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
    height: auto;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.DM .entity-container .page-title > span:first-child {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

    .DM .entity-details .label-input {
        text-align: left;
    }

.DM .entity-details .label-input, .DM .entity-details .label-output {
    line-height: inherit;
    padding-bottom: 5px;
}
.DM .entity-details .label-output {
    padding-bottom: 10px;
}

.DM .entity-details .label-input span { 
    font-weight: bold;
}

.DM .entity-details .label-output span {
    text-align: left;
    font-weight: normal !important;
    line-height: inherit !important;
}

/* Entity details meta data slider window ends */

/* vertical line */
.DM.page-title .vline {
    border-left: 2px solid #c1c1c1;
    margin-left: 10px;
    padding-left: 10px;
    display: inline-block;
}
/* vertical line ends */

.DM #UpdatePanel1 .position-inherit, .DM .new-defects .position-inherit, .DM .upload-attach .position-inherit {
    /*position: inherit !important;*/
    height: auto;    
}
.DM #UpdatePanel1 .position-inherit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 5px 0;
}
    /* Drop Down */
    .DM .dropdown-content {
        box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);
        top: 38px;
        right: 0;
    }   
 
/* Mulit select drop down */
.DM .frameworkSearch {
        /*width: auto;*/
    min-width: 306px;
    max-width: 460px;
}
.DM .frameworkSearch.search-maxwidth {
    max-width: 408px;
    /*min-width: 304px;*/
    width: auto;
}

.DM .frameworkSearch.search-testlabinitiate {
    max-width: 408px;
    min-width: 306px;
}

.DM .frameworkSearch.search-maxwidth-sprint {
    max-width: 409px;
    min-width: 307px;
}
.DM .frameworkSearch .select2-container .select2-search__field {
    background: none !important;
    display: none;
    height: auto;
    padding: 0 !important;
    margin: 0 0 0 5px;        
    border-radius: 0 !important;

}
.DM .frameworkSearch .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    align-items: center;
    padding: 2px 5px;
    flex-wrap: wrap;
}
.DM .frameworkSearch .select2-selection__rendered li.select2-search--inline {
    width: auto !important;
}
.DM .frameworkSearch .select2-container--default {
    line-height: 20px !important;
}
.DM .frameworkSearch .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    margin: 1px 4px 1px 0;
}
.DM .frameworkSearch .select2-selection__rendered li {
    background: none;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;    
    height: auto !important;
    line-height: inherit !important;
    font-weight: normal;
    font-size: 12px;
}
.DM .frameworkSearch .select2-selection__rendered li:last-child {
    flex-direction: row;   
}
.DM .frameworkSearch .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-weight: normal;
    margin-left: 5px;
    font-size: 1.2rem;
    line-height: inherit !important;
}

.DM .frameworkSearch .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000 !important;
}

.DM .frameworkSearch .select2-container--default .select2-selection--multiple {
    line-height: inherit !important;
        display: flex;
    align-items: center; 
    min-height:36px;
}

.DM .select2-container .select2-search__field {
    background-color: transparent !important;
    padding: 5px;
    height: auto;
    line-height: inherit !important;
    max-height: inherit;
}
/* Mulit select drop down ends*/

/* select entity for create release plan*/ 
.DM .se-mleft {
    margin-left: -5px;
}
.DM .se-pright {
    padding-right: 10px;
}
/* select entity for create release plan end*/ 

/* Download icon*/ 
.DM .downloadIconSep {
   background: url('../Images/download.png');
   width: 30px;
   height: 30px;
   background-size: 100%;s
}
/* Download icon*/ 

/* line height remove */
.DM .lineheight-inherit {
    line-height: inherit !important;
}
/* line height remove */

.DM #trStatus .mrg-0, .DM div.mrg-0 {
    margin: 0 !important;
}
.DM .table-greybg {
    background: #eee !important;
}
.DM div.ver-mspce-4 {
    margin: 4px 0 !important;
}
.DM #RiskModel .ms-options-wrap {
    margin-top: 2px;
}
 
.DM #hfViewDetails {
    margin-top: 3px;
    display: inline-block;
    margin-left: 0;
}

.DM .edit-icon {
    width: 18px;
}

.DM .history-icon {
    width: 24px;
    margin-top: 4px;
}

.DM .gap5 {
    gap: 0.5rem;
}

/* create sprint */
.DM #SprintList #txtEstimatedStartDate, .DM #SprintList #txtEstimatedEndDate {
    background: #eee;
}
/* create sprint ends*/

.DM .top-title .ValTitle {
    padding: 0px !important; 
    font-weight: normal;
    font-size: 18px; 
    letter-spacing: 0.2px; 
}

/* fixed height change to auto */
.DM div.Create + input + div {
    height: auto !important;
    visibility: inherit !important;
    overflow-y: inherit !important;
}
/* fixed height change to auto ends */

/* Test Case */
.DM .DMrefList {
    display: flex !important;
    align-items: center;
}
/* Test Case end */

/* Popup anchor tag space removed */
.DM .popup-force-overflow a {
    margin: 0;
    color: #343D47 !important;
}
/* Popup anchor tag space removed end */

a#hfViewData {
    line-height:36px;
}

.DM table.inputdisabled td {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

/* Defect Search */
.DM .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #fff !important;
}
.DM .dfsmsearch .text-search-icon {
    right: 5px !important;
}

.RAviewDetails {
    display: inline-block!important;
    color: #2666B4!important;
    text-decoration: none;
    margin: 7px 0 0 0px;
}

.ValTitle{
    font-size: 18px;
    letter-spacing: 0.2px;
}

#addReference {margin-top:4px; display:inline-block;}

/* Upload docs */
.DM .file-attach {
    /*width: 33%;*/ 
    line-height: inherit;
}
.DM .file-attach .upload span {
    line-height: 36px !important;
}

.DM .file-attach .fileName {
    width: 60% !important; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

/* Upload docs ends */

/* New Defects */

.DM .new-defects .label-output {
    line-height: inherit;
}

.DM .new-defects #divImageAttachment {
    padding-top: 7px;
}
/* New Defects ends*/

.DM #ddlReason {
    height:auto!important; padding:8px 6px; width:100%!important;
}

/* Audit trail, Attachments */
.DM .audit-trail, .DM .attachments {
    padding-bottom: 50px !important;
} 

.DM .label-output a.lytebox {
    margin: 5px 0 0 10px !important;
}
.DM table#GvFeatureRequest td{
    text-align:left;
}
.DM table#SectionDataList td.itemstyle{
    height:auto!important;
}


/* Esign Slider */
.DM div.EsignSlider {
        width: 35vw !important;
    min-width: inherit !important;
}

h4 .DM.pageTitle {
    font-size:18px; padding: 0; margin: 11px 0 0 0;
}

.EsignReason-mandatory {
    border-left: 2px solid #ff0000 !important;
}

/* Test lab top action items */
.DM .top-action-items {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.DM .top-action-items #liRow .form-control {
    height: 27px !important;
}
.DM .top-action-items #liRow {
    padding-top: 2px;
}
.DM .top-action-items #btnGo {
    line-height: inherit !important;
    padding: 3px 0;
    box-shadow: none;
}
.DM .top-action-items a {
    margin-right: 0 !important;
}
.DM .top-action-items .toolbarIcon {
    margin-top: 0 !important;
}
.DM .top-action-items .hor-space-5 {
    padding: 0 !important;
}

.DM #testCase_spread, .DM #testcaseDesignSpread {
    width: 100% !important;
    margin-bottom: 10px;
}

/* Test lab top action items end */

/* Slider full height */
.slider-full-height, iframe#EnityDetailSlider {
    height: 100vh !important;
}

/* Defects */
.DM .tabFailedTestCasev {
    height: auto !important;
}

.DM #divPagination #ShpPaging2 {
    margin: 0;
}

.DM #divTransaction {
    margin-top: -25px;
}

/* Tab in Release summary */
.DM .summary-tab .nav li a {
    position: relative;
    top: 1px;
    background: #f1f2f7;
    border: #c1c1c1 solid 1px !important;
    padding: 6px 15px !important;
    border-bottom: #c1c1c1 solid 1px !important;
    color: #000 !important;
    margin: 0px !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    font-weight: normal;
    text-transform: capitalize;
    z-index: inherit;
}
.DM .summary-tab .nav li.active a, .DM .summary-tab .nav li a:hover {
    border: #c1c1c1 solid 1px !important;
    border-bottom: #ffffff solid 1px !important;
    position: relative;
    background-color: #fff !important;
    top: 1px;
    font-weight: 500;
    padding: 6px 15px !important;
    color: #000 !important;
    text-decoration: none !important;
    margin: 0px !important;
}
.DM .indextab.summary-tab .nav > li.active > a:hover {
     padding: 6px 15px !important;
     top: 1px;
}

.DM .indextab.summary-tab .nav > li.active > a {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: inherit;
}

.DM .summary-tab  {
   border-bottom: #c1c1c1 solid 1px;
}
.DM .summary-tab #SectionDataList {
    margin-bottom: -1px;
}

.DM .summary-tab .nav-tabs {
    height: 49px;
}

.DM .summary-tab .nav-tabs > li {
    /*min-height: 65px;*/
    display: flex;
    height: 100%;
}
.DM .summary-tab .nav-tabs > li a {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2 !important;
}

.DM .text-editor .dxheControl {
    border: Solid 1px #c1c1c1 !important;
}

.DM .text-editor .dxeButtonEditButton {
    top: 10px !important;
    height: 20px;
}
.DM .text-editor .dxeButtonEdit .dxic{
    padding-left: 5px !important;
}
.DM .text-editor table td {
    height: auto;
}
/* Tab in Release summary */

.DM .position-relative {
    position: relative !important;
}

.DM .lineH-inherit {
    line-height: inherit;
}

.DM .lnkAttachment #lnkAttachment {
    margin-top: 7px;
    margin-left: 0 !important;
}

.DM .lnkAttachment #lblAddVideo {
    margin-top: 7px;
    margin-left: 0 !important;
}


/* New badge style */
.DM .Labelcsstext-tag {
    left: 0;
    margin-top: -8px !important;
}
.DM .Labelcsstext-tag span {
    color: #fff;
    padding-right: 7px;
    font-size: 9px;
    position: relative;
}
.DM .tasklist table tr .left-space {
    padding-left: 20px !important; 
}

/* New badge end */

.DM .define-sections {
    padding-bottom: 10px;
}

.revisedalert-warning
{
color: #055160;
background-color: #cff4fc;
border-color: #b6effb;
}
.revisedalert
{
position: relative;
padding: 0.5rem 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
text-align: center;
border: 1px solid #055160;
}

/* Toaster */
.toast-top-center {
    top: 10% !important;
}
#toast-container>div {
    padding: 8px 15px 8px 50px !important;
}
.toast-close-button {
    top: -.1em !important;
}
/* Toaster end */

/* View form */
.DM.summary-view-form {
    margin-top: 5px !important;
}
.DM.summary-view-form .container-fluid {
    padding: 0 !important;
}
.DM.summary-view-form .width-90 {
    width: 100% !important;
}
.DM.summary-view-form  #trriew1hr, .DM.summary-view-form #divInheritFormControls {
    display: none;
}
/* View form end */


/* Entity selection for table drop down */
.DM .combobox-aln .dxpcDropDown {
    z-index: 99999995 !important;
}
/* Entity selection for table drop down */

/* Failure mode assessment */
.DM .failure-mode .dxpc-mainDiv {
    height: 220px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 98%;
}

.DM #divRiskFrameWorkTap {
    line-height: 0.3;

}

.DM #gvTempColumnDetails tr:first-child td:first-child {
    padding: 2px !important;
}

.DM .row-offcanvas.sidebar-box {
    position: fixed !important;
}

.DM .row-offcanvas.sidebar-box .container-fluid {
    overflow-y: auto;
    height: calc(100vh - 50px);
}

.DM .row-offcanvas.sidebar-box .object-nav {
    width: 100%;
}


/* Esgin Popup */
.DM .alertMessage {
    width: 500px !important
}
.DM .popup-box {
max-height: inherit;
min-height: 300px;
padding: 0 10px 5px !important;
}
.DM .popup-box .row {
margin: 4px 0;
}
.DM .row-offcanvas.sidebar-box .object-nav {
width: 100%
}
.DM .popup-box .row .label-output select {
height: 36px !important;
width: 100%;
}
.DM .popup-box .divTimeZone span {
line-height: inherit !important;
}
/* Esgin Popup End */

.DM .add {
    width: 19px;
}

/* Select Entity start */
.DM .acontainer {
    width: 100%;
    z-index: 3;
}
.DM .acontainer + .searchtext-clearicon {
    right: 1.3rem !important;
    margin-top: 4px !important;
    z-index: 3;
}
.DM .acontainer .form-control {
    height: 36px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-family: SourceSansPro, sans-serif !important;
    padding-right: 3.5rem !important;
    background-image: url(../Images/select-down-arrow.png) !important;
    background-repeat: no-repeat;
    background-position: 98% center;
    background-origin: padding-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.DM .acontainer .adropdown th {
    background: rgb(21, 106, 161);
    font-size: 14px;
    width: calc(100%/4);
    padding: 7px 10px;
}
.DM .acontainer .inputfocus {
    margin: 0 !important;
}

.DM .acontainer input::placeholder {
    color: #000 !important;
}
.DM .acontainer input::-webkit-input-placeholder {
    color: #000 !important;
}
.DM .acontainer input:-ms-input-placeholder {
    color: #000 !important;
}
.DM .acontainer input:-moz-placeholder {
    color: #000 !important;
}
.DM .adropdown {
    top: 72px !important;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%), 0px 10px 10px rgb(0 0 0 / 5%), 0px 10px 10px rgb(0 0 0 / 5%), 0px 10px 10px rgb(0 0 0 / 5%);
    width: 500px;
}
.DM .adropdown.highlight {
    z-index: 3;
}
.DM .adropdown table {
    margin: 0 !important;
    border-color: rgb(21, 106, 161);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    overflow-y: auto;
    overflow-x: hidden;
    /*display: inline-block;*/
    min-height: 35px;
    max-height: 280px;
}
.DM .adropdown table.dblock {
    display: block !important;
}
.DM .adropdown table td {
    padding: 7px 10px !important; 
    width: calc(100%/4);
    height: auto;
}
.DM .adropdown thead {
    /*display: inline-block;*/
    width: 100%;
    vertical-align: top;
}
.DM .adropdown thead tr {
    width: 100%;
    display: table;
}
.DM .adropdown table td span {
    line-height: inherit !important;
    display: inline-block;
}
.DM .adropdown table thead, .DM .adropdown table tbody { 
    background: #fff;
}

.DM .adropdown table caption {
     padding: 5px 10px;
     border: 1px solid #ccc;
}
.DM .adropdown table thead {
    position: absolute;
    width: 100%;
    top: -36px;
}
.DM .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #666 transparent transparent transparent;
}
/* Select Entity ends */
.DM .paging-nav a {
    background: rgb(21, 106, 161);
    color: #fff !important;
    border-radius: 0 !important;
    margin: auto 1px !important;
    font-size: 12px;
}
/* Select Entity End */

.DM #AditTrial table tr th  {
    width: auto !important;
}
.DM .meta-data .label-output {
    line-height: 26px; 
}
.DM .meta-data .label-output a.lytebox {
    margin-top: 0 !important;
}
.DM #divRiskModelGrid select {
    height: 36px;
    width: 100%;

}

.DM .DevExselectboxwhitespace .btn-primarysbm {
    margin-left: 0 !important;
}
}
.DM .popup-scroll a {
    color: #000 !important;
}

.DM .fontsize14 {
    font-size: 14px !important;
}

/* Back and forward arrow */
.DM #btnPrevious, .DM #btnNext {
    background-image: url(../Images/dmicons/BackArrow.svg) !important;
    padding: 0 10px;
    border: #c1c1c1 solid 1px;
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: none;
}
.DM #btnNext {
    background-image: url(../Images/forward-arrow.svg) !important;
}

#divEnityDetailSlider .sidebar-offcanvas, #divTraceViewSlider .sidebar-offcanvas, .off-canvas-active {
    overflow-y: hidden !important;
}
 
.DM .revisedalert.revisedalert-warning {
    position: fixed;
    top: 3.2rem;
    z-index: 100;
}

.DM .right-list-items {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: row-reverse
}

.DM #trSerialNo {
    /*width: 50%;*/
    padding-top: 0;
}

.DM #trSerialNo .select2-container {
    width: 180px !important;
}

.DM #trSerialNo select {
    min-height: 36px; 
    background: url(../Images/select-down-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
    appearance: none;
    background-origin: content-box !important;
    padding-right: 10px !important;
    padding-left: 10px;
    width: 180px;
}

/* legend */
.DM .legend-content {
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 5px 0 7px;
}

.DM .legend-content ul {
    margin: 0;
}
.DM .legend-content .Legend-item {
    display: inline-flex;
    align-items: center;
}

.DM .legend-content .Legend-label {
    font-size: 14px;
    margin-right: 10px;
}
.DM .legend-content .Legend-label:last-child {    
    margin-right: 0;
}
.DM #lblSeriesNo {
    text-align: right; 
    padding-right: 5px; 
    margin-top: 0;
}
/* legend */

.DM .divCoverage-right {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-direction: row-reverse;
}

.DM .divCoverage-right .ddlContentType .select2-container {
    width: 80px !important;
} 

.DM .estimate-icon {
    width: 22px;
}

.DM img.add, .DM img.addform, .DM img.liSave, .DM img.deleterow {
    width: 18px;
}

.DM #btnEditReqTable {
    padding-right: 0.5rem !important;
    border-right: 1px solid #555 !important;
    margin-right: 0.5rem !important;
    height: 30px;
    display: flex;
    align-items: center;
}

/* Manage task */
.DM #divRequirement .dxgvControl {
    border: 0 !important;
}
.DM #divRequirement .dxgvControl tr td {
    padding: 0 !important;
}
.DM #divRequirement .dxgvControl table table table {
    border: 1px Solid #ddd !important; 

}
.DM #divRequirement .dxgvControl table table, .DM #divRequirement .dxgvControl table table table td {
    padding: 8px !important;
}
.DM #dvTaskGrid .dxheControl tr td {
    padding: 0 !important;
}

.DM #dvTaskGrid .dxheControl .dxmLite {
    display: flex;
    align-items: center;
}

/* Manage task ends */

/* Add row dropdown */
.DM .dd-addrow {
    box-shadow: 0px 8px 10px 0px rgb(0 0 0 / 20%);
    border: #ccc solid 1px;
    position: absolute;
    z-index: 1;
    display: none;
    top: 35px;
    border-radius: 5px;
    background: #fff;
    padding: 5px 0;
}

.DM .dd-addrow .dropbtn {
    border: none;
    display: flex;
    align-items: center;
    padding: 0;
}
.DM .dd-addrow .dropbtn input {
    border: #ccc solid 1px;
    margin-right: 5px;
    width: 40px !important;
    padding-left: 5px;
}
.DM .dd-addrow .dropbtn input:focus { 
    outline:none;
}
.DM .dd-addrow .dropbtn a.btn-primarysbm {
    color: #fff !important;
    padding: 1px .5rem !important;
    margin: 0;
}
.DM .dd-addrow .dropbtn a.btn-primarysbm:hover {
    text-decoration: none !important;
}
/* Add row dropdown ends */

/* View history slider window in FR */
.DM #dvAuditTrail table tr th:nth-child(8), .DM #dvAuditTrail table tr td:nth-child(8) {
    padding: 0 !important;
}

.DM .yellow-grid-reset .output-left {
    padding-right: 5px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.DM #trAttachment a.lytebox {
    margin-left: 0 !important;
    color: #2666B4 !important;
}
.DM .yellow-grid-reset .dxmLite.dxm-ltr {
    display: flex;
    align-items: center;
}
/* View history slider window in FR */

/* Upload Attachment in Rlease plan */
.DM #updpnlAttachment table tr th:nth-child(5), .DM #updpnlAttachment table tr td:nth-child(5) {
    padding: 0 !important;
}
.DM .resouce-savebtn .btn-primarysbm {
    margin-left: 0 !important;
}
/* Upload Attachment in Rlease plan */

/* Termination popup */
#updpnlReason .btn-tertiary, .DM #btnSaveResGrp, .DM #addReference, .DM #addAttachemnt {
    margin-left: 0 !important;
}
#updpnlReason .btn-primarysbm {
    margin-right: 0 !important;
}
/* Termination popup ends */

.DM #DivSprint #divSearchExpand {
    margin-left: -2px;
}
.DM #updpnlWorkFlow .dxheControl, .DM #updpnlWorkFlow .dxtbControl {
    border: 1px solid #dee2e6 !important;
}
.DMtoolIcon lock {
    width: 26px;
    height: 24px;
}

.DMtoolIcon img {
    width: 24px;
    float: left;
}

.DMtoolIcon a {
    float: left;
}

.DMtoolIcon {
    margin: 4px 5px 0px 5px;
    padding: 0px 0px 0px 0px !important;
}

/* Form view */
.DM .form-view {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.DM .form-view .yellow-grid-reset.right {
    border-left: 1px solid #ccc;
    overflow-y: auto;
    /*height: calc(100vh - 20px);*/
}
.DM .form-view .yellow-grid-reset.right .label-input span {
    font-weight: bold !important;
}
.DM .form-view .yellow-grid-reset.right .label-output span {
    line-height: inherit !important;
}
.DM .form-view .yellow-grid-reset.right table td {
    height: 35px; 
}

.DM .form-view #btnFile {
    margin-left: 0 !important;
}
.DM .form-view .radioBtnStyle  {
    margin-left: 15px;
}
.DM .form-view  .copy-icon {
    background-image: url('../Images/DesignManager/copy.svg');
    background-repeat: no-repeat;
    color: transparent !important;
}
.DM .form-view #btnFile {
    color: rgb(21, 106, 161) !important;
    border-color: rgb(21, 106, 161) !important;
    background-image: url('../Images/DesignManager/attachment_blue.svg');
    background-repeat: no-repeat;
    background-size: 15px; 
    padding-left: 2rem !important;
    background-position: 10px center;
    box-shadow: none;
}
.DM .form-view #btnFile:hover {
    background-image: url('../Images/DesignManager/attachment_white.svg');
    background-color: rgb(21, 106, 161) !important;
    color: #fff !important;
}
.DM .form-view #btnscreenshot {
    color: #f08943 !important;
    border-color: #f08943 !important; 
    background-image: url('../Images/DesignManager/screenshot2.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 2rem !important;
    background-position: 10px center;
    box-shadow: none;
}
.DM .form-view #btnscreenshot:hover {
    background-image: url('../Images/DesignManager/screenshot_white.svg');
    background-color: #f08943 !important;
    color: #fff !important;
}
.DM #trUserMode #btnFormView {
    margin-right: 0 !important;
}
.DM #trUserMode table td {
    height: auto;
    padding: 0 !important;
}
.DM .form-view .btn-outline-success label, .DM .form-view .btn-outline-danger label, .DM .form-view .btn-outline-dark label {
    border-radius: 3px;
}
.DM .form-view .btn-outline-success label, .DM .form-view .btn-outline-danger label, .DM .form-view .btn-outline-dark label { 
    background-repeat: no-repeat;
    background-size: 15px; 
    padding-left: 2rem !important;
    background-position: 10px center;
}
.DM .form-view .btn-outline-danger label {
    
    background-image: url('../Images/DesignManager/fail.svg');
    color: #C93532;
}
.DM .form-view .btn-outline-dark label { 
    background-image: url('../Images/DesignManager/not-applicable.svg');
    color: #212529;
}
.DM .form-view .btn-outline-danger label {
    margin: 0 5px;
}
.DM .form-view .btn-outline-success label:before, .DM .form-view .btn-outline-danger label:before, .DM .form-view .btn-outline-dark label:before {
    margin-right: 0 !important;
    content: " " !important;
}
.DM .form-view .btn-outline-success label {
    background-image: url('../Images/DesignManager/pass.svg');
    background-color: transparent !important;
    color: #4F9E52 !important;
}
.DM .form-view .btn-outline-success label:hover {
    background-image: url('../Images/DesignManager/pass_white.svg');
    color: #fff !important;
    background-color: #4F9E52 !important;
}
.DM .form-view .btn-outline-danger label:hover {
    background-image: url('../Images/DesignManager/fail_white.svg');
    color: #fff !important;
}
.DM .form-view .btn-outline-dark label:hover {
    background-image: url('../Images/DesignManager/not-applicable_white.svg');
    color: #fff !important;
}

.DM .form-view #btnVideoCapture {
    color: #f08943 !important;
    border-color: #f08943 !important; 
    background-image: url('../Images/dmicons/Video.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 2rem !important;
    background-position: 10px center;
    box-shadow: none;
}

.DM .form-view .radioBtnStyle .btn-outline-danger input:checked + label {
    background-color: #C93532 !important;
    background-image: url('../Images/DesignManager/fail_white.svg') !important;
}

.DM .form-view .radioBtnStyle .btn-outline-success input:checked + label {
    background-color: #4F9E52 !important;
    background-image: url('../Images/DesignManager/pass_white.svg') !important;
    color: #fff !important;
}
.DM .form-view .radioBtnStyle .btn-outline-dark input:checked + label {
    background-color: #212529 !important;
    background-image: url('../Images/DesignManager/not-applicable_white.svg') !important;
}

/* More charts Menu */

.DM .more-charts {
    box-shadow: 0 3px 7px #ccc;
}
.DM .more-charts h5 {
    background: #ededed; 
    font-size: 1rem;
    padding: 10px;
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #c1c1c1;
    border-bottom: 0;
}
.DM .more-charts ul {
    margin: 0;
    padding: 0;
    border: 1px solid #c1c1c1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.DM .more-charts ul li {     
    padding: 2px 10px;
    border-bottom: 1px solid #c1c1c1;
}
.DM .more-charts ul li:last-child {
    border-bottom: none;
}
.DM .more-charts ul li a {
    text-decoration: none;
    margin: 0;
}
.DM .more-charts ul li a:hover {
    text-decoration: none;
} 
.DM .chart-box {
    border: 1px solid #c1c1c1;
    padding: 0;
    height: 100%;
    margin: 0 0 10px;
    border-radius: 5px;
    box-shadow: 0 3px 7px #ccc;
}
.DM .chart-box h4 {
    font-size: 1rem;
    margin: 0; 
}
.DM .chart-box .chart-title {
    display:flex;
    align-items: center;
    justify-content: space-between; 
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 10px; 
    padding: 10px;
    background: #f6f6fa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.DM .chart-box .chart-title .expand-icon {
    width: 32px;
    padding: 8px;
    cursor: pointer;
}
.DM .pos-sticky {
    position: sticky;
    top: 0;
}

/* More charts Menu */


/* Modal chart box */
.DM .modal-chartbox {
    background: #fff;
    border: 1px solid #c1c1c1;
    display: none;
    margin-bottom: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 7px #ccc;
}
.DM .modal-chartbox .chart-title {
    display:flex;
    align-items: center;
    justify-content: space-between; 
    border-bottom: 1px solid #c1c1c1;
    margin-bottom: 10px; 
    padding: 10px;
    background: #f6f6fa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.DM .modal-chartbox .chart-title h4 {
    font-size: 1rem;
    margin: 0; 
} 
.DM .modal-chartbox .chart-title .expand-icon {    
    width: 32px;
    padding: 8px;
    cursor: pointer;
}
.DM .modal-innerbox .highcharts-root, .DM .chart-box .highcharts-root {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* Modal chart box */


/* Notification slider window  */
.DM .bell-icon  {
    position: relative;
}
.DM .bell-icon img {
    width: 20px;
}
.DM .bell-icon .counts {
    position: absolute;
    font-size: 11px;
    padding: 0px;
    background: red;
    border-radius: 100%;
    color: #fff;
    min-width: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    /*top: -4px;*/
    margin-top: -4px;
    right: -4px;
}

.DM .notification .search-box .form-control {
    height: 30px !important;
    border-radius: 5px;
    padding-right: 3.5rem !important;
    font-weight: normal;
}
.DM .notification .search-box .searchicon {
    position: absolute;
    top: 1px;
    right: 5px;
    border: 0;
    width: 30px;
    background-image: url(../Images/dmicons/Search.svg);
    border-radius: 0px;
    height: 35px;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}
.DM .notification .inner-content {
    overflow-y: auto;
    height: 100%;
    padding: 0 10px;
}
.DM .notification .inner-content .content-delete {
    border: 1px solid #c1c1c1;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.DM .notification .inner-content .delete {
    width: 32px;
    cursor: pointer;
}
.DM .notification .canvas_close {
    margin-right: -7px;
    padding-bottom: 0;
}

.DM .notification .icon-image.CrossIconSep {
    margin-top: 0px !important;
}
.DM .notification .searchtext-clearicon {
    right: 25px !important;
}
/* Notification slider window  */


/* Drop down overlpping issue with notification popup */
div#StatusUpdate .select2-container--below.select2-container--open {
    z-index: 9999999;
}
/* Drop down overlpping issue with notification popup */

/* Dropdown menu items */

.DM #entityPart .dropdown-content {
    overflow-x: hidden;
    min-width: 215px;
    min-height: 100px;
    max-height: 200px;
}
.DM #entityPart .dropdown-content a {
    margin-left: 0 !important;
}

.DM #entityPart a#btnNextStep {
    padding: 4px 10px;
}

.DM #DvUserStory .con-tasklist-tooltip, .DM #dvSavedGrid .con-tasklist-tooltip {
    padding-left: 0;
}
.DM .textWithHtml .con-tasklist-tooltip, .DM .table .con-tasklist-tooltip {
    min-height: inherit;
}

.DM #divSpreadDiagram .table-inside-control-icons {
    padding-bottom: 10px !important;
}
.DM #ZoomTraceMatrix #RowButton #btnBack {
    margin-left: 0 !important;
    margin-bottom: 10px;
}
.DM #divTraceMatrix_XAxisContentvp, .DM #divTraceMatrix_YAxisContentvp {
    width: 100% !important;
    height: 100% !important;
}
.DM #divTaceDiagramView .table-responsive > div {
    height: 100% !important;
}
.DM #UpdatePanel1 #trTransDate .calendar-block  {
    width: 100% !important;
}
.star-sup {
    color: #f00;
    position: relative;
    margin-left: -15px;
    margin-right: 5px;
}

.DM #divRiskdata table#gvParentGrid tr th:nth-child(3) {
    display: none;
}

.DM #divRiskdata table tr td:nth-child(3) {
    display: none;
}

.DM #divRiskdata table .inner-td {
    height: auto;
    padding: 0 !important;
    border: 0 !important;
}

.DM #SprintDetails .output-left, .DM #trReleasePlanName .output-left {
    padding-right: 0.4rem !important;
}
.DM #divRiskdata table .inner-td .inner-td > div {
    left: 0 !important;
}

.DM #dvShowdata table tr th:first-child {
    width: auto !important; 
}

.DM-form-frame-Details {
    top: 10%;
}

.inventorytree.dm-treeview {
    height: 80vh !important;
}

    .inventorytree.dm-treeview .dxsplLCC {
        width: 250px !important;
    }

.dm-treeview {
    height: 88vh;
}

.table-inside-control-icons li {
    float: left;
    border-right: 1px solid #ccc;
}

    .table-inside-control-icons li:first-child {
        border-right: 1px solid #fff;
    }

.table-inside-control-icons {
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.DM #trUserMode .table-inside-control-icons, .DM #divRiskdata .table-inside-control-icons {
    border-bottom: 0;
    margin-top: 0;
}
.DM #divRiskdata #divSaveRisk {
    margin-right: -7px;
}

.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;
    }

.Designmanager.zoomin {
    z-index: 99999;
    top: 0px;
    left: 0px;
    position: fixed;
}

.imgZoomout {
    display: block;
}

    .imgZoomout.zoomin {
        display: none;
    }

.imgZoomin.zoomin {
    display: block;
}

.imgZoomin {
    display: none;
}

#requirement_spreadvp, #divTraceMatrix_YAxisContentvp, #divTraceMatrix_XAxisContentvp, #automation_spreadvp, #divTemplateSpreadvp, #testcaseDesignSpreadvp {
    border: 1px solid rgb(204, 204, 204);
}

.dmpopup-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    /*padding-top: 65px !important; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.dmpopup-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #156aa1;
    width: 85%;
    /*height: 400px !important;*/
    top: 55px !important;
    border-radius: 10px;
    position: relative;
}

.dmpopup-Complete-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #156aa1;
    width: 85%;
    height: 250px !important;
    top: 55px !important;
    border-radius: 10px;
    position: relative;
}

.dmpopup-modal-content-height {
    background-color: #fefefe;
    margin: auto;
    padding: 15px;
    border: 1px solid #156aa1;
    width: 85%;
    height: 400px !important;
    top: 65px !important;
    border-radius: 10px;
    position: relative;
}

.dmpopup-modal-popup {
    background-color: #fefefe;
    margin: auto;
    /*padding: 10px;*/
    border: 1px solid #156aa1;
    width: 85%;
    /*height: 720px !important;*/
    /*top: 5px !important;*/
    border-radius: 10px;
    position: relative;
}


/* The Close Button */
.dmpopup-close {
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    right: -5px;
    top: -5px;
    border-radius: 50%;
    background: #156aa1;
    padding: 0px 7px;
    box-shadow: -1px 0px 7px -1px #191515;
}

    .dmpopup-close:hover,
    .dmpopup-close:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer !important;
    }

.dmpopup-Designmanager {
    width: 100%;
    height: 100%;
}

/* Sub Header Start */
.main_sub_header {
    width: 100%;
    height: 27px;
    background: #003557;
    color: #FFFFFF;
    position: sticky;
    bottom: 0px;
    top: 0;
    padding-left: 10px;
    font: inherit;
    z-index: 1;
}

    .main_sub_header .hamburger {
        position: relative;
        width: 16px;
        height: 16px;
        cursor: pointer;
        transition: all .5s ease-in-out;
        /*border: 3px solid #fff;*/
    }

        .main_sub_header .hamburger .line {
            width: 16px;
            height: 2px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(255,101,47,.2);
            transition: all .5s ease-in-out;
            transform: translate(0px, 12px);
        }

            .main_sub_header .hamburger .line::before, .main_sub_header .hamburger .line::after {
                content: '';
                position: absolute;
                width: 16px;
                height: 2px;
                background: #fff;
                border-radius: 5px;
                box-shadow: 0 2px 5px rgba(255,101,47,.2);
                transition: all .5s ease-in-out;
            }

            .main_sub_header .hamburger .line::before {
                transform: translateY(-6px);
            }

            .main_sub_header .hamburger .line::after {
                transform: translateY(6px);
            }
        /*Hamburger Line Animation*/
        .main_sub_header .hamburger.open .line {
            transform: translateX(-65px);
            background: transparent;
            box-shadow: none;
        }

            .main_sub_header .hamburger.open .line::before {
                transform: rotate(45deg) translate(50px, -35px);
            }

            .main_sub_header .hamburger.open .line::after {
                transform: rotate(-45deg) translate(35px, 50px);
            }

.inventory_box {
    border: 1px solid #115885;
    width: 350px;
    background: #fff;
    position: absolute;
    top: 27px;
    left: -350px;
    transition-duration: .6s;
}

    .inventory_box.active {
        left: 0px !important;
    }

.inventory_box_title {
    background: #115885;
    padding: 5px 5px 5px 10px;
}

.inventory_box_tools {
    height: 30px;
    box-shadow: 0px 4px 6px -4px #cccccc;
}

#inventory_Iframe {
    overflow: auto;
    width: 100%;
}

.secondary_menu .sub_menu {
    float: left;
    margin: 0px 0 0 5px;
    padding: 0;
}

    .secondary_menu .sub_menu li {
        float: left;
    }

        .secondary_menu .sub_menu li a {
            color: rgba(255,251,251,.5) !important;
            padding: 4px 10px;
            text-decoration: none;
            font-size: 100%;
        }

            .secondary_menu .sub_menu li a:hover, .secondary_menu .sub_menu li.active a {
                color: rgba(255,251,251,1) !important;
                border-bottom: 2px solid #7599ff;
            }

.main_tertiary_header {
    height: 31px;
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
}

.tertiary_menu {
    float: left;
    position: relative;
}

    .tertiary_menu .sub_menu {
        float: left;
        margin: 2px 0 0 5px;
        padding: 0;
    }

        .tertiary_menu .sub_menu li {
            float: left;
        }

            .tertiary_menu .sub_menu li a {
                color: rgba(136,136,136,.6) !important;
                padding: 4px 10px;
                text-decoration: none;
                font-size: 100%;
            }

                .tertiary_menu .sub_menu li a:hover, .tertiary_menu .sub_menu li.active a {
                    color: rgba(17,88,133,1) !important;
                    border-bottom: 2px solid #156aa1;
                }

    .tertiary_menu .object-nav ul li {
        margin-bottom: 0px;
        padding: 4px;
    }
 
.tertiary_tools {
    float: right;
}

.table-inside-control-icons {
    padding: 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 8px;
    padding-bottom: 2px;
}

    .table-inside-control-icons li {
        float: right;
        border-right: 1px solid #ccc;
    }
/******** tertiary_menu tools end *****************/


/* Sub Header end */
.secondary_menu .leftScroll {
    float: right;
    position: absolute !important;
    right: 25px;
    border-radius: 4px 0px 0px 4px;
    padding: 5px 18px 5px 12px;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    line-height: 0px;
    border: 1px solid #ccc;
    border-right: 0;
    z-index: 1;
    background: #fff;
}

.secondary_menu .rightScroll {
    float: right;
    position: absolute !important;
    right: 0px;
    border-radius: 0 4px 4px 0;
    padding: 5px 12px;
    text-align: center;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    line-height: 0px;
    border: 1px solid #ccc;
    border-left: 0px;
    z-index: 2;
    background: #fff;
}

    .secondary_menu .rightScroll i.leftbor {
        border-left: 1px solid #ccc;
        padding-left: 12px;
    }

.secondary_menu .leftScroll .iactive {
    color: #ccc;
}

.secondary_menu .rightScroll .iactive {
    color: #ccc;
}

.object-nav {
    width: 85%;
    float: left;
}

    .object-nav ul li {
        margin-bottom: 0px;
        padding: 2px;
    }

.item-nav {
    border-bottom: 1px solid #cccccc;
    display: -webkit-box;
}

.item-list-tabs ul {
    white-space: nowrap;
    overflow: hidden;
    float: none;
    /*margin-bottom: -6px !important;*/
}

    .item-list-tabs ul li {
        display: inline-block;
        float: none !important;
    }

.item-list-tabs#object-nav {
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .top_menu_collapse {
        width: 35px;
        height: 43px;
        background: transparent;
        border: none;
        /*margin-top: 8px;*/
        outline: none;
    }

    .top_menu_div {
        position: absolute;
        min-width: 147px;
        max-width: 147px !important;
        right: 30px;
        top: 0px;
        padding-bottom: 10px !important;
        will-change: transform;
        transform: translate3d(26px, 45px, 0px);
    }

    .top_menu svg.home-icon {
        width: 20px !important;
        padding-top: 4px;
        margin-right: 5px;
    }

    .top-menu-icon svg path {
        fill: rgb(21, 106, 161);
    }

    .top_menu svg {
        width: 15px !important;
        margin-right: 10px;
    }

    .top_menu li {
        float: none !important;
        text-align: left !important;
        border-bottom: rgb(21, 106, 161) dashed 1px !important;
        cursor: pointer;
    }

        .top_menu li:hover {
            background-color: rgb(21, 106, 161);
            color: #fff;
        }

        .top_menu li a {
            font-size: 100% !important;
        }

        .top_menu li:hover .top-menu-icon svg path {
            fill: #fff;
        }

        .top_menu li:hover .top-menu-icon path.active-item {
            fill: #fff;
            fill-opacity: 1;
        }

        .top_menu li:hover .top-menu-icon,
        .top_menu li:hover .top-menu-text,
        .top_menu li:active .top-menu-icon,
        .top_menu li:active .top-menu-text {
            color: #fff !important;
            -webkit-text-stroke-width: 0px;
            -webkit-text-stroke-color: #c7d1d8;
        }

    .dropdown-menu {
        right: 30px;
    }

    .top-menu-icon {
        display: inline-block !important;
    }

    .top-menu-text {
        display: inline-block !important;
        color: rgb(21, 106, 161) !important;
    }

    .nav-link span {
        display: none;
    }

    .profile-maindiv {
        min-width: 50px !important;
    }
}

@media (min-width: 768px) {
    .top_menu_collapse {
        display: none;
    }

    .top_menu_div {
        display: block;
        position: unset !important;
        background: transparent !important;
        border: none !important;
        /*min-width: 334px !important;*/
        border-radius: unset !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-top: -1px !important;
    }

    .profile-maindiv {
        margin-right: 25px;
    }

    .top-menu-icon svg path {
        fill: #c7d1d8;
    }

    .navbar-collapse {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        margin-bottom: 5px;
    }

    .right-arrow-doc {
        width: 300px;
        min-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    h4.grid-title {
        width: 300px;
        min-width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .select_multiple_options {
        margin-bottom: 2px;
        min-height: auto;
        height: auto;
    }

    .DM .label-input {
        margin-bottom: 2px;
    }

    .label-input-textareabig {
        margin-bottom: 2px;
        min-height: auto;
        height: auto;
    }

    .mb-xs-2, .my-xs-2 {
        margin-bottom: 2px;
    }

    .d-xs-none {
        display: none !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .group-selec-icons-wrap {
        width: 100%;
    }

    .group-selec-icons {
        background: url("../images/top-bot-icon.png") no-repeat;
        width: 19px;
        height: 26px;
        border: none;
        text-decoration: none;
        margin: -13px;
        padding: 0;
    }

        .group-selec-icons.icon-prev {
            background-position: -19px 0;
        }

        .group-selec-icons.icon-next {
            background-position: left bottom;
        }

    .col-equal {
        display: block;
        width: 100%;
        padding-left: 0px;
    }
}


.dmparentbgoverlay {
    background: rgba(51,51,51,0.5);
}

.panel-miniscreen {
    width: 97vw !important;
    height: 452px !important;
}

.panel-menu-miniscreen {
    /*width: 98%;*/
    width: 97vw !important;
    height: 482px !important;
}

.panel-large-screen {
    height: 569px !important;
    width: 98%;
}

.panel-Page-miniscreen {
    width: 98%;
    height: 428px !important;
}

.panel-page-menu-miniscreen {
    width: 98%;
    height: 460px !important;
}

.dm-force-overflow {
    margin-top: 40px;
}

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

.dropdown_tertiary_menu_pin {
    width: 30px;
    height: 26px;
    border: 1px solid #e0dede;
    border-radius: 4px;
    position: absolute;
    right: 6px;
    top: 3px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

    .dropdown_tertiary_menu_pin img {
        margin-top: 9px;
        margin-left: -3px;
    }


.reqDMpopup-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    /*padding-top: 65px !important; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.reqDMpopup-Complete-modal-content {
    background-color: #fefefe;
    /* margin: auto; */
    padding: 15px;
    border: 1px solid #156aa1;
    width: 50%;
    top: 25% !important;
    border-radius: 10px;
    position: absolute;
    box-shadow: 0px 0px 9px 1px #1f1d1d;
    left: 50%;
    transform: translate(-50%);
}

.reqDMpopup-content-height {
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* The Close Button */
.reqDMpopup-close {
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    background: #156aa1;
    padding: 0px 7px;
}

    .reqDMpopup-close:hover,
    .reqDMpopup-close:focus {
        color: #ffffff;
        text-decoration: none;
        cursor: pointer !important;
    }

.reqDMpopup-btn {
    padding: 10px 15px 0;
    border-top: 1px solid #156aa1;
    margin-top: 10px;
}

.DM-popup-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    border: 1px solid #156aa1;
    width: 450px !important;
    height: 400px !important;
    top: 55px !important;
    border-radius: 10px;
    position: relative;
}

.DM-popup-treeViews {
    min-height: 20px;
    height: 260px;
    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);
}

.DM-popup-esign {
    height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}

.DM-popup-main_tertiary_header {
    height: 31px;
    background: #156aa1;
    margin-bottom: 2px;
    border-radius: 7px 7px 0 0;
}

    .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu {
        display: flex;
        float: none;
    }

        .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu li {
            flex: 1 1 auto;
            text-align: center;
            border-right: 1px solid #518fb8;
        }

            .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu li:last-child {
                border-right: none;
            }

            .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu li a {
                color: rgba(255,251,251,.5) !important;
                padding: 4px 20px;
            }

                .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu li a:hover, .DM-popup-main_tertiary_header .tertiary_menu .item-list-tabs .sub_menu li.active a {
                    color: rgba(255,251,251,1) !important;
                    border-bottom: 2px solid #7599ff;
                    padding: 4px 20px;
                }

.DM-popup-main-btn {
    position: absolute;
    top: 355px;
    width: 100%;
}

.test_case_inventory_box {
    border: 1px solid #115885;
    width: 100%;
    background: #fff;
    margin-top: 7px;
    border-radius: 4px;
}

    .test_case_inventory_box.active {
        left: 100px !important;
    }

.test_case_inventory_box_title {
    background: #115885;
    padding: 5px 5px 5px 10px;
    color: #fff;
    font-size: 14px;
}

.test_case_inventory_box_tools {
    height: 34px;
    box-shadow: 0px 1px 3px 0px #cccccc;
}


.panel {
    margin-bottom: 10px;
    border: 1px solid #337ab7;
    border-radius: 4px;
}

.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #115885;
    border-color: #115885;
    font-size: 14px;
}

.panel-heading {
    padding: 5px 5px 5px 5px !important;
}

.DM_sub_tab {
    margin: 0px;
    padding: 0px;
}

    .DM_sub_tab li {
        float: left;
    }

        .DM_sub_tab li a {
            color: rgba(136,136,136,.6) !important;
            padding: 4px 10px;
            text-decoration: none;
            font-size: 100%;
            cursor: pointer;
        }

            .DM_sub_tab li a.active {
                color: rgba(17,88,133,1) !important;
                border-bottom: 2px solid #156aa1;
            }

.DMrefList {
    padding: 0;
    margin: 0;
}

    .DMrefList li {
        border-bottom: 1px solid #ccc;
        padding: 5px;
    }

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

.bookbookmark_dropdown {
    position: absolute;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    background: #fff;
    right: 0;
    width: 150px;
    display: none;
    max-height: 250px;
    overflow: auto;
}

    .bookbookmark_dropdown ul {
        margin: 0;
        padding: 0;
    }

        .bookbookmark_dropdown ul li {
            display: block;
            float: left;
            width: 100%;
            border-bottom: 1px solid rgba(0, 0, 0, .1);
        }

            .bookbookmark_dropdown ul li:last-child {
                border-bottom: 0px;
            }

            .bookbookmark_dropdown ul li span {
                color: #333 !important;
            }

                .bookbookmark_dropdown ul li span:first-child {
                    float: left;
                    width: 80%;
                    padding: 0 5px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .bookbookmark_dropdown ul li span:last-child {
                    float: right;
                    width: 20%;
                }

.bookmarkactive {
    display: block;
}

.ms-search {
    display: block;
    padding: 4px;
}

.ms-options-wrap > .ms-options > .ms-search input {
    border: 1px solid #aaa;
    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: 4px;
    width: 100%;
    box-sizing: border-box;
}

.ms-options-wrap > .ms-options {
    width: 91%;
    margin-left: 15px;
}

    .ms-options-wrap > .ms-options > ul {
        padding: 4px;
    }

.ms-options ul li {
    float: left;
}

    .ms-options ul li:first-child {
        border-right: none;
    }

.table-inside-control-icons ul li .ms-options {
    margin-left: 0px;
}

.LinkActive, .LinkInActive:hover, .LinkInActive:focus {
    background-color: transparent;
    padding: 6px 15px;
    float: left;
    color: #1a1a1a !important;
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 3px solid #156aa1;
}

.LinkInActive {
    padding: 3px 10px;
    text-decoration: none !important;
    font-weight: normal !important;
    border-bottom: 3px solid #ffffff;
    float: left;
    color: #666666 !important;
}


.row-offcanvas {
    position: relative;
}

.row-offcanvas-right {
    right: 0;
}

.row-offcanvas-left {
    left: 0;
}

.row-offcanvas-right .sidebar-offcanvas {
    right: 0; /* 6 columns */
    height: 100vh;
    overflow-y: auto !important; 
    width: 70%;
}

.row-offcanvas-left .sidebar-offcanvas {
    left: -50%; /* 6 columns */
}

.row-offcanvas-right.wd-offcanvas-98 .sidebar-offcanvas {
    width:98%;
}

.row-offcanvas-right.active {
    right: 0; /* 6 columns */
    top: 0 !important;
    position: fixed;
    width: 100%;
    z-index: 125;
    background-color: rgb(169 118 118 / 30%);
}

.row-offcanvas-left.active {
    left: 50%; /* 6 columns */
}

.sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%; /* 6 columns */
    background: #fff;
    padding: 15px;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    z-index: 10000000;
    display: none;
}

.row-offcanvas.row-offcanvas-right.active .sidebar-offcanvas {
    display: block;
}

.off-canvas-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    transition: .4s ease-in-out;
}

.off-canvas-active .off-canvas-overlay {
    opacity: 1;
    visibility: visible;
}

.canvas_close {
    float: right;
    background: transparent;
    border: none;
    padding: 0px 10px 0px 10px;
    color: #615f5f;
    cursor: pointer;
    outline: none;
}

.addIconBut {
    background: transparent;
    padding: 0px !important;
    outline: none;
}

    .addIconBut:focus {
        outline: none;
    }

.sidebar-offcanvas .page-title {
    position: sticky !important;
    /*width: 100%;*/
    border-bottom: #c1c1c1 solid 1px;
    height: auto;
}

.pageSubheader {
    float: left;
    width: 100%;
}

h4.subtitle {
    margin: 0px;
    padding: 0px;
}

    h4.subtitle span {
        font-size: 16px;
        padding: 3px 3px 3px 0;
        line-height: 26px;
    }

/* status color */

.activeState, .inactiveState, .InactiveState, .wipState, .inreleaseState, .initaitedState, .initiatedState,
.savedState, .reviewedState, .rejectedState, .pendingState, .inprogressState, .inprogressState,
.inreleaseState, .newState, .assignedState, .closedState, .deferredState, .verifiedState,
.duplicateState, .fixedState, .needMoreInfoState, .reopenState, .authoringState, .completeState, .awaitingToStart {
    background-color: #4F9E52;
    color: #FFFFFF;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 0px 0px !important;
    display: inline-block;
}

.inactiveState, .InactiveState {
    background-color: #8d8d8d;
}

.wipState {
    background-color: #F08943;
}

.savedState {
    background-color: #4F9E52;
}

.reviewedState {
    background-color: #F08943;
}

.rejectedState {
    background-color: #C93532;
}

.pendingState {
    background-color: #fa5f3c;
}


.inprogressState {
    background-color: #e7a50b;
}

.inreleaseState {
    background-color: #3ca1fa;
}


.initaitedState, .initiatedState {
    background-color: #5395E7;
}

.newState, .awaitingToStart {
    background-color: #2666B4;
}

.assignedState {
    background-color: #4F9E52;
}

.closedState {
    background-color: #4F9E52;
}

.deferredState {
    background-color: #192a5b;
}

.verifiedState {
    background-color: #4F9E52;
}

.duplicateState {
    background-color: #F08943;
}

.fixedState {
    background-color: #4F9E52;
}

.needMoreInfoState {
    background-color: #F08943;
}

.reopenState {
    background-color: #F08943;
}

.authoringState {
    background-color: #324367;
}

.completeState {
    background-color: #4F9E52;
}
/* status color ends*/

.displaynone {
    display: none !important;
}

.top-minus-25 {
    margin-top: -60px !important;
    position: fixed !important;
}

.top-minus-85 {
    margin-top: -85px !important;
}

.tableLayoutFixed {
    table-layout: fixed !important;
}

.d-flex {
    display: flex;
}

.justify-content-end {
    justify-content: flex-end;
}

.align-center {
    align-items: center;
}
.align-baseline {
    align-items: baseline;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-center {
    justify-content: center;
}

table td.space-4 {
    padding: 4px !important;
}

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

.radioBtnStyle input:checked + label {
    background-color: #69a75a !important;
}

.bor-bot-1-white {
    border-bottom: 1px solid #fff !important;
}

.DM #dvAction a, .DM a#btnNextStep {
    color: #000 !important;
    border-color: #ccc;
}

.DM a#btnNextStep {
    min-height: 36px;
    display: flex;
    align-items: center;
}

    .DM a#btnNextStep span.down-arrow {
        margin-top: 0;
    }

.DM #dvAction a:hover {
    /*color: #fff !important;*/
}

.DM #dvAction .dropdown-content a:hover {
    color: #fff !important;
}


.DM #dvAction span.down-arrow, .DM a#btnNextStep span.down-arrow {
    font-size: 10px;
    margin-top: 2px;
    background-image: url(../Images/select-down-arrow.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
}

.DM .label-output span.font-normal {
    font-weight: normal !important;
}

/* active link green dot */
.activeLink {
    border-radius: 100%;
    background: rgb(21, 106, 161);
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
}
/* active link green dot */

.DM .page-title .close-icon {
    width: 13px;
}

.DM .btn-link {
    line-height: 38px !important;
}

.DM .align span {
    line-height: 40px !important;
}

.DM #dlStatus .div-child-class {
    cursor: move;
    height: 100px;
    overflow-y: auto;
}

.DM .align {
    background: #F1F2F7;
}

.DM #dlStatus td {
    padding: 2px !important;
    height: auto;
}

.DM #divStatusUpdate .entity-details .label-input {
    line-height: 25px;
}

    .DM #divStatusUpdate .entity-details .label-input span {
        font-weight: normal !important;
    }

.DM #divStatusUpdate .entity-details .label-output span {
    line-height: 34px !important;
}

.route-review.DM .row {
    margin: 8px 0px;
}

.DM .indextab .nav > li.active > a:hover {
    padding: 2px 20px 0px !important;
}

/* Search drop down  */
.DM .select2-container--open {
    z-index: 99999991;
}
/* Search drop down  */



/* Side nav */

#sidebar-wrapper .topScroll {
    top: 65px;
}

#myslidemenu .menu-part {
    margin-top: 93px !important;
    
}

/* Side nav end */

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: none !important;
}

/* modal popup */
#lbImageContainer, #lbIframeContainer, #lbTopContainer, #lbBottomContainer {
    border-color: #ccc !important;
}
.ms-options-wrap.ms-active > .ms-options {
    visibility: visible
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: -1px;
    margin-bottom: 20px;
    background: white;
    z-index: 2000;
    border: 1px solid #ccc;
    visibility: hidden;
}

/* Esign popup */
.DM.esignPopup .popup-content-inner  {
    max-height: inherit;
}

/* Scroll visible when selected entity dropdown*/
.force-overflow.top-mspace-0.DM {
    overflow: visible !important;
}

/* Tooltip Table Grid */

.DM #tblShowSpreadTemplateFields table, .DM #tblShowSpreadTemplateFields table th, .DM #tblShowSpreadTemplateFields td {
    border: 1px solid #c5c1c1 !important;
    border-collapse: collapse !important;
}

.DM #tblShowSpreadTemplateFields th {
    text-align: left;
    background-color: #F1F2F7;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}

.DM #tblShowSpreadTemplateFields tr th, #tblShowSpreadTemplateFields tr td {
    padding: 5px 10px !important;
    color: #000;
}

.DM #lblViewID .tooltip-arrow-up {
    /*top: 73px;*/
}
.DM .spreadTT .tooltip {
    top: 0% !important;
    left: 34px !important; 
    width: auto !important; 
    min-width: 225px !important;
}
.DM .spreadTT {
    text-align: left;
    line-height: inherit;
}
.DM .spreadTT  a {
    line-height: inherit;
    margin: 0 !important;
}

.DM .spreadTT .tooltip .tooltip-arrow-down {
    display: none;
}

.DM .spreadTT .con-tasklist-tooltip .right:hover {
    position: absolute;
    z-index: 1;
}

.DM .spreadTT .viewIconSep {
    margin-top: 5px !important
}

.DM .docTitle, .DM .docTitle-testlab {
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
}
.DM .docTitle-testlab {
    max-width: 200px;
}

body.dd-overlap .select2-container--open {
    z-index: 99999999;
}

/* z-index value changed for below id's */
.DM #divStatusUpdate, .DM #divBacklogDelStatus, .sliderBox {
    z-index: 101;
}
/* z-index value inherit */

.DM #A1 {
    width: auto !important;
    border: 0 solid transparent !important;
    padding:  0px 4px !important;
    margin: 0 !important;
}

.DM .backdrop, .DM-backdrop .DM-bgdrop {
    z-index: 5;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.DM .overflowX {
    overflow-x: hidden;
}

.DM .sub_menu.nav > li {
    margin: 0;
    padding: 0;
}

.slider-header {
    min-height: 45px;
}

.DM #dvgvSelectFeatureRequest .GridHeading span, .DM table .GridHeading span {
    padding: 0;
}

/* Multi dropdown chosen width search */
.DM .chosen-container-active .chosen-choices,
.DM .chosen-container-multi .chosen-choices {
    box-shadow: none;
    border: 1px solid #ccc;
    /*border-left: 0;*/
    background-image: none;
    overflow-y: auto;
    max-height: 150px;
    min-height: 36px;
}
.DM .chosen-container .chosen-results li.highlighted {
    background: #eee !important;
    background-image: none !important;
    color: #333;
}
.DM .chosen-container-multi .chosen-choices li.search-choice {
    margin: 2px 5px 2px 0px;
}
/* Multi dropdown */
.DM .radioBtnStyle #rbtElectronic:checked + label {
    border-radius: 4px;
}

.DM .tooltip {
    font-size: 14px;
    line-height: 1.3;
}

/* Scrollbar */
/*.DM ::-webkit-scrollbar {
    height: 5px;
}*/

/* Esign */
.DM .esignPopup .label-input {
    background-color: #f1f1f1;
    line-height: 26px;
    text-align: right;
    padding-right: 15px !important;
    padding-top: 0 !important;
}
.DM .esignPopup .label-output {
    line-height: 26px !important;
    height: auto;
    color: #353535 !important;
}
.DM .esignPopup .label-output .selection span {
    line-height: 26px !important;
}
.DM .esignPopup div.mrg-0 {
    margin: 2px 0px !important;
}
.DM .esignPopup .select2-container .select2-selection--single,
.DM .esignPopup .select2-container--default .select2-selection--single .select2-selection__arrow,
.DM .esignPopup .form-control {
    height: 26px !important;
}
.DM .esignPopup .form-control {
    padding-right: 6px !important;
}   

.DM .esignPopup input {
    line-height: inherit !important;
}
.DM .esignPopup center {
    line-height: 1;
}
/* Esign */

/* Testcase dropdown */
.DM .dd-top-right {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.DM .testcase-dd .combobox-aln {
    min-width: 200px;
    max-width: 250px;
}
.DM .testlab-dd .combobox-aln {
    min-width: 150px;
    max-width: 180px;
}

.DM .usersName {
    word-break: break-all;
    min-height: 36px;
    max-height: 130px;
    overflow-y: auto;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 5px 8px;
}

.DM .usersName span {
    line-height: inherit !important;
}

.DM #dvSearch .icon-image.CrossIconSep {
    margin-top: 3px !important;
}
.DM #dvSearch .searchtext-clearicon {
    right: 20px !important;
}

.DM .site-main-icon .lytebox {
    text-decoration: none !important;
}
.DM #dvFeatureRequest .yellow-grid-reset .table {
    margin-bottom: 0 !important;
}

.DM .workflowsub svg {
    width: 100%;
}
.DM #updpnlWorkFlow .label-output a {
    margin-left: 0 !important;
}

.DM #DivDefectApprovalGroup .frameworkSearch .select2-container--default .select2-selection--multiple {
    max-height: 150px;
    overflow-y: auto;
}

/* Workflow in manage release plan start */
.DM .DivWorkflowModel .blue-grid-title, .DM .workflow .blue-grid-title  {
    background: transparent;
    border-bottom: #c1c1c1 solid 1px !important;
}

    .DM .DivWorkflowModel .blue-grid-title .grid-icon, .DM .workflow .blue-grid-title .grid-icon  {
        display: none;
    }

    .DM .DivWorkflowModel .blue-grid-title .grid-title, .DM .workflow .blue-grid-title .grid-title {
        padding-left: 15px;
        font-weight: normal;
        font-size: 16px;
    }

.DM .DivWorkflowModel #UCWorkflow_ReviewTable, .DM .DivWorkflowModel #UCWorkflow_ApproverTable {
    padding: 0 10px 0 15px;
}

.DM .DivWorkflowModel .site-main-icon {
    margin-right: 10px;
}

.DM .DivWorkflowModel .inputbox .styled-select {
    background-position: 98% 12px !important;
}

.DM .DivWorkflowModel .dvWorkFlow .search-box {
    right: inherit;
    padding: 0;
}

.DM .DivWorkflowModel .reference-blue td {
    padding: 0 !important;
    height: auto;
}

.DM .DivWorkflowModel #UCWorkflow_dvSaveChanges .site-main-icon {
    margin: 0;
    padding-top: 5px;
}

.DM .DivWorkflowModel .divgrvWorkFlowGroup {
    min-height: inherit;
}

.DM .DivWorkflowModel #UCWorkflow_dvWorkFlowTollTip + .left + .row {
    margin: 0;
    padding: 0;
}

.DM .DivWorkflowModel #UCWorkflow_dvWorkFlowTollTip + .left + .row a {
    margin: 0;
    padding: 0;
    line-height: inherit;
}
.DM #DvUserStory #divDefects #lnkDefectView {
    margin-left: 0 !important;
}

.DM #UCWorkflow_ReviewTable, .DM #UCWorkflow_trAddRevRow, .DM #UCWorkflow_ApproverTable, .DM #UCWorkflow_trAddAppRow {
    padding: 0 15px;
}
.DM #UCWorkflow_tbWorkflow + .left + .row {
    display: none;
}
.DM #UCWorkflow_trAddRevRow .bot-mspace-0 {
    margin-bottom: !important;
}


.DM #workflow .workflow-subpart {
    width: 250px;
}
/* Workflow in manage release plan ends */



/* Select attachment start - Test Lab - Upload attachment*/
.DM .select-attachment input[type="file"] {
    border: 1px solid rgb(221, 221, 221);
    height: 36px !important;
    border-radius: 3px;
}

.DM .select-attachment input::file-selector-button {
    background-color: rgb(21, 106, 161);
    border: none;
    color: rgb(255, 255, 255);
    height: 34px;
}
/* Select attachment ends */

.DM #grdProductBackLogUserStory .mandatory {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

.DM #txtTitle {
    padding-right: 6px !important;
}
/* slider-window inherit the styles for media resolution */

/* View Form for DM only start */
.DM-ViewForm .define-sections .select2-container {
    width: 100% !important;
}

.DM #divAuditTrail #aud1_Tableaudit .Tab {
    padding: 0 !important;
}
/* View Form for DM only ends */


/*Risk Assessment Slider window start */
.DM-Risk-Model .container-fluid {
    padding: 0 !important;
}
.DM-Risk-Model .blue-grid-title {
    background: #fff;
    border-bottom: 1px solid rgb(193, 193, 193) !important;
}
.DM-Risk-Model .grid-icon {
    display: none;
}
.DM-Risk-Model #trFactorLevel, .DM-Risk-Model #trFormula, .DM-Risk-Model #trMain {
    margin: 0 10px;
}
.DM-Risk-Model #trNoCustomFactorType, .DM-Risk-Model #trDesignManager {
    margin-bottom: 50px;
}
.DM-Risk-Model h4.grid-title {
    font-weight: normal;
}
.DM-Risk-Model .CollapseHeadingYellow .right-arrow-doc span {
    margin-top: 5px;
    font-family: inherit !important;
}
.DM-Risk-Model tr.bg-info.tabcontent, .DM-Risk-Model .table-bordered {
    border: none !important;
}
.DM-Risk-Model ol.mandatory {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}
.DM-Risk-Model .label-input-textareabig {
    min-height: inherit !important;
    height: auto !important;
}
.DM-Risk-Model .right-arrow-doc {
    padding-left: 10px;
}
.DM-Risk-Model #EntFields_gvView_ctl02_lttpanel {
    border-bottom: #c1c1c1 solid 1px !important;
    margin: 0;
}
.DM-Risk-Model #divNavBar {
    padding-left: 10px;
    padding-right: 5px;
}
.DM-Risk-Model #divRiskFrameWorkGrid, .DM-Risk-Model #divSelectedColumn {
    padding-left: 10px;
    padding-right: 10px;
}

.DM-Risk-Model #divRiskFrameWorkGrid th.GridHeading:first-child {
    text-align: center;
}

.DM-Risk-Model #divRiskFrameWorkGrid table th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.DM-Risk-Model #divRiskFrameWorkGrid table td table td {
    padding: 0 !important; 
    height: auto;
}
.DM-Risk-Model #divRiskFrameWorkGrid table td {
    padding: 6px !important;
}
.DM-Risk-Model .gsi-step-indicator.triangle li > * {
    min-height: 37px;
    font-size: 11px;
    display: flex;
    align-items: center;
    padding: 0;
    padding-left: 1.4rem;
}
.DM-Risk-Model .gsi-step-indicator li .desc {
    padding-top: 0 !important;
}
.DM-Risk-Model .bot-btns {
    padding-bottom: 40px;
    margin-right: 5px !important;
}
.DM-Risk-Model .bot-btns a:hover {
    text-decoration: none !important;
}
.DM-Risk-Model .CollapseHeadingYellow {
    border-bottom: 1px solid #c1c1c1 !important;
}
.DM-Risk-Model .light-bg.CollapseHeadingYellow {
    border-bottom: none !important;
}
.DM-Risk-Model .CollapseHeadingYellow, .DM-Risk-Model .light-bg, .DM-Risk-Model .CollapseHeadingYellow .right-arrow-doc, .DM-Risk-Model .CollapseHeadingYellow .accordion_icon {
    background: transparent !important;
}
.DM-Risk-Model .IntendedUse .dxeButtonEditButton {
    right: -6px;
    top: 13px;
}
.DM-Risk-Model a#btnRefAdd {
    margin-left: 0 !important;
}
.DM-Risk-Model #divSelectedColumn .form-control, .DM-Risk-Model #divSelectedColumn .select2-container, .DM-Risk-Model #divSelectedColumn select {
    width: 200px !important;
} 
.DM-Risk-Model .vm-form-fields-layer {
    z-index: 2 !important;
}

/*Risk Assessment Slider window end */
.DM #divViewRiskFramework .slider-full-height {
    height: calc(100vh - 50px) !important;
}
.DM #aud1_pnlAudiTrialHead {
    border-bottom: #c1c1c1 solid 1px !important;
}
.DM #aud1_UltraWebTab1_body {
    padding: 0 10px;
}
.DM #aud1_UltraWebTab1_header {
    padding-left: 5px;
}
.DM .trEstimateDueDate table td {
    height: auto !important;
    padding: 0 8px !important;
}
.DM .trEstimateDueDate input:focus {
    outline: none;
    border: none;
}

.DM .date-disabled {
    cursor:not-allowed; 
    background-color: #eeeeee;
    border-left: red solid 2px !important;
    border-radius: 4px !important;
    height: 36px !important;
}
.DM .date-enabled {
    height: 36px !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);    
    border-radius: 4px !important;
    border: 1px solid #c1c1c1 !important;
    border-left: red solid 2px !important;
}

.DM #divtxtCurrentControl .output-left, .DM #divProposedControlFierlds .output-left {
    padding-right: 0.4rem !important;
}




/* Audit Trail Table */
.DM .auditrail-table table {
    height: 100%;
}

.DM .auditrail-table th.no-padding, .DM .auditrail-table td.no-padding {
    padding: 0 !important;
    height: 100%;
}
.DM .auditrail-table .tblUtcTimezoneHeader .bor-rig-1-darkgrey {
    border-right: 1px solid #ddd !important;
}
.DM .auditrail-table .tblUtcTimezoneHeader .bor-bot-1-darkgrey {
    border-bottom: 1px solid #ddd !important;
}
/* Audit Trail Table */
/* Uploading Popup */
.DM .dxpc-content table td {
    height: auto;
}

.DM .dxbButton.dxbButtonSys.dxbTSys {
    padding: 0.05rem 1.5rem !important;           
}
        
.DM .dxpcLite .dxbButton div.dxb {
    padding: 0px !important;           
}

.DM .dxpcLite .dxbButton div.dxb .dx-vam {
    line-height: inherit !important;
}

.DM .tblUtcTimezoneContent {
    min-width: inherit !important;
}

.DM .dxpcLite .dxpc-content {
    padding: 0px 15px !important;
}

.DM .dxeProgressBar {
    margin: 0 !important;
}
/* Uploading Popup Ends */

.DM #divRiskviewSlider #RiskformviewIframe {
    margin-top: -2.5rem;
}
.dm-slider-window .gsi-step-indicator li .desc {
    padding-top: 0 !important;
}
/* Notification Popup */
.DM #val1_pnlErrorMesPop .popup-content-inner {
    max-height: inherit;
}
/* Notification Popup Ends */

.force-overflow input, .force-overflow input[type="checkbox"],
.force-overflow input:focus, .force-overflow input[type="checkbox"]:focus {
    outline: none;
    box-shadow: none;
}

@media (max-width: 767px) {
    body.dm-slider-window {
        width: 100% !important;
        overflow-x: inherit !important;
    }
    .DM .docTitle {
        max-width: 170px;
    }
    .DM-Risk-Model .gsi-step-indicator.triangle li > * {
        font-size: 8px;
        padding-left: 1.2rem;
        min-height: 32px;
    }
    .DM-Risk-Model .gsi-step-indicator.triangle li > *::after {
        border-width: 17px;
    }
}
@media (min-width: 768px) and (max-width: 1250px) {
    .DM-Risk-Model .gsi-step-indicator.triangle li > * {
        font-size: 10px; 
        padding-left: 1.2rem;
    }
}

@media (min-width: 1024px) and (max-width: 1250px) {
    .indextab.DM .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
    }
    .DM-Risk-Model .gsi-step-indicator.triangle li > * {
        font-size: 10px; 
        padding-left: 0.9rem;
    }
}

@media (min-width: 520px) and (max-width: 1180px) {
    .indextab.DM .nav > li > a {
        font-size: 12px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .DM .docTitle {
        max-width: 200px;
    } 

    .DM .testcase-dd .combobox-aln {
        max-width: 150px;
    }

    .DM .testlab-dd .combobox-aln {
        min-width: 120px;
        max-width: 120px;
    } 
}

@media (min-width: 768px) and (max-width: 1024px) {
    .DM .docTitle-testlab {
        max-width: 120px;
    }
    .DM .testlab-dd .combobox-aln {
        min-width: 100px;
        max-width: 100px;
    }
    .DM a#lnkTraceMatrix {
        padding-left: 5px !important;
        padding-right: 5px !important;
        font-size: 12px;
    }
}

@media (min-width: 1200px) and (max-width: 1900px) {
    .DM .docTitle-testlab {
        max-width: 298px;
    }    
}
.DM .pagination a.active, .DM .pagination.verification a:hover {
    color: #343D47 !important;
}