.reportContainer {
    height:98vh;
}

.hide-footer {
    display: flex;
}

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

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

.error-line-break {
    line-break: anywhere;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 10px;
}

.k-treeview-leaf.k-selected {
    background-color: #8CCFB7 !important;
}

.k-grid tr.k-selected td {
    background-color: #8CCFB7 !important;
    color: white !important;
}

.k-sort-icon {
    color: #093e52 !important;
}

.k-link {
    background-color: white !important;
    color: #093e52 !important;
}

.k-splitbar:focus,
.k-splitbar.k-focus {
    color: #ffffff;
    background: #8CCFB7;
}

.resetOverflow {
    overflow-y: auto !important;
}

.message-window {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 2px;
}

.form-control.k-widget {
    height: 2.125rem !important;
    border-style: none !important;
}

.min-grid-width {
    min-width: 292px !important;
}

.billing-grid {
    margin-top:10px;
    margin-bottom:10px;
}

.bg-tot {
    padding-bottom: 17px !important;
}

.bg-tot2 {
    padding-bottom: 55px !important;
}

.allocation-grid {
   height:140px;
}

.no-hz-scroll {
    overflow-x:hidden;
}

.no-scrollbar .k-grid-header {
    padding: 0.7px !important;
}

.no-scrollbar .k-grid-content {
    overflow-y: visible !important;
}

/********************************************** Dashboards ***********************************************************/
.dashboard {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    background-color: #EEEDF2;
    border-radius: 4px;
    border: 1px solid #ABB7D0;
}

.dashboard-title {
    font-size: 1.8em;
    font-weight: bold;
    color: #444;
}

.dashboard-sub-title {
    font-size: 1.2em;
    color: #444;
}

.dashboard-row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.dashboard-item-row {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.dashboard-item {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #ABB7D0;
    background-color: #fff;
}

.dashboard-item-title {
    font-size: 1.4em;
    color: #444;
    padding: 4px;
}

/***********************************************************Common style start************************************************************/
#page-container {
	position: relative;
	min-height: 100vh;
}

.UnsetWidth {
    width: unset !important;
}

.rightaligndiv {
    margin-left: auto;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 99.6%;
    height: 1.5625rem;
}

.navbarCiv {
    padding:unset !important;
}

#previewDiv {
    height: 100%;
}

#splitterh {
    height: 100%;
}

body {
    font-family: Calibri, sans-serif !important;
}

html,
body {
    height: 98%;
}

html {
    position: relative;
    min-height: 98%;
}

.datepicker {
    height: 1rem !important;
}

.form-control .k-input {
    height: 1.875rem !important;     /*30px*/
}

.k-datepicker {
    border-style: solid;
}

.total-control {
    height: 1.625rem !important;    /*26px*/
    padding-left: 5px;
    background-color: #DCDCDC;
    border-width: 1px;
    border-radius: 3px;
}

.form-control {
    height: 1.875rem !important;
}

.form-control-dp, .form-control-nb {
    border-color: #8f8f8f;
    border-width: 1px;
    border-radius: 3px !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.k-datepicker:focus {
    border-color: #8f8f8f !important;
    outline: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.k-datepicker:hover {
    border-color: #8f8f8f !important;
    outline: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.k-datepicker::selection {
    border-color: #8f8f8f !important;
    outline: 0 !important;
    border-width: 1px !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.k-input-solid:focus, .k-input-solid.k-focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
input.filter-txt-control:focus {
    outline-width: 0;
}

select.filter-dd-control:focus {
    outline-width: 0;
}

.filter-txt-control {
    height: 1.625rem !important; /*24px*/
    padding-left: 5px;
    border-color: #8f8f8f;
    border-width: 1px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.filter-dd-control {
    height: 1.625rem !important;
    padding-left: 5px;
    border-color: #8f8f8f;
    border-width: 1px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.filter-button {
    border: 0;
    background: transparent;
    padding: unset;
}

textarea.form-control {
    height: auto !important;
}

.loading {
    font-size: 7.5rem;
}

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

a {
    cursor: pointer;
}

a:hover {
        text-decoration: none;
        font-weight: bold;
    }

.split {
    height: 100%;
    margin: 0;
    padding: 0;
    border-style: none;
}

.inline-button {
    padding-top: 5px;
}

.vert-scroll {
    overflow-y: auto;
}

.vert-scroll-with-height {
    max-height: 300px;
    overflow-y: auto;
}

.vert-scroll-with-height-lg {
    position: absolute;
    min-height: 100vh;
}

.line {
    border-style: none;
    border-top: 1px solid #8CCFB7;
    border-top-color: #8CCFB7;
}

.timeledger-timer {
    margin-left: 20px !important;
    width: 180px !important;
}

.timeledger-timer-btn {
    width: 70px !important;
    height: 20px !important;
    background-color: #764897 !important;
    border: 2px solid transparent !important;
    border-radius: 4px !important;
    padding: 1.5px 10px 3px 1.5px !important;
    color: #fff !important;
    text-shadow: none !important;
    margin-top: 1.5px;
}

.current-timer {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
    width: 67px;
    height: 18px;
    background-color: lightgreen;
    border: 1px solid #8CCFB7;
}

.current-timer-start {
    margin-top: 1.5px;
    margin-bottom: 1px;
    margin-right: 1px;
    width: 65px;
    height: 20px;
    background-color: lightgreen;
    border: 1px solid #8CCFB7;
}

.current-timer-stop {
    margin-top: 1.5px;
    margin-bottom: 1px;
    margin-right: 1px;
    width: 65px;
    height: 20px;
    background-color: orange;
    border: 1px solid #8CCFB7;
}

.timer-div {
    margin-left: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 2px;
    border: 1px solid #8CCFB7;
    border-radius: 3px;
}

    .timer-div :focus {
        background-color: #8CCFB7;
    }


.timer-div-bottom {
    border-style: none;
    border-bottom: 1px solid lightgray;
    border-bottom-color: lightgray;
}

.timer-div-selected {
    background-color: #8CCFB7;
}

.timer-control {
    width: 67px;
    border: 1px solid #8CCFB7;
    border-radius: 2px;
    padding: 2px;
    margin-bottom: 3px;
    margin-top: 4px;
}

.timer-margins {
    margin-left: 3px;
    margin-right: 3px;
}

.timer-textbox {
    width: 100%;
    margin: 0;
    padding: 0;
    border-style: none;
}

#totalsDivValues {
    overflow-y: unset;
}

/* Start : Common classes */
.fl {
    float: left;
}

.fr {
    float: right;
}

table.k-editor {
    border-spacing: 0px !important;
    border: 1px !important;
}
/* End : Common classes */

/*To set cyan background in heading*/
.green-cyan {
    background: #8CCFB7;
    color: black;
    background-color: #8CCFB7;
    width: 100%;
    float: left;
}
.green-cyan-new {
    background: #8CCFB7;
    color: black;
    background-color: #8CCFB7;
}

.heading {
    text-align: center;
    font-size: 1.5625rem;
    font-family: Calibri, sans-serif;
    width: 100%;
    float: left;
}

.sub-heading {
    padding-left: 2px;
    font-size: 0.875rem;  /*14px*/
}


.tab-heading {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

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

.small-margin-bottom {
    margin-bottom: 3px;
}

.add-margin-bottom {
    margin-bottom: 5px;
}

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

.small-margin-top {
    margin-top: 1px;
}

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

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

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

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

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

.remove-padding-right {
    padding-right: 0px !important;
}

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

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

.margin-right-group {
    margin-right: -5px !important;
}

.remove-padding-left-right {
    padding-left: 0px !important;
    padding-right: 1px !important;
}

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

.sm-padding-bottom {
    padding-bottom: 5px !important;
}

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

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

.clock-button {
    margin-top: 1px !important;
}

.small-window {
    width: 380px !important;
}

.mid-window {
    width: 96% !important;
}

.extra-big-width {
    width: 70% !important;
}

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

.alarm {
    background-color: red !important;
    color: white !important;
}

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


/***********************************************************Common style end************************************************************/

/***********************************************************Search client/matter window style start************************************************************/
.client-checkbox {
    margin-right: 5px !important;
}

.validationMsg {
    color: red;
    font-style: italic;
}
/***********************************************************Search client/matter window style end************************************************************/

/*************************************** ROW Styles - Non Modal Views **********************************************************************************/

.bill-nowrap {
    white-space: nowrap;
}

.bill-container {
    display: flex;
    width: 100%;
}

.bill-col-1 {
    width:30% !important;
}

.bill-col-2 {
    width: 40% !important;
}

.next-to-splitter {
    margin-left: 0px !important;
}

.sub-header-row {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 0.875rem;
    padding-left: 5px;
    padding-top: 3px;
    border-radius: 3px;
}

.radio-row {
    margin-top: 6px;
    margin-left: 10px;
    gap: 0.3rem;
}

    .radio-row > input[type="radio"] {
        margin-top: -8px;
    }

.balances-row {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.totals-row {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 5px;
}

.link-list-row-modal {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    border-style: none;
    height: 1.6rem;
    margin-left: -10px !important;
    margin-bottom: 2px;
    margin-top: 2px;
}

.link-list-row {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    border-style: none;
    height: 1.65rem;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.link-list-menu-row {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    border-style: none;
    height: 1.65rem;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 4px;
}

.link-list-last {
    height: 1.5625rem !important; /*25px*/
}

.btn-last {
    height: 1.5625rem !important;
}

/******************************************ROW Styles - Non Modal Views END *******************************************************/
/***********************************************************Index page style start************************************************************/
.link-list-menu {
    width: 24px;
    padding-right: 15px;
}

.link-list-small {
    width: 20px;
    height: 20px;
    float: left;
}

.link-list {
    width: 24px;
}

    .link-list button {
        border: none;
        padding: 0px;
        width: 24px;
        height: 24px;
        background: none;       
        padding-right: 0px !important;
    }


.big-font-green-div {
    line-height: 22px;
    min-height: 22px;
}

#documentGrid {
    position: relative;
}

    #documentGrid .k-pager-wrap {
        bottom: 0;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

.in-bundle {
    color: green;
    font-weight: bold;
}

.is-supplement div > span {
	font-style: italic;
}

tr > td {
    line-height: 0.8em !important;
}

/***********************************************************Index page style end************************************************************/


/***********************************************************Master page style start************************************************************/

.footer {
    bottom: 0;
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

    .footer p {
        margin: 0px;
    }

/* Set padding to keep content from hitting the edges */
.body-content {
	padding: 0.2%;
	width: 100%;
	height: auto;
}

.partial-body-content {
    padding: 10px;
}
/***********************************************************Master page style end************************************************************/

/*************************************************************form menu start**********************************************************************/
div.k-window-content {
    padding: 0em !important;
}

#window .navbar-nav > li {
    padding: 2px !important;
}

.nav > li > a {
    padding: 3px 15px !important;
    color: black;
}

.nav > li > a :hover {
    background-color: aqua !important;
}

#window .navbar-collapse {
    padding: 0px !important;
}
/*************************************************************form menu start**********************************************************************/
/*************************************************************bundle option start**********************************************************************/

.border-with-name-alt {
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
    border-color:#ccc;
}

.border-with-name-margins-alt {
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px;
    border-color: #ccc;
}

.headerDiv-alt {
    font-weight: bold;
    width: auto;
    padding-top: 6px;
    padding-left: 15px;
    height: 30px;
    border-top-right-radius: 4px;
    margin-left: -5px;
    margin-right: -5.4px;
    margin-top: -5px;
    margin-bottom: 8px;
}

.headerDiv-alt-row {
    font-weight: bold;
    width: auto;
    padding-top: 6px;
    padding-left: 15px;
    height: 30px;
    border-top-right-radius: 4px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -5px;
    margin-bottom: 8px;
}

.headerDiv-grp {
    font-weight: bold;
    width: auto;
    padding-top: 6px;
    padding-left: 15px;
    height: 30px;
    border-top-right-radius: 4px;
    margin-left: -15.4px;
    margin-right: -7.4px;
    margin-top: -5px;
}

.headerDiv-grp-right {
    font-weight: bold;
    width: auto;
    padding-top: 6px;
    padding-left: 15px;
    height: 30px;
    border-top-right-radius: 4px;
    margin-left: -15px;
    margin-right: -18.4px;
    margin-top: -5px;
}

.headerDiv-grp-right-import {
    font-weight: bold;
    width: auto;
    padding-top: 6px;
    padding-left: 15px;
    height: 30px;
    border-top-right-radius: 4px;
    margin-left: -15px;
    margin-right: -16.2px;
    margin-top: -5px;
}

.border-no-name {
    border: 1px solid;
}
.border-with-name {
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
}

.border-with-name-margins {
    border: 1px solid;
    padding: 5px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 5px;
}

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

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

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

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

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

.k-checkbox:checked,
.k-radio:checked {
    background-color: #1967D2 !important;
    border-color: #1967D2 !important;
}

.checkbox-center {
    float: left;
    margin-top: 5px;
    margin-right: 5px !important;
}

.checkbox-center-margin {
    float: left;
    margin-right: 5px !important;
    margin-top: 0px !important;
}

.checkbox-header {
    float: left;
    margin-top: 2px;
    margin-right: 5px !important;
}

.checkbox-header-sm {
    float: left;
    margin-top: 1px;
    margin-right: 5px !important;
}

.template-previewer {
    border: 1px solid;
    height: 80%;
}

.headerDiv {
    margin-top: -15px;
    background: white;
    width: auto;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.headerDiv-fixed {
    margin-top: -15px;
    background: white;
    width: auto;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    position: absolute;
}

.groupbox-import-col {
    padding-right: 7px !important;
    margin-left: 6px;
    margin-right: 4px;
    margin-bottom: 3px;
    width: 50% !important;
}

.groupbox-import-right-col {
    padding-right: 16px !important;
    margin-left: 4px;
    margin-bottom: 3px;
    width: 48.3% !important;
}

.groupbox-col {
    padding-right: 7px !important;
    margin-left: 6px;
    margin-right: 4px;
    margin-bottom: 3px;
    width: 46% !important;
}

.groupbox-right-col {
    padding-right: 18px !important;
    margin-left: 4px;
    margin-bottom: 3px;
    width: 44% !important;
}

.group-col-row {
    margin-right: -5px !important;
}

/*************************************************************bundle option end**********************************************************************/
/*************************************************************section editor start**********************************************************************/
.menu-item {
    color: black;
    background: none;
    border: none;
}

.menu-separator {
    display: block;
    margin: 5px 5px;
    height: 1px;
    width: 50px;
    border-bottom: 1px solid #2c6f7b;
    background-color: black !important;
}

#sectionContextMenu,
#sectionContextMenu label {
    border-color: black !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

#sectionContextMenu,
#documentGridContextMenu,
#clientSearchContextMenu {
    background-color: #fff !important;
}

#coversheetContextMenu {
    border-color: black !important;
    background-color: #fff !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

#coversheetContextMenu label {
    border-color: black !important;
    font-style: normal !important;
    font-weight: 500 !important;
}

.custom-checkbox span.k-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

.custom-checkbox span.k-link > label {
    margin-top: 3px;
    margin-bottom: 3px;
}

.menu-li {
    width: 100% !important;
}

.menu-li .k-top span {
    width: 100% !important;
}

/*************************************************************section editor end**********************************************************************/
/*************************************************************Iframe Start**********************************************************************/
.outer {
    position: relative;
    left: 150px;
    top: 20px;
    z-index: 2;
}

.inner {
    background: red;
}

.cover {
    position: absolute;
    border: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}
 
.pdf {
    position: relative;
    z-index: 1;
    overflow: auto;
    border: 1px solid;
    height: 100%;
    width: calc(100% - 2px);
}

/*************************************************************Iframe End**********************************************************************/
/***************************** Override the default bootstrap behavior to get text at left aligned in form and others to achieve specific behaviour start*******************/
.control-label {
	text-align: left !important;
	padding-top: 7px;
	margin-bottom: 0;
}

.control-error-label {
    text-align: left !important;
    padding-top: 7px;
    padding-left:15px;
    margin-bottom: 0;
    color:red;
}

.control-label-right-padding                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   {
    padding-right: 15px;
}

.col-md-12 .col-md-10 .col-md-3 .col-md-6 {
    padding: 0px !important;
}

.form-group label {
    font-weight: normal !important;
}

.bill-template-col {
    height: 96%;
}

.bill-template-doc {
    height: 91%;
}

.container-tab {
    height: 100%
}

.container-tab-with-buttons {
    height: calc(100% - 43px)
}

.container-tab-with-heading {
    height: calc(100% - 31px)
}

.container-tab-with-dropdown {
    height: calc(100% - 86px)
}

.full-height {
    height: 100%
}

.full-width {
    margin-left:-15px;
    margin-right:-15px;
}

.half-height {
    height:50%
}

.report-height {
    height: calc(100% - 2px);
}

.height-with-combo {
    height: calc(100% - 50px);
}

.height-with-checkbox {
    height: calc(100% - 40px);
}

.btn {
    padding: 3px 15px !important;
    font-size: 0.75rem !important;   /*12px*/
}

.btn-clock {
    padding: 3px 15px !important;
    font-size: 0.875rem !important;
}

.form-horizontal .form-group {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.btn-default, .form-control {
    border-color: #8CCFB7 !important;
}

.btn-default:hover {
    background-color: #DCF1E9 !important;
    border-color: #8CCFB7 !important;
}

.modal.in .modal-dialog {
    border: 1px solid #8CCFB7 !important;
    border-radius: 5px !important;
}

.modal-header {
    background-color: #8CCFB7 !important;
    padding: 5px !important;
    border-bottom: none !important;
    border: 1px solid #8CCFB7 !important;
}

.modal-footer {
    background-color: #fff !important;
    padding: 5px !important;
    border-top: none !important;
}

.head {
    display: flex;
    justify-content: center !important;
}

.title {
    flex: 1;
    display: flex;
    justify-content: center;
    transform: translateX(10px); 
}

.xbutton {
    margin-top: 3px;
    pointer-events: all !important;
}

.modal-title {
    font-size: 1.3rem !important;   /*20px*/
    text-align: center !important;
}

.modal-content {
    border: 1px solid #8CCFB7 !important;
    border-top: none !important;
    border-radius: 0px !important;
}

.modal-dialog .modal-lg {
    border-radius: 3px !important;
}

.buttonDisabled:disabled {
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	filter: gray; /* IE6-9 */
}

.readOnly {
    pointer-events: none;
    filter: invert(30%) hue-rotate(18deg) brightness(1.7);
}

.hide-element {
    display: none;
}

/***************************** Override the default bootstrap behavior to get text at left aligned in form and others to achieve specific behaviour end*******************/

#addBundleWindow .modal .fade .in .modal-dialog .modal-lg {
    width: 15% !important;
}

.sectionTreeview {
	border: 1px solid;
	border-color: #666666 !important;
}

.standard-border {
	border: 1px solid;
	border-color: #8CCFB7;
	border-radius: 4px;
}

#bundleSectionTree {
    border: 1px;
    overflow-y: auto; 
}

.is-section {
    color: black !important;
    background-color: #8CCFB7;
}

    .is-section:nth-child(n+2) {
        border-top: 1px solid gray !important;
    }

.is-document {
    color: black !important;
    background-color: #fff;
    border-top: 1px solid !important;
    border-color: black !important;
}
/* End : Section Tree View  */
/* Start : Coversheet Tree View  */

#bundle-coversheet {
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
}
/* End : Coversheet Tree View  */

/* start : export treeview */
#builtBundleSectionTree {
    max-height: 300px;
}
/* end : export treeview */
/*********************************************************** Start:  Bundle structure  ***********************************************************/

.flex-button-display {
    margin-bottom: 2px !important;
    margin-right: 5px !important;
}

.row-direction-hoz{
    flex-direction:column;
}

.add-padding-left-xl {
    padding-left: 24px !important;
}

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

.add-padding-left {
    padding-left: 10px;
}

.add-padding-right {
    padding-right: 2px;
}

.add-padding-top {
    padding-top: 5px;
}

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

.add-margin-right {
    margin-right: 5px !important;
}

.add-margin-right-lg {
    margin-right: 12px;
}

.add-margin-right-xl {
    margin-right: 20px;
}

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

.rem-margin-right {
    margin-right: -5px;
    margin-left: -5px;
}

.grid-div-margins {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.tab-edit {
    padding-top: 8px !important;
    padding-right: 0px !important;
}

.disable-div {
    display: block;
    overflow: auto;
    background: #d3d3d3;
    pointer-events: none;
    border-radius: 4px;
}

.disable-field {
    background: #d3d3d3 !important;
}
/************************************************************ End:  Bundle structure  ************************************************************/

/*********************************** Container and Rows **************************************/
.container-box-row {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.only-box-row {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.top-box-row {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.middle-box-row {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.bottom-box-row {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.only-row {
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.top-row {
    padding-top: 10px;
    padding-bottom: 8px;
}

.middle-row {
    padding-bottom: 8px;
}

.bottom-row {
    padding-bottom: 10px;
}

.checkbox-top-row {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -4px !important;
    padding-top: 5px;
    padding-bottom: 8px;
}

.after-check-row {
    padding-top: 7px;
    padding-bottom: 8px;
}

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

.extra-row {
    margin-left: 2rem;
}

.after-header {
    clear: both;
}
/*********************************** End: Container and Rows **************************************/

/*********************************** Kendo Overrides **************************************/

.k-numerictextbox .k-link {
    height: 1.067em;
}

.k-grid-content {
    overflow-y: auto;
}

.k-upload {
    visibility: hidden;
}

.k-upload-status {
    display: none;
}

.k-upload .k-dropzone {
    padding: 0px;
    width: 0px;
}

.k-dropzone .k-dropzone-hint {
    height: 0px;
}

.k-widget.k-upload {
    background-color: white !important;
    border: 0px;
}

.k-upload .k-upload-button {
    font-size: 0rem;
    border-color: #8CCFB7 !important;
    min-width: 0 !important;
    margin-right: 0px !important;
    line-height: 0px;
    background-color: white;
}

.k-upload .k-upload-button:hover {
    background-color: #DCF1E9 !important;
    border-color: #8CCFB7 !important;
}

.k-button {
    background-color: #DCF1E9 !important;
    border-color: #8CCFB7 !important;
    color: #424242 !important;
}

div.k-loading-mask {
    z-index: 5; /* must be larger than the z-index:2 of #container */
}

.k-loading-mask .k-loading-image {
    z-index: 999999999999;
    background: url('../../Images/loader.gif') center center no-repeat !important;
}

.k-loading-image::before, .k-loading-image::after {
    display: none;
}  

.k-loading-mask {
    z-index: 99999 !important;
}

.k-primary {
    color: #333 !important;
}

.k-menu .k-hover > .k-link {
    background-color: #8CCFB7 !important;
    border-radius: 0px 0px 2px 2px !important;
}

.k-menu {
    border-style: none !important;
}

.k-menu .k-item {
    border-style: none !important;
}

.k-menu-link_text {
    padding-left: 0px !important;
}

.k-dropdown-wrap {
    height: 34px !important;
}

.k-numerictextbox {
    height: 36px !important;
}

.k-alt {
    background-color: #dbf0e9;
}

.k-icon-coloured {
    color: #8CCFB7;
}

.k-icon-disabled {
    color: #bfbfbf;
}

.k-icon-24 {
    font-size: 1.5rem;
}

th.k-header {
    background-color: #8CCFB7 !important;
}

.k-grid tr.k-state-selected td {
    background-color: #2c6f7b !important;
    color: white !important;
}

.k-grid tr.k-state-selected:hover td {
    background-color: #2c6f7b !important;
    color: white !important;
}

.k-grid .k-dirty {
    display: none;
}

.k-pager-wrap, .k-grouping-header {
    background-color: #D3EDE0 !important;
    color: black !important;
}

.k-grouping-header .k-group-indicator, .k-grid tr td, .k-widget {
        border-color: #8CCFB7 !important;
}

.k-grouping-row td, td.k-group-cell {
    background-color: #F8FCFA !important;
}

.k-grid td {
    white-space:nowrap;
}

div.k-treeview ul li.is-section > div > span.k-state-selected,
div.k-treeview ul li.is-section > div > span.k-state-focused,
div.k-treeview ul li.is-section > div > span.k-state-hover {
    background-color: #8CCFB7;
    font-weight: bold;
    color: #000;
}

div.k-treeview ul li.is-document > div > span.k-state-selected,
div.k-treeview ul li.is-document > div > span.k-state-focused,
div.k-treeview ul li.is-document > div > span.k-state-hover {
    background-color: #fff;
    font-weight: bold;
    color: #000;
}

div.k-treeview ul li.is-section > div > span.k-state-selected,
div.k-treeview ul li.is-document > div > span.k-state-selected {
    background-color: #D3EDE0 !important;
}

.k-calendar-nav-fast {
    background-color: white !important;
    border-color: white !important;
}

.k-table-row:hover {
    background-color: #ededed;
}

.k-table-alt-row:hover {
    background-color: #ededed !important;
}

/*********************************** End: Kendo Overrides **************************************/

/* Start : Bundle Index */
#tabstrip-parent {
    float: left;
    width: calc(100% - 2px);
    margin: 0;
    padding: 0;
    /*border: 1px solid;*/
   /* border-color: #ccc;*/
    background-color: white !important;
}

#indexMaintenanceTabstrip {
    float: left;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border-width: 0;
    background-color: white !important;
}

    #indexMaintenanceTabstrip.k-content.k-state-active {
        height: 100% !important;
    }
/* End : Bundle Index */

/* Login Page*/
.alert-text {
	color: red;
}

.noaccess-body {
    position: absolute;
    width: 300px;
    height: 200px;
    z-index: 15;
    top: 100%;
    left: 50%;
    margin: -100px 0 0 -150px;
}
/* Start: Login */
.pad-top {
    padding-top: 100px;
}

/* End: Login */

/* Build Bundle Screen */
#divBuildBundleDetails {
    border: 1px solid;
    min-height: 300px;
}

/********************************** Timesheet Treeview **********************************************/

.k-treeview.verticallyCenteredTreeViewItems img {
    vertical-align: bottom;
}

.timesheetTreeview .k-treeview-lines .k-in {
    padding-top: unset;
    padding-bottom: unset;
}

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

.clock-button-width {
    padding: 0px;
    width: 50px;
}

.login-page {
    width: 300px;
    padding: 8% 0 0;
    margin: auto;
}

.login-form {
    max-width: 450px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
}

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

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

.padding-login-left {
    padding-left: 7.5em;
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    padding: 0;
}

.k-tabstrip .k-tabstrip-items {
    margin-left:1px !important;
}

div#editMatterDetailsWindow {
    overflow: auto;
}

.modal.fade.outer.show {
    overflow: auto;
}

.k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link, .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link {
    padding: 0.28em 1.8em 0.38em 0.9em;
}

.k-menu .k-item > .k-link, .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link {
    display: flex;
    width: fit-content;
    padding-top: 1px !important;
}

.k-menu .k-link {
    white-space: nowrap;
}

.k-menu-link {
    padding-bottom: 3px !Important;
}

/*.k-animation-container, .k-animation-container *, .k-animation-container :after, .k-block .k-header, .k-list-container, .k-widget, .k-widget *, .k-widget :before {
    box-sizing: content-box;
}

.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

.k-svg-i-caret-alt-right,
.k-svg-i-caret-alt-left,
.k-svg-i-caret-alt-down {
    color: #008b8b !important;
}

.k-menu-link-text {
    display: inline-block;
}*/

.k-button-icon {
    color: #008b8b !important;
}

.k-svg-i-undo,
.k-svg-i-check {
    color: #fff !important;
}

.k-content.k-tabstrip-content.k-active {
    overflow-y: auto !important;
}

/******************************Media widths************************************************************/
@media (max-width: 1619px) {
    .div-struct-margin-pass
    {
        padding-left:0px!important;
    }

    .fix-padding {
        width: 16.5em !important;
    }

    .allocate-button {
        padding-left: 0px !important;
        padding-top: 2px;
    }
}

@media (min-width: 1619px) {
    .fix-padding {
        width: 16.5em !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .headerDiv-grp-right-import {
        /*background-color: #ebf3f4;*/
        font-weight: bold;
        width: auto;
        padding-top: 6px;
        padding-left: 15px;
        height: 30px;
        border-top-right-radius: 4px;
        margin-left: -15px;
        margin-right: -17.9px;
        margin-top: -5px;
    }

    .groupbox-import-right-col {
        padding-right: 18px !important;
        margin-left: 5px;
        margin-bottom: 3px;
        width: 47.4% !important;
    }    

}

@media screen and (min-width: 629px) and (max-width: 991px) { /*Tablet View*/

    .allocate-button {
        padding-left: 5px !important;
        padding-top: 2px;
    }

    .headerDiv-grp-right-import {
       /* background-color: #ebf3f4;*/
        font-weight: bold;
        width: auto;
        padding-top: 6px;
        padding-left: 15px;
        height: 30px;
        border-top-right-radius: 4px;
        margin-left: -15px;
        margin-right: -18.1px;
        margin-top: -5px;
    }

    .groupbox-import-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 98% !important;
    }

    .groupbox-import-right-col {
        padding-right: 18px !important;
        margin-left: 5px;
        margin-bottom: 3px;
        width: 98% !important;
    }

    .groupbox-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 93% !important;
    }

    .groupbox-right-col {
        padding-right: 18px !important;
        margin-left: 5px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 91.05% !important;
    }
    .footer-height {
        height: 50px;
    }
}

@media screen and (min-width: 629px) and (max-width: 777px) {

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

@media screen and (min-width: 429px) and (max-width: 628px) {

    .allocate-button {
        padding-left: 15px !important;
        padding-top: 2px;
    }

    .mobile-margin-bottom {
        margin-bottom: 3px;
    }

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

    .groupbox-import-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-import-right-col {
        padding-right: 18px !important;
        margin-left: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-right-col {
        padding-right: 18px !important;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 428px) { /*Mobile View*/
    body {
        width: 100%;
        height: 100%;
    }

    .min-grid-width {
        min-width: 192px !important;
    }

    .k-tabstrip .k-tabstrip-items {
        padding: 0;
        font-size: 0.75rem;
    }

    .k-grid {
        font-size: 0.75rem;
    }

    .k-tabstrip-items .k-link {
        padding: 8px 0.8em;
    }

    .fix-padding {
        width: 13.5em !important;
    }

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

    .padding-login-left {
        padding-left: 5.2em !important;
    }

    .template-previewer {
        border: 1px solid;
        height: unset !important;
    }

    .allocate-button {
        padding-left: 15px !important;
        padding-top:2px;
    }

    .mobile-margin-bottom {
        margin-bottom: 3px;
    }

    .groupbox-import-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-import-right-col {
        padding-right: 18px !important;
        margin-left: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-col {
        padding-right: 7px !important;
        margin-left: 6px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .groupbox-right-col {
        padding-right: 18px !important;
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 99% !important;
    }

    .filter-txt-control {
        height: 24px !important;
        padding-left: 5px;
        border-color: #8f8f8f;
        border-width: 1px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        width: 80px;
    }

    .extra-row {
        margin-left: 0rem !important;
    }
}

@media screen and (min-width: 428px) and (max-width: 621px) {

    .k-grid-header-menu {
        display: none !important;
    }

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

    .viewer-margin {
        margin-top: 50px !important;
    }

    .add-padding-top {
        padding-top: 35px;
    }
}

@media screen and (min-width: 320px) and (max-width: 428px) {

    .k-grid-header th.k-header {
        padding-left: 0px !important;
        text-align: left !important;
    }

    .k-table-td {
        padding-left: 0px !important;
        text-align: left !important;
    }

    .k-grid-header-menu {
        display: none !important;
    }

    .mid-window {
        width: 96% !important;
    }

    .height-with-combo {
        height: calc(100% - 70px);
    }

    .footer-height {
        height: 50px;
    }

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

    .height-with-checkbox {
        height: calc(100% - 20%);
    }

    .full-height {
        height: 100%
    }

    .k-grid-content k-auto-scrollable {
        height: calc(100% - 20%);
    }

    .modal.fade.outer.show {
        height: calc(100% - 40px);
    }

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

    .grid-margin {
        margin-top: 35px !important;
    }

    .viewer-margin {
        margin-top: 50px !important;
    }

    .add-padding-top {
        padding-top: 35px;
    }
    .filter-txt-control {
        width: 120px !important;
    }
}

@media screen and (min-width: 0px) and (max-width: 320px) {

    body {
        font-size: 12px !important;
    }

    #btnHideShowTotalsGrid {
        display: none !important;
    }

    .k-grid-header th.k-header {
        padding-left: 0px !important;
        text-align: left !important;
    }

    .k-table-td {
        padding-left: 0px !important;
        text-align: left !important;
    }

    .k-grid-header-menu {
        display: none !important;
    }

    .filter-dd-control {
        height: 1.625rem !important;
        padding-left: 1px;
        border-color: #ccc;
        border-width: 1px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .mid-window {
        width: 96% !important;
    }

    .height-with-combo {
        height: calc(100% - 70px);
    }

    .footer-height {
        height: 50px;
    }

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

    .height-with-checkbox {
        height: calc(100% - 20%);
    }

    .full-height {
        height: 100%
    }

    .modal.fade.outer.show {
        height: calc(100% - 40px);
    }

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

    .grid-margin {
        margin-top: 35px !important;
    }

    .viewer-margin {
        margin-top: 50px !important;
    }

    .k-content k-state-active {
        height: 100% !important;
    }

    .divLedger {
        height: 100% !important;
    }

    .k-widget k-tabstrip k-header k-floatwrap k-tabstrip-top k-tabstrip-scrollable {
        height: 80%;
    }

    .add-padding-top {
        padding-top: 35px;
    }
    .filter-txt-control {
        width: 65px !important;
    }
}

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

    .small-margin-top {
        margin-top: 2px;
    }

    .filter-padding-bdle {
        margin-left: 150px;
    }

    .link-list-last::before {
        margin-left: unset !important;
        margin-right:auto !important;
    }

    .filter-txt-control{
        width:150px;
    }
    
    .hide-footer {
        display:none;
    }
}

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

    .filter-padding {
        margin-left: 150px;
    }
}

@media screen and (max-width: 275px) {
    .grid-margin {
        margin-top: 50px !important;
    }

    .viewer-margin {
        margin-top: 50px !important;
    }
}

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

     .link-list-last {
        margin-left: auto !important;
    }
}

/*.k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus {
    box-shadow: inset 0 0 0 2px black;
    border-style: solid !important;
    border-width: 1px;
    font-size: 12px;
    border-color: rgba(0, 0, 0, 0.25)
}*/

.k-menu:focus {
    display: flex !important;
    z-index:999;
}

.flex {
    display: flex !important;
}

.k-input-solid {
    border-color: #8f8f8f !important;
}