font-size: 12px;

/*Production*/
body, html {
    background: #fff;
}

.page-logo {
    float: right;
    margin-bottom: 5px;
}

#task-grid, #cmtemplateitem-grid {
    height: 500px;
}

.notification {
    /*font-size: 20px !Important;*/
    line-height: 1em !Important;
    padding-top: 2px;
}

.red {
    color: red;
}

.course-items {
    margin-left: 20px;
}

.image-popup-vertical-fit:hover {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.case-footer {
    margin-left: 20px !Important;
    margin-right: 20px;
}

#footer {
    margin-top: 30px;
}

#footer-after a {
    color: #00A897;
}

.th {
    line-height: 0;
    display: inline-block;
    border: solid 4px #fff;
    max-width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease-out;
}

.notification-bar {
    margin-bottom: 0px;
}

    .notification-bar li {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

.case-images fieldset {
    background-color: #363940;
}

.case-images legend {
    background-color: #363940;
}


.inline {
    margin: 0;
    padding: 0;
    list-style: none;
    /* margin-right: 5px; */
}

    .inline li {
        display: inline-block;
    }


#wndHelp {
    overflow: hidden;
    padding: 20px;
}

.help h1 {
    font-size: medium;
    font-weight: 700;
}
#CaseNotesPanelbar table.case-note {
    color: #fff;
    border-spacing: 0;
    background: none;
    margin-bottom: auto;
    border: none;
    border-collapse: separate;
    padding: 7px 35px 0;
    width: 95% !important;
}
#CaseNotesPanelbar-new table.case-note {
    color: #fff;
    border-spacing: 0;
    background: none;
    margin-bottom: auto;
    border: none;
    border-collapse: separate;
    padding: 7px 0px 0 18px !important;
    width: 98% !important;
}
table.case-note {
    color: #fff;
    border-spacing: 0;
    background: none;
    margin-bottom: auto;
    border: none;
    border-collapse: separate;
    padding-left: 0px;
    width: 100% !important;
}

    table.case-note p {
        line-height:1;
    }

table.case-note tbody th, table.case-note tbody td {
    padding: 0 0; 0;
}

table.case-note tr th, table.case-note tr td {
    color: #fff;
    background: #363940;
}

table.case-note tr.even, table.case-note tr.alt, table.case-note tr:nth-of-type(even) {
}

table.case-note td {
    display: table-cell;
}

table.case-note th {
    width: 70px;
}

#viewcasenote-note {
    margin-bottom: 20px;
}

legend {
    font-size: 1.5em;
    margin-bottom: 10px !Important;
    padding: 5px !Important;
    border: 1px solid #c0c0c0;
    background: #fff;
}

feildset {
    margin-bottom: 10px !Important;
}

.bracket-grid {
    width: 80%;
}

.previous-datetime {
    font-size: x-small;
}

.question {
    font-weight: 700;
    font-size: large;
    border-bottom: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 0 !Important;
    margin-right: 0 !Important;
}

.note-item {
    border-bottom: solid;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #c0c0c0;
    margin-top: 10px;
}

    .note-item .toggle {
        float: right;
        margin-right: 10px;
    }

.previous-username {
    font-weight: 700;
}

.note-images {
    margin-top: 20px;
    margin-left: 35px;
}

#case-note .upload {
    float: right;
}

.invisible {
    display: none;
}

.case-legend {
    background-color: #363940;
    color: #00a897;
    font-weight: 700;
    font-size: 1.4em;
    line-height: 1em;
    border: none;
}

.editor-field textarea {
    color: black;
}

.page h4 {
    margin-left: 15px;
}

#case-edit-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #case-edit-nav ul li {
        display: inline-block;
        margin-right: 10px;
    }

        #case-edit-nav ul li a {
            text-decoration: none;
        }

.s-numeric {
    width: 100%;
}

#frminvoice-edit {
    text-align: center;
}

.action-label {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .action-label li {
        display: inline;
    }

    .action-label label {
        display: inline;
    }

header {
    margin: 0 auto;
}

    header.slim-header {
        margin: 0 auto;
    }


.grid-container {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 920px;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .grid-container a {
        color: #fff;
    }

    .grid-container p {
        margin-bottom: 0;
    }

#loginForm {
    margin-top: 20px;
}

.search-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    /*margin-left: 20px;*/
    /* margin-bottom: 5px;*/
}

    .search-nav li {
        display: inline-block;
    }

#InvoiceMessage {
    height: 150px !Important;
}

.page-action {
    margin-top: 10px;
    margin-left: 20px;
}

#tran-total td {
    line-height: .5em;
}

#body-wrapper {
    margin-bottom: 100px;
}

.record-Id {
    float: right;
    font-size: 12px;
    padding-right: 10px;
}

.previous-datetime:hover {
    font-size: 125%;
}


input#CardHolderName {
    width: 100%;
}

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

.login {
    -webkit-border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.15);
}

ul.v-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 20px;
    text-align: left;
}

    ul.v-nav li {
        display: inline-block;
    }

h2 {
    font-size: 22px;
}

h3 {
    font: 19px/24px "Arial",sans-serif;
    color: #333;
    margin: 0 0 15px;
}

#body-wrapper {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #dedede;
    padding: 68px 23px 23px;
    background-color: #fff;
    margin-top: -20px;
    position: relative;
    color: #777;
    font-size: 14px;
}

p {
    margin: 0 0 10px;
}


#Registration-grid .k-button {
    min-width: 0px;
}

#frmEnrol {
    background-color: #fff;
    padding: 20px;
}

#frmAddRegistration {
    background-color: #fff;
    padding: 20px;
}

#addRegistration input.k-textbox {
    width: 100%;
}

.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #0487c4;
    border-color: #b7e1f0;
}

.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #349946;
    border-color: #c3e8ca;
}

.k-notification.k-notification-warning {
    background-color: #fff4d9;
    color: #0487c4;
    border-color: #fff0c8;
}

.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #ef470a;
    border-color: #ffb7a8;
}

#CustomerAndPayment {
    background-color: #fff;
}

    #CustomerAndPayment .k-textbox {
        width: 100%;
    }

#checkout {
    margin-left: 20px;
    margin-right: 20px;
}

.k-button {
    color: #ffffff;
    border-color: #10c4b2;
    background-color: #00a897;
}

.s-cancel {
    color: #fff;
    border-color: #363940;
    background-color: #363940;
}

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

#payment {
    margin-bottom: 50px;
}


#ImgKeyImages img {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fff;
    margin-right: 5px;
}

input#WidgetName {
    width: 100%;
}

#main-container {
    margin-top: 20px;
}

#media-files {
    list-style-type: none;
}

    #media-files li {
        background-color: #fff;
        padding: 5px;
        margin-bottom: 10px;
    }

#nav-main-right {
    border: 0;
    overflow-y: auto;
    background: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    float: right;
    height: 620px;
    width: 100%;
}

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

#image-list, #nav-link, #nav-record, #nav-widgets, #nav-casequestions, #nav-casenotes {
    list-style-type: none;

}

    #image-list li {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: #fff;
        margin-bottom: 5px;
        position: relative;
    }

#nav-record-left, #nav-search-record-left {
    border: 0;
    overflow-y: auto;
    background: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    height: 400px;
}

.s-closebutton {
    float: right;
    margin-top: -20px;
}

.s-removebutton {
    margin-left: 10px;
}

textarea#Note {
    height: auto !Important;
}

.s-textbox {
    width: 100%;
}

.itemwidget {
    background-color: rgb(255, 255, 255);
    padding: 5px;
    margin-bottom: 5px;
}

span.member {
    font-size: larger;
}

span.subject {
    font-weight: 700;
}

li.itemcasenote {
    background-color: #fff;
    margin-bottom: 5px;
    padding-left: 5px;
}

fieldset.case-section {
    margin-bottom: 15px;
}

.topic {
    background-color: #fff;
    margin-right: 20px !Important;
}

.topic-inner {
    color: #575757;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.page-nav {
    float: right;
    margin-top: -20px;
}

#main-status {
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
    color: grey;
}

a.small-view {
    float: right;
    font-size: x-small;
}

/*#mainContent {
    background-color: #E7EDF1 !Important;
}*/

ul#nav-casequestions li {
    margin-bottom: 2px;
}

    ul#nav-casequestions li a {
        width: 100%;
        text-align: left;
    }

ul#nav-link li a {
    width: 100%;
    text-align: left;
}

ul#nav-related li a {
    width: 100%;
    text-align: left;
}

ul#nav-record li {
    background-color: #fff;
    padding: 2px;
    margin-bottom: 4px;
    padding-left: 5px;
}


#btnNavLeft {
    float: left;
}

#nav-quick-left {
    overflow: hidden;
}

#note-grid, #memmber-grid .k-button {
    min-width: 0px;
}

.k-grid table tr.k-state-selected {
    background: #d3d3d3;
    color: #000;
}

#wndCaseStatus.page {
    background-color: #fff;
}

#wndCaseStatus legend {
    color: black;
}

#checkout label {
    color: black;
}

/*.editor-label label{
  color: #4D4D4D;
}*/

.editor-field input.k-textbox {
    color: #4c5356 !Important;
}

.checkout input.k-textbox {
    color: #4c5356 !Important;
}

.s-action-button {
    width: 28px !Important;
    min-width: 0px;
}

.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
}

#addRegistration .k-grid, .k-button {
    margin: 0px !Important;
    min-width: 0px !Important;
}

    #addRegistration .k-grid table tr.k-state-selected {
        color: #BDBDBD !Important;
        background-color: #BDBDBD !Important;
    }

#addRegistration .form-label-inline li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

#mainNav {
    background-color: #363940;
}

#case-nav .fa {
    font-size: 30px;
    line-height: 50px;
}

.sidenav .fa-bars {
    color: #00a897;
    font-size: 20px;
    line-height: 0px;
}

ul.action-menu {
    text-align: right;
    margin-top: -25px;
}

#menu {
    visibility: hidden;
}

#menu-spacer {
    display: block;
    height: 37px;
}

#mainNav {
    height: 37px;
}

#shop-checkout.km-content {
    background-color: none;
}


.tran-red {
    color: red;
}

.tran-green {
    color: green;
}


.cart-products {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0px;
}

    .cart-products .name {
        width: 250px;
    }

    .cart-products .action {
        width: 25px;
    }

    .cart-products .total-row td {
        border: none;
    }

#CustomerAndPayment {
    background-color: #fff;
}

#cart-total {
    background-color: #fff;
    margin-bottom: 0px;
    float: right;
}

    #cart-total td {
        text-align: right;
    }

#tran-total {
    margin: 0 0 0 0;
    text-align: right;
}

.money {
    text-align: right;
    width: 80px;
}

.units {
    width: 60px;
}

.cart-checkout {
    float: right;
}

.hidden {
    display: none;
}


.product-group {
    color: #fff;
    font-size: large;
    font-weight: bold;
    text-align: left;
    background-color: #00A897;
    margin-bottom: 10px;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.product-subgroup {
    color: #fff;
    font-size: small;
    font-weight: bold;
    text-align: left;
    background-color: #00A897;
    margin-bottom: 10px;
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
}


.img.tran-business-logo {
    float: right;
}

.support-material ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .support-material ul li {
        display: list-item;
        margin-right: 10px;
    }

        .support-material ul li a {
            text-decoration: none;
        }

.support-material h3 {
    margin-top: 10px;
}

.support-material h4 {
    font-size: 1.1rem;
    margin-left: 0px;
}

.support-material a {
    font-weight: normal !Important;
}

.dropit-submenu {
    background: black;
    padding-left: 5px;
}

    .dropit-submenu a {
        color: #fff;
    }

    .dropit-submenu li {
        padding-left: 10px;
        padding-bottom: 5px;
    }

.select-files {
    margin-top: 10px;
    margin-left: 15px;
    margin-bottom: 10px;
}

#case-edit-nav .k-button {
    padding: 3px 10px;
}

.page-action .k-button {
    padding: 6px 20px;
    font-weight: 700;
}

#statusnotification {
    display: none;
}

#formmemberjoin input {
    margin: 0 0 .5rem 0;
}

#formmemberjoin fieldset {
    border: none;
}

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

input.k-formatted-value.OverBiteMM.k-input.k-valid {
    display: inline !Important;
}

div#ToothWindow fieldset legend {
    display: none;
}

ol.alpha {
    list-style-type: lower-alpha;
}

ol.roman {
    list-style-type: lower-roman;
}

th.table-place-1, th.table-place-2 {
    text-align: left !Important;
}

#terms-table table, #terms-table th, #terms-table td {
    border: 1px solid black;
    border-collapse: collapse;
}

th.table-place-1 {
    min-width: 300px;
}

#notes-splitter {
    background-color: transparent;
    margin-top: 5px;
    border: transparent;
}

input#CopyArcadRecords {
    margin-top: 20px;
}

#index-menu-popup {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #index-menu-popup li {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

.indexmenu .fa-bars {
    font-size: 20px;
}

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

.login-site-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .login-site-list li {
        display: inline-block;
        padding-right: 20px;
        list-style-type: none;
    }

/*30-nov-2015*/

.tax-message {
    margin-left: 10px;
    font-size: 12px;
}

#product-catalog h4 {
    font-size: 16px;
}

#product-catalog p {
    font-size: 14px;
}

#product-catalog a {
    color: #00A897 !Important;
}

    #product-catalog a.small.button {
        color: #fff !important;
    }

#checkout select {
    margin-bottom: 0px;
}

#checkout input {
    margin-bottom: 0px;
}

.price-message {
    margin-top: -15px;
}

#tran-ref {
    list-style-type: none;
}

ul#tran-ref {
    line-height: 1.4;
}

#tranview-itemmenu-section {
    float: right;
}

div#tranview-action-menu {
    padding-right: 15px;
}

#pgeTran-TranNav-Admin ul.v-nav {
    padding-top: 10px;
}

.input-readonly {
    background-color: #EBEBE4 !Important;
}

/*ul.search-nav {
	padding-top: 15px;    
}*/

.s-find-textbox {
    width: 8.4em;
}

.page-action li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}

.page-nav-container {
    width: 100px;
    height: 100px;
    position: relative;
    float: right;
}

.page-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    /* margin-right: 5px; */
}

    .page-nav li {
        display: inline-block;
    }

.reportTotal {
    float: right;
}

.widgetitem {
    list-style-position: inside;
    border: 1px solid black;
}

.widget-item {
    background-color: rgb(255, 255, 255);
    margin-bottom: 5px;
    border: 1px solid black;
}

.widget-name {
    background-color: #00a897;
    font-weight: 700;
    font-size: large;
    color: #fff;
    padding: 5px;
}

.widget-html {
    padding: 5px;
}

#casenote-wrapper tr td {
    color: black !Important;
    max-height: 400px;
    overflow-y: ellipsis;
    overflow-x: auto;
    text-overflow: ellipsis;
    overflow: auto;
    display: block;
}

#Shop-Event-Image-Top {
    text-align: center;
}

#event-checkout-page-action a {
    color: #fff;
}

.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

/*  Start New UI  */

.sidebar.left {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    background: #448AFF;
}

.sidebar.right {
    top: 0;
    right: 0;
    bottom: 0;
    width: 270px;
    background: #448AFF;
}

.sidebar.bottom {
    left: 0;
    right: 0;
    bottom: 0;
    height: 270px;
    background: #03A9F4;
}

.sidebar.top {
    left: 0;
    right: 0;
    top: 0;
    height: 270px;
    background: #03A9F4;
}

.sidebars > .sidebar {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.64);
    position: fixed;
    color: white;
    padding: 30px;
    font-size: 2em;
    text-align: center;
}

/*.pane-content {
    padding: 0 10px;
}*/

#middleSplitter {
    height: 100%;
}

#console {
    //margin: 0px 15px 15px 15px;
}

#loginPane #topPane #navPane {
    overflow: hidden !Important;
}

#header {
    padding: 4px 0px 4px 0px;
}

.notification-bar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !Important;
    min-width: 100%;
}

#pageSplitter {
    border-style: none;
}

.toolbar {
    margin-bottom: 0px;
    text-align: right;
    float: right;
}

    .toolbar li {
        display: inline;
        list-style-type: none;
    }

.toolbar-left {
    margin-bottom: 0px;
    text-align: left;
    float: left;
}

    .toolbar-left li {
        display: inline;
        list-style-type: none;
    }

#leftContent a.h1 {
    font-size: 15px;
    font-weight: 400;
    color: #00a897;
}

li.is-submenu-item.is-accordion-submenu-item a {
    color: #363940;
}

.pane-content {
    background-color: #fff;
}

.pagetitle {
    position: relative;
}

a.s-removetab {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
}

.tran-paid-message {
    text-align: right;
    margin-top: 10px;
    margin-right: 30px;
}

.pagetop h4 {
    float: left;
}

.page-top-nav {
    float: right;
    margin: 0;
}

    .page-top-nav li {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

#toolsHeader ul {
    margin: 0;
    text-align: left;
}

#toolsHeader li {
    display: inline;
    list-style-type: none;
}

.btneditwidget {
    float: right;
    font-size: x-small;
    margin-right: 8px;
}
/* End New UI */


.tooth-action {
    /*color: black;*/
    color: #fff;
}

#note-wrapper {
    max-width: 98%;
}

.case-note td {
    background: #363940;
}

.case-note th {
    background: #363940;
}

    .case-note th.note {
        vertical-align: top;
    }

.editor-field input {
    width: 100%;
}

.case-section {
    margin-left: 10px;
    background-color: #363940;
    border: none;
    margin-bottom: 10px;
}

    .case-section label {
        color: #fff;
    }

.case-panel h2 {
    font-weight: 700;
}

#pgeAccount-Login .notification-bar a {
    text-decoration: underline;
}
#pgeAccount-Login .notification-bar a:hover {
    font-weight: 700;
}
#pgeAccount-Login p {
    margin-left: 20px;
}

/* help desk css for VSI user guide*/

.image-center{
  display: block;
    margin-left: auto;
    margin-right: auto
}

.helpdesk-wrapper {
    margin-right: 20px;
    margin-left: 20px;
}

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*New*/
.indexmenu a {
    color: #606572;
}

    .indexmenu a:hover {
        color: #fff;
    }

.case-section textarea {
    width: 95%;
}

.k-grid tr:hover td a {
    color: #000;
    /* text-decoration: underline;*/
}

.k-grid tr:hover td .fa-bars {
    color: #000;
}

.k-grid tr:hover td .k-button {
    background-color: #fff;
}

    .k-grid tr:hover td .k-button:hover {
        background-color: #f1f1f1;
    }

.business-logo {
    float: right;
    width: 80px;
    height: 40px;
}

.s-selected {
    background-color: #333;
}

.tran-lock {
  float:right;
}

#tranitem-section {
    margin-top: 5px;
}

#tran-detail legend {
    font-size: 1.5625rem;
    line-height: inherit;
    text-decoration: none;
    font-weight: normal;
    border: none;
}

.page.pgeTran-TranNav-Admin {
    font-size: 95%;
}
.pgeTran-TranNav-Admin th {
    font-size: 11px;
}

.topicindex {
    list-style: none;
}

label.checkbox {
    display: inline;
}

.editor-checkbox {  
    margin-top: 8px;
}

#sub-header {
    padding-top: 4px;
}
.notification-bar ul>li>a>.label {
    top: -9px;
    right: 7px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
    position: relative;
}

.label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
}

tr.table-course-main td {
    color: #8b8988;
}

.table-course td {
    color: #8b8988;
}

.table-course tr th {
    color: #4c5356 !Important;
}


table.case-note {
    width: auto;
}

.samll-text {
    font-size: 11px;
    font-weight: 700;
}

#frmReplyToCaseNote table tbody {
    border: 1px solid #f1f1f1;
     background-color: #363940;
}

.toolbar-right {
    margin-bottom: 0px;
    text-align: right;
    float: right;
    margin-right: 10px;
}

    .toolbar-right li {
        display: inline;
        list-style-type: none;
    }

#navPane {
	margin-left: 0;
}

#frmTranItemCreateProduct input#Description {
    width: 100%;
}

.sold-out {
  background-color: #008f80 !Important;
}

a.edit-page-source {
    float: left;
}
.pagesource-editor {
    height: 600px;
}

#pageTabstrip {
    height: 100%;
    overflow: hidden;
}

#workspacePane {
    height: 100%;
    overflow: hidden;
}

table tbody th, table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}

table#tran-ref {
    margin-top: 10px;
}

td#ref {
    text-align: center;
}

table#tran-ref td {
    text-align: left;
}

.overdue-badge {
  background-color: #fe633f;
  color: #fff;
  padding: 10px 50px 10px 50px;
  border-radius: 20px;
  font-weight: 700;
  font-size: 16px;
}

#widget-select-tree {
     background-color: lightgrey; 
}


.tab-top-nav {
    position: relative;
    margin: 0;
    padding: 0;
}

.tab-top-nav ul {
    list-style: none;  
}

.tab-top-nav ul li {
    display: inline-block;
}

.tab-top-nav h4 {
    display: inline;
    color: #00a897 !Important;
    line-height: inherit;
    text-decoration: none;
    font-weight: normal;  
}

.searchtext {
    padding-left: 30px;
}

table.cart-products tr.cart-item {
    border: solid;
    border-width: 1px;
}

#cart-total table tr {
    border: solid;
    border-width: 1px;
}

table.cart-products table td, table th {
    text-align: left;
}

.tran-body span.k-link {
    font-size: 12px;
}

.k-grid-header th.k-header {
    font-size: 12px;
}

.case-duedate {
    border: 1px;
    border-style: solid;
    text-align: center;
    padding: 5px;
}

.status-badge {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #9e9e9e;
}

li.level-2 {
    font-size: 14px;
    background-color: #fff;
    font-weight: 400;
    color: #00a897;
}

li.level-3 {
    font-size: 12px;
    background-color: #fff;
    font-weight: 400;
    color: #00a897;
}

.case-image-modify {
  float: right;
  padding-right: 5px;
}

a.image-popup-click {
    float: left;
    padding-left: 5px;
}

.k-grid-header th.k-header {
    font-size: 12px;
}

.tag-flag-showmember > .fa-flag {
    outline: 1px solid;
    outline-offset: 1px;
}

#CaseIndexSearch {
    margin-left: 0;
}

#leftContent {
    overflow-x: hidden; 
}

.tran-nav-section {
  padding-right: 4px;
}

.k-tabstrip-wrapper {
  height: 100%;
}

#workspacePane #tab-casehome .k-grid-content {
  overflow: hidden;
  height: 100% !Important;
}

#workspacePane .adaptive-grid-wrapper, #tab-casehome, .workspace-nav {
  height: 100%;
}

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

#contentPane .k-pane.k-scrollable {
  background: #242424;
}

.menu > li {
  background: linear-gradient(#292929, #242424) !important;
}

.menu.nested {
    margin-left: 2px !Important;
    border-left: 5px solid #00a897;
}

#sideNav a {
    font-size: 13px;
    text-decoration: none !important;
    background: linear-gradient(#333,#333);
    color: #bbb;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid black;
    text-decoration: none;
    display: block;
    line-height: 16px;
    color: #bbb;
    /* text-transform: uppercase; */
    font-weight: bold;
    padding-left: 25px;
    border-left: 5px solid transparent;
    letter-spacing: 1px;
    transition: all 0.3s linear;
}

#sideNav a:hover{
    background:#00a897;
    color:#333;
    transition:all 0.5s;
}

.page {
  margin-bottom: 100px;
}

ul.tran-ref li {
    list-style-type: none;
}

.tran-detail-header {
 margin-bottom: 5px; 
}

.s-tran-detail-wrapper {
}

table.k-editor-widget tr {
  	background-color:#363940 !Important;
}

.accordion-title {
 background: #363940;
color: #eee;
    font-size: 14px;
    font-weight: 700;   
    padding: 10px 1rem !Important;
}

.accordion-title:hover, .accordion-title:focus {
    background-color:#00a897;
    color:white;
    text-decoration: none !important;
}

.case-note-delete {
    text-align: left;
}

.location-head {
    background-color:#004850;
    color:#00a896 !Important;
}

div.k-window-content {
    overflow-x: hidden;
}

.note th {
    width:100px;
}

.margin-right-10 li {
	margin-right: 10px;
}
.dropbtn{
      font-size: 20px !important;
}
.progress-upload{
  width: 100%;
  height:20px;
  background: beige;
  margin-bottom: 10px;
  border-radius: 3px;
}
#the-progress-div{
  background-color: #b5f5b5;
}
#layout-navigation-bar-ul{
  margin-left:0px;
}
.abc{
  display: none;
  padding:0 0 0 0;
}
.footerContainer .page-footer .hidden-mobile a {
    border-right: 1px solid;
    padding: 0 3px 0 2px;
}

.footerContainer .page-footer .hidden-mobile a:last-child {
   border-right: 0;
    padding: 0 0 0 2px;
}
.danger{
color:#e12525;
}