/* Minification failed. Returning unminified contents.
(1767,72): run-time error CSS1030: Expected identifier, found ','
(1767,157): run-time error CSS1031: Expected selector, found ')'
(1767,157): run-time error CSS1025: Expected comma or open brace, found ')'
 */
body {
    padding-top: 65px;
    padding-bottom: 20px;
    /*font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-style: normal;
    color: #49422c;
    font-size: 14px;
    line-height: 1.6em;
    /*background: #eee5d8;*/
}

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

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

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

h1, h2, h3, h4{
    color: #375C90;
    margin: 1em 0 .5em;
    /*text-transform: uppercase;*/
    letter-spacing: 3px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
}

h2 {
    font-size: 32px;    
}

a {
    color: #375C90
}

a:hover{
    cursor:pointer;
}

a.trustlogo {
    background: url(../Content/Images/trustlogo.png);
    display: block;
    width: 275px;
}

.btn {
    -webkit-border-radius: 300px;
    -webkit-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    min-width: 100px;
}

.searchBtn {
    min-width: 25px;
    -webkit-border-radius: 0;
}

/*.btn-primary, .btn-default {
    background: #b8aa96;
    border-color: #b8aa96
}

.btn-primary:hover, .btn-default:hover {
    background: #b8aa96;
    border-color: #b8aa96
}
.btn:hover {
    opacity: .8;
}*/

.navbar-default{
    background: white;
}

.site-panel-footer {
    color: white;
    background-color: #375C90;
    /*position: absolute;*/
    bottom: 0;
    width: 100%;
    height: 55px;
}

.site-panel-footer .footerText
{
    height: 18px;
    font-size: 12px;
}

/*   DIV where all pages of SPA will show
     min-height value below is percentage of Viewport (i.e. Window) height
*/
#SpaDiv {
    /*padding-top:50px;*/
    min-height: 68vh
}

.myTrustHeading {
    font-size: 36px;
    letter-spacing: 3px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2em;
    color:  #375C90;
    margin-left: 250px;
}

/* this fixes the issue of extra space on the right of the kendo menu (since menu expands to fill the available width)*/
#userMenu {
    /*float:left*/
}

/* Show (o) after required fields*/
.required:after{
    content: "\25CF";
    padding-left:3px;
    color: red;
    font-size: small;
    font-weight: normal;
}

/* Styles for showing (o) and a text and required field indicator on top of the forms*/
.requiredIndicator:after {
    font-size: small;
    font-weight: normal;
    content: "Indicates required field";
}

.requiredIndicator:before {
    font-size: small;
    font-weight: normal;
    content: "\25CF";
    padding-right:3px;
    color: red;
}

/* Show (o) before required fields*/
.requiredBefore {
    padding-left: 10px;
    text-indent: -14px;
}

.requiredBefore:before {
    content: "\25CF";
    padding-left: 3px;
    color: red;
    font-size: small;
    font-weight: normal;
}

/* Styles for showing (o) and a text and required field indicator on top of the forms*/
.requiredBeforeIndicator:after {
    font-size: small;
    font-weight: normal;
    content: "Indicates required field";
}

.requiredBeforeIndicator:before {
    font-size: small;
    font-weight: normal;
    content: "\25CF";
    padding-right: 3px;
    color: red;
}

.hiddenfield {
    background-color:#e1e1e1;
    padding:5px;
    margin:0px;
}

/* Make form lables a bit small*/
label {
    font-size: small;
}

/* override the background style from black to none for Loading...overlay*/
.block-ui-message {
    background: none;
}

/* Font Awewsome colors*/
.trust {
        color: #375C90;
}

.validation-pending {
  color: green;
}

/*.form-control {
    height: 20px;
}*/

.k-tooltip-content {
        text-align:left;
    }

/**
    The following styles are set so that Kendo and Bootstrap can work together. 
    See documentation at http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nesting-kendo-ui-widgets-and-bootstrap-grid-layout
    
    The code below is copied from the above url. 
*/
/* reset everything to the default box model */

*, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**  END Kendo-Bootstrap customization **/

/* Modified to match height of Bootstrap controls*/
.k-combobox, .k-dropdown-wrap, .k-datepicker span.k-picker-wrap .k-picker-wrap:before input.k-textbox {
    height: 34px;
}
/* Kendo Material theme controls seem to be of a greater height than bootstrap form input controls. Adjusting the height here...*/
.form-control {
    height: 37px;
}
/* override kendo's default progress indicator with this image'*/
.k-loading-image {
    background-image: url("./Images/Loadingio Spinner.svg") !important;
}

/* the following styles from Material theme are overridden here so that the combo boxes don't show a shadow under the textbox.  */
.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
    height: 1.9em;
}

/* remove margin around upload button and change the height to match other buttons */
.k-upload-sync .k-upload-button,
.k-ie8 .k-upload-button,
.k-ie9 .k-upload-button {
  height: 34px;
  margin: 0;
}

.k-upload {
    border: 0;
}

/* The following styles are used to indicate if a field has been modified */

textarea.ng-dirty,
input.ng-dirty,
.k-dropdown.ng-dirty .k-dropdown-wrap,
.k-input.ng-dirty,
.k-datepicker.ng-dirty .k-picker-wrap,
.k-autocomplete.k-state-default.ng-dirty
 {
    background-color: papayawhip;
    border-color: goldenrod;
}

/* The above styles are used to indicate if a field has been modified */

/* Show expand/collapse carat on collapsible bootstrap panel headers */    
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
content: "\e114";    /* adjust as needed, taken from bootstrap.css */
float: right;        /* adjust as needed */
color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
.panel-heading .accordion-toggle:hover {
    cursor: pointer;
    text-decoration: underline;
}


/**Brody's modifications.**/
/* Edit Kendo Grid Header Text*/
.k-grid .k-header .k-link,
.k-grid .k-header.ng-scope
{
    color:black;
}

/* Edit the Kendo Grid Row Hover Styling */
.k-grid-content > table > tbody > tr:hover
{
    /*background-color: #e1e1e1;*/
    /*color:#e1e1e1;*/
    /*color:white;*/
    cursor:pointer;
    color:white;
}
/* Don't hover detail rows */
.k-detail-row .k-hierarchy-cell:hover {
    cursor: default;
}

.k-detail-cell:hover {
    cursor: default;
}


/* Edit the Kendo Grid Row Selected Styling 
(If you don't do this, the font color stays the Hover styling color after clicking on a row.) */
.k-grid .k-grid-content .k-state-selected
{
 color: white;
}

/* Edit the selected page's background at the bottom of the grid. */
.k-grid li
{
 background-color: #e1e1e1;
}
/* .k-state-selected is larger than the li element for some reason, so make it transparent to show the li element's background instead.*/
.k-grid .k-state-selected
{
 color:black;
 background-color: transparent;
}

/* Edit dropdown list item hover effect. */
.k-list .k-item:hover
{
    color:white;
}

/* Edit text color for the selected dropdown items. */
.k-widget .k-dropdown-wrap .k-input 
{
    color:black;
}
.k-widget .k-dropdown-wrap.k-state-default.k-state-focused.k-state-active .k-input.ng-scope
{
    color:grey;
}
.k-widget .k-dropdown-wrap.k-state-default.k-state-focused .k-input.ng-scope
{
    color:white;
}
.k-dropdown.ng-dirty .k-dropdown-wrap.k-state-default.k-state-focused .k-input.ng-scope
{
    color:black;
    font-weight:bold;
}

.ClickableIcon:hover
{
    font-weight: bold;
    cursor: pointer;
}

.k-grid .k-grid-content .fa.fa-history.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-sync.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-trash-alt.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-minus-circle.fa-lg.trust,
.k-grid .k-grid-content .fa.fa-table.fa-lg.trust,
.k-grid .k-grid-content .fa.fa-tasks.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-external-link-alt.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-share-square.fa-lg.trust,
.k-grid .k-grid-content .fa.fa-retweet.fa-lg.trust,
.k-grid .k-grid-content .fa.fa-compress.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-file-excel.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-file-pdf.fa-lg.trust,
.k-grid .k-grid-content .fas.fa-envelope.fa-lg.trust {
    color: #375C90;
    background-color: white;
    border-radius: 15px;
    padding: 6px 10px 5px 10px;
    text-align: center;
}

.k-grid .k-grid-content .fa.fa-history.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-sync.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-trash-alt.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-minus-circle.fa-lg.trust:hover,
.k-grid .k-grid-content .fa.fa-table.fa-lg.trust:hover,
.k-grid .k-grid-content .fa.fa-tasks.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-external-link-alt.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-share-square.fa-lg.trust:hover,
.k-grid .k-grid-content .fa.fa-retweet.fa-lg.trust:hover,
.k-grid .k-grid-content .fa.fa-compress.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-file-excel.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-file-pdf.fa-lg.trust:hover,
.k-grid .k-grid-content .fas.fa-envelope.fa-lg.trust:hover {
    background-color: #e1e1e1;
}

/* Expansion Button on detail grids. (PlanList, Inventory w/Options)*/
.k-grid .k-hierarchy-cell .k-icon
{
    background-color: white;
}

.pricingPolicyPanel {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 15px 15px 0px 15px;
}

.pricingMemberRow {
    padding:0px;
}

.pricingMemberName {
    color: #375C90;
    font-size:20px;
    font-weight:500;
    margin-top:15px;
}

.pricingGroup {
    margin-bottom:15px;
}

.pricingPremiumPanel {
    /*background-color: #fefefe;*/
    border: 1px solid black;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.pricingHeader {
    font-size: 15px;
}

.pricingItem {
    font-size: 15px;
    color: #375C90;
}

.pricingItemPremium {
    text-align:right;
}

table tr td.pricingItemPremiumPercentChange {
    text-align: center;
    padding:2px 5px;
    min-width:60px;
}

.pricingTargetPremiumGroup {
    
}

.pricingTargetPremiumInput {
}

.pricingListTableGroup td {
}

.pricingSubItem {
    padding-left:10px;
}

.pricingListTable {
    padding: 0px;
    width: 100%;
}

.pricingListTable td {
    padding-right: 7px;
}

.EmptyListMessage {
    border: 1px solid #a1a1a1;
    padding:25px;
    width: 330px;
    margin-left:auto;
    margin-right:auto;
}

/* Remove margins and padding from grid cells to allow larger GridButtons without adjusting the height of the rows.*/
.RenewalPolicyList table tr td {
    text-align: center;
    padding: 0px 2px;
}

.PolicyStatusIcons {
    text-align: center;
}

.StatusIcon .fa,
.StatusIcon .far,
.StatusIcon .fas {
    background-color: white;
    margin-left: 2px;
    border-radius: 5px;
    padding: 5px;
}

.SubProductIcons {
    background-color: white;
    margin-left: 2px;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.SubProductIcons:hover{
    cursor:pointer;
    background-color:#e1e1e1;
}

.SubProductIconGroup {
    border-style: solid;
    border-width: 1px;
    border-color: #375C90;
    border-radius: 5px;
    padding:1px;
}

.fa-stack {
    font-size: 0.5em;
}

.GridButton
{
   color:#375C90;
   background-color: white;
   border-radius: 15px;
   padding:15% 0;
   text-align:center;
}

.DisabledGridButton
{
    color:inherit;
    text-align:center;
}

/* Renewal List Grid, Approval List Grid, and Vision Claim Grid buttons.*/
.k-grid .k-grid-content .GridButton.fa-sticky-note.fa-lg.trust,
.k-grid .k-grid-content .GridButton.fa-history.fa-lg.trust,
.k-grid .k-grid-content .GridButton.fa-external-link-alt.fa-lg.trust,
.k-grid .k-grid-content .GridButton.fa-check-square.fa-lg.trust,
.k-grid .k-grid-content .GridButton.fa-edit.fa-lg.trust
{
    background-color: white;
    color: #375C90;
    padding: 10px 15px;
}

.k-grid .k-grid-content .fa:hover,
.k-grid .k-grid-content .fas:hover,
.k-grid .k-grid-content .far:hover,
.GridButton:hover {
    cursor: pointer;
    font-weight: bolder;
    background-color: #e1e1e1;
}

.k-grid .k-grid-content .fas.fa-check.fa-lg.trust:hover {
    background-color: transparent;
}

/* Terminated inventory row styling. */
.TerminatedRow,
.k-alt.TerminatedRow,
.k-grid .TerminatedRow .k-hierarchy-cell .k-icon
{
    background-color: #e1e1e1;
}

.NeedsCorrectionRow,
.k-alt.NeedsCorrectionRow,
.k-grid .NeedsCorrectionRow .k-hierarchy-cell .k-icon {
    /*color: #a94442;*/
    color: black;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.k-grid .Hidden .k-hierarchy-cell .k-icon{
    display: none;
}

/* Policy Summary Styling */
.SummaryDetails {
    display: inline;
}

/* Dashboard Styling */
.DashboardInfoForMemberLink
{
    color:#375C90;
}

.errorNotificationTitle 
{
    /*color: #4b0000;*/
    color: black;
    font-size: 18px;
}

.errorNotificationMessage 
{
    color: black;
}

.successNotificationTitle 
{
    /*color: #003c00;*/
    color: black;
    font-size: 18px;
}

.successNotificationMessage 
{
    /*color: #003c00;*/
    color: black;
}

.infoNotificationTitle 
{
    color: black;
    /*color: #00004b;*/
    font-size: 18px;
}

.infoNotificationMessage
{
    color: black;
    /*color: #00004b;*/
}

.warnNotificationTitle {
    color: black;
    /*color: #00004b;*/
    font-size: 18px;
}

.warnNotificationMessage {
    color: black;
    /*color: #00004b;*/
}

.k-widget .k-window {
    z-index: 1000;
}

/*
.AdjustmentsGrid .k-grid-content,
.AdjustmentsGrid .k-grid-content .k-alt
{
    margin: 0;
    padding: 0;
}
*/

.AdjustmentsGrid .k-grid-content td
{
    /*font-size:1.25vw;*/
}

.AdjustmentsGrid .k-grid-content tr:hover
{
    color: black;
    background-color: transparent;
}

.ViewPremiumBreakdown {
    background-color: white;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.ViewPremiumBreakdown:hover {
    cursor: pointer;
    background-color: #e1e1e1;
}

.PremiumSizeDiscountGrid table tr td
{
    text-align: center;
    padding: 5px;
    height: 10px;
}

.PremiumSizeDiscountGrid table tr:hover
{
    color: white;
}

.applicationButton 
{
    margin-right: 5px;
}

.legaleseArea {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    padding: 5px 35px 5px 35px;
    margin: 15px 0px 15px 0px;
}

.legaleseText {
    font-weight: bold;
    white-space: pre-line;
    text-align: left;
}
.legaleseAcceptArea {
    margin: 15px 0px 5px 0px;
    text-align: center;
}

    .legaleseAcceptArea input[type='checkbox'] {
        width: 25px;
        height: 20px;
        vertical-align: middle;
    }

.slightShadow {
    box-shadow: #CCCCCC 1px 2px 5px;
}

.applicantNameSection{
    text-align:center;
}

.applicantNameLabel {
    font-weight:bold;
}

.applicantNameDiv{
    display: inline-block;
}

.applicantNameInput {
    margin-left:25px;
    margin-bottom:5px;
}

.applicantPhoneInput {
    margin-left: 25px;
    margin-bottom: 5px;
}

.applicantTitleInput {
    margin-left: 25px;
    margin-bottom: 5px;
}

.signatureNameDiv {
    display: inline-block;
}

.signatureInput {
    width:160px;
    margin-right:5px;
    margin-top:5px;
}

.ApplicationQuestion{
    font-weight:bold;
}

.ApplicationCheckboxDiv {
    display: inline-block;
}

    .ApplicationCheckboxDiv input {
        width: 25px;
        height: 20px;
        vertical-align: middle;
    }

    .ApplicationCheckboxDiv label {
        display: inline-block;
        padding-right: 10px;
        /*Hanging indent*/
        padding-left:25px;
        text-indent:-35px;
    }

    .ApplicationCheckboxDiv label span {
        vertical-align: middle;
    }

.ApplicationQuestionDiv {
    padding: 5px;
}

.ApplicationInstruction{
    white-space:pre-line;
}

/*Edit detail grid colors*/
.k-detail-row.ng-scope:hover {
    background-color: #f7f7f7;
    /*269abc*/
    color: #4b3900;
}

tr.k-detail-row:hover {
    background-color: #f7f7f7;
    color: #4b3900;
}

.k-grid .k-widget .k-header{
    color: #4b3900;
}

.k-grid-add:hover {
    background-color: #269abc;
    color: white;
}

.k-grid-norecords, .k-grid-norecords-template {
    height: auto;
    width: auto;
    /*margin-top: 25vh;*/
    padding: 0 5px;
}

.dashboardPanel {
    margin-bottom: 20px;
    /*border:1px solid black;*/
    border: 1px solid #375C90;
    border-radius: 4px;
}

.dashboardPanelHeader {
    padding: 7px 15px 7px 15px;
    /*border: 1px solid #375C90;*/
    /*border-radius: 4px;*/
    /*background-color:#375C90;*/
    background-color: #375C90; /*maroon*/
    /*background-color: rgba(185, 171,151);*/ /*grey*/
    /*border-top-left-radius: 4px;
    border-top-right-radius: 4px;*/
    /*border-bottom:1px solid #ddd;*/
    /*background-color:#375C90;*/
}

.dashboardPanelHeaderText {
    color: white;
    margin: 0;
    letter-spacing: 3px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    font-size: 18px;
    display: inline-block;
}

.dashboardPanelBody {
    padding: 15px;
    /*border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;*/
    /*border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;*/
}

.dashboardListBox {
    overflow-y: auto;
    /*max-height: 147px;*/
    /*height: 175px;*/
    height: 20vh;
    min-height: 147px;
}

/*https://github.com/telerik/kendo-ui-core/blob/master/docs/styles-and-layout/using-kendo-in-responsive-web-pages.md */
.dashboardListBox.chart-wrapper {
    height: calc(20vh + 30px);
}

.dashboardInvoices {
    display:flex;
    align-items:center;
    text-align:center;
    padding: 0 0 30px 0;
}

.dashboardInvoicesBody {
}

.dashboardBalance {
    color: #375C90;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.10;
    padding: 0px;
    margin-bottom: 10px;
}

.PayNowButton {
    margin: 0px;
    padding: 10px;
    border-radius: 5px;
}

#SafetyChart{
    width:100%;
    height: calc(20vh + 30px);
    min-height:200px;
    overflow-y: hidden;
}

#FindingsByStatusChart {
    width: 100%;
}

.FindingListGrid.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FindingButtons {
    background-color: #375C90;
    color:white;
}

.FindingButtons:hover {
    background-color: #702802;
    color:white;
}

.FindingButtons:focus {
    color:white;
}

.hoverCursorPointer:hover {
    cursor: pointer;
}

.hoverDarken:hover{
    border-radius: 5px;
    background-color:#e1e1e1;
}

.InventoryActionsMenu {
    /*margin-right: 50px;*/
    width: 150px;
    margin-left: auto;
}

/*
    Hover bootstrap dropdowns to open and animate. Combines 2 different SF answers
    https://stackoverflow.com/a/32233048/6262908 animate
    https://stackoverflow.com/a/27330652/6262908 open on hover
*/
.dropdown .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -moz-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -ms-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    -o-transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    transition: max-height 0.3s, opacity 0.2s 0.1s, visibility 0s 0.3s;
    max-height: 0;
    display: none;
    overflow: hidden;
    top:45px;
}

.btn-group:hover > .dropdown-menu {
    -webkit-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -moz-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -ms-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    -o-transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    transition: max-height 0.3s, opacity 0.2s, visibility 0s;
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
    display:block;
}

.SelectDropdown {
}

.SelectDropdown option {
    color:black;
}

.SelectDropdownPlaceHolder {
    color: grey;
}

.SelectDropdownOption {
    color:black;
}

.SelectDropdownOptionDefault {
    display:none;
}

.ExpressionNameInput{
    width:auto;
}

.ExpressionSelectDropdown {
    width: auto;
    display: inline;
}

.DisplayInline{
    display:inline;
}

.DisplayInlineBlock {
    display: inline-block;
}

.DisplayBlock {
    display: block;
}

.ExpressionParenth {
    color:black;
    font-size:35px;
    
}

.SelectOperator {
    width: auto;
    display: inline;
}

.ImportDataTextAreaContainer {
    overflow: auto;
    padding:0 5px 5px 5px;
}

.ImportDataTextArea {
    box-sizing:border-box;
    width:100%;
    white-space:pre;
}

.RateTable {
    width: auto;
}

table.RateTable tr td {
    border: 1px solid grey;
}

table.RateTable tr td.SpacerCell {
    width:100px;
    border:none;
}

.RateTableFlexContainer {
    display:flex;
}

.RateTableLabelColumn {
    text-align: center;
    align-self: center;
    transform: rotate(-90deg);
    white-space:nowrap;
    width:0px;
    flex:0;
}

.RateTableContainer {
    padding:0px;
    flex: 1;
}

.ContainerBorder {
    border: 1px solid #e1e1e1;
}

.AxisLabelText {
    font-weight: bold;
}

table.RateTable tr td.AxisValueCell {
    background-color: #e1e1e1;
    padding: 5px 0px 0px 0px;
    width: 200px;
}

.AxisValueCellDiv {
    padding: 0 5px;
}

.AxisValueInputContainer {
    display: flex;
}

.AxisValueInput {
    width:auto;
}

.AxisValueOperator{
    padding-right:5px;
    align-self:center;
    text-align:center;
    color:black;
}

.AxisValueButtons {
    padding:4px 0px 0px 0px;
}

table tr td.RateValueCell {
    width: 200px;
}

.AxisValueAlert {
    margin:0px;
    padding-bottom:0px;
}

.kendoLikeButtonGroup > .btn {
    border: none;
    padding: 1.071em;
    line-height: 1.34em;
    min-width:10px;
    font-weight:500;
    font-size:100%;
}

ul.kendoLikeMenuItem {
    padding-top: 15px;
    padding-bottom: 15px;
}

.kendoLikeMenuItem > li {
}

.kendoLikeMenuItem.btn,
.kendoLikeMenuItem > li a {
    color: #428bca;
}

.kendoLikeMenuItem > li a {
    color: #428bca;
    padding-top:7px;
    padding-bottom:7px;
    padding-right:50px;
}

.kendoLikeMenuItem.btn:hover,
.kendoLikeMenuItem > li a:hover {
    color: white;
    background-color: #ABA284;
}

/*Allow grid headers to wrap.*/
.k-grid .k-grid-header .k-header {
    white-space: normal;
    height: auto;
    vertical-align: middle;
}

.k-grid.VisionClaimListGrid .k-grid-header .k-header .k-link{
   
    padding-right: 5px;
}

/*Give kendo windows a default and max width.*/
.k-window {
    width: auto;
    max-width: 98vw
}

.EmptyCircle {
    color: black;
    font: 9px sans-serif;
    background: none;
    border:1px solid black;
    width: 8px;
    height: 8px;
    border-radius:4.5px; /* half of width + borders */ 
}

.GreenCircle {
    color: #20e8dd;
    font: 9px sans-serif;
    background: #20e8dd;
    border:1px solid black;
    width: 8px;
    height: 8px;
    border-radius:4.5px; /* half of width + borders */ 
}

.emptyPanelIndicator:after {
    font-size: small;
    font-weight: normal;
    content: "Indicates panel is empty.";
}


.nonEmptyPanelIndicator:after {
    font-size: small;
    font-weight: normal;
    content: "Indicates panel has one or more forms.";
}

.myTrustAlert {
    background-color: #375C90;
    color: white;
    font-weight: bold;
    font-size: large;
}

.customh4 {
    color: #375C90;
    margin: 1em 0 .5em;
    letter-spacing: 3px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    font-size: 18px;
    display: inline-block;
}

.k-upload-button {
    text-transform: none;
}

.contactLabel {
    text-align: right;
}

.TrustButton {
    background-color: #375C90;
    color: white;
}

.TrustButton:hover {
    background-color: #702802;
    color: white;
}

.TrustButton:focus {
    color: white;
}

.PagerContainer {
    display: flex;
    align-items: center;
}

.PagerArrowButton {
    padding: 8px 15px;
    border-radius: 5px;
}

.PagerArrowButtonEnabled {
    background-color: #e1e1e1;
}

.PagerArrowButtonDisabled {
    background-color: #efefef;
    color: #c1c1c1;
}

.PagerArrowButtonEnabled:hover {
    background-color: #a1a1a1;
    cursor: pointer;
}

.PagerPages {
    min-width: 55px;
    text-align: center;
    margin: 5px;
}

.PageNumberInput {
    width: 30px;
    display: inline;
    padding: 0px;
}

.PagerPageSize {
    margin: 5px;
}

.PageSizeDropdown ul {
    background-color: blue;
}

.PagerItemsCount {
    text-align: right;
    flex: 2;
} 

/* Show expand/collapse carat on collapsible bootstrap panel headers */    
.collapsiblePanel:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    
    float: right;        
    color: #375C90;
}
.collapsiblePanel.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}
.collapsiblePanel:hover {
    cursor: pointer;
    background-color: #f7f7f7;
    border-radius: 12.5px;
}

.memberProfileProducts:hover {
    cursor: pointer;
    background-color: #f7f7f7;
    border-radius: 15px;
}

.k-grid-header th.k-header.memberLossRatioByYearGridRow {
    text-align: center;
    padding: 5px 1px;
}

/*Let Maintain Member lists overflow instead of resize.*/
.MaintainMemberLists {
    min-width: 1244px;
}

/* Can make rows smaller if we want.
.MaintainMemberLists > table > tbody > tr > td {
    padding-top:5px;
    padding-bottom:5px;
}*/

.MaintainMemberLists > table > tbody > tr:hover,
.MaintainMemberLists .k-alt > table >tbody >tr:hover {
    color:white;
}

#GlYearlyLossRatioGrid,
#WcYearlyLossRatioGrid {
    min-width:fit-content;
    white-space: pre-wrap;
}

.memberProfilePanel {
    overflow: auto;
}

.MaintainMemberLists > table > tbody > tr:hover {
    cursor: pointer;
}

.k-grid tr td {
    border-bottom: 1px;
    border-left: 0;
}

/* Table with sticky/static headers */
table.stickyTable {
    border-collapse: separate;
}

.stickyTableHeader {
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 100;
}

/*.GapInCoverage > td,
.k-alt.GapInCoverage > td*/

/*.GapInCoverage, .k-alt.GapInCoverage {
    background-color: #e1e1e1;
    color:#375C90;
    font-style:italic;
    padding-top:5px;
    padding-bottom:5px;
}*/

/*.k-grid .k-state-selected {
    background-color: #e7e7e7 !important;
    color: black !important;
}*/

.MaintainMemberLists .k-grid-content {
    overflow-y:hidden;
}

.TagsContainer {
    display: inline-block;
    margin: 5px;
}

.Tag {
    text-align: center;
    background-color: #357ebd;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
}

.EventDragAndDropGrids .k-grid-content{
    height:500px;
}

.InvoiceDetailGrid .k-grid-content {
    min-height: 30px;
    max-height: 350px;
}

/* If screen size <= 500px, set the max width of the search box to 350 px.*/
@media only screen and (max-width: 500px) {
    #Search-list {
        max-width: 350px;
    }
}

/*Don't let search results wrap.'*/
#Search-list{
    white-space:nowrap;
    overflow-x:auto;
}

/*QuickSearch Results*/

    .k-item.k-state-hover:hover .searchResultButtons {
        /*cursor:pointer;*/
        /*height: 31px;*/
        height:31px;
    }

.searchResultButtons {
    height: 0;
    overflow: hidden;
    transition: height 0.2s;
}

.searchResultTypeIcon.fas {
    border: 1px solid #375C90;
}

.searchResultButton:hover {
    background-color: #e1e1e1;
    color:black;
}

.TerminatedSearchResult {
    background-color: #e1e1e1;
}

.TerminatedSearchResult:hover {
    color: black;
    background-color: #ABA284;
}

.TerminatedSearchResult .StatusIcon .trust {
    background-color: transparent;
}

.serviceProviderResults {
    border-bottom: 1px solid #00000025;
}

.certificateHolderResults {
    border-bottom: 1px solid #00000025;
    line-height:22px;
}

/*Let Gid Panels/Divs overflow instead of resize.*/
.MaintainInventoryDiv {
    overflow: auto;
}

.MaintainInventoryGrid {
    min-width: 1244px;
}

.EmployeeDocumentsPanel {
    overflow-x:auto;
}

.EmployeeDocumentsGrid {
    min-width:800px;
}

.EmployeeDocumentsGrid > table > tbody > tr:hover{
    color:white;
}

.DisabledGrid > table > tbody > tr:hover {
    color: black;
    background-color: transparent;
    cursor:default;
}

/*Show grid page and item count even on small displays.*/
.k-grid-pager.k-widget .k-pager-sizes,
.k-grid-pager.k-widget .k-pager-info {
    display:inline;
}

.VersionHistoryTextArea {
    white-space: pre;
    width: 98%;
    min-height: 65vh;
    padding: 5px;
}

.k-widget.k-tooltip
{
    background: #4d4d4d;
}

.CountyRow {
    margin: 0px;
    padding: 5px;
}

.CountyRow:nth-child(Even) {
    background-color: #F5F5F5;
}

.noWrapEllipses
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.WcAuditField {
    text-align: center;
    color: black;
    font-weight: bold;
}

.WcAuditTotal {
    margin-top: 10px;
    border-top: 1px solid grey;
}

/*class .no-scrollbar for hiding vertical scrollbar*/
.no-scrollbar .k-grid-header {
    padding: 0 !important;
}

.no-scrollbar .k-grid-content {
    overflow-y: visible;
}

/*Disable Auto-zoom when selecting input fields by increasing the font-size. May be OS and screen size specific.*/
.k-button, .k-input[type=text], .k-input[type=number], .k-picker-wrap .k-input, .k-textbox, .k-textbox > input
{
    /*font-size: 16px;*/
}

/*need this on the Verify Coverage page to make the email link in the not covered message blue*/
.blue-child-link > a {
    color: blue; 
}

/*for making link a light blue*/
.light-blue-color {
    color: #31708f;
}

/*striped and hover bootstrap table*/
.table-striped>tbody>tr:nth-child(odd)>td{
    background-color: #fbfbfb;
}
.table-hover>tbody>tr:hover td {
    cursor:pointer;
    background-color: #f1f1f1;
}

table {
    border-collapse: separate;
}

tr.InvoiceOverDue > td {
    /*color:red;*/
}

.stickyTableHeader {
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 100;
    border: 5px solid black;
}

div.renewalConfirmationModal {
    overflow: visible !important;
}

.renewalConfirmationModal .modal-dialog {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.renewalConfirmationModal .modal-body {
    overflow-y: scroll;
    max-height: 70vh;
}

.errorPopup {
    white-space: pre-wrap;
}

.searchCheckboxRow {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 0px 5px;
    justify-content: center;
}

.searchCheckboxGroup {
    display: flex;
    padding: 0px 0px 0px 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.searchCheckboxLabel {
    white-space:nowrap;
    text-wrap:none;
    text-overflow:ellipsis;
}

.searchCheckbox:hover {
    cursor:pointer;
}

.contactInviteCheckboxRow {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px 0px 5px;
}

.contactInviteCheckboxGroup {
    display: flex;
    padding: 0px 0px 0px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0px 10px 0px 10px;
}

.contactInviteCheckboxLabel {
    white-space: nowrap;
    text-wrap: none;
    text-overflow: ellipsis;
}

.contactInviteCheckbox:hover {
    cursor: pointer;
}

.searchButton {
    margin:2px 0px 0px 1px;
}

.k-grid .k-button {
    color: #375C90;
    min-width: 35px !important;
    padding: 5px 0 5px 0px;
}

.customReportPanel {
    display:inline-block;
}

.customReportBody {
    width: 16.75in;
}

.customReportParameters {
    width: 7.5in;
    float: right;
}

table > tbody > tr.tableHoverCopy :hover {
    cursor:copy;
}

.customReportPage {
    display: inline-block;
    width: 8.5in;
    min-height: 11in;
    overflow-y: auto;
    border: 1px solid black;
    border-radius: 5px;
    padding-bottom: 10px;
    /*padding: 0.5in 0.5in 0.25in 0.5in;*/
}

.customReportContent {
    width: 7.5in;
    overflow-x:visible;
    border: 1px dashed lightgrey;
    border-radius: 5px;
    margin:.5in .5in .25in .5in;
    padding: 0px;
}

.customReportTable {
    /*border: 1px dashed lightgrey;*/
    margin:0px 0px 10px 0px;
    /*padding:0px 0px 8px 0px;*/
    padding:0px;
    width:8.01in;
    table-layout: fixed;
}

.customTableButton {
    color:lightgrey;
}

.customTableDeleteButton {
    /*background-color: rgba(255, 0, 0, .25);*/
    border: 1px solid lightcoral;
    color: lightcoral;
    /*opacity:50%;*/
}

.btn-default .customTableDeleteButton :hover {
    background-color: red;
    color: red;
}

.customReportTable > table > tbody > tr > td:hover:not(.reportIsEditing, .customReportTableDeleteCell, .customReportTableActionsColumn, .customReportPreview),
.customReportTable > table > tbody > tr > th:hover:not(.reportIsEditing, .customReportTableDeleteCell, .customReportTableActionsColumn, .customReportPreview) {
    background-color: #eeeeee;
    cursor: pointer;
    color: black;
}

.reportIsEditing{
    
}

.customReportTableDeleteRow {
    line-height:0;
    font-size: 10pt;
}

.customReportTableActionsColumn {
    width: .5in;
    vertical-align: middle;
    padding-left: .01in;
}

.customReportTableDeleteIcon {
    color:lightcoral;
}

.customReportTableDeleteIconSpan :hover {
    cursor: pointer;
    color: red;
}

.customReportTableMoveIcon {
    color:lightgrey;
}

.customReportTableMoveIconSpan :hover {
    cursor: pointer;
    color: black;
}

.customReportHeader {
    padding: 2px;
    font-weight: bold;
    background-color: #d5d1b6;
    border: 1px solid black;
}

.customReportCell {
    padding:2px;
}

.customReportCellText {
    min-height: 13px;
}

.customReportCellEditButton {
    float: right;
    font-size: 10pt;
}

.customReportColumnEditButton {
    color: grey;
}

.customReportItemEditButton {
    color: lightgrey;
}

.customReportInnerTableTextCell {
    width: 100%;
}

.customReportInnerTableText {
    white-space: pre-line;
}

.customReportInnertTableEditButtonCell{
    width:.25in;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.toggleDependentsText {
    display: inline-block;
    margin: 15px 0 10px 10px;
    font-style: italic;
    font-size: .9em;
    color: #375C90;
    cursor: pointer;
}

.darkerHr hr {
    border-top: 1px solid #00000025;
    color: #00000025;
    background-color: #00000025;
}

.popover {
    max-width: 10000px; /* optional max width */
    width: intrinsic; /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content; /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}

.popover-content{
    margin:0px;
}

.popover-title{
    font-weight:bold;
}

.whatsNewSection {
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.whatsNewSectionDate {
    font-weight: bold;
    padding:0px 0px 5px 0px;
    font-style: italic;
}

.noMargin{
    margin:0px;
}

.noPadding{
    padding:0px;
}

.help-text-color {
    color: #737373;
}

.eventDateRow{
    padding:0px;
}

.eventDateColumn {
    margin-bottom: 5px;
    padding-left:0px;
    padding-right:5px;
}

.eventDate {
    background-color: #E8ECEC;
    text-align: center;
    max-width: 75px;
    width: auto;
    height: auto;
    line-height: 1.55;
    padding: 3px 5px 3px 5px;
    float:right;
}

.publicEventColumn {
    margin: 0 0 10px 0;
    padding: 0 10px 0px 10px;
}

.reminderRow{
    display:inline-block;
}

.reminderLength {
    display: inline-block;
    min-width:100px;
    width:auto;
}

.reminderType {
    display: inline-block;
    min-width:125px;
    width: auto;
}

.backgroundRed{
    background-color:red;
}

.equalCols {
    display: flex;
    display: -webkit-flex;
}

.collapseLineContainer {
    margin-top:5px;
    margin-bottom:20px;
}

.collapseLineDiv {
    /*border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;*/
    background-color: #375C90;
    height: 100%;
    width: 3px;
    border-radius: 30px;
    padding:0px;
}

    .collapseLineDiv:hover {
        cursor: pointer;
        /*border-right: 1px solid #375C90;
        border-left: 1px solid #375C90;*/
        background-color: lightgrey;
    }

.PreviewReportCell {
    border: 1px solid lightgrey;
}

.NcciCharacterPosition {
    border: 1px solid black;
    background-color: #e1e1e1;
    color:black;
    text-align: center;
    padding: 5px;
    height: 20px;
}

.NcciCharacter {
    border: 1px solid #e1e1e1;
    text-align: center;
    padding: 5px;
    height: 20px;
}
    .NcciCharacter:hover{
        background-color:oldlace;
    }

.sortBox {
    margin: 10px 0px 0px 0px;
    text-align: center;
}

.sortArrowDiv {
    margin: 5px 0px 5px 0px;
    min-height: 25px;
}

.sortInputDiv {
    text-align: center;
}

.sortInput {
    margin-left: auto;
    margin-right: auto;
    width: 60px;
}

.sortArrow {
}

.formInstanceTableHeader {
    background-color: #375C90;
    color:white;
}

.formInstanceRow:hover {
    /*background-color: #269abc;*/
    /*color: white;*/
    background-color: #fbfbfb;
}

.formInstanceRowStripe {
    background-color: #f1f1f1
}

    .formInstanceRowStripe:hover {
        /*background-color:#269abc;
        color:white;*/
        background-color: #ebebeb;
        
    }

.formInstanceValues:hover {
    /*background-color: rgb(38, 154, 188, .25);*/
}

.formInstanceValuesStripe {
    /*background-color: #375C90;*/
    /*background-color: rgb(136, 48, 1, .75);*/
    background-color: #f1f1f1;
}

    .formInstanceValuesStripe:hover {
        /*background-color: rgb(38, 154, 188, .25);*/
    }

.formInstanceValuesTableHeader {
    /*background-color: rgb(136, 48, 1);*/
    /*background-color: #af3f01;*/
    /*background-color: #8a4040;*/
    /*color: white;*/
    background-color: #fafafa;
    color: #375C90;
}

/*Kendo textarea wysiswg editor*/
.k-tool-icon {
    opacity: 1; /*default is semi transparent which looks blurry*/
}

.k-editor .k-showMarkings {
    line-height: 25px;
    text-align: center;
    background: none;
}

    .k-editor .k-showMarkings:before {
        content: "\00b6";
        font-size: 16px;
        color:black;
    }

.paragraphUnicode::after {
    content: "\00b6";
    font-size: 16px;
    color: black;
}

.k-editor .k-removeParagraphMargins {
    line-height: 25px;
    text-align: center;
    background: none;
}

    .k-editor .k-removeParagraphMargins:before {
        content: "\1f9f9";
        font-size: 16px;
    }

.broomUnicode::after {
    content: "\1f9f9";
    font-size: 16px;
    color: black;
}

.reportParameterDisplayOrderInput {
    width: 45px;
    padding: 0px;
    text-align: center;
    display: inline;
}

/*FAQ SCREEN*/
.faq-answer {
    font-size: 1.15em;
    line-height: 1.3em;
    margin: 0 10px;
    padding-top: 5px;
}

.faq-list > li:not(:last-child) {
    margin-bottom: 10px;
}

.faq-image-list > li:not(:last-child) {
    margin-bottom: 50px;
}

.faq-image-list > li > img {
    margin-top: 15px;
}

.faq-image-wide {
    width: 95%;
    margin: 5px auto;
    display: block;
}

.faq-help-panel {
    text-align: center;
    padding-bottom: 10px;
    margin-top: 25px;
}

.certificateHolderInfo{
    white-space:pre-line;
    text-align:left;
}

.certificateHolderCheckboxDiv {
}

.certificateHolderCheckbox {
    width:25px;
    
}

.memberApplicationQuestion {
    border-color: #00000025; /*Bootstrap Panel Border Color*/
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-radius: 0 10px 10px 0;
    margin-bottom: 25px;
    padding: 10px 0px 10px 0;
    box-shadow: 3px 1px 5px 1px #CCCCCC;
    overflow: auto;
}

.memberApplicationResponse {
    border-color: #00000025; /*Bootstrap Panel Border Color*/
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 10px 10px 0;
    margin-bottom: 35px;
    padding: 10px 0px 10px 0;
    box-shadow: 3px 1px 5px 1px #CCCCCC;
    overflow:auto;
}

.memberApplicationResponseInput {
    text-align: center;
    border:2px solid red;
}

.radio-inline:hover {
    cursor:default;
}

/* Tabs - based on:https://www.w3schools.com/howto/howto_js_tabs.asp */

/* Style the tab */
.tab {
    height: 51px;
    border-bottom:1px solid #ccc;
}

/* Style the buttons that are used to open the tab content */
.tabButton {
    float: left;
    cursor: pointer;
    transition: 0.1s;
    width: 100px;
    text-align: center;
    color: #375C90;
    font-weight: 600;
    border: 1px solid #ccc;
    outline: none;
    height: 20px;
    padding: 15px;
    background-color: #f1f1f1;
    white-space: nowrap;
}

/* Change background color of buttons on hover */
.tabButton:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tabButton.active {
    background-color: white;
    height:21px; /* overlap the .tab border to hide the bottom border */
    border-bottom:0px solid white; /* Gives the appreance of no border without weird transition side effects*/
}

/* Style the tab content */
.tabcontent {
    padding: 15px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/*END OF FAQ SCREEN*/
/*.k-loading-mask {
    color: cyan;
    background: cyan;
    opacity: 0.2;
}*/
/*
.testRowBorder 
{
    border-style: solid;
    border-color: red;
    background-color: grey;
}

.testCellBorder 
{
    border-style: solid;
    border-color: Cyan;
    background-color: lightblue;
}*/
/*
label {
    background-color: lightblue;
}

span {
    background-color: lightgrey;

}
    */
/** End Brody's Modifications **/
/** Start Matthew's Modifications **/
div.k-notification {
    padding-right: 20px
}

/** End Matthew's Modifications **/