﻿
body {
    
    padding-bottom: 20px;
    background-color: var(--primary-light-color);
    font-family:  Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    overflow-x:auto;
}



.caresoft-panel .panel-body {
    background: var(--primary-light-color);
}

 .caresoft-panel .panel-heading{
    border-radius: 1em 1em 0 0;
    font-weight:bold;
    color:black;
}

.caresoft-panel .panel-body {
    border-radius: 0 0 1em 1em;
}

.caresoft-panel {
    border-radius: 1em;
}
.rendered-body {
    min-height: 86vh;
    background-color: var(--primary-light-color);
    padding: 1em;
    border: 1px solid var(--primary-dark-color);
    border-radius: .8em;
    margin-left: -2em;
}

.custom-navbar {
    padding: .2em;
    border-radius: 0;
}

.loader {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(148, 183, 199, 0.53);
    text-align: center;
    padding-top: 30vh;
    line-height: 0px;
    z-index: 9999 !important;
}

.loader img{
    height:75px;
    width:75px;
}


.shadow {
    box-shadow: 1px 3px 5px #888888;
}

.glass {
    background-color: var(--primary-light-color);
}

fieldset {
    border: 1px solid var(--primary-dark-color);
    padding: .16em;
    width: auto;
}

legend {
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: .5em;
    font-size: 14px;
    line-height: inherit;
    color: var(--primary-color);
    border: 0;
    font-weight:900;    
    border-bottom: none;
}

.marg-bot-2px {
    margin-bottom: 2px;
}

.marg-top-2px {
    margin-top: 2px;
}

.marg-top-16px {
    margin-top: 16px;
}

.marg-top-6px {
    margin-top: 2px;
}

.suggestions {
    max-height: 120px;
    position: absolute;
    border: 1px solid var(--primary-color);
    overflow-y: auto;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    border-radius: 0 .5em .5em 0;
    box-shadow: 1px 3px 5px #888888;
    line-height: 10px
}

.suggestions p {
    padding: .5em;
}

.suggestions p:hover, table#patientList tr:hover {
    background: var(--primary-color);
    cursor: pointer;
    color: #fff;
}


.suggestions::-webkit-scrollbar {
    width: 12px;
}

.suggestions::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.suggestions::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.input-td{
    height:100%;
    width:100%;
    border:none;
}

td#addService:hover{
    background:var(--primary-dark-color);
    color:#fff;
}

tfoot.table-footer{
    background-color:var(--primary-light-color);
    color:var(--primary-color);
}

tfoot.table-footer input {
    background: var(--primary-light-color);
}

input.money {
    text-align: right;
}

.navbar-caresoft {
    background: var(--primary-color);
    box-shadow: #888888 1px 2px 2px;
    border-radius:0;
}

.navbar-caresoft a{
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: var(--primary-dark-color);
}

.navbar-toggle{
    border: 1px solid #fff;
}

span.icon-bar{
    background-color:#fff;
}

.dashboard-icon {
    padding-top: 1em;
}

.dashboard-icon:hover {
    background-color: var(--primary-color);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    box-shadow: #888888 1px 2px 2px;
}

a.icon:hover {
    text-decoration: none;
}

.id-card {
    width: 3.37in;
    height: 2.125in;
    border:1px solid rgba(0,0,0,0.3);
    margin:1em;
    padding:2px;
    background:url("icons/id-card-bg.jpg");
}

.id-barcode{
    background:#000;
    height:3em;
    width:100%;
}
.id-company-logo {
    width: 40px;
    height: 40px;
    border: 1px solid var(--primary-color);
    margin-right:4px;
}
.id-heading{
    color:var(--primary-color);    
    background:rgba(36, 28, 42, 0.60)

}


.id-holder-img {
    width: 95px;
    height: 110px;
    background: rgba(62, 123, 181, 0.84);
    margin-right: 4px;
    margin-left:3px;
    border-radius:2px;
   
}

.text-large{
    font-size:large;
}

table.id-details td{
    color:#a401ef;
}

.theme-form {
    background: var(--primary-light-color);
    padding: 1em;
    min-height: 80vh;
    position: relative;
}

fieldset.top-less{
    border-top:none;
}

.text-box{
    border:1px solid var(--primary-dark-color);
    padding:2px;
}
.box-lg{
    width:170px;
}

.box-xlg {
    width: 97%;
}

.box-sm{
    width:auto;
}
.box-xs{
    width:75px;
}

input::-webkit-calendar-picker-indicator {
    opacity: 100;
}

.float-bottom {
    position: absolute;
    bottom: 1em;
    width:98%;
}

table.table-form{
    width:100%;
}

table.table-form td{
   padding-bottom:.2em;
}

ul.nav-tabs li:hover {
    color: #fff;
}

h4.form-title {
    border-bottom: 1px solid var(--primary-dark-color);
    padding-bottom: .3em;
    color: var(--primary-dark-color);
}

td.pat-details{
    font-weight:bold;
}

@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

table.table-caresoft{
    border:1px solid var(--primary-dark-color);
}

.notify-area {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    max-height:40vh;
    overflow-y:auto;
    
}
.notice-column {
    padding-top: 1em;

}

.notice-column:hover {
    background: var(--primary-dark-color);
    transition-duration:1s;
}
p#close-all-notice{
    color:var(--primary-light-color);
}

p#close-all-notice:hover {
   cursor:pointer;
}

.notice-column:hover > p#close-all-notice {
    display: block;
}
    .notify-area .alert-danger {
        background: #e04343;
        color: white;
    }


table.table-data{
    border:1px solid var(--primary-dark-color);
    box-shadow:1px 4px 10px #888888 ;
}

.table-data td th, thead.bg-primary th {
    border-bottom: 1px solid var(--primary-dark-color);
}

.table-data td {
    white-space: nowrap;
}

.table-data th, thead.bg-primary th {
    background: linear-gradient(#D7E8FC, #94B6E8);
    color: #000;
    border: 1px solid #4F93E3;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 400;
}

.small-table {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 400;
}


li.top-tab a {
    border-radius: 0px;
}

/*Side navigation */
/*========================================*/
.nav-side-menu {
    overflow: auto;
    font-family: verdana;
    font-size: 12px;
    font-weight: 200;
    background-color: var(--primary-dark-color);
    height: 100%;
    color: #e1ffff;
}

    

    .nav-side-menu .toggle-btn {
        display: none;
    }

    .nav-side-menu ul,
    .nav-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 35px;
        cursor: pointer;
        /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
    }

        .nav-side-menu ul :not(collapsed) .arrow:before,
        .nav-side-menu li :not(collapsed) .arrow:before {
            font-family: FontAwesome;
            content: "\f078";
            display: inline-block;
            padding-left: 10px;
            padding-right: 10px;
            vertical-align: middle;
            float: right;
        }

        .nav-side-menu ul .active,
        .nav-side-menu li .active {
            border-left: 3px solid var( --primary-color);
            background-color: #4f5b69;
        }

        .nav-side-menu ul .sub-menu li.active,
        .nav-side-menu li .sub-menu li.active {
            color: var(--accent-color);
        }

            .nav-side-menu ul .sub-menu li.active a,
            .nav-side-menu li .sub-menu li.active a {
                color: var(--accent-color);
            }

        .nav-side-menu ul .sub-menu li,
        .nav-side-menu li .sub-menu li {
            background-color: var(--primary-color);
            border: none;
            line-height: 28px;
            border-bottom: 1px solid #23282e;
            margin-left: 0px;
        }

            .nav-side-menu ul .sub-menu li:hover,
            .nav-side-menu li .sub-menu li:hover {
                background-color: #020203;
            }

            .nav-side-menu ul .sub-menu li:before,
            .nav-side-menu li .sub-menu li:before {
                font-family: FontAwesome;
                content: "\f105";
                display: inline-block;
                padding-left: 10px;
                padding-right: 10px;
                vertical-align: middle;
            }

    .nav-side-menu li {
        padding-left: 0px;
        border-left: 3px solid #2e353d;
        border-bottom: 1px solid #23282e;
    }

        .nav-side-menu li a {
            text-decoration: none;
            color: #e1ffff;
        }

            .nav-side-menu li a i {
                padding-left: 10px;
                width: 20px;
                padding-right: 20px;
            }

        .nav-side-menu li:hover {
            border-left: 3px solid var(--accent-color);
            background-color: #4f5b69;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }

    .brand {
        text-align: left !important;
        font-size: 22px;
        padding-left: 20px;
        line-height: 50px !important;
    }
}

@media (min-width: 767px) {
    .nav-side-menu .menu-list .menu-content {
        display: block;
    }
}

body {
    margin: 0px;
    padding: 0px;
}

table.table-recent-info td {
    padding:.1em;
}

td.color-key{
    height:10px;
    width:10px;
    display:inline-block;
    margin-right:.5em;
}

/*TODO: Pick colors from db*/

td#normal {
    background: var(--normal-range);
}

td#abnormal {
    background: var(--abnormal-range);
}

td#panic {
    background: var(--panic-range);
}



.panic-value {
    color: var(--panic-range);
}
.abnormal-value {
    color: var(--abnormal-range);
}
.normal-value {
    color: var(--normal-range);
}




td#EMRPaid {
    background: var(--EMRPaid);
}
td#EMRUnpaid {
    background: var(--EMRUnpaid);
    
}
.Unpaid {
    background: var(--EMRUnpaid);
    color: #fff;
}

.Unpaid a {
    color: #fff;
}

td#EMRunread {
    background: var(--EMRunread);

}

.Unread {
    background: var(--EMRunread);
    color: #fff;
}

.Unread a{
    color: #fff;
}


td#EMRunread {
    background: var(--EMRunread);
}
td#EMRRead {
    background: var(--EMRRead);

}

.Read {
    background: var(--EMRRead);
    color: #fff;
}

.Read a{
    color: #fff;
}
td#EMREmergency {
    background: var(--EMREmergency);
}

.Emergency {
    background: var(--EMREmergency);
     color:red;
}

.Emergency a {
    color: red;
}

/*Todo:  remember you removed background-color: #eee; from bootstrap.css*/
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

.error{
    color:darkred;

}

table.color-legend-table td{
    padding-right:.5em;
}

ul.quick-links li{
    list-style-type:none;
    display:inline;
    margin-left:0;
}

ul.quick-links li a{
    color: #fff;
}

table.login-form-table{
    margin:3em;
}

table.login-form-table tr td{
    padding-top: 1em;
}

tr.new-entry-row td{
    background:#f4f4f4;
   box-shadow:rgba(0,0,0,.4) 1px 1px inset;
}

footer{
    font-family:Verdana;
    font-size:12px;
    line-height:21px;
}


.table-dashboard-icons {
    width:704px;
}

.table-dashboard-icons td {
    width: 120px;
    height: 106px;
    text-align: center;
    font-family:Tahoma;
    font-size:12px;
}

.scrollable-table-container {
    overflow-x: scroll;
    width:100%;
}

    .scrollable-table-container::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 10px;
    }

    .scrollable-table-container::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .scrollable-table-container::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
    }


table.table-top-menu tr td {
    padding: .4em;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 400;
}
table.table-top-menu td a {
    text-decoration:none;
}

table.table-top-menu tr td {
}

    table.table-top-menu tr td:hover, .isActive {
        background: linear-gradient(#FFF1C7, #FFD9A0);
        cursor: pointer;
    }

        table.table-top-menu tr td:hover > .dropdown-table-holder {
            display: block;
        }

table.dropdown-table tr td:hover > .sidekick-table-holder {
    display: block;
}


table.table-top-menu i {
    float: right;
}

.dropdown-table-holder {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #f6f6f6;
    box-shadow: 1px 3px 5px #888888;
    border: 1px solid #FFD9A0;
}



.sidekick-table-holder {
    display: none;
    float: right;
    background: #f6f6f6;
    position: absolute;
    box-shadow: 1px 3px 5px #888888;
    border: 1px solid #FFD9A0;
}




table.dropdown-table tr td, table.sidekick-table tr td {
    padding: .5em;
    white-space: nowrap;
    padding-left: 1.8em;
}

    table.dropdown-table tr td i {
        margin-left: 2em;
    }

img.img-link:hover {
    cursor: pointer;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}



table.table-dashboard-icons td {
    cursor: pointer;
}

    table.table-dashboard-icons td:hover > img {
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    table.table-dashboard-icons td:hover {
        color: var(--primary-dark-color);
    }

tr.filter-row td{
    border:1px solid #000;
    background:#ccc;
}

.panel-heading, caresoft-gradient, bg-primary, .btn-primary, ul.nav-pills li.active a, ul.nav-pills li a:hover {
    background: linear-gradient(#C3DAF7, #7BA4E0);
}
.btn-primary, ul.nav-pills li.active a {
    color: #000;
}


td.td-value{
    font-weight:bold;
}

label{
    font-family:Tahoma;
    font-weight:400;
    font-size:12px;
}

tbody.bg-white{
    background:#fff;
}

.custom-hr {
    border-bottom:2px solid #ccc;
    margin:.5em 0 .5em 0;
}

.unbilled-entry{
    background-color:rgba(0,0,0,0.3);
}

input:read-only{
    background:#dbd7d7;
}


#searchfield {
    display: block;
    width: 100%;
   margin-bottom:.2em;
}

#searchfield form {
    display: inline-block;
   
}

#searchfield form .biginput {
    
    padding: 0 10px 0 10px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    color: #aeaeae;
    font-weight: normal;
    font-size: 1.2em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#searchfield form .biginput:focus {
    color: #858585;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 10px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
}

input.td-cell{
    width:100%;
}

td.editable-td, th.editable-td {
    background: #f5f5f5;
    border: 2px dotted var(--primary-color);
}


.ui-autocomplete{
    z-index:9999;
}

.flipbook-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .flipbook-viewport .container {
        position: relative;
        top: 50%;
        left: 50%;
        margin: auto;
    }

    .flipbook-viewport .flipbook {
        width: 800px;
        left: -400px;
    }

    .flipbook-viewport .page {
        width: 400px;
        background-color: white;
        border: 1px solid var(--primary-dark-color);
       
    }




.flipbook .page {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.ebook-heading {
   margin:1em;
   background-color:var(--primary-light-color);
   padding:.5em;
}

.flipbook .odd {
    background:url("icons/RightSidePage.png");
    padding-left:2em;
}

.flipbook-viewport .page img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.flipbook-viewport .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    -webkit-box-shadow: 0 0 20px #ccc;
    -moz-box-shadow: 0 0 20px #ccc;
    -o-box-shadow: 0 0 20px #ccc;
    -ms-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc;
}

table.cellpadding-3 td, table.cellpadding-3 th{
    padding: 3px;
}

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

    page[size="A4"] {
        width: 21cm;
        height: 29.7cm;
    }

        page[size="A4"][orientation="landscape"] {
            width: 29.7cm;
            height: 21cm;
        }

    page[size="A3"] {
        width: 29.7cm;
        height: 42cm;
    }

        page[size="A3"][orientation="landscape"] {
            width: 42cm;
            height: 29.7cm;
        }

    page[size="A5"] {
        width: 14.8cm;
        height: 21cm;
    }

        page[size="A5"][orientation="landscape"] {
            width: 21cm;
            height: 14.8cm;
        }

    page[size="A6"] {
        width: 10.5cm;
        height: 14.8cm;
    }

        page[size="A6"][orientation="landscape"] {
            width: 14.8cm;
            height: 10.5cm;
        }

@media print {
    body, page {
        margin: 0;
        padding:1.5em;
        box-shadow: 0;
    }


}

@page {
    size: auto;
    margin: 0;
}

.report-heading {
    color: var(--primary-dark-color) !important;
    line-height: 8px !important;
}

.report-section-heading {
    background: linear-gradient(#D7E8FC, #94B6E8) !important;
    margin-top: 1em;
    padding: .3em;
}

.report-title {
    color: var(--primary-color) !important;
}

tr.report-title th {
    color: var(--primary-color) !important;
}

.gray-hr-top {
    border-top: 2px groove #ccc !important;
}

.gray-hr-bottom {
    border-bottom: 2px groove #ccc !important;
}


fieldset.inscroll{
    height:150px;
    overflow-y:auto;
}

.collapsibleList li {
    list-style-image: url('icons/treeviewicons/button.png');
    cursor: auto;
}

li.collapsibleListOpen {
    list-style-image: url('icons/treeviewicons/button-open.png');
    cursor: pointer;
}

li.collapsibleListClosed {
    list-style-image: url('icons/treeviewicons/button-closed.png');
    cursor: pointer;
}

ul.treeView {
    margin-left:-3.7em;
}

.treeView {
    -moz-user-select: none;
    position: relative;
}

    .treeView ul {
        margin: 0 0 0 -1.5em;
        padding: 0 0 0 1.5em;
    }

        .treeView ul ul {
            background: url('icons/treeviewicons/list-item-contents.png') repeat-y left;
        }

    .treeView li.lastChild > ul {
        background-image: none;
    }

    .treeView li {
        margin: 0;
       
        padding: 0  .1em 0;
        background: url('icons/treeviewicons/list-item-root.png') no-repeat top left;
        list-style-position: inside;
        list-style-image: url('icons/treeviewicons/button.png');
        cursor: auto;
    }

        
        .treeView li.collapsibleListOpen {
            list-style-image: url('icons/treeviewicons/button-open.png');
            cursor: pointer;
        }

        .treeView li.collapsibleListClosed {
            list-style-image: url('icons/treeviewicons/button-closed.png');
            cursor: pointer;
        }

.treeView li li {
    background-image: url('icons/treeviewicons/list-item.png');
    padding-left: 1.5em;
}

        .treeView li.lastChild {
            background-image: url('icons/treeviewicons/list-item-last.png');
        }

        .treeView li.collapsibleListOpen {
            background-image: url('icons/treeviewicons/list-item-open.png');
        }

            .treeView li.collapsibleListOpen.lastChild {
                background-image: url('icons/treeviewicons/list-item-last-open.png');
            }

.treeView {
    font-family: Tahoma, Verdana, Arial;
   
    font-weight: 400;
}

ul.collapsibleList li a {
    padding:.2em;
}

ul.collapsibleList li a:hover {
    background: linear-gradient(#FFF1C7, #FFD9A0);
    border: 1px solid var(--primary-color);
    text-decoration: none;
}

#notification {
    padding: .5em;
    left: 25%;
    top: 140px;
    position: fixed;
    z-index: 9999;
    width: 50%;
    box-shadow: 2px 5px 10px #888888;
    display: none;
}

.notification-info {
    border: 1px solid darkblue;
    border-left: .5em solid darkblue;
    background: #42A5F5;
    color: #fff;
}

.notification-success {
    border: 1px solid darkgreen;
    border-left: .5em solid darkgreen;
    background: lightgreen;
    color: #fff;
}

.notification-danger {
    border: 1px solid darkred;
    border-left: .5em solid darkred;
    background: lightcoral;
    color: #fff;
}

.notification-warning {
    border: 1px solid darkorange;
    border-left: .5em solid darkorange;
    background: lightyellow;
    color: #000;
}



/*
 * bootstrap-tagsinput v0.8.0
 * 
 */

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

    .bootstrap-tagsinput input {
        border: none;
        box-shadow: none;
        outline: none;
        background-color: transparent;
        padding: 0 6px;
        margin: 0;
        width: auto;
        max-width: inherit;
    }

    .bootstrap-tagsinput.form-control input::-moz-placeholder {
        color: #777;
        opacity: 1;
    }

    .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
        color: #777;
    }

    .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
        color: #777;
    }

    .bootstrap-tagsinput input:focus {
        border: none;
        box-shadow: none;
    }

    .bootstrap-tagsinput .tag {
        margin-right: 2px;
        color: white;
    }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            margin-left: 8px;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px;
            }

            .bootstrap-tagsinput .tag [data-role="remove"]:hover {
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            }

                .bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                }

.not-allowed{
    cursor:not-allowed;
}


input[type="radio"], input[type="checkbox"] {
    border: 1px solid var(--primary-dark-color);
}



.money{
    text-align:right
}

.thermal-content{
    font-size:12px;
}

.thermal-content tr td{
    padding:1px;
}




.service-group-subheading {
    color: #BF0000 !important;
    text-transform: uppercase;
    border-bottom: 1px solid #BF0000;
    padding-top:2em;
}

.td-sub-total {
    border-top: 2px solid green !important;
}