a {
    text-decoration: none !important;
    color: #841617 !important;
    font-weight: 500;
}

    a:focus, a:hover {
        color: #841617;
    }

    a.k-link:focus,
    a.navbar-brand:focus {
        outline: none;
    }

ul.nav > li > a {
    background-image: none;
}

ul.nav > li > a {
    font-size: 1em;
}

    ul.nav > li > a:hover {
        color: #841617 !important;
    }

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

.k-loading-image {
    background-image: none !important;
}

/* Only want to apply style to the body not the individual controls like grids */
body > div.k-loading-mask > div.k-loading-image {
    position: fixed;
}

/* Removes the "blue" border around input controls */
input:focus {
    outline: none !important;
    box-shadow: none !important;
}


.font-weight-bold {
    color: #63666A;
}

body {
    box-sizing: border-box;
    font-family: Lato,'Helvetica Neue',Helvetica,Arial,sans-serif;
    color: #292929;
    background-color: #fff;
    height: 100%;
    position: relative;
}

.k-canvas {
    outline: none;
}

.card-header {
    font-weight: bold;
    color: #63666A;
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto rgb(241,190,72)
}

.title-caption {
    font-weight: 300;
    font-style: normal;
    color: #9595D2;
    font-size: 2rem;
}

.subTitle-caption {
    color: #841617;
    font-weight: bold;
    font-size: 1.1rem;
}

.username-caption {
    color: #F1BE48;
    font-size: .9em;
}

.navbar-collapse {
    flex-grow: 0;
}

.validation-toolbar {
    border-color: #ffeeba;
    color: #856404;
    background-color: #fff3cd;
}

/* Kendo Validation */
.k-invalid-msg {
    color: #8e1a1d;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-style: normal;
}

.k-tooltip-error {
    color: #fff !important;
}

.form-control:focus {
    outline: none;
    border: 1px solid #da494d;
    border: 1px solid rgba(218, 73, 77, 0.894);
    box-shadow: none !important;
}

/* this removes the red halo around the controls */
.k-autocomplete.k-header.k-state-open,
.k-autocomplete.k-header.k-state-focused,
.k-autocomplete.k-state-open,
.k-autocomplete.k-state-focused,
.k-textbox.k-state-focused,
.k-numerictextbox .k-state-focused,
.k-multiselect.k-state-focused > .k-multiselect-wrap,
.k-picker-wrap.k-picker-wrap.k-state-focused,
.k-textarea,
.k-input:focus-within{
    box-shadow: none !important;
}

/* Kendo Button */
a[role = 'button'] {
    background-image: none !important;
}

.k-calendar .k-state-selected .k-link {
    color: #fff !important;
}

/* Kendo Window */
.k-window-title {
    color: dimgray;
    font-weight: bolder;
}

.k-window {
    box-shadow: 1px 1px 7px 1px #808080;
    box-shadow: 1px 1px 7px 1px rgba(128,128,128,.3);
}

.k-window-titlebar {
    background-position: 50% 50%;
    background-color: #f7f7f7;
}

.k-nodata {
    font-weight: 400;
}

/* Kendo Notification */
.k-notification div i {
    margin-right: 10px;
}

#controlPanelAlert {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 10px;
    z-index: 999;
}

.k-notification-error {
    background-color: #C12E27 !important;
    border-color: #C12E27 !important;
    color: white !important;
}

#notificationAlertContainer > h6 {
    margin: 0;
}


/* Kendo Panelbr */
.k-panelbar > .k-item > .k-link.k-state-selected {
    color: #ffffff !important;
}

/* Kendo Toolbar */
#toolbar {
    padding-left: 3px;
    background-color: #841617 !important;
    border-color: #333 !important;
    border-radius: 3px;
    color: #ffffff;
    margin-left: 15px;
    margin-right: 15px;
}

/* Button Groups */
.btn-primary:hover {
    color: #fff !important;
    background-color: #841617 !important;
    border-color: #ccc !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #841617 !important;
    border-color: #333 !important;
}

    .btn-primary.focus, .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgb(152, 152, 152);
    }
/* End Button Groups */

/* Control Module (Toolbar, Notifications, Errors)*/
#controlPanelAlert {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 10px;
    z-index: 1040;
}

#validationAlert {
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 6px #000000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    margin-top: 0;
}
/* Control Module */

/* xs styles */
@media(max-width:767px) {
    .title-caption {
        font-size: 1.5rem;
    }

    .subTitle-caption {
        font-size: .9em;
    }

    .username-caption {
        font-size: .7em;
    }
}

/* lg styles */
@media(min-width:1200px) {
    .title-caption {
        font-size: 1.875em;
    }

    .subTitle-caption {
        font-size: 1.1em;
    }

    .username-caption {
        font-size: .9em;
    }
}