body {
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 12px;
}

input[type="text"]:disabled {
    background-color: #EBEBE4;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.container.body-content {
    margin: 0;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


/* Credible styles **/
/* Grid header **/

a {
    color: #6054a3;
}
.headerbox {
    
}

.header-row {
    padding: 1px 4px;
    display: flex;
    justify-content: space-between;
    margin: 2px 0px;
}

.header-row.dark {
    background-color: #F0F0E8;
    border: 1px solid #808080;
}
.header-row.borderless {
    border: 0;
}

.search-filter a {
    padding: 4px 4px;
    display: inline-block;
}

.righty {
    text-align: right;
    display: block;
    justify-content: initial;
}

.listbtn {
    font-weight: normal;
    background-color: #F0F0E8;
    letter-spacing: 1pt;
    font-size: 11px;
    border-top: solid 1px #C8C8C8;
    border-right: solid 1px #787878;
    border-left: solid 1px #C8C8C8;
    border-bottom: solid 1px #888888;
}

a.listbtn {
    display: inline-block;
    padding: 0px 3px;
    margin: 1px;
    cursor: pointer;
    text-decoration: none;
}

/* Add new Standing Order Set Styles */
.sos-line {
    border: 0 !important;
}

.sos-line span {
    font-weight: bold;
}


.sos-line .type-check {
    width: 45%;
    float: left;
    margin: 5px 0;
}

.sos-line div {
    border: 0;
    margin: 2px;
}

.sos-line .search {
    width: 177px;
    border-radius: 13px;
    border: 1px #C8C8C8 solid;
    display: inline-block;
    overflow: hidden;
}

.search span {
    border: 0;
    margin: 0 0 0 0;
}


.sos-line .search input.k-input {
    border: 0;
}
.sos-line .search input:focus {
    outline-width: 0;
}

.sos-line .search::before {
    /* https://www.iconfinder.com/icons/314478/search_icon#size=16 */
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABQ0lEQVQ4T63TvUoDQRAH8Jm50iKkVQt9Aitb0Vqw9iEyu+AHWghekECwkNu7K4W0YmVjIT5AOpG8gI3YmIuFlZDNXxauSA4TSOK2M/ObYZhlWvLxkvX0/0CWZave+5aIHIxGo5qI9ABcW2vv/pp2YoJQDKDLzPcAHBF9isiO9z4XkY6qtqvIBJAkSSeKor6qno4nllP1oijaVtW38dgEkKZpQURbxpj3aifn3C0zvxpj8qlAkiRDEVkxxvxUgTRN2wC+rbWtWRO8iMhZo9F4Hk8CwHmedwFcGWMepwLOuUMiaorInqp+hMSyOOzEFEWxEcfxcCoQAlmWnXvvT5j5gZn7zLxLROsA1gA0rbXxTKBENgHsA6iFxQ0Gg6d6vX7BzJdVZK5LdM7FJXJsrb0JzeYCQoFz7khEvlS1sxAw8xIX+Zm/m9eUEe4RhNoAAAAASUVORK5CYII=');
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.sos-line textarea.sos-control {
    width: 98%;
    max-width: 100%;
    height: 4em;
    margin: 0 5px;
}

.mvc-breadcrumb {
  display: block;
  white-space: nowrap;
  padding-left: 15px; 
  font-size:14px !important
}

.mvc-breadcrumb a {
    text-decoration: none;
    vertical-align: top;
    }
.mvc-breadcrumb a:hover{
      text-decoration: underline;
    }	


#sos-landing-grid .hideScrollBars{
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

#sos-landing-grid .showScrollBars{
    overflow-y: auto !important;
    overflow-x: auto !important;
}
.mvc-breadcrumb label {
    color: #7d7f82 !important;
}	  
  
.line-grid {
    margin: 0 5px 5px 5px;
}

.line-grid .k-grid-content {
    overflow: hidden;
}
/*
.toolbar-grid {
    margin-bottom: 30px;
}
    */
.justify-content {
    justify-content: space-between;
    display: flex;
}

.dialog-content {
    margin: 8px;
}

button, input, select[multiple], textarea {
    border-width: 1px;
}

.sos-line .k-button.k-button-icontext .k-icon {
    margin: 0 3px 0 0;
}


.sos-form {
    margin: 10px 0;
}
.sos-form .row .sos-label {
    margin: 4px 0 0 10px;
    text-align: right;
}
.sos-form .row {
    vertical-align: middle;
    padding: 3px;
}
.sos-form .row .sos-input {
    line-height: 1.5em;
}
.sos-form .row .sos-input textarea {
    width: 100%;
    max-width: none;
}
.sos-input.sos-input-lg input {
    width: 350px;
    max-width: 350px;
}
.sos-input.sos-input-lg .k-autocomplete {
    width: 352px;
}

    .notification-continue {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .notification-cancel {
        position: absolute;
        bottom: 10px;
        right: 110px;
    }
    .notification-message {
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .sos-page-title {
        width: 100%;
        height: 50px;
        position: relative;
    }
    .sos-page-title .left-section {
        margin: 0;
        padding: 0;
        position: fixed;
    }
    
    .sos-page-title .left-section h3 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sos-page-title .menu-item {
	display: inline-block;
    overflow: hidden;
    height: 22px;
    margin-right: 5px;
    }

    .sos-header-toolbar {
        padding-top: 20px;
    }
    .sos-checkbox input[type="checkbox"]{
        margin: 3px 3px 3px 4px;
    }

#sosRxAdmin {
    position: relative;
    padding-bottom: 20px;
}

.ActivateLoading {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: visible;
}

.hideElement {
    visibility: hidden;
}

.required {
    color: red;
    padding: 1px;
    margin: 1px;
}

.required-l::after {
    color: red;
    content: ' *'
}

#rxBuilderForm .small-text-box {
    width: 6%;
}

#rxBuilderForm .largeTextArea {
    width: 50%;
}

#rxBuilderForm .sigBuilderRow {
    margin-top: 8px;
}


#rxBuilderForm input:not([type=checkbox]) {
    margin-right: 10px;
}


#rxBuilderForm .add-space-left {
    margin-left: 10px;
}


#rxBuilderForm select {
    margin-right: 10px;
}


#rxBuilderForm .extraMargin {
    margin-top: 10px;
}


#rxBuilderForm .quantitySection {
    margin-left: 20px;
}

.k-grid .input-validation-error::before {
    content: '*';
    display: inline-block;
}

.k-grid input.input-validation-error, .k-grid textarea.input-validation-error {
    border-style: ridge;
    border-color: #f00;
    background-color: #FFF3F5;
}

.client-device-details > div,
.export-sch-details > div {
    width: 32%;
    padding-right: 1%;
    float: left;
}

#device-id {
    height: 34px;
    width: 400px;
    border-color: rgb(204, 204, 204);
    border-radius: 3px;
    padding: 5px;
    margin: 0 5px 0 5px;
}

#clientDevicesGrid {
    margin: 10px 0 0 0;
}

#device-add-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 4px;
}

#devices-msg {
    display: flex;
    align-items: flex-start;
    margin-top: 8px;
}

#devices-msg-text {
    word-break: break-all;
}

#devices-header {
    min-height: 36px;
}

#device-add-section > span {
    vertical-align: top;
    display: inline-block;
}

.break-word {
    word-break: break-all;
    word-wrap: break-word;
}

.k-grid.k-editable input[type=text] {
    padding: 0 3px;
}

#devices-msg-icon.k-icon {
    font-size: 20px;
    margin-right: 8px;
    flex-shrink: 0;
}

.k-icon.k-i-warning {
    color: orangered;
}

.k-icon.k-i-check-outline {
    color: green;
}

#export-sch-files > div {
    float: left;
    margin-right: 10px;
    min-width: 250px;
}

#run-header > span {
    display: inline-block;
    padding-right: 10px;
}

#add-asam-emp {
    float: right;
}

#add-asam-emp-section {
    display: none;
}

#add-asam-emp-hold {
    min-height: 10px;
}

#add-asam-emp-hold h2{
    float: left;
    margin: 0;
}

a.asam-access-switch {
    padding: 0 0 0 22px;
    position: relative;
}

.asam-access-switch:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 15px;
    border: 1px solid #666;
    border-radius: 10px;
    top: -2px;
    left: -15px;
    position: absolute;
}

.k-grid td.asam-enabled {
    padding-left: 20px;
}

.asam-access-switch:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background: #FFF;
    border-radius: 13px;
    top: 0px;
    position: absolute;
}

.asam-access-switch.active:before {
    background-color: forestgreen;
}

.asam-access-switch.active:after {
    left: 1px;
}

.asam-access-switch.inactive:before {
    background-color: crimson;
}

.asam-access-switch.inactive:after {
    left: -13px;
}

.asam-access-switch.pending:before {
    background-color: darkgrey;
}

.asam-access-switch.pending:after {
    left: -6px;
}


.ext-validation .k-icon {
    margin-bottom: 2px;
}


.ext-validation.error,
.ext-validation.error .k-icon {
    color: red;
}

.ext-validation.success,
.ext-validation.success .k-icon {
    color: green;
}

.ext-validation.warning,
.ext-validation.warning .k-icon {
    color: orangered;
}

.sortable-grid .k-icon.k-i-refresh {
    color: transparent;
}

.sortable-grid .k-icon.k-i-refresh:before {
    color: #333;
}

#asam-filter {
    display: inline-block;
}

#asam-filter-section {
    min-height:38px;
    position: relative;
}

#asam-filters > div {
    display: inline-block;
}

#asam-enabled-filter {
    margin-right: 20px;
}

#asam-enabled-filter input{
    margin-left: 5px;
}

#asam-enabled-filter label {
    font-weight: normal;
}

.admin .glyphicon-filter {
    color: #ccc;
    font-size: 21px;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 15px;
}

.glyphicon-filter.active {
    color: #2A78E4;
}

#asam-access-validation {
    margin-bottom: 9px;
}

.admin .k-grid .k-header {
    font-weight: bold;
}

.dietary-other-text {
    margin-left: 5px;
    padding: 0 2px;
    height:20px !important;
}

:root {
    --color-brand-secondary-honey-900: #f64f00;
    --color-brand-secondary-honey-50: #fff5dc;
    --color-brand-primary-midnight: #231f20;
}

.Asam-SubscriptionError {
    display: flex;
    margin: 0 0 12px 10px;
    padding: 16px;
    border-radius: 2px;
    border: solid 1px var(--color-brand-secondary-honey-900);
    background-color: var(--color-brand-secondary-honey-50);
}

img.Alertic_error_outline {
    width: 20px;
    height: 20px;
    margin: 0 1px 0 0;
    object-fit: contain;
 }

.ASAM-This-is-an-Alert-Mes {
    margin: 2px 0 2px 2px;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-brand-primary-midnight);
}