html {
    background: #f9f9f9;
}
.dropdown-submenu > .dropdown-menu {
    position: absolute;
    right: 210px;
    top: 10px;
    margin: 0;
}
.dropdown.open .dropdown-menu a {
    text-shadow: unset;
    background-color:unset;
}

.container-width-1300 {
    width: 1300px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

a {
    color: #31BAD3;
    outline: 0 !important;
}
default-cursor{
    cursor:default !important;
}
.SuburbDropDown {
    min-width: 200px;
    width: 100%;
    max-width: 360px;
}
readonly-label {
    color: #000;
    text-align: left;
    font-weight: bold;
    padding-bottom: 7px;
    cursor: default;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #999;
    background: none;
    font-family: 'Lato', sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea,
.k-dropdown.form-control,
.k-numeric-wrap {
    max-width: 280px;
}
.k-dropdown.form-control{
    width:100%
}
fieldset {
    border: 1px solid #ddd;
    padding: 10px !important;
    padding-bottom: 2px !important;
}
fieldset>legend{
    margin-left: 15px!important;   
    font-size:12px;
    font-weight: bold;
    margin:0px;
    padding:0px;
    width:auto;
    border:none;
}
.display-none{
    display:none
}
.max-width-100p{
    max-width: 100% !important;
}
.min-width-100p {
    min-width: 100% !important;
}
.min-width-100px {
    min-width: 100px !important;
}
td.red,
span.red,
p.red,
i.red,
div.red,
label.red{
    color: #FF383D!important;
}

td.green,
span.green,
p.green,
div.green,
label.green {
    color: #84CB41!important;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


.navbar {
    background: #f9f9f9;
    border-bottom: 1px solid #EEE;
}


    .navbar .dropdown.open > a {
        background: #1EB0D7;
        color: #fff;
    }

    .navbar .dropdown.open .dropdown-menu {
        background: #1EB0D7;
        border: 0;
        border-radius: 0;
    }

        .navbar .dropdown.open .dropdown-menu a {
            font-size: 12px;
            padding: 5px 20px;
            color: #fff;
        }

            .navbar .dropdown.open .dropdown-menu a:hover {
                background: none;
                text-shadow: 0 0 9px #FFF;
            }




.logo img {
    height: 40px;
    position: relative;
    top: 5px;
}


.breadcrumb-wrap {
    background: #fff;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}


.breadcrumb {
    background: none;
    padding: 15px 0;
    margin: 0;
}


.table th {
    text-transform: uppercase;
    color: #000;
    text-transform: uppercase;
}

.table-no-separator td {
    border-top: 0 !important;
}

.table.table-hover tbody tr {
    cursor: pointer;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    vertical-align: middle;
}

.panel {
    border-radius: 0;
    padding: 20px;
    border: 1px solid #EEE;
    box-shadow: none;
    padding-bottom : 0px;
}


    .panel h4 {
        margin-top: 0;
    }

.panel-defaults{
    min-height: 75px;
}
.panel-padding-bottom-20{
    padding-bottom: 20px !important;
}
.badge {
    padding: 7px;
    border-radius: 3px;
}

    .btn.blue,
    .badge.blue {
        background: #1EB0D7;
        color: #FFF;
    }

    .btn.green,
    .badge.green {
        background: #84CB41;
        color: #FFF;
    }

    .btn.orange,
    .badge.orange {
        background: #FFBC30;
        color: #FFF;
    }

    .btn.red,
    .badge.red {
        background: #FF383D;
        color: #FFF;
    }


.filters {
    margin-bottom: 20px;
}

    .filters .search {
        width: 300px;
    }

.form-control {
    border-radius: 0;
    height:auto;
}
.k-numeric-wrap, .k-numerictextbox{
    border-radius:0px;
}
.modal-body {
    padding-top:0px;
}
.axios-suburbia .axios-suburbia-resultspane {
    min-width : unset;
}
.btn {
    border-radius: 0 !important;
}
 .btn-filter {
    height: 33px !important;
}   
.tabs .nav.nav-tabs {
    margin: 0 0 10px;
    border: 0;
}

        .tabs .nav.nav-tabs li a {
            text-transform: uppercase;
            color: #999;
            background: #eee;
            border-radius: 0;
            border: 0;
            margin: 0;
            cursor: pointer;
        }

            .tabs .nav.nav-tabs li a:hover {
                color: #555;
            }

        .tabs .nav.nav-tabs li.active {
            border: 0;
        }

            .tabs .nav.nav-tabs li.active a {
                color: #000;
                font-weight: bold;
                border: 0;
                background: #fff;
            }

.tabs .tab-content .tab-pane > div {
    padding: 0 10px;
}

    .tabs .tab-content .tab-pane > div:first-child {
        padding: 0;
    }

    .tabs .tab-content .tab-pane > div:last-child {
        padding: 0;
    }

.k-tabstrip-wrapper{
    overflow:hidden;
}

/* LEXT-1083, workaround for TabStrip background-color being grey instead of transparent after upgrading kendo version to 2021.3.1207.
    Please see if we can remove this fix next upgrade of kendo.
*/
.k-tabstrip {
    background-color: transparent;
}
.padding-left-right-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.padding-left-right-3{
    padding-left:3px !important;
    padding-right: 3px !important;
}
.padding-left-right-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.padding-left-0 {
    padding-left: 0px !important;
}
.padding-right-0 {
    padding-right: 0px !important;
}
.padding-top-bottom-0{
    padding-top:0px !important;
    padding-bottom: 0px !important;
}
.padding-top-bottom-5{
    padding-top:5px !important;
    padding-bottom: 5px !important;
}
.padding-top-bottom-10{
    padding-top:10px !important;
    padding-bottom: 10px !important;
}

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

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

.padding-bottom-0 {
    padding-bottom: 0px !important;
}
/*.k-widget *,
.k-widget *:before,
.k-widget *:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing:border-box !important;
}*/

.form-horizontal .control-label {
    color: #000;
    text-align: left;
    font-weight: bold;
    padding-bottom: 7px;
}
.form-horizontal .readonly-label {
    color: #000;
    text-align: left;
    font-weight: bold;
    padding-bottom: 7px;
}
.form-horizontal .form-group {
    /*border-bottom: 1px solid #eee;*/
    margin: 0;
    padding-top: 7px;
    padding-bottom: 15px;
}

.nolines .form-horizontal .form-group {
    border-bottom: 0;
    margin: 5px 0;
}

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

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

.form-horizontal.table .form-group > div {
    padding-left: 0;
}
.k-widget *,
    .k-widget *:before,
    .k-widget *:after {
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

.btn {
    outline: none !important;
}

.margin-top-25 {
    margin-top: 25px!important;
}
.margin-top-15 {
    margin-top: 15px !important;
}
.checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}
.form-horizontal .checkbox {
    padding-top: 0px;
}


input.k-checkbox {
    margin-right: 10px;
}
.checkbox input[type="checkbox"] {
    display: none;
}
.checkbox label.control-label {
    cursor: pointer;
    font-weight: normal;
    color: #000;
    padding-left: 0px;
}
.checkbox label.readonly-label {
    cursor: default;
    font-weight: normal;
    color: #999;
    padding-left: 10px;
}
.checkbox input[type="checkbox"] + label:before,
.checkbox input[type="checkbox"] + input[type="hidden"] + label:before {
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    content: "\e157";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 10px;
    color: #999;
}
.checkbox input[type="checkbox"]:checked + label:before,
.checkbox input[type="checkbox"]:checked + input[type="hidden"] + label:before {
    content: "\e067";
    color: #84CB41;
}


.checkbox input[type="checkbox"]:checked + label,
.checkbox input[type="checkbox"]:checked + input[type="hidden"] + label {
    color: #84CB41;
}

.checkbox input.readonly[type="checkbox"] + label,
.checkbox input.readonly[type="checkbox"] + label:before,
.checkbox input.readonly[type="checkbox"] + input[type="hidden"] + label,
.checkbox input.readonly[type="checkbox"] + input[type="hidden"] + label:before {
    cursor: not-allowed !important;
    pointer-events: none;
    color: #999;
    opacity: 0.7;
}
.k-listview, .k-listview-bordered {
    background-color: unset !important;
    border: none !important;
}
#permissions .checkbox {
    float: left;
    margin-left: 15px;
    width: 250px;
}
label>input[type='checkbox'], input[type='radio']{
    margin-left:5px;
    /*position: absolute;*/
    margin-top:1px;
}


.k-checkbox-label{
    padding-left: 1.5em !important;
}
.k-grid .k-dirty {
  display: none;
}
.k-upload-files ~ .k-clear-selected, .k-upload-files ~ .k-upload-selected {
    display: none;
}
.glyphicon{
    font-size: 20px;
}
.cursor-not-allowed{
    cursor: not-allowed;
}

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



#groupsTreeView, #tree {
    width: 270px;
    margin: 0 auto;
    background-color: white;
}



.rootfolder {
    background-position: 0 0;
}

.folder {
    background-position: 0 -16px;
}

.pdf {
    background-position: 0 -32px;
}

.html {
    background-position: 0 -48px;
}

.image {
    background-position: 0 -64px;
}

.delete-link {
    width: 16px;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
}

.edit-link {
    width: 16px;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
}



.item-styling {
    display: inline-block;
    text-align: left;
    width: 160px;
    height:100%;
}

.move {
    margin-left: 17px;
}

.k-grid tbody > tr > td  input[type=checkbox]{
    transform:scale(2.1);
}
.rowdisable td {
    color: #c6c6c6 !important;
}
#templates {
    display: none;
}

.topButtons {
    text-align: right;
    position: relative;
    top: 10px;
    right: 15px;
}

    .topButtons .form-control {
        position: relative;
        top: 2px;
    }

.list-group-item {
    border-radius: 0 !important;
}


.groups b {
    background: #31bad3;
    color: #FFF;
    font-weight: normal;
    padding: 2px;
    border-radius: 2px;
}



.dataTable {
    border: 1px solid #ddd;
}

.datepicker {
    border-radius: 0;
    width: 262px !important;
    border: 1px solid #E7E7E7;
}

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

    .datepicker table {
        margin-left: 5px;
    }

    .datepicker .day,
    .datepicker th {
        padding: 5px 9px !important;
        text-align: center;
    }

        .datepicker .day:hover,
        .datepicker th:not(.dow):hover,
        .datepicker .month:hover {
            cursor: pointer;
            background-color: #E7E7E7;
        }

    .datepicker td.active.day {
        background-color: #e21742;
        color: #fff;
    }

.datepicker-months td {
    max-width: 250px;
}

.datepicker .month {
    float: left;
    text-align: center;
    width: 40px;
    padding: 5px;
}
.site-seal {
    position: fixed;
    bottom: 10px;
    left:10px;
}
.version-panel {
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: right;
}

.modal-wrapper-div {
    min-height:170px;
    vertical-align : middle;
}

.modal-items-vertical-align {
    position: absolute;
    left: 60%;
    top: 35%;
    transform: translateY(-50%);
}


#userPopup .modal-dialog {
width:80%;
}

.noteSubject {
max-width:100%;
}


#tblAdminNotes .k-grid tbody > tr {
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 40px;
    min-height: 40px;
    height: 40px !important;
    white-space: nowrap;
}


    #tblAdminNotes .k-grid tbody > tr > td {
        padding: 0;
    }

#tblAdminNotes .k-grid-content {
    height: 300px; /* internal bit with the scrollbar */
}

#tblAdminNotes .k-grid-header-wrap tr {
    height: 75px; /* header bar */
}


#ledgerPopup .modal-dialog{
    width:430px!important;
}
select2-container{
    width: 300px;
}

.select2{
    max-width: 280px !important;
}
.k-grid table {
    table-layout: fixed; 
}
.k-grid td{
    color:#464444;
    padding:.8em .6em  !important;
}

.k-grid .k-header {
    font-weight: 900 !important;
}
.header-right > .k-link {
   text-align:right;
}
.text-center-important{
   text-align: center !important;
}
.k-grid th.k-header,
.k-grid-header
{
    background:white;
     height: auto;
      white-space: normal;
}

.k-header > input[type="checkbox"]
{
    transform: scale(2.1);
}

.k-grid-header th.k-header:has(input[type="checkbox"]) {
    text-align: center !important;
}

.k-grid-norecords-template {
    border: none !important;
    width: auto !important;
    height: auto !important;
    line-height: unset !important;
}
.k-grid-content>table>tbody>tr
{
    background:white;
}
.k-grid tbody > .k-alt
{
    background:white;
}

.k-grid tr:hover
{
    background-color: #ccc;
}

.k-grid tbody > tr > td
{
     border-left:0px !important;
    border-right:0px !important;
}
.cell-padding-1px  tbody > tr > td{
    padding-left:1px!important;
    padding-right:1px!important;
    margin:0px!important;
}

.k-grid-header .k-header  {
        border-left:0px !important;       
        height: 20px;
}

.k-grid-header th.k-header {
    height:25px;
    line-height:25px;
    border-bottom-width: 4px;
    border-bottom-color: #999;
    vertical-align: middle;
    /*border:0px 0px 3px 1px;*/
}
.k-filter-add-new-button {
    font-size: 12px;
    color: #999;   
    font-family: 'Lato', sans-serif !important;
}
/*
.table {
    border-right:0px !important;
    border-left:0px !important;
   }
    */
.k-grid tbody .k-state-selected 
{
    background-color: #ccc;
    color:#999;
}




.k-grid tbody tr {
    line-height: 14px;
}

.k-grid tbody td {
    padding: 0;
}


.progress {
    background-color: #ccc;
}

.table tr .k-state-selected:hover {
    color: #333;
    background-color: #ccc !important;
}

.k-widget.k-numerictextbox{
    width: 100%;
}

.readonly {
    /*opacity: 0.8;*/ /* not necessary */
    
   
    pointer-events: none;
}

.label-appearance{
    border:0;
     pointer-events: none;
}

.width-100p{
    width:100% !important;
}
.height-100p{
    height:100% !important;
}

.axios-suburbia {
    display: block;
    width: 100%;
    
}

    .axios-suburbia input[type=text] { 
        display: block;
        width: 100%;
        height: 46px;
        padding: 12px 16px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #3e3f3a;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        padding: 6px 12px;
        height: auto;
    }



span.field-validation-error {
    color: red;
    font-size: 12px;
}
span.field-validation-error span{
    color: red;
    font-size: 12px;
}
.cell-footer-style{
    border-color: #ccc;
    border-width: 1px;
    background-color: #f5f5f5;    
    border-style: solid;
    border-top-width: 0px;
}
.disabled{
    background-color:#f5f5f5!important;
}
.form-control[disabled]{
    background-color:#f5f5f5!important;
}
.background-white{
    background-color: #fff!important;
}
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.archived-row {
    color: lightgrey !important;
}

.multiPicker-col{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:0px;
}
.dropdownPicker-col{
    border-radius:4px;
    height:32px;
}

.k-icon.k-clear-value.k-i-close{
    display:none;
}
.left-align-control{
    padding-left:6px;
    max-width:382px;
}

/* LEXT-1083, workaround for 'display: flex' being applied to Attachments tab dropzone after upgrading kendo version to 2021.3.1207.
    Please see if we can remove this fix next upgrade of kendo.
*/
.k-dropzone {
    display: block;
}

/* LEXT-1083, workaround for file name being displayed below instead of to the right of file icon, on Attachments tab after uploading a file.
    This happened after upgrading kendo version to 2021.3.1207. Please see if we can remove this fix next upgrade of kendo.
*/
.file-wrapper span {
    display: inline-block;
}
/* LEXT-1083, workaround for file type dropdown display overlapping on Attachments tab after uploading a file.
    This happened after upgrading kendo version to 2021.3.1207. Please see if we can remove this fix next upgrade of kendo.
*/
.k-upload-files .k-file {
    display: block;
}

div.k-dropzone em {
    visibility: visible;
    content: "Drag and drop file here";
}

div.k-dropzone-active {
    border: 1px solid yellow;  
    visibility: visible;
    
}
.k-dropzone-hovered {
    border: 1px solid green;    
}
.btn-group>.btn-default:not(.active){
    background-color: inherit;
    border: none;    
    color:#428bca;
}
.btn-group>.btn-default.active{
    border-bottom: none;  
    background-color :white;      
    background-image:none;
}
.btn-success{
    background-color:#74AE33;
    
}
.btn-success:hover{
    background-color:#6A9F2F;
    
}
.k-numeric-wrap{
    padding-right: 0 !important;      
}

.k-numeric-wrap .k-select {
   /*display:none !important;   
   padding-right: 0 !important;*/
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
     margin-bottom: 2px !important;
}
.k-list-filter>.k-textbox{
    max-width : 100%;
}
.k-dropdown-wrap {
     border-radius: 0px !important;
     height :34px !important;
     font-weight: normal !important;
     font-size: 14px !important;
}


.k-autocomplete.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap

{
   -webkit-box-shadow: none !important; 
   box-shadow: none !important; 
}
.k-multiselect {
    position: relative;
}

.k-multiselect:after {
    content: "\25BC";
    position: absolute;
    top: 30%;
    right: 8px;
    font-size: 12px;
}
.k-icon.k-clear-value.k-i-close { display: none !important; }
.k-clear-value {
    display: none !important;
}

.k-multiselect.opened:after {
    content: "\25C0";
}

.empty-kendo-grid::before {
        padding: 1em;
        line-height: 3em;
        content: "No records found.";
}
.cell-with-border{
    border:1px; 
    border-style:ridge; 
    border-color:rgb(204,204,204)
}
.span-label{
    margin-bottom: -5px!important;
    
    text-align: left;
    margin-top: -5px!important;
    height: 10px;    
    font-size: 12px;
    color:#000;
    font-weight: bold;
}

.k-grid tbody > tr > td {
	font-family:  Calibri, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
}
.k-dialog  .k-window-titlebar {
        visibility: hidden;
        min-height: 0px;
        height: 0px;
        padding: 0px;        
}
.k-dialog .k-dialog-content {
    font-size : 15px;
}
.k-pager-wrap .k-dropdown{
    width: 65px; /* specify the width */
}
.padding-bottom-5{
    padding:5px;
}
.padding-bottom-3{
    padding-bottom:3px;
}
.padding-bottom-0{
    padding-bottom:0px!important;
}
.tab-border{
    border:1px solid #EEE; 
    border-bottom:0px;
}
.vertical-center{
    display:inline-block; 
    vertical-align: middle;
}
.vertical-top{    
    vertical-align: top!important;
}
.top-banner{
    position: relative;
    z-index: 101;
    left: 0;
    right: 0;
    background: #FF5959;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
    color: white;
    font-size: 14px;
}
    @-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

ul.helper-text {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 22px;
    color: red;
}

li.valid {
    color: #009900 !important;
}

li.threeof4.valid > ul.helper-text {
    color: gray;
}
.popover {
    min-width: 370px; /* Max Width of the popover (depending on the container!) */
}
.border-none {
    border:none;
}
.text-left {
    text-align: left;
}
.k-dropdown.readonly > .k-dropdown-wrap > .k-select,
.k-dropdown.readonly > .k-dropdown-wrap > .k-input,
.k-input[readonly],
.k-input.readonly,
input.readonly,
.form-control.readonly,
.k-state-disabled>.k-input,
.k-widget.k-multiselect.k-state-disabled,
.k-widget.k-multiselect.k-state-disabled > .k-multiselect-wrap {
    background-color: rgb(238, 238, 238) !important;
    opacity: unset;
}

.modal-dialog-margin-20 {
    margin-left:20%;
    margin-right:20%;
}
.note-view-with-preview {
    width: 1140px;
}

#dvInstruction {
    position: relative;
}

.archived-row td {
    text-decoration: line-through;
    color: #bbb;
}

.placeholder {
    outline-style: dashed;
    outline-width: 1px;
    outline-color: red;
}

.kendo-grid[data-iscsgrideditable="False"] tbody tr:hover {
    cursor: default;
    background-color: transparent !important; 
}


.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected td,
.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected:focus td,
.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected:hover  td{
    background-color: transparent !important;
    outline: none;
    cursor: not-allowed !important;
}

.kendo-grid[data-iscsgrideditable="True"] tbody tr.complete-status,
.kendo-grid[data-iscsgrideditable="True"] tbody tr.complete-statu:hover{
    background-color: #d4edda;
    outline: none;
    cursor: not-allowed !important;
}

.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected,
.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected:focus,
.kendo-grid[data-iscsgrideditable="False"] tbody tr.k-state-selected:hover {
    background-color: transparent !important;
    outline: none;
    cursor: not-allowed !important;
}

.kendo-grid:not([data-iscsgrideditable="False"]) tbody tr:hover {
    cursor: pointer !important;
}

.completed-stage {
    background-color: #d4edda;
}

/* ---------------- React Widget and Iframe styling ---------------- */
.reactIframe {
    border: none;
    box-sizing: border-box;
}