.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.banner {
    background-color: red;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    display: inline-block;
    width: 100%
}


div.k-loading-mask {
    z-index: 3; /* must be larger than the z-index:2 of #container */
}

.no-top-padding {
    padding-top: 0;
}

a {
    color: #2896BC;
}
a:hover, a:focus {
    color: #2896BC;
}

/* wrap text in grid column */
.wordWrapGridColumn {
    overflow: visible !important;
    white-space: normal !important;
    vertical-align: text-top;
}

.hidden {
    display: none;
}

/* font awesome icon styling */
i.fas,
i.fab {
    padding-right: 3px;
    font-size: 16px;
}

.k-radio:checked {
    border-color: #4C059C;
    color: #4C059C;
    background-color: #4C059C;
}


/* widget */
.widget {
    border-color: #fac77c;
}
.widget .widget-header {
    background-color: #2C97DF;
    border-bottom-color: #2C97DF;
    color: #fff; }
.widget .widget-header em {
    color: #fff; }
.widget .widget-header .btn-help {
    color: #2C97DF; }
.widget .widget-header .widget-header-toolbar {
    border-left-color: #2C97DF; }
.widget .widget-header .widget-header-toolbar .control-title {
    color: #ffffff; }
.widget .widget-header .btn-group > a {
    color: #fff; }
.widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus {
    color: #2C97DF; }

/*set height of multiline textbox in grid*/
/*#InspectionSectionHeader,
#InspectionSectionExplanation,
#QuestionTextForForm,
#QuestionTextForWizard {
    color: black;
    word-wrap: break-word;
    word-break: break-all;
    height: 100px;
}*/

/*fix bootstrap grid layout inside of the tab strip by resetting everything to the default box model*/
.border-box-fix {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-group {
    height: 32px;
}

.btn-group-label {
    padding-top: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}


/* overrides for bootstrap button */
.btn {
  font-family: "Roboto", sans-serif;
  line-height: 12px;
  padding: 4px 6px;
}
.btn.btn-info.rounded {
    box-shadow: 0 0 0 0 #E1E7EB;
    border-radius: 4px;
}
.btn.btn-primary {
    font-size: 14px;
    font-weight: 700;
    text-transform: none !important;
    color: #4C059C;
    background-color: #EFEFEF;
    border: 2px solid #4C059C;
    padding: 10px 20px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: #EFEFEF;
  background-color: #4C059C;
}
.btn.btn-primary.rounded {
    border-radius: 20px !important;
}
.btn.btn-primary.active {
    background-color: #4C059C;
}
.btn.btn-yesno {
    height: 40px;
    color: #4C059C;
    background-color: #EFEFEF;
    border: 2px solid #4C059C;
    padding: 12px 15px;
    min-width: 60px;
}
.btn.btn-yesno.active {
    color: #FFFFFF;
    background-color: #4C059C;
}
.btn.link-button {
    background-color: inherit;
    border: none;
    text-transform: none;
    font-size: 14px;
    font-weight: 700;
    color: #2896BC;
    border-radius: unset;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #2896BC;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 8px;
    box-shadow: none;
    min-width: 0;
    margin-left: 5px;
    margin-right: 5px;
}

.btn.link-button:hover, .btn.link-button:focus {
  background-color: inherit;
  border-bottom-color: #2896BC;
}

/*fix button showing up on top of footer div*/
.btn-primary.active {
    z-index: -1 !important;
}

.btn-group {
  margin-top: 0;
}
.btn-group .btn.btn-primary {
    height: 39px;
    padding-top: 12px;
}
.btn-group .btn.btn-primary.active {
    color: #FFFFFF;
    background-color: #4C059C;
    border-color: #4C059C;
}
.btn-group .btn.btn-primary.active:hover {
    color: #FFFFFF;
    background-color: #4C059C;
    border-color: #4C059C;
}
.btn-group.answer-yes-no-na > label.answer-button.active {
    z-index: 0 !important;
}

.btn-switch {
    font-size: 14px !important;
    background: #4C059C 0% 0% no-repeat padding-box !important;
    opacity: 1 !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    text-transform: none !important;
    border: none;
}

.btn-cancel {
    border: 2px solid #4C059C;
    border-radius: 20px !important;
    line-height: 1.5;
}

.footer-statename {
    font-size: 15px;
    margin-right: 10px;
}

#modal-placeholder .modal-content {
  background-color: #EFEFEF; }

form, .form-style {
/* Styling for rounded checkbox */
/* Requires empty label with class of .checkbox-rounded-label for the id of the checkbox input */
/* Wrap the input and label with a class of .checkbox-rounded-parent */
}

form label, .form-style label {
    font-weight: 700;
}

form .input-rounded.k-datepicker, .form-style .input-rounded.k-datepicker {
    border-radius: 10px;
}

form .input-rounded.k-datepicker > .k-picker-wrap, .form-style .input-rounded.k-datepicker > .k-picker-wrap {
    border-radius: 10px;
}

form.input-rounded.k-combobox,
form.input-rounded.k-dropdown,
form.input-rounded.k-multiselect,
.form-style.input-rounded.k-combobox,
.form-style.input-rounded.k-dropdown,
.form-style.input-rounded.k-multiselect{
    border-radius: 10px;
}

form .input-rounded.k-combobox.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
form .input-rounded.k-combobox.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, form .input-rounded.k-combobox.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
form .input-rounded.k-combobox.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, form .input-rounded.k-dropdown.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
form .input-rounded.k-dropdown.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, form .input-rounded.k-dropdown.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
form .input-rounded.k-dropdown.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, .form-style .input-rounded.k-combobox.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
.form-style .input-rounded.k-combobox.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, .form-style .input-rounded.k-combobox.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
.form-style .input-rounded.k-combobox.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, .form-style .input-rounded.k-dropdown.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
.form-style .input-rounded.k-dropdown.k-state-border-up > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded, .form-style .input-rounded.k-dropdown.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-up input.k-input.input-rounded,
.form-style .input-rounded.k-dropdown.k-state-border-down > .k-dropdown-wrap.k-state-active.k-state-border-down input.k-input.input-rounded {
    border-radius: 10px;
}

form .input-rounded.k-combobox > .k-dropdown-wrap, form .input-rounded.k-dropdown > .k-dropdown-wrap, .form-style .input-rounded.k-combobox > .k-dropdown-wrap, .form-style .input-rounded.k-dropdown > .k-dropdown-wrap {
    border-radius: 10px;
}

form .input-rounded.k-multiselect > .k-multiselect-wrap, form .input-rounded.k-multiselect > .k-dropdown-wrap, .form-style .input-rounded.k-multiselect > .k-dropdown-wrap, .form-style .input-rounded.k-dropdown > .k-dropdown-wrap {
    border-radius: 10px;
}

form .input-rounded.k-combobox > .k-dropdown-wrap > input::placeholder, form .input-rounded.k-dropdown > .k-dropdown-wrap > input::placeholder, .form-style .input-rounded.k-combobox > .k-dropdown-wrap > input::placeholder, .form-style .input-rounded.k-dropdown > .k-dropdown-wrap > input::placeholder {
    line-height: 2;
}

form .input-rounded.k-numerictextbox, .form-style .input-rounded.k-numerictextbox {
    border-radius: 10px 0 0 10px;
}

form .input-rounded.k-numerictextbox > .k-numeric-wrap, .form-style .input-rounded.k-numerictextbox > .k-numeric-wrap {
    border-radius: 10px;
}

form .input-rounded.k-numerictextbox > .k-numeric-wrap > input.input-rounded, .form-style .input-rounded.k-numerictextbox > .k-numeric-wrap > input.input-rounded {
    border-radius: 10px 0 0 10px;
}

form .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select, .form-style .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select {
    border-radius: 0 10px 10px 0;
}

form .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link.k-link-increase, .form-style .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link.k-link-increase {
    border-top-right-radius: 10px;
}

form .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link.k-link-decrease, .form-style .input-rounded.k-numerictextbox > .k-numeric-wrap > .k-select > .k-link.k-link-decrease {
    border-bottom-right-radius: 10px;
}

form .input-rounded[type='url'], form .input-rounded[type='tel'], form .input-rounded[type='email'], form .input-rounded[type='number'], form .input-rounded[type='text'], form .input-rounded[type='password'], .form-style .input-rounded[type='url'], .form-style .input-rounded[type='tel'], .form-style .input-rounded[type='email'], .form-style .input-rounded[type='number'], .form-style .input-rounded[type='text'], .form-style .input-rounded[type='password'] {
    padding-left: 10px;
    border-radius: 10px;
    box-sizing: content-box;
}

form .input-rounded form .input-rounded[data-role='datepicker'], .form-style .input-rounded form .input-rounded[data-role='datepicker'], form .input-rounded .form-style .input-rounded[data-role='datepicker'], .form-style .input-rounded .form-style .input-rounded[data-role='datepicker'] {
    border-radius: 10px 0px 0px 10px;
}

form .checkbox-rounded-parent,
.form-style .checkbox-rounded-parent {
    position: relative;
}

form .checkbox-rounded-parent .checkbox-rounded-label,
.form-style .checkbox-rounded-parent .checkbox-rounded-label {
    background-color: #FFFFFF;
    border: 2px solid #000000;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

form .checkbox-rounded-parent .checkbox-rounded-label:after,
.form-style .checkbox-rounded-parent .checkbox-rounded-label:after {
    border: 2px solid #FFFFFF;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.checkbox-disabled {
    cursor: not-allowed !important;
    pointer-events: all !important;
}

.checkbox-rounded-label-disabled {
    border-color: #ccc !important;
    background-color: #f5f5f5 !important;
}

form .checkbox-rounded-parent input[type="checkbox"], .form-style .checkbox-rounded-parent input[type="checkbox"] {
    visibility: hidden;
}

form .checkbox-rounded-parent input[type="checkbox"]:checked ~ label.checkbox-rounded-label, .form-style .checkbox-rounded-parent input[type="checkbox"]:checked ~ label.checkbox-rounded-label {
    background-color: #4C059C;
    border-color: #4C059C;
}

form .checkbox-rounded-parent input[type="checkbox"]:checked ~ label.checkbox-rounded-label:after, .form-style .checkbox-rounded-parent input[type="checkbox"]:checked ~ label.checkbox-rounded-label:after {
    opacity: 1;
}

form input, .form-style input {
    background-color: #FFFFFF;
}

form input.form-control, .form-style input.form-control {
    background-color: #FFFFFF;
}

form textarea, .form-style textarea {
    background-color: #FFFFFF !important;
    border-width: 2px;
    border-color: #000000;
}

.checkbox-rounded-parent form textarea.input-rounded,
.form-style textarea.input-rounded {
    border-radius: 10px;
    padding: 5px;
    border-width: 2px;
    border-color: #000000;
}

form textarea.input-rounded.form-control, .form-style textarea.input-rounded.form-control {
    height: unset;
}

form .form-group.no-margin, .form-style .form-group.no-margin {
    margin-bottom: 0;
}

form .form-group .form-control, .form-style .form-group .form-control {
    /*set form controls height*/
    height: 32px;
}

form .form-group .form-control-sm, .form-style .form-group .form-control-sm {
    height: 37px !important;
    width: 25px;
    max-width: 25px;
    padding-left: 10px;
}

form .form-group .form-control-small, .form-style .form-group .form-control-small {
    height: 37px !important;
    width: 75px;
    max-width: 75px;
    padding-left: 10px;
}

form .form-group .form-control-mdsm, .form-style .form-group .form-control-mdsm {
    height: 37px !important;
    width: 100px;
    max-width: 150px;
    padding-left: 10px;
}

form .form-group .form-control-md, .form-style .form-group .form-control-md {
    height: 37px !important;
    width: 150px;
    max-width: 150px;
    padding-left: 10px;
}

form .form-group .form-control-medium, .form-style .form-group .form-control-medium {
    height: 37px !important;
    width: 200px;
    max-width: 200px;
    padding-left: 10px;
}

form .form-group .form-control-large, .form-style .form-group .form-control-large {
    height: 37px !important;
    width: 300px;
    max-width: 300px;
    padding-left: 10px;
}

form .form-group .form-control-xtra-large, .form-style .form-group .form-control-xtra-large {
    height: 37px !important;
    width: 600px;
    max-width: 600px;
    padding-left: 10px;
}

form .form-group .form-control-ddl-top, .form-style .form-group .form-control-ddl-top {
    height: 34px !important;
    line-height: 30px !important;
}

form .form-group .form-control-textarea, .form-style .form-group .form-control-textarea {
    width: 600px;
    /*height: 96px;*/
    /*do not set height or it will center text*/
}
.form-control-textarea:disabled {
    border-color: rgb(170, 170, 170) !important;
}

.form-control-textarea {
    padding: 5px;
}

.ddl-wide {
    width: 300px !important;
}

.label-margin-top {
  margin-top: 15px; }

.label-bold-text {
  font-weight: bold; }

/*show radio buttons as toggle buttons*/
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.wide-200 {
  width: 200px;
}

.half-width {
  width: 50%;
}

.readonly-control-medium {
    height: 32px !important;
    width: 200px;
    max-width: 200px;
    padding-left: 10px;
    border-radius: 10px;
    background-color: white;
}

.readonly-control-large {
    height: 32px !important;
    width: 300px;
    max-width: 300px;
    padding-left: 10px;
    border-radius: 10px;
    background-color: white;
}

/*make checkboxes bigger*/
input[type=checkbox] {
    transform: scale(2);
    margin: 10px;
}

input[type="radio"] {
    transform: scale(2);
}
.k-radio + .k-radio-label, .k-radio-label + .k-radio {
    margin-left: 14px;
}

.edit-user-modal {
    background-color: #EFEFEF;
}

.edit-user-modal .user-information,
.edit-user-modal .account-information {
    padding: 15px 0;
    margin: 0px 30px;
}

.edit-user-modal .user-information .checkbox-rounded-parent .checkbox-rounded-label:after,
.edit-user-modal .account-information .checkbox-rounded-parent .checkbox-rounded-label:after {
    height: 7px;
    left: 8px;
    top: 8px;
}

#Input_RegulationsWebSiteUrl {
    margin-bottom: 10px;
}

#btnViewState {
    margin-bottom: 0;
    margin-left: 15px;
}

p.display-rounded {
    border-radius: 10px;
    padding: 10px;
    background-color: #FFFFFF;
}

.placeHolderColorWhite::-webkit-input-placeholder {
    color: white;
}

.placeHolderColorWhite:-moz-placeholder {
    color: white;
}

.placeHolderColorWhite::-moz-placeholder {
    color: white;
}

.placeHolderColorWhite:-ms-input-placeholder {
    color: white;
}

.k-window-titlebar {
    background-color: #4C059C;
    color: white;
}
.k-window .k-window-titlebar.k-header {
    background-color: #4C059C;
    color: #000000;
}
.k-window .k-window-titlebar.k-header .k-window-title {
    font-size: 20px;
}

.k-fab-text {
    display: none;
}
.k-fab.k-fab-primary {
    border-color: #4C059C;
    color: #fff;
    background-color: #4C059C;
}

.k-iframe-content {
  padding: 15px; }

.k-input[readonly],
.input-rounded[readonly] {
    background-color: #DFDFDF;
}

/* bootstrap alerts */
.alert {
    font-size: 18px !important;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert a,
.alert a:visited {
   text-decoration: underline;
}
a.close {
    text-decoration: none !important;
}
.alert-success {
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
    color: #0f5132 !important;
}
.alert-danger {
    background-color: #f8d7da !important;
    border-color: #b6effb !important;
    color: #842029 !important;
}
.alert-warning {
    background-color: #fff3cd !important;
    border-color: #b6effb !important;
    color: #664d03 !important;
}
.alert-info {
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
    color: #055160 !important;
}
.alert-dismissible .btn-close {
    padding: 1rem 1rem;
}


/* fix the bootstrap alert to the top of the page */
.alert-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    margin-top: 55px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0;
    margin-right: auto;
    margin-left: auto;
}

.alertdiv {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .alertdiv {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .alertdiv {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .alertdiv {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .alertdiv {
        max-width: 1140px;
    }
}

/*right align title bar menu*/
.ml-auto, .mx-auto {
    margin-left: auto !important;
}

/*right footer */
.text-right {
    text-align: right !important;
}

body header nav.navbar {
    /*fix issue where drop down menu is appearing below alert div*/
    /*https://fezvrasta.github.io/bootstrap-material-design/docs/4.0/layout/overview/#z-index*/
    z-index: 5 !important;
    background-color: #4C059C;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
    /*drop down menu item*/
}

body header nav.navbar .navbar-brand {
    padding-top: 18px;
    padding-bottom: 18px;
    margin-left: -1rem;
    padding-left: 2rem;
    background-image: url("../images/nav-art.png");
    width: 547px;
}

body header nav.navbar ul.navbar-nav li.nav-item {
    padding-left: 10px;
    padding-right: 10px;
}

body header nav.navbar ul.navbar-nav li.nav-item .nav-link {
    text-transform: none;
    font-size: 15px;
    font-weight: 600;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    color: #FFFFFF;
}

body header nav.navbar ul.navbar-nav li.nav-item.active .nav-link {
    border-bottom: 2px solid #FFFFFF;
}

body header nav.navbar ul.navbar-nav li.nav-item:hover:not(.active) .nav-link {
    border-bottom: 2px solid #2896BC;
}

.nav-link {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

body header nav.navbar ul.navbar-nav li.nav-item.dropdown .dropdown-menu {
    right: 0;
    left: unset;
    background-color: #4C059C;
}

body header nav.navbar ul.navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item {
    color: #FFFFFF;
}

body header nav.navbar ul.navbar-nav li.nav-item.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #2896BC;
}

body header nav.navbar .menuitem {
    font-size: 16px;
}

body {
    background-color: #EFEFEF;
    overflow-x: hidden;
}

body.has_main_container {
    background-color: #FFFFFF;
}

body main {
/*for top level container if we want grids to take up the entire page with minimal margins*/
}

body main.edge-to-edge-container {
    overflow-x: hidden;
    margin-left: 10px;
    margin-right: 10px;
}

body main.container {
    padding-top: 0;
}

body main h2.page-heading {
    padding-top: 10px;
}

.footer {
    background-color: #171718;
    font-size: 14px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    z-index: 99999;
}

.footer #logoutForm {
    margin-bottom: 0;
}

/*fix footer row text*/
.footer-row {
    color: white;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
}

.footer-row a,
.footer-row a:link,
.footer-row a:visited,
.footer-row a:active,
.footer-row a:hover {
    color: white;
}

.footer-row a:hover {
    text-decoration: none;
}

.k-badge-solid.k-badge-primary {
    border-color: #2896BC;
    color: #fff;
    background-color: #2896BC;
}
.k-calendar td.k-state-selected .k-link {
    border-color: #2896BC;
    color: #fff;
    background-color: #2896BC;
}

.divInstaller {
    border-radius: 10px;
    border-width: 2px;
    border-color: black;
    background-color: #EFEFEF;
    border-style: solid;
    padding: 25px;
    width: 850px;
}


body .score-wrapper .score-dot {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
}

body .score-wrapper .score-dot-image {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    top: 5px;
}

body .score-wrapper .score-dot.green, body .score-wrapper .score-dot.score-1 {
    background-color: #86E149;
    padding-left: 1px;
}

body .score-wrapper .score-dot.yellow, body .score-wrapper .score-dot.score-2 {
    background-color: yellow;
    border: 1px solid #dfdfdf;
}

body .score-wrapper .score-dot.red, body .score-wrapper .score-dot.score-3 {
    background-color: #DE0B0B;
    padding-left: 1px;
}

body .severity-wrapper .severity-dropdown {
    width: 125px;
}

body .inspection-information-wrapper {
    margin-top: 20px;
}

body .inspection-section-header {
    padding-top: 20px;
    margin-left: 0;
}

body #delete-inspection-comment .answer-yes-no-na,
body .inspection-answers-form .answer-yes-no-na,
body .inspection-review-form .answer-yes-no-na {
    height: 39px;
}

body #delete-inspection-comment .answer-button,
body .inspection-answers-form .answer-button,
body .inspection-review-form .answer-button {
    padding-top: 12px;
}

body #delete-inspection-comment .answer-severity,
body .inspection-answers-form .answer-severity,
body .inspection-review-form .answer-severity {
    width: 125px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

body #delete-inspection-comment .answer-severity.green,
body .inspection-answers-form .answer-severity.green,
body .inspection-review-form .answer-severity.green {
    background-color: green;
    color: white;
}

body #delete-inspection-comment .answer-severity.yellow,
body .inspection-answers-form .answer-severity.yellow,
body .inspection-review-form .answer-severity.yellow {
    background-color: yellow;
    color: black;
}

body #delete-inspection-comment .answer-severity.red,
body .inspection-answers-form .answer-severity.red,
body .inspection-review-form .answer-severity.red {
    background-color: red;
    color: white;
}

body #delete-inspection-comment .answer-numeric,
body .inspection-answers-form .answer-numeric,
body .inspection-review-form .answer-numeric {
    text-align: initial;
}

body #delete-inspection-comment .additional-notes-wrapper,
body .inspection-answers-form .additional-notes-wrapper,
body .inspection-review-form .additional-notes-wrapper {
    width: 50%;
}

body #delete-inspection-comment .inspection-comment-heading,
body .inspection-answers-form .inspection-comment-heading,
body .inspection-review-form .inspection-comment-heading {
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

body #delete-inspection-comment .inspection-comment,
body .inspection-answers-form .inspection-comment,
body .inspection-review-form .inspection-comment {
    margin-bottom: 15px;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper {
    border: 2px solid #4C059C;
    border-radius: 15px;
    margin-left: 15px;
    width: 50%;
    padding: 15px;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper .comment-info .comment-author,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-author,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-author {
    font-size: 14px;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper .comment-info .comment-author > label,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-author > label,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-author > label {
    margin-bottom: 0;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper .comment-info .comment-date,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-date,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper .comment-info .comment-date {
    font-size: 10px;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper .comment-body .comment-text,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper .comment-body .comment-text,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper .comment-body .comment-text {
    font-size: 12px;
    font-weight: lighter;
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 0;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper .comment-buttons,
body .inspection-answers-form .inspection-comment .inspection-comment-wrapper .comment-buttons,
body .inspection-review-form .inspection-comment .inspection-comment-wrapper .comment-buttons {
    margin-top: 15px;
}

body #delete-inspection-comment .inspection-comment.inspection-comment-new .comment-text,
body .inspection-answers-form .inspection-comment.inspection-comment-new .comment-text,
body .inspection-review-form .inspection-comment.inspection-comment-new .comment-text {
    font-weight: normal;
}

body #delete-inspection-comment .inspection-comment .inspection-comment-wrapper {
    width: 100%;
    margin-left: 0;
}

.report-to-pdf-page {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    line-height: 14px;
}

.report-to-pdf-page .report-to-pdf-page-wrapper {
    margin-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
}

.report-to-pdf-page .report-to-pdf-page-wrapper label {
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 0;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-heading .report-heading {
    text-align: center;
    font-size: 28px;
    color: #2896BC;
    margin-bottom: 30px;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .location-wrapper {
    text-align: left;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .inspection-info-wrapper {
    text-align: right;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper {
    margin-top: 20px;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table, .report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper th, .report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper td {
    border: 1px solid #000000;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table {
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table th:first-child, .report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table td:first-child {
    padding-left: 15px;
    padding-right: 15px;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table .severity-cell-header,
.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table .severity-cell {
    text-align: center;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table thead th {
    font-weight: 800;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.severity-cell {
    font-weight: 500;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.severity-cell.severity-1 {
    background-color: #86E149;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.severity-cell.severity-2 {
    color: #FFFFFF;
    background-color: yellow;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.severity-cell.severity-3 {
    color: #FFFFFF;
    background-color: #DE0B0B;
}

.report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.answer-cell, .report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.note-cell, .report-to-pdf-page .report-to-pdf-page-wrapper .report-to-pdf-page-body .question-table-wrapper table tbody tr td.comment-cell {
    padding-left: 30px;
}
/*
.k-multiselect-wrap,
.k-multiselect-wrap:hover {
    border-color: black;
    border-width: 2px;
    border-radius: 10px;
}*/

#ChangeStateWindow > div:nth-child(1) > div > span > span {
    border-radius: 0;
}

.custom-underline {
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}

.form-check-label {
    margin-left: 10px;
}