/* ==========================================================================
   Author's custom styles
   ========================================================================== */
div.mockGrid {
    height: 220px;
    width: 33%;
    float: left;
}

.blockOverlay {
    padding-top: 300px;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10000;
    background-color: rgba(0,0,0,.7);
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
}

    .blockOverlay h3 {
        color: #fff;
    }

/* Metro Tile Icon */
body [class*="icon-"] {
    font-family: 'iconFont';
    speak: none;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    text-decoration: inherit;
    line-height: 1;
    display: inline-block;
    vertical-align: -8%;
    -webkit-font-smoothing: antialiased;
    font-size: inherit;
}

@font-face {
    font-family: 'iconFont';
    src: url('./fonts/iconFont.eot');
    src: url('./fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('./fonts/iconFont.woff') format('woff'), url('./fonts/iconFont.ttf') format('truetype'), url('./fonts/iconFont.svg#iconFont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-accessibility:before {
    content: "\e063";
}

.icon-grid:before {
    content: "\e12f" !important;
}

.icon-lab:before {
    content: "\e058";
}

.icon-user:before {
    content: "\e03b";
}

.icon-cart:before {
    content: "\e015";
}

.icon-box-add:before {
    content: "\e02a";
}

.icon-wrench:before {
    content: "\e048";
}

.icon-help:before {
    content: "\e085";
}

.icon-arrow-right-3:before {
    content: "\e09d";
    color: #fff;
    font-size: 16px;
}

/* Fonts */
@font-face {
    font-family: "Open Sans";
    src: url('./fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "Open Sans Light";
    src: url('./fonts/OpenSans-Light.ttf');
}

/* Userbar */
.userbar {
    height: 38px;
    background-color: rgb(76,102,104);
}

    .userbar a.btn {
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 2px;
    }

p.userWelcome {
    line-height: 39px;
    color: #fff;
    float: right;
    padding: 0px;
    margin: 0px;
}

header .navbar {
    border-radius: 0px;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}

header.plasmaLabHeader .navbar-container {
    /*background: #ce3047;*/
    background: #30c940;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

#loginLink {
    color: #000;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

ul.navbar-right li {
    color: #fff;
}

    ul.navbar-right li:first-child {
        line-height: 2.7em;
    }

.mainContent {
    background: rgba(193,62,169,0.3);
}

.section, footer {
    padding: 20px 0px;
}

    .section h2 {
        padding: 0px;
        margin: 0px;
    }

h2.titleHeader {
    padding-bottom: 20px;
}

/* Buttons */
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
    background-image: none;
    background-color: #ce3047 !important;
    border-color: rgba(76,102,104,1);
}

    .btn-primary:hover {
        border-color: #fff;
    }

/*Comments*/
.multi-line-comments {
    white-space: pre-wrap;
}

.existingTestResults {
    color: red;
    font-size: 20px;
    width: 100%;
    cursor: pointer;
}

/* Tabs */
a.actionLink {
    background-color: #888;
    min-width: 80px;
    padding: 5px 8px;
    margin-right: 10px;
    color: white;
    text-decoration: none;
    text-align: center;
    float: left;
    display: block;
}

.nav {
    list-style: initial;
}

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: underline;
        background-color: rgb(193,62,169);
    }

.tabsList {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border-bottom: 1px solid #ce3047;
    list-style-type: disc !important;
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: rgba(193,62,169,0.6);
}

    .tab a {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.02em;
        display: block;
        padding: 10px 15px;
        outline: none;
        color: #333 !important;
    }

    .tab.active {
        background: #ce3047 !important;
    }

.nav-tabs > li {
    margin-bottom: 0px;
    margin-right: 4px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #fff;
        cursor: default;
        background-color: rgb(76,102,104);
        border: 0px;
    }

    .nav-tabs > li > a {
        line-height: 1.35;
        border: 0px;
        margin: 0px;
    }

.tab:hover {
    background: rgb(193,62,169);
}

.tab.active:hover {
    background: rgb(197,6,37);
}

.tab a.active {
    color: #fff !important;
}

.tab-container {
    margin-bottom: 15px;
    overflow: hidden;
}

    .tab-container .panel-container {
        padding: 10px;
    }

#tab-container > div {
    padding: 30px 0px;
}

.tab a span {
    font-weight: bold;
}

#tab-container > div h2 {
    padding-top: 0px;
    margin-top: 0px;
    font-size: 22px;
}

table.tblCommon tr:nth-child(2n+1) {
    background-color: #fff;
}

table.tblCommon td {
    padding: 5px 10px;
}

/* Forms */
span.required {
    color: #cc0000;
    font-weight: bold;
    content: "*";
}

/* styles for validation helpers */
.field-validation-error {
    color: #cc0000;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error, select.input-validation-error {
    border: 1px solid #cc0000;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #cc0000;
}

.validation-summary-valid {
    display: none;
}

/* Donors */
.form-group {
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

div.actionContainer {
    margin-bottom: 15px;
}

h2.detailsHeader {
    background-color: #ce3047;
    color: #ffffff;
    font-size: 1.3em;
    padding: 10px;
    margin-bottom: 10px;
}

div.detailsSection {
    margin-bottom: 40px;
    overflow: hidden;
    clear: both;
}

div.detailsHalf {
    padding-right: 15px;
    width: 50%;
    float: left;
}

div.detailsHalfRight {
    padding-right: 0px;
    width: 50%;
    float: left;
}

div.detailsThird {
    padding-right: 15px;
    width: 33%;
    float: left;
}

div.detailsThirdRight {
    padding-right: 0px;
    width: 33%;
    float: left;
}

.detailsTbl th,
.detailsTbl td {
    padding: 5px 15px 5px 0px;
    width: 33%;
}

span.newContact {
    color: green;
}

#testResultsModal .modal-dialog, #testDisplayModal .modal-dialog {
    width: 900px;
}

.editComment, .editResponse {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

/* Surveys */
div.surveyCategory {
    display: none;
}

#surveyTabContainer {
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

#tblChecklist tbody > tr > td {
    line-height: 32px;
}

#tblChecklist input[type='radio'] {
    height: 16px;
    width: 16px;
}

div.clSig {
    float: left;
    width: 350px;
    border-top: 1px solid #000;
    margin-top: 50px;
}

div.clDate {
    float: left;
    width: 175px;
    border-top: 1px solid #000;
    margin-left: 35px;
    margin-top: 50px;
}

li.active {
    /*background-color:#ce3047 !important;*/
}

li.visited {
    opacity: 1 !important;
    cursor: pointer;
}

    li.visited:hover {
        opacity: 0.6;
        color: #ffffff;
        background-color: #777777 !important;
        padding: 5px 10px;
        margin-right: 10px;
        display: inline;
        cursor: pointer;
    }

li.surveyTab {
    opacity: 0.6;
    color: #ffffff;
    background-color: #999999;
    padding: 5px 10px;
    margin-right: 10px;
    display: inline;
    cursor: default;
}

span.response {
    font-weight: bold;
}

.surveyBackBtn {
    color: #ffffff;
    background: rgb(76,102,104);
}

.surveyNextBtn {
    color: #ffffff !important;
    background: rgb(76,102,104);
    float: right;
}

    .surveyNextBtn:hover, .surveyBackBtn:hover {
        background: rgb(102,135,138);
    }

#detailsLink {
    margin-bottom: 20px;
}

#form0 div.form-group {
    margin-bottom: 24px;
}

span.surveyName {
    font-size: 20px;
}

div.radioBtnResponseContainer {
    margin-left: 12px;
    float: left;
}

    div.radioBtnResponseContainer label {
        float: left;
        font-weight: normal;
    }

    div.radioBtnResponseContainer input[type="radio"] {
        margin-top: 8px;
        float: left;
    }

div.surveyRadioBtns {
    clear: both;
    margin: 6px 0px 0px 24px;
    width: 15%;
}

    div.surveyRadioBtns input[type="radio"] {
        margin-right: 3px;
    }

        div.surveyRadioBtns input[type="radio"]:nth-of-type(2) {
            margin-left: 10px;
        }

div.surveyRadioComment {
    float: left;
    margin-left: 24px;
    width: 75%;
    display: none;
}

@media (max-width: 991px) {
    div.surveyRadioBtns {
        width: 25%;
    }

    div.surveyRadioComment {
        margin-left: 36px;
        width: 70%;
    }
}

@media (max-width: 768px) {
    .navbar-brand {
        display: none;
    }
}

/*@media (max-width: 591px) {    
    div.surveyRadioBtns {
        width:50%;
    }

    div.surveyRadioComment {
        width:95%;
    }
}*/

div.surveyCategory > div.form-group > div.col-sm-6 {
    padding-left: 0px;
}

.k-picker-wrap .k-input {
    height: 27px;
}

/* Kendo Grid Details */
div.gridDetailsOne {
    width: 67%;
    float: left;
}

div.gridDetailsTwo {
    width: 33%;
    float: left;
}

/* Bleed Create */
span.removeSpan, span.removeSpanTr {
    width: 15px;
    cursor: pointer;
    text-align: center;
    display: block;
}

div.productButtons {
    margin-top: 15px;
}

hr {
    border: 1px solid #ce3047;
}

tr.prdRow {
    vertical-align: top;
}

span.removeSpan {
    line-height: 2.3em;
}

.prodTypeControl {
    /*min-width: 200px;*/
    min-width: 10em;
}

/* Plasma */

/* Inventory */
#tblNoPilots tr td {
    line-height: 3em;
}

a.k-i-collapse {
    display: none;
}

/* Search */
div.filterContainer {
    margin-top: 20px;
    margin-bottom: 30px;
}

.searchBtn {
    margin-top: 24px;
}

h2.searchHeader {
    background-color: rgb(52,152,219);
    color: #ffffff;
    font-size: 1.3em;
    padding: 10px;
    margin-bottom: 10px;
}

/* Customers */
@media screen and (min-width: 768px) {
    #addContactModal .modal-content {
        width: 700px;
        padding: 10px 30px;
    }

    #addContactModal #cusContacts.modal-body {
        padding-bottom: 0px;
    }


    #addContactModal #formCusContact p {
        margin-bottom: 10px;
    }

    #addContactModal #formCusContact .form-horizontal h2 {
        margin-top: 10px;
        margin-bottom: 0px;
    }
}

#formCusContact .form-horizontal input[type=checkbox] {
    margin-left: 12px;
    margin-top: 4px;
}

/* Orders */
div.invoiceLeft {
    width: 50%;
    float: left;
}

div.invoiceRight {
    width: 50%;
    float: left;
    text-align: right;
}

div.invoiceFull {
    width: 100%;
    float: left;
}

div.invoiceSummary {
    float: right;
    text-align: right;
    padding: 8px;
}

div.billTo {
    margin: 20px 0px;
}

.invoiceTbl {
    float: right;
}

h4.invoiceHeader {
    font-size: 24px;
    margin-bottom: 12px;
}

.invoiceTbl td:nth-child(2n+1) {
    text-align: left;
}

.invoiceTbl td:nth-child(2n) {
    text-align: right;
}

#tblOrderItems {
    margin: 0px;
}

    table.printView td:nth-child(5), #tblOrderItems td:nth-child(9) {
        text-align: right;
    }

#shiptolist_listbox li.k-item, #billtolist_listbox li.k-item {
    border-bottom: 1px solid #000;
}

div.packingPrint {
    background-color: rgb(229,229,229);
    clear: both;
    overflow: hidden;
}

input.shipCb {
    margin-left: 5px;
    width: 14px;
}

tr.invYellow {
    background: rgb(253,253,150);
}

tr.invRed a {
    color: #FFFFFF;
}

tr.invRed {
    background: rgb(255,105,97);
}

span.priceSpan {
    float: right;
}

.chkBoxOverrideCusNameHolderDiv label{
    padding-bottom:5px;
}

 .chkBoxOverrideCusNameHolderDiv div{
    padding-bottom:10px;
}

.chkBoxOverrideCusNameHolderDiv .chkBoxOverrideCusName{
    margin-left:15px;
}

@media print {
    .noPrint {
        display: none !important;
    }
}


@media (min-width:768px) {
    /* Tablet size? */
    header h1 {
        display: none;
    }

    div.navbar-collapse {
        padding: 0px;
    }

    .navbar-nav > li > a {
        padding: 15px 10px;
    }

    #formOrder .detailsInfo .col-sm-3:first-child {
        width: 34% !important;
    }

    #formOrder .detailsInfo .col-sm-3:not(:first-child) {
        width: 20% !important;
    }

    #formOrder .detailsInfo .col-sm-3:last-child {
        width: 26% !important;
    }
}

@media (min-width:992px) {
    body {
        font-family: "Open Sans", sans-serif;
    }

    /* Adjustments to Bootstrap Styling */
    ul.nav li.dropdown-hover:hover > ul.dropdown-menu {
        display: block;
    }

    div.container {
        width: 100% !important;
        margin: 0 auto;
        padding: 0;
    }

    /* Home */
    div.homeDashboard {
        padding: 40px;
    }

    /* Topnav */
    body {
        padding-top: 80px;
    }

    .navbar-brand {
        padding: 8px 0px;
        width: 100%;
    }

    .navbar > .container .navbar-brand {
        margin: -5px 0px 0px 0px;
        padding: 21px 40px 0px 15px;
    }

    .navbar-nav > li > a {
        padding: 10px;
        font-weight: normal;
        font-size: normal;
    }

    .navbar-inverse .navbar-nav > .dropdown > a .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

    header .navbar {
        height: 80px !important;
        min-height: 0px !important;
        border-radius: 0px;
    }

    header.plasmaLabHeader h1 {
        /*background: url(./images/logo_plasmalab.png) left top no-repeat;*/
        /*background: url(./images/Blood.Drop.Small.png);
        text-indent: -9999px;*/
        /*height: 30px;
        width: 112px;*/
        height: 36px;
        width: 37px;
        margin: 2px 15px 0px 0px;
        padding: 0px 0px 0px 0px;
        line-height: 30px;
        display: inline;
        float: left;
        cursor: pointer;
    }

        header.plasmaLabHeader h1 a {
            display: block;
        }

    .metro header.plasmaLabHeader .navigation-bar .navigation-bar-content .element:hover {
        /*background-color: rgb(206,48,71);*/
        background-color: rgb(48,201,64);
    }

    nav {
        float: left;
        display: inline;
        margin-left: -10px;
    }

        nav ul {
            list-style: none;
            list-style-type: none;
            margin: 0px 0px 0px 0px;
            padding: 0;
            font-size: 15px;
            font-family: "Segoe UI Light", "Open Sans", Arial, Sans-Serif;
            color: #fff;
        }

            nav ul li {
                margin: 0px;
                display: inline;
                font-size: 16px;
            }

                nav ul li a {
                    text-decoration: none;
                    padding: 10px 15px;
                    color: #fff;
                    float: left;
                    text-align: left;
                    line-height: 20px;
                    margin-right: 5px;
                }

                    nav ul li a:link,
                    nav ul li a:active,
                    nav ul li a:visited,
                    nav ul li a:hover {
                        color: #fff !important;
                    }

                    nav ul li a.selected,
                    nav ul li a.selected:hover,
                    nav ul li a:hover {
                        background: rgba(206,48,71,0.75) !important;
                    }

            nav ul.dropdown-menu {
                background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
            }

                nav ul.dropdown-menu li a {
                    width: 100%;
                }

    /* Sections */
    .homeFeature {
        background: #fff;
        border-top: rgba(255,255,255,0.1);
        border-bottom: 1px solid rgba(0,0,0,0.25);
        padding-bottom: 20px;
    }

        .homeFeature h1 {
            font-size: 30px;
            line-height: 1em;
            margin-top: 0px;
            padding-top: 0px;
        }

    .homeNavTiles {
        background: rgba(193,62,169,1);
        border-top: rgba(255,255,255,0.5);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

    .homeAdditional {
        border-top: rgba(255,255,255,0.5);
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

        .homeAdditional p {
            font-size: 18px;
            letter-spacing: normal;
            line-height: 1.4em;
            margin: 2em 0em 2em 0em;
        }

    footer {
        background: rgba(76,102,104,1);
        color: #fff;
    }

    .secondaryFeature h1 {
        font-size: 30px;
        font-family: "Segoe UI Light", "Open Sans", Arial, Sans-Serif;
        line-height: 1em;
        margin-top: 0px;
        padding-top: 0px;
        color: #ce3047;
        margin-bottom: 20px;
    }

    /* Home Action Items */
    div.homeDashboard h1 {
        font-size: 28px;
        font-family: "Segoe UI Light", "Open Sans Light", Arial, Sans-Serif;
        line-height: 1em;
        margin-top: 0px;
        padding-top: 0px;
        color: #ce3047;
        margin-bottom: 20px;
    }

    div.actionItemTile {
        width: 300px;
        height: 170px;
        border: 1px solid rgb(209,209,209);
        margin: 0px 19px 20px 0px;
        float: left;
        cursor: pointer;
    }

        div.actionItemTile:hover {
            border: 1px solid #aaa;
        }

        div.actionItemTile div.aiIcon span {
            font-size: 64px !important;
            margin: 15px 0px 0px 20px;
            display: block !important;
            text-align: left;
            color: rgb(209,209,209);
        }

        div.actionItemTile div.aiInside {
            width: 100%;
            float: left;
        }

        div.actionItemTile div.aiTitle {
            height: 35px;
            background-color: rgb(247,249,252);
        }

            div.actionItemTile div.aiTitle h2 {
                font-size: 20px;
                font-family: "Segoe UI Light", "Open Sans", Arial, Sans-Serif;
                line-height: 1em;
                margin: 5px 0px 0px 10px;
                color: #000;
            }

        div.actionItemTile div.aiDash div.aiIcon {
            width: 120px;
        }

        div.actionItemTile div.aiDash div.aiItems {
            width: 178px;
            padding-top: 25px;
        }

        div.actionItemTile div.aiDash {
            height: 95px;
        }

        div.actionItemTile div.aiGo {
            height: 40px;
        }

            div.actionItemTile div.aiGo div.aiGoBg {
                margin: 0px 5px 5px 5px;
                height: 35px;
                background-color: rgb(209,209,209);
            }

                div.actionItemTile div.aiGo div.aiGoBg p {
                    color: #fff;
                    margin: 7px 5px 0px 0px;
                    float: right;
                }

                div.actionItemTile div.aiGo div.aiGoBg span {
                    margin: 9px 10px 0px 0px;
                    float: right;
                    cursor: pointer;
                }

    div.aiTileRight {
        /*margin-right:0px !important;*/
    }

    h4.dashboardHeader {
        padding: 5px;
        color: #FFF;
    }

    #tileDonors div.aiGoBg, h4.screensHeader {
        background-color: rgb(52,152,219);
    }

    #tileDonors div.aiItems span.aiCount {
        color: rgb(52,152,219);
        font-weight: bold;
    }

    #tileCollection div.aiGoBg, h4.donorsHeader {
        background-color: rgb(231,76,60);
    }

    #tileCollection div.aiItems span.aiCount {
        color: rgb(231,76,60);
        font-weight: bold;
    }

    #tilePlasma div.aiGoBg, h4.plasmaHeader {
        background-color: rgb(155,89,182);
    }

    #tilePlasma div.aiItems span.aiCount {
        color: rgb(155,89,182);
        font-weight: bold;
    }

    #tileCustomers div.aiGoBg, h4.customersHeader {
        background-color: rgb(230,126,34);
    }

    #tileCustomers div.aiItems span.aiCount {
        color: rgb(230,126,34);
        font-weight: bold;
    }

    #tileOrders div.aiGoBg, h4.ordersHeader {
        background-color: rgb(39,174,96);
    }

    #tileOrders div.aiItems span.aiCount {
        color: rgb(39,174,96);
        font-weight: bold;
    }

    #tileShipping div.aiGoBg, h4.billingHeader {
        background-color: rgb(52,73,94);
    }

    #tileShipping div.aiItems span.aiCount {
        color: rgb(52,73,94);
        font-weight: bold;
    }

    div.actionItemColumn {
        width: 300px;
        margin-right: 20px;
        float: left;
    }

    /* Home Nav Tiles */
    .homeNavTiles ul.navTiles {
        list-style: none;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 0;
        font-size: 16px;
        font-family: "Segoe UI Light", "Open Sans", Arial, Sans-Serif;
        color: #fff;
        clear: both;
        display: block;
        overflow: hidden;
    }

        .homeNavTiles ul.navTiles li {
            margin: 0px;
            display: inline;
            font-size: 16px;
        }

            .homeNavTiles ul.navTiles li a {
                text-decoration: none;
                padding: 10px 15px;
                color: #fff !important;
                float: left;
                text-align: left;
                line-height: 20px;
                margin: 0px 20px 20px 0px;
                width: 220px;
                height: 220px;
                background: #ce3047;
            }


                .homeNavTiles ul.navTiles li a:hover {
                    color: #fff !important;
                    background: #c50625;
                }

                .homeNavTiles ul.navTiles li a h1 {
                    color: #fff;
                    font-size: 26px;
                    line-height: 1em;
                    margin: 0px 0px 20px 0px;
                    padding: 0px 0px 0px 0px;
                }

                .homeNavTiles ul.navTiles li a h2 {
                    color: #fff;
                    font-size: 16px;
                    line-height: 1.2em;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 0px;
                }

                .homeNavTiles ul.navTiles li a h1, .homeNavTiles ul.navTiles li a h2 {
                    font-family: "Segoe UI Light", "Open Sans Light", Arial, Sans-Serif;
                    font-weight: normal;
                }

            .homeNavTiles ul.navTiles li.noRightMargin a {
                margin-right: 0px;
            }

    .navTile span {
        font-size: 64px !important;
        margin-bottom: 20px;
        display: block !important;
        text-align: center;
    }


    /* Tab Content */
    div.tabContent {
        display: none;
    }

    /* Donors.html */
    #tblNewDonor {
        width: 800px;
    }

        #tblNewDonor td:first-child {
            width: 180px;
        }

        #tblNewDonor td:nth-child(2n-1) {
            text-align: right;
            padding-right: 10px;
        }

    span.k-datepicker {
        width: 130px;
    }
}

/* Scheduler Print */
/*@media print {
   .k-scheduler,
   .k-scheduler-content,
   .k-scheduler-times
   {
      height: auto !important;
   }

   .k-scheduler-content
   {
      overflow-y: scroll !important;
   }
}

@media print {
    .k-ff .k-scheduler-content
    {
        margin-right: 17px !important;
    }
}*/

@media print {
    .k-scheduler,
    .k-scheduler-content,
    .k-scheduler-times {
        height: auto !important;
    }
}

.k-scheduler-content {
    overflow-y: scroll !important;
}

.k-scheduler .k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
    height: 1000px;
}

.regularDonation {
    background-color: rgb(110, 179, 250);
    margin-bottom: 3px;
}

.newDonation {
    background-color: rgb(86, 202, 133);
    margin-bottom: 3px;
}

.bloodDraw {
    background-color: rgb(245, 138, 138);
    margin-bottom: 3px;
}

.employee {
    background-color: rgb(177, 156, 217);
    margin-bottom: 3px;
}

.other {
    background-color: rgb(136, 136, 136);
    margin-bottom: 3px;
}

.k-autocomplete {
    width: 215px;
    height: 33px;
}

.totalCostAndAmountDiv {
    color: #003399;
    font-weight: bold;
}

#formOrder .detailsHeader > span {
    color: yellow;
}

.inline-editable-price-col{
    border: 1px solid gray;
    width: 90%;
    display: block;
    height: 25px;
    padding-top: 6%;
    padding-left: 10%;
    background-color: white;
}

.inline-editable-descriprtion-col{
    width:100%;
}