body
{
    color: #333333;
    background-color: #D4D2D2;
}

.wb-header
{
    position: relative;
    margin-bottom: 25px;
}

.wb-message {
    padding: 5px 5px 5px 5px;
    border: 1px solid black;
    margin-bottom: 10px;
    background-color: white;
}

.wb-header-keepalive
{
    position: relative;
    color: White;
    height: 1em;
    text-align: right;
}

.wb-client-header-login 
{
    width: auto;
    padding: 15px 0 0 750px;
    color: #ffffff;
    font-weight: bold;
}

.wb-policy-header
{
    position: relative;
    padding: 8px 25px;
    height: 80px;
    color: #fff;
}

.wb-policy-header > div
{
    position: relative;
    height: 65px;
    background-size: contain;
}

.wb-policy-header-logo
{
    background: url(../images/WriteBiz-Logo.svg) no-repeat -5px center;
}

.wp-policy-header-logo
{
    background: url(../images/WritePRO-Logo.png) no-repeat;
}

.wf-policy-header-logo
{
    background: url(../images/WriteFarm-Logo.svg) no-repeat -5px center;
}

.wb-policy-header-info
{
    margin: 28px 25px 0 0;
    float: right;
    color: #F0F8FF;
    font-weight: bold;
}

.wb-policy-header-actions-user
{
    display: inline-block;
    float: right;
    margin-top: 2px;
    font-size: 1.2em;
    font-weight: bold;
}

.wb-policy-header-actions
{
    display: inline-block;
    float: right;
}

.wb-policy-header-user
{
    padding: 0 10px 0 5px;
    text-decoration: none;
    font-size: 1em;
    font-weight: bold;
    color: #f0f8ff;
}

.wb-policy-header-client {
    margin-right: 25px;
    padding: 0;
    text-decoration: none;
    text-align: right;
    font-size: 1em;
    font-weight: bold;
    color: #f0f8ff;
}

.wb-policy-header-email, a.wb-policy-header-email
{
    padding-left: 4em;
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
    color: #f0f8ff;
}

#wb_client_header_menu_container
{
    width: 477px; /* width of the menu container must be explicit = menu-left + menu-right */
}

#wb_client_header_menu_container.agent
{
    width: 337px; /* width of the menu container must be explicit = menu-left + menu-right */
}

#wb_client_header_menu_left
{
    height: 50px;
    float: left;
}

#wb_client_header_menu_left.agent
{
    width:300px; /* width of all links within content area */
}

.wb-client-header-menu {
    header_bg margin-top: 17px;
    margin-left: 20px;
}

.wb-client-header-menu ul
{
    padding: .2em auto .2em .1em;
    list-style-type: none;
}

.wb-client-header-menu li
{
    float: left;
    padding: 0 .4em 0 .4em;
    border-right: 1px solid #fff;
}

.wb-client-header-menu li:last-child
{
    border-right: 0;
}

.wb-client-header-menu a
{
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    color: white; 
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
}

.wb-client-header-menu a.active, .wb-client-header-menu a:hover
{
    background: rgba(254, 195, 38, 1); 
}

#wb_client_header_companyutils_menu 
{
    margin-top: 5px;
    border-bottom-left-radius: 5px; 
    border-bottom-right-radius: 5px; 
    position: absolute; 
    display:none;
    z-index: 101;
}

#wb_client_header_companyutils_menu > ul {
    min-height: 15px; 
}

#contentHeader_lblWelcomeMessage {
    margin-top: 16px;
    margin-right: 10px;
}

#contentHeader_lblWelcomeMessage ~ .dropdown {
    margin-top: 5px;
}

.wb-policy-header-client ~ .dropdown {
    margin-top: 10px;
}

.dropdown:not(.bootstrap-select) button {
    padding: 0;
}

#btnLogout::after {
    display: none;
}

#btnCloseClient::after {
    display: none;
}

.wb-aod-designation
{
    display: inline-block;
    margin: .8em .8em 0 0;
    float: right;
}

.wb-aod-designation.policy
{
    margin-top: .9em;
}

.wb-aod-designation img 
{
    height: 45px;
    width: 112px;
}

.wb-footer-wrapper
{
    font-size: 80%;
}

.wb-footer
{
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    padding: 5px 0 5px 0;
    font-size: .85em;
    color: #FFFFFF;
}

.wb-footer-logo {
    width: 250px;
    height: 50px;
    margin: 5px 25px 0 25px;
    float: left;
    background: url(../images/donegal_logo_white.png) no-repeat center center;
    background-size: cover;
}

.wb-footer-copyright
{
    float: right;
    text-align: right;
    margin: 4px 25px 0 0;
}

.wb-client-navigation-lob 
{
    float: left;
}

.wb-client-navigation-menu 
{
    float: right;
    text-align: right;
}

.wb-client-navigation-menu-button-active .ui-icon
{
    background-image: url(../images/dgic-ui-icons_f9bd01_256x240.png);
}

.wb-client-navigation-menu-button-default .ui-icon
{
    background-image: url(../images/dgic-ui-icons_6da8d5_256x240.png);
}

.wb-client-navigation-menu-dropdown 
{
    position: absolute;
    left: -1000px;
    text-align: left;
    width: 250px;
    font-size: 1.0em;
}

.wb-client-navigation-menu-dropdown li .ui-icon 
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 1.0em;
    padding-top: 2px;
}

.wb-client-navigation-menu-dropdown li > a
{
    text-decoration: none;
}

.wb-client-navigation-tooltip 
{
    font-size: .8em;
    width: 250px;
    max-width: 250px;
}

.wb-client-navigation-tooltip td:first-of-type 
{
    font-weight: bold;
    width: 90px;
}

.wb-client-navigation-polnum
{
    font-size: .85em;
    font-weight: normal;
    
    float: left;
}

.wb-client-navigation-polprem
{
    font-size: .8em;
    font-weight: bold;
    color: #336600;
    
    float: right;
    text-align: right;
}

.wb-client-navigation-polprem img {
    padding: 1px 6px 0 0;
}

.wb-client-navigation-lock {
    position: absolute;
    margin-left: -1.7em;  
}

.wb-client-navigation-overlay
{
    background-image: url(../images/ajax_indicator_sm.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    background-color:rgba(223, 229, 252, 0.5)
}

.wb-tab-content
{
    width: 768px;
}

.wb-ui-autocomplete-percent .ui-autocomplete-input
{
    width: 40px;
}

.single-menu-item .ui-icon
{
    display: none !important;
}

.single-menu-container 
{
    display: none !important;
}

/*********************************************************************/
/****Custom CSS Classes referenced by Web UI**************************/
.ErrorLabelSmall
{
    font-size: .8em;
    font-weight: 600;
    color: rgba(152, 29, 31, 1);
}

.ErrorLabel
{
    font-size: 1em;
    font-weight: 600;
    color: rgba(152, 29, 31, 1);
}

.ErrorLabelLarge
{
    font-size: 1.2em;
    font-weight: 600;
    color: rgba(152, 29, 31, 1);
}

.SuccessLabelLarge {
    font-size: 1.2em;
    font-weight: 600;
    color: #336600;
}

.FieldValue
{
    font-size: 1em;
}

.FieldLabelSmall
{
    font-size: .8em;
    font-weight: 600;
}

.FieldValueSmall
{
    font-size: .8em;
}

.FieldSubHeading
{
    font-size: 1.00em;
    font-style: italic;
    font-weight: bold;
    color: rgba(46, 110, 182, 1)
}

.FieldLink
{
    padding-left: 5px;
    color: Silver;
    text-decoration:underline;
}

.FieldSubLink {
    color: rgba(46, 110, 182, 1);
    text-decoration:underline;
    cursor: pointer;
}

.ui-xcontrols-xregion .NewFieldRow 
{
    margin-top: 3px;
    text-align: left;
    font-size: .95em;
}

.ui-xcontrols-xregion .NewFieldRowTall
{
    margin-top: 3px;
    text-align: left;
    font-size: .95em;
    min-height: 32px;
}

.FullRow
{
    width: 750px;
}

.ColumnOne
{
    width: 350px;
}

.ColumnTwo
{
    margin-left: 15px;
    width: 400px;
}

.ui-xcontrols-xregion .FieldMessage
{
    padding-left: 5px;
    padding-right: 100px;
    background-image: url('../images/green_exclamation_16.png');
    background-position: left top;
    background-repeat: no-repeat;
    
    margin-left: 10px;
    min-height: 16px;
}

.ui-xcontrols-xregion .ClientEndorsementBorder
{
    border-radius: 10px; 
    padding: 10px;
}

.NewFieldRow > ul
{
    padding-left: 40px;
}

ul.ui-uw-message-container
{
    padding-left: 15px;
}
li.ui-uw-message
{
    padding-bottom: 10px;
    font-size: .95em;
    font-weight: 600;
}

div.ui-uw-lockedlobchk-container {
    display: inline;
    display: -moz-inline-stack;
    *display: inline;
}

.IndentedList {
    margin-left: 50px;
}

.IndentedList li {
    padding: 1px 0;
}

/****Endorsements****************************************************/
endorsementRow
{
    display: inline-block;
    margin-left: 5px;
    padding-left: 25px;   
    font-size: 1.1em;
    
    width: 500px;
}

div.complete10
{
    background-image: url(../images/greencheck_10.png);
    background-repeat: no-repeat;
    background-position: center top;
}

.XRegionendorsementRow.notcomplete
{
    background:  #ffffff url(../images/warning_16.gif) no-repeat; 
    display: inline;
    background-position: top;    
}

#tblAttachedEndorsement
{
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
}

.endorsementDetailsContainer
{
    margin-top: 10px;
    text-align: left;
}

.editbutton 
{
    height:16px
}

.deletebutton 
{
    height:16px
}

.addbutton 
{
    height:16px
}

.copybutton 
{
    height:16px
}

.endorsementDetailsRow 
{
    padding-top: 10px;
}
/****End Endorsements***********************************************/

/* Paging CSS Classes */
.pagingButton
{
    font-size: .8em;
    height: 20px;
    max-height: 20px;
    width: 20px;
    max-width: 20px;
}

.pagingButton > span
{
    padding: 0 0 0 0 !important; /*centers text in jquery button */
    left: 0px !important; /*centers icon in jquery button */
}

.pagingLabel
{
    font-size: .85em;
    font-weight: bold;
    color: black;
}
/****End Paging***********************************************/

/* Address Validation CSS Classes */
.multiAddressItem
{
    background: #EEE;
    margin-top: 10px;
    padding: 3px, 0px, 3px, 3px;
}

.multiAddressItem:hover
{
    background: #CCC;
    cursor: pointer;
}

/****End Address Validation***********************************************/

/****Buttons*************************************************************/

.smallButton 
{
    font-size: .75em !important;
}

.midButton 
{
    font-size: .95em !important;
}

.styledAnchor {
    font-size: .9em !important;
    color: black;
    outline: 0;
}

#advLink {
    font-size: .9em !important;
    color: black;
    outline: 0;
}

#wizLocation {
    width: 100%;
}


/****End Buttons*********************************************************/

/****JQueryUI Accordion overrides****************************************/
/*
.ui-accordion .ui-accordion-content
{
    padding-top: .8em !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
}
*/

/****End JQueryUI Accordion overrides************************************/

/* Style any disabled TextBoxes to have a darker background */
input[disabled], textarea:disabled
{
    background-image: none;
    background-color: #EBEBE4;
}

.ui-slider-horizontal .ui-state-default 
{
    background: white url(../images/ui-icons_217bc0_256x240.png) no-repeat scroll -160px -48px;
}

.ui-selectmenu-button span.ui-icon {
    right: 0.4em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.2em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wb-eligibility {

}

.wb-eligibility-row {
    
}

.wb-eligibility-question-num {
    font-size: .8em;
    font-weight: 600;
    width: 20px;
}

.wb-eligibility-question-text {
    font-size: .8em;
    font-weight: 600;
    overflow-wrap: break-word;
    word-wrap: break-word;
    width: 565px;
}

.wb-eligibility-answer-text {
    font-size: .8em;
    padding-right: 5px;
}

.wb-release-item-container {
    position: absolute;
    /*overflow: auto;*/
    left: 50px;
    width: 100%;
    height: 35px !important;
}

.wb-release-dialog-container {
    width: 500px;
    min-height: 200px;
}

.wb-release-dialog-date {
    width: 100%;
    text-align: right;
    padding-right: 5px;
}

.wb-release-dialog-content {
    padding-top: 15px;
}

.wb-change-indicator {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.wb-header-activity-term {
    font-size: 0.9em;
    font-weight: bold;
    color: rgba(46, 110, 182, 1);
}

.wb-header-activity-term-accordion {
    font-size: 0.9em;
    font-weight: normal;
    color: rgba(46, 110, 182, 1);
}

.wb-header-activity-term-accordion .ui-button-text {
    font-size: 0.85em;
    font-weight: bold;
} 

.wb-header-activity-term-accordion .ui-menu-item {
    font-size: 0.85em;
    font-weight: normal;
}

.wb-header-activity-break-large {
    display: block;
    padding-top: 10px;
}

.wb-header-large {
    font-size: 1.00em;
    font-weight: bold;
    color: rgba(46, 110, 182, 1);
}

.input-hidden {
    display: none !important;
}

.esign-button {
    background-image: url("../images/esign-buttons.png");
    background-repeat:no-repeat;
    width: 0px;
    height: 0px;
    padding: 64px 64px 64px 64px;
    outline: none;
}

.esign-home {
    background-position: 0 -128px;
}
.esign-home:hover {
    background-position: -128px -128px;
}
input[name='ESign']:checked + .esign-home {
    background-position: -256px -128px;
}

.esign-email {
    background-position: 0 0;
}
.esign-email:hover {
    background-position: -128px 0;
}
input[type=radio]:checked + .esign-email {
    background-position: -256px 0;
}

.esign-paper {
    background-position: 0 -256px;
}
.esign-paper:hover {
    background-position: -128px -256px;
}			
input[type=radio]:checked + .esign-paper {
    background-position: -256px -256px;
}

h3.wb-accordion-Delete {
    text-decoration: line-through;
    color: red !important;
}

h3.wb-accordion-Change {
    color: blue !important;
    font-weight: 700 !important;
}

tr.wb-jqgrid-Delete td {
    text-decoration: line-through;
    color: red !important;
}

tr.wb-jqgrid-Change td {
    color: blue !important;
    font-weight: 700 !important;
}

tr.wb-jqgrid-Change td a {
    color: blue !important;
    font-weight: 700 !important;
}

tr.wb-jqgrid-Delete td.wb-jqgrid-Actions {
    text-decoration: none !important;
}

tr.wb-jqgrid-Change td.wb-jqgrid-Actions {
    text-decoration: none !important;
}

.wb-jqgrid-Actions {
    text-decoration: none !important;
}

.pcp-ChangeTable {
    width: 700px;
    align-content: center;
    border: 1px solid black;
    border-collapse: separate;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

table.pcp-ChangeTable tr {
    width: 100%;
}

table.pcp-ChangeTable td.pcp-ChangeCellFirst {
    width:100%;
    align-content: center;
    align-items: center;
    text-align: center;
    background-color: #D9ECFB;
    border: 1px solid black;
    font: bold 18px timesnewroman;
    padding: 15px 15px 15px 15px;
}

table.pcp-ChangeTable td.pcp-ChangeCell {
    width:100%;
    background-color: #B0CFE7;
    border: 1px solid black;
    font: bold 14px timesnewroman;
    padding: 5px 5px 2px 2px;
}

td.pcp-ChangeGrid {
    height:auto;
    overflow:hidden;
    white-space:normal !important;
    padding-top:3px !important;
    padding-bottom: 3px !important;
    line-height: 1.5 !important;
    font: bold 13px timesnewroman !important;
}

#dgActiveQuotes td, th
{
    font-size: 0.95em;
}

#dgPolicies td, th
{
    font-size: 0.95em;
}

.eSigPendingDoc {
    background-image: url(../images/plainPage.png);   
    background-repeat: no-repeat;
    background-position: left top;
    
    padding-left: 61px;
    
    width: 207px;
    height: 40px; 
}

.eSigCompletedDoc {
    background-image: url(../images/completedPage.png);   
    background-repeat: no-repeat;
    background-position: left top;
    
    padding-left: 61px;
    
    width: 207px;
    height: 40px; 
}

.driverLabel {
    float: left;
    width: 250px;
    padding-top: 12px;
    font-weight: bold;
}

.excludedDrName {
    float: left;
    padding-top: 12px;
    width: 250px;
    min-height: 70px;
}

.submittedForIssuanceReviewRegion {
    margin: 5px 0px 0px 15px;
    font-weight: 600;
    color: #336600;
}

.directIssueIsIneligibleReviewRegion {
    margin: 5px 0px 0px 15px;
    font-weight: 600;
    color: #981d1f;
}

.directIssueIsEligibleReviewRegion {
    margin-left: 15px;
    font-weight: 600;
    color: #336600;
    padding: 3px;
}

.directIssueIsEligibleReviewRegion h3 {
    font-size: 1.5em;
}

.directIssueIsEligibleReviewRegion p {
    margin: 5px 0px 0px 18px;
}

.checkMark {
    display: inline-block;
    transform: rotate(45deg);
    height: 16px;
    width: 5px;
    border-bottom: 5px solid #336600;
    border-right: 5px solid #336600;
    position: relative;
    left: 11px;
    bottom: 3px;
}

.dgic-status-spinner {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #003C71;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.modal.modal-static .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

/* WPK-315: added code to handle financial institution search buttons not showing on OBSCENELY small screens... */
#dgic-modal-financialinstitutions > div > div > div.modal-footer {
    z-index: 100;
    background-color: #ffffff;
}
/* end WPK-315 change */

td.reorder {
    text-align: center !important;
    cursor: move;
}

    td.reorder:hover {
        background-color: lightgrey !important;
    }

/* Onboarding button*/
.onboarding-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    pointer-events: auto; /* block clicks */
}

/* Highlighted button */
.onboarding-highlight {
    position: relative !important;
    z-index: 10003 !important; /* above overlay */
    display: inline-block !important; /* keep element to its content size */ 
    box-shadow: 0 0 0 4px #fff, 0 0 20px 10px #007bff !important;
    border-radius: 6px;
}

/* Tooltip bubble (centered modal) */
.onboarding-tooltip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    color: #000;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.4);
    font-size: 15px;
    max-width: 340px;
    min-width: 280px;
    z-index: 10002;
    overflow: hidden; /* keeps rounded corners clean */
}

/* Dismiss button */
.onboarding-dismiss {
    margin-top: 15px;
    display: inline-block;
    background: #007bff;
    color: #fff;
    padding: 8px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

/* Styling for Done Button*/
/* Header bar */
.onboarding-tooltip-header {
    background: #003C71;
    color: #fff;
    font-weight: 600;
    padding: 10px 16px;
    font-size: 16px;
    text-align: center;
}

/* Content section */
.onboarding-tooltip-body {
    padding: 16px;
    text-align: left;
    line-height: 1.4;
}

/* Footer with button(s) */
.onboarding-tooltip-footer {
    padding: 12px 16px;
    text-align: right;
    border-top: 1px solid #ddd;
}

.onboarding-btn {
    background: #003C71;
    color: #fff;
    padding: 8px 14px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: background 0.2s ease;
    display: inline-block;
}

.onboarding-btn:hover {
    background: #00264d;
}

/* Feature Button */
#xinjector > div {
    position: relative; /* container context */
}

#featureBadge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #A6192E; /* deep red */
    color: #fff;
    font-size: 13px;
    padding: 5px 14px;
    border-radius: 5px; /* pill shape */
    font-weight: 600;
    cursor: pointer;
    /*z-index: 10001;*/
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); /* subtle shadow */
    transition: transform 0.2s ease, box-shadow 0.3s ease, background 0.3s ease;
}

#featureBadge:hover {
    transform: scale(1.05);
    background: #8f1425; /* slightly darker red on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* stronger shadow on hover */
}

.highlight-change {
    background-color: #003C71;
    transition: background-color 1s ease;
}

#tblSubmitForIssuance tbody tr,
#tblSubmitForApproval tbody tr {
    cursor: pointer;
}

/* Hover Buttons for Grids */
.dt-copy-hover{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* keep space reserved, but hide visually */
.dt-copy-btn {
    display: inline-block; /* reserve width */
    width: 16px; /* icon width */
    text-align: center;
    visibility: hidden; /* hidden but takes space */
}

/* show on hover */
.dt-copy-hover:hover .dt-copy-btn {
    visibility: visible;
}

.dt-copy-hover:hover .dt-copy-text{
  cursor: pointer;
}

.dt-copy-btn:hover{
  opacity: 1;
}