.body-content { padding-left: 15px; padding-right: 15px; }
.body-content.no-pad {padding-left:0; padding-right:0;}
/*https://docs.angularjs.org/api/ng/directive/ngCloak*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; }
.display-flex {display:flex;}

/*This style is need for Firefox to prevent red outlined checkbox, when it is in initial state*/
/*http://stackoverflow.com/questions/5939341/firefox-4-is-there-a-way-to-remove-the-red-border-in-a-required-form-input*/
input[type='checkbox']:required { box-shadow: none; }
.ui-grid-render-container-body { min-height: 250px; }

/* Bullets */
ul.list-larger {font-size: 16px;}
ul.list-larger li:first-child {padding-top: 5px;}
ul.list-larger li {padding-bottom: 5px;}

/* Borders */
.border-radius-0 {border-radius: 0;}
.border-radius-4 {border-radius: 4px;}
.border-collapse {border-collapse: collapse;}
.border-separate {border-collapse: separate;}

/* Font styles */
.bigFont { font-size: 1.4em; }
.font-default { font-size: 14px !important; }
.font-24 {font-size: 24px !important;}

/* Button styles */
.btn-link.btn-icon-add { color: #5EACEE !important; font-weight: 600 !important; font-size: 14px !important; padding: 0 0 0 48px !important; position: relative; text-decoration: none !important; }
.btn-link.btn-icon-add:before { font-family: "Material-Design-Iconic-Font"; content: "\f276"; position: absolute; top: -8px; left: 0px; font-size: 40px; font-weight: normal; color: #5EACEE; display: inline-block; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); padding: 0 5px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; }
.btn-outline { width: 30px; height: 30px; color: #5eacee; background-color: #fff !important; border: 1px solid #c0ddf6; border-radius: 50%; background-clip: border-box; -webkit-box-shadow: 0 2px 2px rgba(94,172,238,.3); -moz-box-shadow: 0 2px 2px rgba(94,172,238,.3); -ms-box-shadow: 0 2px 2px rgba(94,172,238,.3); box-shadow: 0 2px 2px rgba(94,172,238,.3); }
.btn-outline.icon-trash { color: #fff !important; background: #e66e5b !important; background-color: #e66e5b !important; border-color: #e66e5b !important; -webkit-box-shadow: 0 2px 2px rgba(230,110,91,.4); -moz-box-shadow: 0 2px 2px rgba(230,110,91,.4); -ms-box-shadow: 0 2px 2px rgba(230,110,91,.4); box-shadow: 0 2px 2px rgba(230,110,91,.4); }
.btn-outline.no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; }
.icon-trash:before { font-family: FontAwesome; content: "\f1f8"; font-size: 18px; }
.btn-soft { background: rgba(94,172,238,.1); color: #1285ef !important; }
.btn-soft:hover { background: rgba(94,172,238,.2) }

/*  Background Colors  */
.bg-white {background: #fff !important;}
.bg-gray { background: #F3F5F7 !important; }
.bg-lt-gray { background: #f9f9f9 !important; }
.bg-lt-blue { background: #EFF7FD !important; }
.bg-red { background: #e66e5b !important; }
.bg-trans {background: transparent !important;}

/*  Opacity  */
.opacity-5 { opacity: .5 !important; }
.opacity-7 { opacity: .7 !important; }

/*  Spacers  */
.spacer-5 { clear: both; width: 100%; height: 5px; }
.spacer-10 { clear: both; width: 100%; height: 10px; }
.spacer-15 { clear: both; width: 100%; height: 15px; }
.spacer-20 { clear: both; width: 100%; height: 20px; }
.spacer-30 { clear: both; width: 100%; height: 30px; }
.spacer-40 { clear: both; width: 100%; height: 40px; }
.spacer-60 { clear: both; width: 100%; height: 60px; }
.spacer-80 { clear: both; width: 100%; height: 80px; }
.spacer-100 { clear: both; width: 100%; height: 100px; }
.H300 { height: 300px; }

/*  Padding / Margins  */
.pad-0 { padding: 0 !important; }
.pad-5 { padding: 5px !important; }
.pad-10 { padding: 10px !important; }
.pad-15 { padding: 15px !important; }
.pad-20 { padding: 20px !important; }
.pad-top-0 { padding-top: 0 !important; }
.pad-top-5 {padding-top: 5px !important;}
.pad-top-10 { padding-top: 10px !important; }
.pad-bottom-0 { padding-bottom: 0 !important; }
.pad-bottom-5 { padding-bottom: 5px !important; }
.pad-bottom-10 { padding-bottom: 10px !important; }
.pad-bottom-15 { padding-bottom: 15px !important;}
.pad-bottom-30 { padding-bottom: 30px !important; }
.pad-left-0 { padding-left: 0 !important; }
.pad-left-5 { padding-left: 5px !important; }
.pad-left-10 { padding-left: 10px !important; }
.pad-left-15 { padding-left: 15px !important; }
.pad-left-20 { padding-left: 20px !important; }
.pad-left-25 { padding-left: 25px !important; }
.pad-left-30 { padding-left: 30px !important; }
.pad-left-40 { padding-left: 40px !important; }
.pad-right-0 { padding-right: 0px !important; }
.pad-right-5 { padding-right: 5px !important; }
.pad-right-10 { padding-right: 10px !important; }
.pad-right-15 { padding-right: 15px !important; }
.pad-right-20 { padding-right: 20px !important; }
.pad-right-30 { padding-right: 30px !important; }

.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }

/*  Alerts  */
.alert-icon-info { position: relative; padding-left: 50px !important; }
.alert-icon-info:before { font-family: "Material-Design-Iconic-Font"; content: "\f1f7"; position: absolute; font-size: 22px; left: 0px; top:0; width:50px; line-height:50px; text-align:center; font-weight: normal; color: #fff; }
.alert-red {background:#e66e5b; color:#fff;}
.alert-red p {color:#fff !important; font-size:14px !important; line-height:20px !important; margin-bottom:0 !important;}
.alert-pulse:before {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); animation: pulse 3s infinite;}
.checkmark { width: 100px; height: 100px; border-radius: 50%; stroke-width: 2; stroke: #7ac142; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #fff; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; }
.checkmark.gray {box-shadow: inset 0px 0px 0px #f3f5f7; animation: fillgray .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;}
.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; animation: stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards; }
.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards; }
.status-container {font-size: 12px; font-weight:600; text-align:center;}
.status-container .status-solid.status-green {background: #69bc45; color: #fff; border-radius: 30px; padding: 8px 5px;}
.status-container .status-solid.status-red {background: rgba(235, 87, 87, 0.12); color: #e66e5b; border-radius: 30px; padding: 8px 5px;}
.status-container .status-solid.status-aqua {background: #84d0d0; color: #fff; border-radius: 30px; padding: 8px 5px;}

/*  Transitions  */
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

/*  Icons  */
.icon-modal-close { width: 36px; height: 36px; padding: 0; line-height: 36px; font-size: 20px; position: relative; display: block; background: #e8f3fd; text-align: center; -webkit-border-radius: 300px !important; -moz-border-radius: 300px !important; -ms-border-radius: 300px !important; border-radius: 300px !important; color: #fff; border: none; outline: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.icon-modal-close:hover {background:#d1e7fa;}
.icon-modal-close .icon {color:#5eacee;}

/* Fieldset styles */
fieldset.grid-border { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; -moz-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000; }
legend.grid-border { font-size: 1.2em !important; font-weight: bold !important; text-align: left !important; width: auto; padding: 0 10px; border-bottom: none; }

/* Grid loading window styles */
.grid-msg-overlay { position: absolute; top: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); }
.grid-msg-overlay .msg { opacity: 1; position: absolute; top: 20%; left: 20%; width: 60%; height: 50%; background-color: #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #555; text-align: center; font-size: 24px; display: table; }
.grid-msg-overlay .msg span { display: table-cell; vertical-align: middle; }
.error-message, .red { color: red !important; font-size: 14px; }
p.error-message { margin-bottom: 0px; }
p.success-completed { color: #669966 !important; font-weight: 600 !important; font-size: 1.8em !important; }

/* Input Styles */
.form-container.formBox input.form-control { height: 40px; }
.form-container.formBox .bootstrap-select .dropdown-toggle,
.form-container.formBox .form-control,
.form-container.formBox .selectpicker:not(.select-material) select,
.form-container.formBox input.form-control,
.form-container.formBox textarea.form-control { outline: 0 !important; box-sizing: border-box; min-height: 40px; font-size: 14px; padding: 10px; display: block; width: 100%; font-weight: 400; float: none; color: #0b213f; background: #fff !important; border: 1px solid rgba(94,172,238,.3); -webkit-box-shadow: 0 1px 2px rgba(19,45,82,.2); -moz-box-shadow: 0 1px 2px rgba(19,45,82,.2); -ms-box-shadow: 0 1px 2px rgba(19,45,82,.2); box-shadow: 0 1px 2px rgba(19,45,82,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
.form-container.formBox textarea.form-control { height: auto; line-height: initial; padding: 10px; }
.form-container.formBox select.form-control + .select-arrow:after {top: 16px; content: '\f2f2'; font-family: Material-Design-Iconic-Font; display: inline-block; position: absolute; right: 15px; top: 16px; font-size: 22px; text-align: center; line-height: 12px; color: #5eacee; padding: 0; margin: 0; pointer-events: none; }
.form-container.formBox input.no-icon { padding-left: 12px !important; }
.form-container.formBox .input-group.date { display: block; }
.form-container.formBox .input-group.date .input-group-addon { font-size: 14px; display: block; position: absolute; z-index: 3; top: 0; right: 0; background: none; padding: 0; margin: 0; width: 40px; border: none; border-left: 1px solid rgba(94,172,238,.3); outline: none; color: #5eacee; cursor: pointer; line-height: 40px; }

.form-container.formBox input.form-control:focus,
.form-container.formBox input.form-control:active,
.form-container.formBox input.form-control:hover,
.form-container.formBox select.form-control:focus,
.form-container.formBox select.form-control:active,
.form-container.formBox select.form-control:hover,
.form-container.formBox textarea.form-control:focus,
.form-container.formBox textarea.form-control:active,
.form-container.formBox textarea.form-control:hover,
.form-container.formBox .form-ui-select .form-control:focus,
.form-container.formBox .form-ui-select .form-control:active,
.form-container.formBox .form-ui-select .form-control:hover,
.form-container.formBox .form-control.ui-select-toggle:focus,
.form-container.formBox .form-control.ui-select-toggle:active,
.form-container.formBox .form-control.ui-select-toggle:hover { border: 1px solid #5eacee; box-shadow: 0 5px 10px rgba(94,172,238,.5); }
.form-container.formBox input.form-control[disabled],
.form-container.formBox select.form-control[disabled],
.form-container.formBox textarea.form-control[disabled],
.form-container.formBox input.form-control[readonly],
.form-container.formBox select.form-control[readonly],
.form-container.formBox textarea.form-control[readonly] { cursor: not-allowed !important; background: #eee !important; opacity: .65; }
.form-container.formBox input.form-control:not(.ng-hide)[disabled] + .input-wrapper select.form-control + span.select-arrow { display: none; }
.form-container.formBox input.form-control.ui-select-search:focus,
.form-container.formBox input.form-control.ui-select-search:active { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

.form-container.formBox .text_box_overflow_wrapper { position:relative; max-height: 250px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 0; border: 1px solid #5eacee; }
.form-container.formBox .text_box_overflow { overflow-y: scroll; max-height: 250px; }
.form-container.formBox .text_box_overflow .text_box_overflow__inner { border: none; background: 0 0; padding: 20px; }
.form-container.formBox .text_box_overflow .text_box_overflow__inner p {font-size:14px;}
.form-container.formBox .text_box_overflow_wrapper:after { content: ""; position: absolute; height: 40px; pointer-events: none; display: block; width: 100%; z-index: 50; }
.form-container.formBox .text_box_overflow_wrapper:after { bottom: -1px; left: 0; background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); }

.formAngular input[type="date"] { position: relative; }
.formAngular input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1; }
.formAngular input[type="date"]:before { color: transparent; background: none; display: block; border-left: 1px solid rgba(94,172,238,.3); font-family: 'FontAwesome'; content: '\f073'; font-size: 18px; text-align:center; width: 40px; height: 40px; line-height:40px; position: absolute; right: 0; top:0; color: #5eacee; }

/* Progress bar */
.modal-header h3 { margin: 0; }
.modal-body .progress { margin-bottom: 0; }
.modal-body .progress .progress-bar { width: 100%; }
.my-modal-window { overflow-y: auto !important; }
.my-modal-window .modal-dialog { width: 80%; }
.myLoadWindow, .myLoadWindow1, .ClaimLoadWindow { padding-top: 15%; overflow-y: visible; }
.myModal { overflow-y: scroll !important; }
.email-document .modal-dialog { /*max-width: 500px;*/ /* Where is this used and should it be changed to % to be resonsive? */ }
.iconInfo { margin-bottom: 5px; }

/* Loading */
.btn.btn_block_ui_loader {cursor:default; opacity:0.7; position:relative;}
.btn.btn_block_ui_loader .text { opacity: 0; transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; }
.btn.btn_block_ui_loader:after { content: ""; display: block; width: 30px; height: 30px; position: absolute; top: calc(50% - 15px); top: -webkit-calc(50% - 15px); top: -moz-calc(50% - 15px); left: calc(50% - 15px); left: -webkit-calc(50% - 15px); left: -moz-calc(50% - 15px); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; border: 5px solid rgba(255, 255, 255, 0.25); border-top-color: #fff; border-radius: 50%; animation: loader-rotate 1s linear infinite; }
.btn.btn_block_ui_loader.btn_loader_small:after { border-width: 4px; width: 20px; height: 20px; top: calc(50% - 10px); top: -webkit-calc(50% - 10px); top: -moz-calc(50% - 10px); left: calc(50% - 10px); left: -webkit-calc(50% - 10px); left: -moz-calc(50% - 10px); }
.btn.btn-clear.btn_block_ui_loader { background: rgba(94,172,238,.1) !important;}
.btn.btn-clear.btn_block_ui_loader:after { border-color: #5eacee; border-top-color: rgba(94,172,238,.1);}
.btn.btn-download.btn_block_ui_loader:before {opacity:0;}
.btn.btn_block_ui_loader:after { opacity: 1; }

/* Pagination */
input.go-to-page { padding: 6px 12px 6px 12px; border: none; }
a.go-to-page { padding: 0px !important; }

/*  Address Management Widget */
#AddressManagementWidgetContainer .myGrid { width: 100%; height: 250px; }
#AddressManagementWidgetContainer .myLink { text-decoration: underline; cursor: pointer; }
.addressMyLoadWindow { overflow-y: visible; }
.address-modal-backdrop { display: none; }
#AddressManagementWidgetContainer .myModal { overflow-y: scroll !important; }
#AddressManagementWidgetContainer .GroupAddressChange-head { font-size: 16px; }

/* Claims  Widgets */
#ClaimAppealForm .form-group { width: 100%; }
#ClaimAppealForm textarea { max-width: 100%; width: 100%; }
#ClaimAppealForm input { max-width: none; width: 50%; }
#ClaimSupplementalForm textarea { max-width: 100%; width: 100%; }
#ClaimSupplementalForm .form-group { margin-bottom: 20px; width: 100%; }
#ClaimWindowGroupInsuredSearchWidgetContainer span.red,
#ClaimSearchAppContainer span.red { font-size: 10px; color: red; }
#ClaimWindowGroupInsuredSearchWidgetContainer .myButton,
#ClaimSearchAppContainer .myButton { width: 140px; }
#ClaimWindowGroupInsuredSearchWidgetContainer .myGrid,
#ClaimSearchAppContainer .myGrid { height: 650px; }
#ClaimWindowGroupInsuredSearchWidgetContainer .data-types,
#ClaimSearchAppContainer .data-types { padding-left: 15px; }
#ClaimWindowGroupInsuredSearchWidgetContainer .financialsGrid,
#ClaimSearchAppContainer .financialsGrid { height: 250px; width: 100%; }
.iconInfoSup + .tooltip.top > .tooltip-inner { -moz-min-width: 400px !important; -ms-min-width: 400px !important; -o-min-width: 400px !important; -webkit-min-width: 400px !important; min-width: 400px !important; }
#ClaimWindowGroupInsuredSearchWidgetContainer .iconInfoSup,
#ClaimSearchAppContainer .iconInfoSup { margin-top: 8px; margin-left: 8px; }


/* Create Account Widget */
.create-account-bg {background:#fff; position:relative; z-index:10; top:-20px;}
#authorizationGrid .ui-grid-invisible {display:none;}
#createAccountTop {position:relative; top:-160px;}

/* Current Certificate Indicator Widget */
#CurrentCertificateIndicatorAppContainer #btnChangeCertificate { font-size: 1.2em; /*float: left;*/ }

/* Email Change Widget */
#EmailChangeWidgetContainer .mySuccess { color: #669966; text-align: center; }

/* Enrollee Search Widget */
#CensusManagementAppContainer .menu-template .enrolleeActions .dropdown-menu, #CertificateSearchForm .menu-template .enrolleeActions .dropdown-menu { position: absolute; /*visibility: hidden;*/ top: auto !important; left: auto !important; margin: -23px -177px 0; padding-right: 3px !important; font-size: 10px; position: fixed !important; }
#ManageGroupClientDocAppContainer .menu-template .enrolleeActions .dropdown-menu, #CertificateSearchForm .menu-template .enrolleeActions .dropdown-menu { position: absolute; /*visibility: hidden;*/ top: auto !important; left: auto !important; margin: -23px -177px 0; padding-right: 3px !important; font-size: 10px; position: fixed !important; }
#ManageGroupClientDocAppContainer .myGrid, #CertificateSearchForm .myGrid { height: 650px; }
#ManageGroupClientDocAppContainer .myLink { padding-left: 5px; margin-top: 15px; text-decoration: underline; }
#ManageGroupClientDocAppContainer .myButton { width: 140px; }
#ManageGroupClientDocAppContainer .myDatepicker { max-width: 400px; }
#ManageGroupClientDocAppContainer .fixPadding { padding-right: 5px; }
#ManageGroupClientDocAppContainer .center { text-align: center; }

#CertificateSearchForm .myButton { width: 140px; }
#CertificateSearchForm .myDatepicker { max-width: 400px; }
#CertificateSearchForm .center { text-align: center; }
.myGrid .ui-grid-cell-contents { font-size: 1.4em; font-weight: normal; }

#ManageGroupEnrolleeAppContainer .btn_error { outline: none; border: none; margin: 4px 10px; padding: 3px 10px; border-radius: 50px; background: #EB5757; color: #fff; font-size: 12px; line-height: 22px; }
#ManageGroupEnrolleeAppContainer .btn_error:hover, .btn_error:active { background: #D64646; cursor: pointer; }
#ManageGroupEnrolleeAppContainer .badge-important { background-color: #b94a48; }

#CensusManagementAppContainer .btn_error { outline: none; border: none; margin: 4px 10px; padding: 3px 10px; border-radius: 50px; background: #EB5757; color: #fff; font-size: 12px; line-height: 22px; }
#CensusManagementAppContainer .btn_error:hover, .btn_error:active { background: #D64646; cursor: pointer; }
#CensusManagementAppContainer .badge-important { background-color: #b94a48; }
#CensusManagementAppContainer .primaryHeading { border-color: #337ab7; }
#CensusManagementAppContainer .errorHeading { color: red; font-weight: bold; font-style: italic; }
#CensusManagementAppContainer .printOnly { display: none; }
.modal-add-child .panel-heading { font-size: 18px; font-weight: 600 !important; padding: 10px 0 20px 0 !important;}
.modal-add-child .row.full-margin .panel-default { box-shadow: none; }
.modal-add-child .row.full-margin .panel-body { padding: 0 !important;  }
.row.full-margin .panel-default .panel-body.panel-no-pad .panel-group > .panel > .panel-heading { padding-left: 0 !important; padding-right: 0 !important; }
.modal-new figure ul { position: relative; display: block; list-style: none; margin: 0; padding: 20px 0 0 20px; padding-left: 20px !important; list-style:disc;}
.modal-new figure ul ul {padding-top:10px;}
.modal-new figure ul li {padding:0 0 5px 0;}
.modal-content { border:none !important;}
.modal-new .modal-section-white { background: #fff; }
.modal-new .modal-section-blue { background: #2C4D7A; }
.modal-close-btn { position: absolute; top: 10px; right: 10px; z-index: 10; }

/* Claim Detail Styles */
#ClaimScrollAnchor {position:relative; top:-60px;}
#ClaimDetail .nav-tabs > li.tab-button.right { float:right; }
#ClaimDetail .nav-tabs > li.tab-button.right a {background:#5eacee; border:none !important; color:#fff; border-radius:3px; position:relative; top:-5px;}
#ClaimDetail .nav-tabs > li.tab-button.right a:hover {background: #549AD6 !important;}
#ClaimDetail .modal-header-dark { padding-bottom: 0 !important; padding-left: 20px !important; background: #2C4D7A;}
#ClaimDetail .modal-header-title {font-weight:100; font-size:32px;}
#ClaimDetail .modal-section-blue { }
.modal-section-blue ul.claim-tabs { padding: 10px 40px 0 40px;}
.modal-section-blue .claim-tabs > li:not(.tab-button) > a { padding: 10px 40px; color: rgba(255,255,255,.75); border: none !important; border-bottom: 4px solid #2C4D7A !important; font-weight: 600; margin-right: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.modal-section-blue .claim-tabs > li > a:hover { background: rgba(255,255,255,.1); border-bottom: 4px solid #425F88 !important; }
.modal-section-blue .claim-tabs > li.active > a { border-bottom: 4px solid #5eacee !important;}
.modal-section-blue .claim-tabs > li.active > a,
.modal-section-blue .claim-tabs > li.active > a:hover,
.modal-section-blue .claim-tabs > li.active > a:focus { font-weight: 600; color: #fff; background: rgba(255,255,255,.2);}
.maxlength-counter { display: inline-block; background: #5cb85c; color:#fff; border-radius:4px; padding:5px; font-size:12px; font-weight:600; margin-top:5px;}
.maxlength-counter.maxlength-error {background:#e66e5b;}

/* Enrollment Widget */
.enrollment-option label { padding: 15px; margin: 0; display: block !important; width: 100%; border: 1px solid rgba(94,172,238,.3); background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }
.enrollment-option label:hover { background: rgba(94,172,238,.05);}
.enrollment-option label.checked {background:rgba(94,172,238,.1);}
.enrollment-option label ul {margin:0; padding-left:20px; padding-bottom:0; list-style:none;}
.enrollment-option label ul li {padding-bottom:5px;}
.enrollment-option.radio input[type="radio"] {margin-left:0;}

/* FAQ (imglobal.com) */
.faq-flex { display: flex; flex-wrap: wrap; }
.faq-flex > div {padding:20px 20px 20px 0; width:33.3333333%;}

/* Forgot Username / Password Widget */
#ForgetUserIdAppContainer span.red,
#ForgetPasswordAppContainer span.red { font-size: 14px; color: red; }

/* Ghost Loading Styles  */
.placeholder_box { display: inline-block; animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #f6f7f8; background: linear-gradient(to right,rgba(0,0,0,.1) 8%,rgba(0,0,0,.15) 18%,rgba(0,0,0,.1) 33%); background-size: 800px 100%; }

/* Information Access Widget */
#InformationAccessWidgetContainer .myGrid { width: 100%; min-height: 200px; }

/* Invoice Management Widget */
#InvoiceManagementWidgetContainer .myGrid { /*width: 525px;*/ min-height: 200px; }
#InvoiceManagementWidgetContainer .myLink { padding-left: 5px; margin-top: 15px; text-decoration: underline; cursor: pointer; }
#InvoiceManagementWidgetContainer .myLoadWindow { padding-top: 15%; overflow-y: visible; }

/* Loading modal */
.loading-modal-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none; }
.loading-modal-container .modal-content { background-color: transparent; border: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; }
.loading-modal-container .modal-header {display:none;}
.loading-modal-container .modal-body .progress {display:none;}
.loading-modal-container .modal-body { width: 100px; height: 100px; position: absolute; /* opacity: 0; */ border: 5px solid #e8f3fd; border-top-color: #5EACEE; border-radius: 50%; animation: loader-rotate 1s linear infinite; left:31%;}

#loadingModalInternal { display: none; position: absolute; z-index: 999; background-color: rgba(255,255,255, 0.5); }
#loadingModalInternal .modal-dialog { height: 100%; margin-top: 0px; margin-bottom: 0px; }
#loadingModalInternal .modal-dialog .modal-content { top: 40%; }

/* Manage Trinity Enrollee Widget */
#ManageTrinityEnrolleeAppContainer .myGrid { height: 650px; }
#ManageTrinityEnrolleeAppContainer .data-types { padding-left: 15px; }
#ManageTrinityEnrolleeAppContainer .trinityActions .dropdown-menu { position: absolute; /*visibility: hidden;*/ top: auto !important; left: auto !important; }
#ManageTrinityEnrolleeAppContainer .trinityActions .dropdown-menu { margin: -23px -222px 0; padding-right: 3px !important; font-size: 14px; cursor: pointer; position: fixed !important; }
#ManageTrinityEnrolleeAppContainer .trinitySearchForm input,
#ManageTrinityEnrolleeAppContainer select,
#ManageTrinityEnrolleeAppContainer .date-picker { width: 100% !important; }
#ManageTrinityEnrolleeAppContainer .myButton { width: 150px !important; }
#ManageTrinityEnrolleeAppContainer .ContentArea ul li { font-size: 1em; }

/* MyDocuments Widget */
#ManageClientDocumentsContainer .myLink { padding-left: 5px; margin-top: 15px; text-decoration: underline; }
#ManageClientDocumentsContainer .ui-grid-column-menu-button-last-col { margin-right: 0px; }

/* Online Claim Widget */
#CDFAppContainer .cdf-radio { padding-left: 20px; }
#CDFAppContainer input::-ms-clear { width: 0; height: 0; display: none; }
#CDFAppContainer .claim-back-btn { text-decoration: none; color: white; }

/* Payment Settings Widget */
#paymentSettingsScrollToPosition {position:relative; top:-140px;}

/* Precertification Widget */
#PrecertificationAppContainer #questions label { font-weight: normal !important; }
#PrecertificationAppContainer #questions .answer { padding-left: 20px; }
#PrecertificationAppContainer .panel-body { min-height: 300px; }
#PrecertificationAppContainer .myPanelFooter { min-height: 50px !important; }
#PrecertificationAppContainer input,
#PrecertificationAppContainer select,
#PrecertificationAppContainer textarea { max-width: 1500px !important; }
#PrecertificationAppContainer .min-with { min-width: 100%; }

/* Search Page Widget */
#SearchPageWidgetContainer blockquote > p { font-size: small; color: #777; }
#SearchPageWidgetContainer h1 { margin-bottom: 30px; }
#SearchPageWidgetContainer #my-forms-splitter { display: block; margin: 20px 0px; color: #f33; font-size: larger; }
#SearchPageWidgetContainer .center-on-small { text-align: center; }


/*==============================================================================================================
MYIMG WIDGET OVERRIDES
===============================================================================================================*/
/*  UI Grid */
.new-grid.myGrid,
.new-grid.ui-grid,
.new-grid.ui-grid .ui-grid-canvas,
.new-grid.ui-grid .ui-grid-render-container-body,
.new-grid.ui-grid .ui-grid-render-container-body .ui-grid-header-canvas { height: auto !important; }
.new-grid .ui-grid-top-panel { background: #CFE6FA }
.new-grid .ui-grid-header-cell:last-child .ui-grid-column-resizer.right,
.new-grid .ui-grid-row:last-child .ui-grid-cell { border-right: none; }
.new-grid.myGrid,
.new-grid .ui-grid-render-container-body { min-height: auto !important; height: auto !important; }
.new-grid.ui-grid .ui-grid-viewport,
.new-grid .ui-grid-render-container-body .ui-grid-viewport { height: auto !important; overflow: hidden !important; overflow-y: auto !important; }
.new-grid .ui-grid-row .ui-grid-cell {border-right:none !important;}
.new-grid .ui-grid-row:last-child .ui-grid-cell { border-bottom-width: 1px !important; }
.new-grid .ui-grid-header-cell .ui-grid-cell-contents {padding:10px; font-weight:600; text-transform:none; font-size:14px;}
.new-grid .ui-grid-header-cell, .new-grid .ui-grid-cell-contents { white-space: normal; word-break: normal; font-size: 14px !important; color:#132D51 !important;}
.new-grid .ui-grid-cell-contents > button.glyphicon { border: none; background: none; }
.new-grid .ui-grid-cell-contents > button.glyphicon.glyphicon-remove { color: red; }
.grid-no-records { padding: 0 20px 20px 10px; border-bottom: 1px solid #d4d4d4; }
.new-grid.bg-trans .ui-grid-row:nth-child(even) .ui-grid-cell {background:transparent;}

.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents { }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents > div { }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header { }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i { cursor: pointer; }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i.ui-grid-icon-blank { cursor: default; }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i[class^="ui-grid-icon"]:before, .grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i[class*=" ui-grid-icon"]:before { font-family: Material-Design-Iconic-Font; color: #5EACEE; width: initial; line-height: initial; font-size: 18px; position: relative; left: -2px; }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i.ui-grid-icon-down-dir:before { content: '\f270' }
.grid-accordion .ui-grid-tree-header-row .ui-grid-cell-contents .ui-grid-tree-base-header > i.ui-grid-icon-right-dir:before { content: '\f275' }
.grid-accordion .ui-grid-icon-blank { }

/*  Tabs */
.tabs-clean .nav-tabs > li > a { padding: 10px 20px; }
.tabs-clean .nav-tabs > li.active > a { font-weight: 600 !important; }
.tabs-clean .nav-tabs > li:not(.active) > a:hover { border: 1px solid transparent; background: none; border-radius: 0px;}
.tabs-clean .badge { padding: 3px 12px; background-color: #E7F3FC; color: #132D52; margin: -3px 0 0 5px; font-size: 14px; }

.tabs-new .nav-tabs {border-bottom: none;}
.tabs-new .nav-tabs > li > a {font-size:12px; padding-left:24px; padding-right:24px; border: 1px solid transparent !important; color: #132d51; transition: all .2s ease;}
.tabs-new .nav-tabs > li.active > a { font-weight: 600 !important; background: #dee9f6 !important; border-radius: 50px;}
.tabs-new .nav-tabs > li:not(.active) > a:hover {background:none; border: 1px solid transparent;}
.tabs-new .nav-tabs > li.active .badge { font-weight: 600 !important; }
.tabs-new .badge {background:none; color:#132d51; padding:0; display:inline; vertical-align:initial; font-weight:normal; min-width:auto;}
.tabs-new .status-container .status-solid {max-width:125px; min-width:85px;}


/*==============================================================================================================
SECURE MESSAGE WIDGET
===============================================================================================================*/
/* BS4 Layout - To be removed */
.two_cols__secure_message > .container_box:not(.sf_colsIn) { display: flex; }
#SecureMessagingAppContainer h4 { color: #132d51; font-size: 20px; }
#SecureMessagingAppContainer .form-container.formBox .text_box_overflow .text_box_overflow__inner p { color: #132d51; font-size: 14px; line-height: 24px; }

/* BS5 Layout */
.img-sm-form select.form-control { line-height: initial !important; }
.img-sm-form .alert.alert-info {padding: 15px 20px !important; font-size:16px !important; line-height:24px !important; margin-top:20px;}
.img-sm-form .alert.alert-info a {font-size:15px !important; font-weight:600 !important;}
.img-sm-form .new-grid .ui-grid-header-cell .ui-grid-cell-contents {padding: 0 10px !important;}
.img-sm-form .form-container.formBox .bootstrap-select .dropdown-toggle,
.img-sm-form .form-container.formBox .form-control,
.img-sm-form .form-container.formBox .selectpicker:not(.select-material) select,
.img-sm-form .form-container.formBox input.form-control,
.img-sm-form .form-container.formBox textarea.form-control { min-height: 45px; }
.img-sm-form .selectpicker:before { display: none !important; }
.img-sm-form .validation-icon:after,
.img-sm-form .selectpicker .select-arrow:after { font-family: "Font Awesome 6 Pro" !important; }
.img-sm-form .selectpicker .select-arrow:after { content: "\f0d7" !important; font-weight: 900 !important; font-size: 1rem !important; color: #1285ef !important; }
.img-sm-form .selectpicker .select-arrow {position:absolute; right:2px; top:2px;}
.img-sm-form .validation-icon { position: absolute; right: 5px; top: 3px; }
.img-sm-form label.radio-inline {font-weight:400 !important; margin-right:10px;}
.img-sm-form .input-wrapper .ng-valid.ng-valid-required + .validation-icon:after { font-weight: 900 !important; }
.img-sm-form .input-wrapper.selectpicker.margin-top-5 {margin-top:0 !important;}
.img-sm-form .ng-submitted .input-wrapper .ng-invalid.ng-invalid-required + .validation-icon:after,
.img-sm-form .form-container .ng-submitted .input-wrapper .ng-invalid.ng-invalid-required + span + .validation-icon:after,
.img-sm-form .form-container .input-wrapper .ng-invalid.ng-valid-required + .validation-icon:after,
.img-sm-form .form-container .input-wrapper .ng-invalid.ng-invalid-valid-phone + .validation-icon:after,
.img-sm-form .form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty + span + .validation-icon:after { content: "\f06a" !important; }
.img-sm-form .form-container .error-message {line-height: 18px !important;}
.img-sm-form .btn-link.btn-icon-add { background: none !important; color: #1285ef !important; text-transform: none !important; line-height: initial !important; }
.img-sm-form .btn-link.btn-icon-add:before {font-family: "Font Awesome 6 Pro" !important; content: "\f055" !important; top: -10px !important; color: #1285ef !important; font-weight:900; font-size:30px;}
.img-sm-form .alert.alert-info.alert-message {margin-top:0;}
.img-sm-form .secure-auth-header {margin-top: 20px;}
.img-sm-form .secure-add-link {margin-top:10px;}
.img-sm-form .ui-grid {border:none;}
.img-sm-form .btn-outline.icon-trash { background: none !important; border: none !important; box-shadow: none !important; color: #e66e5b !important;}
.img-sm-form .icon-trash:before { font-family: "Font Awesome 6 Pro" !important; font-weight:900;}
.img-sm-form .alert-icon-info:before { font-family: "Font Awesome 6 Pro" !important; content: "\f06a" !important; }
.img-sm-form .helper_tooltip {position: relative; display: inline-block !important; color: #1285ef; font-size: 16px !important; line-height: 14px !important; padding: 0 0 0 5px; transition: all .2s ease; }
.img-sm-form .helper_tooltip:active,
.img-sm-form .helper_tooltip:hover { text-decoration: none; color: #1285ef; cursor: pointer; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.img-sm-form .helper_tooltip.zmdi {font-family: "Font Awesome 6 Pro" !important;}
.img-sm-form .helper_tooltip.zmdi.zmdi-help-outline:before { content: "\f059" !important; font-weight:400;}
.img-sm-form .alert-success-green { background: #69BC45; color:#fff; font-size:16px; line-height:22px;}
.img-sm-form .alert-success-green p { margin-bottom: 0 !important; }
.img-sm-tooltip.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.428571429; line-break: auto; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 12px; opacity: 0; cursor:pointer;}
.img-sm-tooltip.tooltip { pointer-events: none; z-index: 9999999 !important; }
.img-sm-tooltip.tooltip.in {opacity:1 !important;}
.img-sm-tooltip.tooltip.top { padding: 5px 0; margin-top: -3px; }
.img-sm-tooltip.tooltip.top .tooltip-arrow { border-top-color: #fff !important; z-index: 1000; bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.img-sm-tooltip.tooltip .tooltip-inner { background-color: #fff; color: #132d51; padding: 10px 15px; font-size: 13px; line-height: 18px; max-width: 280px; text-align: left; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .3); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, .3); -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, .3); box-shadow: 0 10px 30px rgba(0, 0, 0, .3); border-radius:4px;}


/*==============================================================================================================
FORM VALIDATION STYLES
===============================================================================================================*/
.claim-form .input-wrapper,
.form-container .input-wrapper { position: relative; }

.claim-form .input-wrapper .ng-valid.ng-valid-required + .validation-icon:after,
.form-container .input-wrapper .ng-valid.ng-valid-required + .validation-icon:after,
.form-container .selectpicker.input-wrapper .ng-valid.ng-valid-required + span + .validation-icon:after,
.form-container .input-wrapper select.ng-valid.ng-valid-required + span + .validation-icon:after,
.formAngular .input-wrapper > .ng-valid.ng-touched + .validation-icon:after,
.formAngular .input-wrapper > .ng-valid.ng-dirty + span + .validation-icon:after,
.form-container form.ng-valid .select-material select.ng-valid + span + span.validation-icon:after { content: "\f00c"; font-family: FontAwesome; color: #36d9cc; font-size: 16px; width: 40px; height: auto; line-height:40px; background: transparent; position: absolute; right: 0px; top: 0px; text-align:center;}

.formAngular .input-wrapper > input[type=date].ng-valid.ng-touched + .validation-icon:after,
.formAngular .input-wrapper > input[type=date].ng-valid.ng-dirty + span + .validation-icon:after { display: none; }

.claim-form .input-wrapper.date .ng-valid.ng-valid-required + .validation-icon:after,
.form-container .input-wrapper.date .ng-valid.ng-valid-required + .validation-icon:after,
.login-form .input-validation-error + .validation-icon:after { right: 45px; }
.form-container.formBox .input-wrapper.date .ng-valid.ng-valid-required + .validation-icon:after {right: 40px;}

.claim-form .input-wrapper input[type=text][ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.claim-form .input-wrapper input[type=number][ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.claim-form .input-wrapper input[type=tel][ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.claim-form .input-wrapper input[type=email][ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
form.ng-submitted .form-container form.ng-invalid .select-material select.ng-invalid + validation-icon:after,
.claim-form .input-wrapper select[ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.form-container .input-wrapper input[ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.form-container .input-wrapper textarea[ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.form-container .input-wrapper select[ng-required=false].ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.form-container .input-wrapper.input-not-required .ng-valid.ng-valid-required + .validation-icon:not(.not-empty):after,
.form-container .login-input.input-wrapper .ng-valid.ng-valid-required + .validation-icon:after,
.form-container .ng-submitted .login-input.input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon + .input-group-addon .zmdi,
.login-input.input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon + .input-group-addon .zmdi,
.form-container .ng-submitted .input-wrapper:not(.no-validate) .ng-invalid.ng-invalid-required + span.select-arrow:after,
.form-container .input-wrapper:not(.no-validate) select.ng-valid.ng-valid-required + span.select-arrow:after,
.form-container .formBox .input-wrapper .ng-valid.ng-valid-required.ng-empty + .validation-icon:after,
.form-container .formBox .input-wrapper .ng-valid.ng-valid-required.ng-empty + span + .validation-icon:after,
.form-container .formBox .input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon + .input-group-addon,
.form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty + span.select-arrow:after,
.form-container.formBox .input-wrapper .ng-valid.ng-valid-required.ng-empty + span + .validation-icon:after,
.form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper.date .ng-invalid.ng-invalid-required.ng-dirty + .validation-icon + .input-group-addon .glyphicon { opacity: 0; }
.form-container.formBox .input-wrapper .ng-valid.ng-valid-required.ng-empty + span.select-arrow:after,
.form-container.formBox .input-wrapper .input-invalid + .validation-icon:after {opacity:1;}

.claim-form .ng-submitted .input-wrapper input[type=text].ng-invalid.ng-invalid-required,
.claim-form .ng-submitted .input-wrapper select.ng-invalid.ng-invalid-required,
.claim-form .ng-submitted .input-wrapper textarea.ng-invalid.ng-invalid-required,
.claim-form .input-wrapper .ng-invalid.ng-invalid-pattern,
.form-container .ng-submitted .input-wrapper input.ng-invalid.ng-invalid-required,
.form-container .ng-submitted .input-wrapper select.ng-invalid.ng-invalid-required,
form.ng-submitted .form-container form.ng-invalid .select-material select.ng-invalid,
.form-container .ng-submitted .input-wrapper textarea.ng-invalid.ng-invalid-required,
.form-container .input-wrapper .ng-invalid.ng-valid-required,
.form-container .input-wrapper .ng-invalid.ng-invalid-pattern,
.form-container .input-wrapper .ng-invalid.ng-invalid-email,
.form-container .input-wrapper .ng-invalid.ng-invalid-valid-phone,
.form-container .input-wrapper .ng-invalid.ng-invalid-valid-card.ng-dirty,
.form-container .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty,
.login-form .input-validation-error,
.form-container.formBox .input-invalid { border: 1px solid #e66e5b !important; }

.claim-form .ng-submitted .input-wrapper .ng-invalid.ng-invalid-required + .validation-icon:after,
.claim-form .input-wrapper .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.form-container .ng-submitted .input-wrapper .ng-invalid.ng-invalid-required + .validation-icon:after,
.form-container .ng-submitted .input-wrapper .ng-invalid.ng-invalid-required + span + .validation-icon:after,
.form-container .input-wrapper .ng-invalid.ng-valid-required + .validation-icon:after,
.form-container .input-wrapper .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.form-container .input-wrapper .ng-invalid.ng-invalid-email + .validation-icon:after,
.form-container .input-wrapper .ng-invalid.ng-invalid-valid-phone + .validation-icon:after,
.form-container .input-wrapper .ng-invalid.ng-invalid-valid-card.ng-dirty + .validation-icon:after,
.form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty + span + .validation-icon:after,
.form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty + .validation-icon:after,
.form-container.formBox .input-wrapper .input-invalid + span.validation-icon:after,
.form-container.formBox .input-wrapper select.input-invalid + span + span.validation-icon:after,
form.ng-submitted .form-container form.ng-invalid .select-material select.ng-invalid + span + span.validation-icon:after { content: "\f1f0"; font-family: Material-Design-Iconic-Font; color: #e66e5b; position: absolute; font-size: 22px; background: none; height: auto; line-height: 40px; width: 40px; right: 0; top: 0; text-align: center; pointer-events: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; z-index: 10; animation: pulse 3s infinite; }
.form-container form.ng-valid .select-material select.ng-valid + span + span.validation-icon:after { font-size: 20px;}

.claim-form .ng-submitted .input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon:after,
.claim-form .input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.form-container .ng-submitted .input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon:after,
.form-container .input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after { right: 45px; }
.form-container.formBox .ng-submitted .input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon:after,
.form-container.formBox .input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.form-container.formBox .input-wrapper.date .ng-invalid.ng-invalid-dp-min-date + .validation-icon:after,
.form-container.formBox .input-wrapper.date .ng-invalid.ng-invalid-dp-max-date + .validation-icon:after { right: 40px; }

.login-form .input-validation-error + .validation-icon:after,
.login-form .form-container .ng-submitted .login-input.input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon:after,
.login-form .form-container .ng-submitted .login-input.input-wrapper .ng-invalid.ng-invalid-required + .validation-icon:after,
.login-form .form-container .login-input.input-wrapper .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.login-form .form-container .login-input.input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.login-form .form-container.formBox form.ng-invalid.ng-invalid-required.ng-dirty .input-wrapper .ng-invalid.ng-invalid-required.ng-dirty + .validation-icon:after,
.login-form .form-container.formBox .input-wrapper .ng-invalid.ng-invalid-future + .validation-icon:after { content: "\f1f0"; font-family: Material-Design-Iconic-Font; color: #e66e5b; position: absolute; font-size: 22px; background: none; height: auto; line-height: 50px; width: 50px; right: 0; top: 0; text-align: center; pointer-events: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; z-index: 10; animation: pulse 3s infinite; }
.login-form .input-validation-error + .validation-icon + .login-toggle { right: 30px; z-index: 10; }
.form-container .login-input.input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after,
.form-container .formBox .input-wrapper.date .ng-invalid.ng-invalid-pattern + .validation-icon:after {right:0;}
.ng-valid.ng-valid-required + .validation-icon.no-checkmark,
.ng-valid.ng-valid-required + .validation-icon.no-check,
.form-container.formBox input.form-control[disabled] + .validation-icon,
.form-container.formBox select.form-control[disabled] + .validation-icon,
.form-container.formBox textarea.form-control[disabled] + .validation-icon,
.form-container.formBox input.form-control[disabled] + span + .validation-icon,
.form-container.formBox select.form-control[disabled] + span + .validation-icon,
.form-container.formBox textarea.form-control[disabled] + span + .validation-icon,
.login-form .form-container.formBox .login-input.input-wrapper.date .ng-invalid.ng-invalid-required + .validation-icon + .input-group-addon .glyphicon,
.form-container.formBox .input-wrapper select.input-invalid + span { display: none; }
.formAngular .input-wrapper > input[type=date].ng-valid.ng-dirty:before,
.formAngular .input-wrapper > input[type=date].ng-valid.ng-touched:before { content: "\f00c"; color: #36d9cc; font-size: 16px; }
.form-container div.error-message { padding-top: 5px; }
.formAngular input[type=date].input-invalid + .validation-icon:after { right: 40px !important;}


/*==============================================================================================================
STEP NAVIGATION
===============================================================================================================*/
/* Progress Bar  */
.nav_box { width: 100%; margin: 0 auto; }
.header_left .nav_box { width: auto; }
.nav_box .step_crumbs { width: 100%; float: left; padding: 20px 0 0 0; }
.step_crumbs .step_crumbs_box { display: flex; width: 100%; list-style:none; padding:0; margin:0; position:relative;}
.step_crumbs .step_crumb_item { text-align: center; min-width: 32px; flex: 1; counter-increment: step_counter; position:relative;}
.step_crumb_item:before,
.step_crumb_item:after {content: ""; display: block; position: absolute; top: calc(50% - 1px); height: 2px; width: 0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;}
.step_crumb_item:before { z-index: 5; background: #5eacee; }
.step_crumb_item:after { width: 100%; background: #e8f3fd; z-index: 1; }
.step_crumb_item:first-child:after { left: calc(50% + 15px); left: -webkit-calc(50% + 15px); left: -moz-calc(50% + 15px); width: calc(50% - 15px); width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px);}
.step_crumb_item:last-child:after { right: calc(50% + 15px); right: -webkit-calc(50% + 15px); right: -moz-calc(50% + 15px); width: calc(50% - 15px); width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); }
.step_crumb_item:first-child:before,
.step_crumb_item:last-child:before { width: 0; }
.step_crumb_item .step_crumb_btn_box { position:relative; width: 30px; height: 30px; margin: 0 auto; display: inline-block; z-index: 10; }
.step_crumb_item .step_crumb_btn { display: inline-block; position:relative; border-color: #203D66; background: #203D66; color: #637794; width: 30px; height: 30px; padding: 0; border-width: 2px;border-style: solid; line-height: 30px; text-align: center; overflow: hidden; -moz-border-radius: 200%; -webkit-border-radius: 200%; border-radius: 200%; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
.step_crumb_item .step_crumb_btn .icon,
.step_crumb_item .step_crumb_btn .number { height: 26px; width: 25px; text-align: center; line-height: 26px; position: absolute; top: 0; left: 0; opacity: 1; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
.step_crumb_item .step_crumb_btn .icon { line-height: 27px; }
.step_crumb_item .step_crumb_btn .number { font-size: 16px; font-weight: 700; line-height: 25px; }
.step_crumb_item .step_crumb_btn .number:before { content: counter(step_counter); }

/*  Disabled  */
.step_crumb_item.disabled:after { background: #e8f3fd; }
.step_crumb_item.disabled .step_crumb_btn { border-color: #e8f3fd; background: #e8f3fd; color: #637794; }
.step_crumb_item.disabled .step_crumb_btn .icon { opacity: 0; }
.step_crumb_item.disabled .step_crumb_btn .number { color: #333; opacity:.3;}
.step_crumb_item.disabled .step_crumb_btn_box:hover .step_crumb_btn .number {opacity:.2;}
.step_crumb_item.disabled .step_crumb_btn_box:hover .step_crumb_btn {-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; cursor: not-allowed; }

/*  Active  */
.step_crumb_item.active:before { background: #5eacee; }
.step_crumb_item.active .step_crumb_btn { border-color: #5eacee; background: #5eacee; color: #fff; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.step_crumb_item.active .step_crumb_btn .icon { opacity: 0; }
.step_crumb_item.active .step_crumb_btn .number { opacity: 1; }
.step_crumb_item.active .step_crumb_btn_box:hover .step_crumb_btn .number { color: #fff; }
.step_crumb_item.active .step_crumb_btn_box:hover .step_crumb_btn { background: #5eacee; border-color: rgba(0,0,0,.1); }

/*  Ready  */
.step_crumb_item.ready:before { background: #5eacee; }
.step_crumb_item.ready .step_crumb_btn { border-color: #5eacee; background: #5eacee; color: #fff; }
.step_crumb_item.ready .step_crumb_btn .icon { opacity: 0; }
.step_crumb_item.ready .step_crumb_btn .number { opacity: 1; }
.step_crumb_item.ready .step_crumb_btn_box:hover .step_crumb_btn .number { color: #fff; }
.step_crumb_item.ready .step_crumb_btn_box:hover .step_crumb_btn { background: #5eacee; border-color: #203d66; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); box-shadow: 0 5px 5px rgba(0, 0, 0, .3); }

/*  Complete  */
.step_crumb_item.complete:before { background: #69bc45; }
.step_crumb_item.complete .step_crumb_btn { background: #69bc45; border-color: #69bc45; color: #fff; }
.step_crumb_item.complete .step_crumb_btn .icon { opacity: 1; top: 0; }
.step_crumb_item.complete .step_crumb_btn .number { opacity: 0; top: -20px; }
.step_crumb_item.complete .step_crumb_btn_box:hover .step_crumb_btn .number { opacity: 1; top: 0; }
.step_crumb_item.complete .step_crumb_btn_box:hover .step_crumb_btn .icon { opacity: 0; top: 20px }
.step_crumb_item.complete .step_crumb_btn_box:hover .step_crumb_btn { border-color: rgba(0,0,0,.1); -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, .3); box-shadow: 0 5px 5px rgba(0, 0, 0, .3); }

/*  Ready, Active, Complete */
.step_crumb_item.ready.complete .step_crumb_btn { background: #69bc45 !important; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.step_crumb_item.ready:before,
.step_crumb_item.active:before,
.step_crumb_item.complete:before { width: 100%; }

.step_crumb_item.ready:first-child:before,
.step_crumb_item.active:first-child:before,
.step_crumb_item.complete:first-child:before { left: calc(50% + 15px); left: -webkit-calc(50% + 15px); left: -moz-calc(50% + 15px); width: calc(50% - 15px); width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); }

.step_crumb_item.ready:last-child:before,
.step_crumb_item.active:last-child:before,
.step_crumb_item.complete:last-child:before { width: calc(50% - 15px); width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); left: 0; }

/*  Step Tooltip */
.step_tooltip { position: absolute; top: 100%; left: calc(50% - 90px); left: -webkit-calc(50% - 90px); left: -moz-calc(50% - 90px); background: #fff; font-weight:600; padding: 10px; width: 180px; pointer-events: none; z-index: -1; opacity: 0; visibility: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.25); -moz-box-shadow: 0 6px 10px rgba(0,0,0,.25); -ms-box-shadow: 0 6px 10px rgba(0,0,0,.25); box-shadow: 0 6px 10px rgba(0,0,0,.25); }
.step_tooltip:before { content: ""; position: absolute; top: -5px; left: calc(50% - 5px); left: -webkit-calc(50% - 5px); left: -moz-calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #fff transparent; }
.step_crumb_item .step_crumb_btn_box:hover .step_tooltip { opacity: 1; top: calc(100% + 10px); top: -webkit-calc(100% + 10px); top: -moz-calc(100% + 10px); pointer-events: all; visibility: visible; z-index: 9999; }
.step_crumbs .step_crumb_item.active .step_crumb_btn_box:hover .step_tooltip { top: calc(100% + 20px); top: -webkit-calc(100% + 20px); top: -moz-calc(100% + 20px); }



/*==============================================================================================================
KEYFRAMES (Animations)
===============================================================================================================*/
/* Complete Pop */
@keyframes complete_pop {
	0% { transform: scale(1); }
	25% { transform: scale(1.5); }
	50% { transform: scale(1); }
	75% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

/* Pulse */
@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.4); }
	100% { transform: scale(1); }
}

/* Placeholder Shimmer */
@keyframes loaderShimmer {
	0% { background-position: -800px 0 }
	100% { background-position: 800px 0 }
}

@keyframes placeHolderShimmer {
	0% { background-position: -800px 0 }
	100% { background-position: 800px 0 }
}

/* Block UI Button Loader Animation */
@keyframes loader-rotate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}

/*  Live Chat Thank You  */
@keyframes happy_shake {
	0% { transform: rotate(45deg); }
	50% { transform: rotate(-45deg); }
	100% { transform: rotate(45deg); }
}

/*  Checkbox Validation  */
@keyframes stroke {
	100% { stroke-dashoffset: 0; }
}

@keyframes scale {
	0%, 100% { transform: none; }
	50% { transform: scale3d(1.1, 1.1, 1); }
}

@keyframes fill {
	100% { box-shadow: inset 0px 0px 0px 50px #fff; }
}

@keyframes fillgray {
	100% { box-shadow: inset 0px 0px 0px 50px #f3f5f7; }
}


/** Responsive **/

@media screen and (max-width: 1024px) {
	.two_cols__secure_message > .container_box:not(.sf_colsIn) { display: block; }
}

@media screen and (max-width: 991px) {
	.modal-section-blue .claim-tabs > li:not(.tab-button) > a {padding:10px 20px;}
}

@media screen and (min-width: 901px) {
	.new-grid .ui-grid-header-cell {background: #CFE6FA; border-right-color: #8CCCFF; color: #38444f; vertical-align: middle; }
	.new-grid .ui-grid-header-cell-wrapper, 
	.new-grid .ui-grid-render-container-body .ui-grid-canvas, 
	.new-grid .ui-grid-header-canvas, 
	.new-grid .ui-grid-render-container-body .ui-grid-header-viewport, 
	.new-grid .ui-grid-render-container-body .ui-grid-header-canvas,
	.new-grid.ui-grid .ui-grid-viewport,
	.new-grid .ui-grid-canvas {width: 100% !important;}
	.new-grid .ui-grid-row, .new-grid .ui-grid-cell { height: auto !important; }
	.new-grid [ui-grid-row] { display: table; width: 100%;}
	.new-grid .ui-grid-cell { float: none; display: table-cell; padding: 0 10px; margin: 0; vertical-align: middle; }
	.new-grid .ui-grid-render-container-body {background:#fff;}
	.new-grid.bg-trans .ui-grid-render-container-body {background:transparent;}
	.new-grid.ui-grid .ui-grid-viewport { overflow-y: hidden !important; }
}

@media screen and (max-width: 900px) {
	div.ui-grid-header { display: none; }
	.ui-grid-cell-contents:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; margin-right: 10px; }
	.ui-grid-cell { max-width: none !important; min-width: 0px; width: 100%; }
	.ui-grid-cell-contents > div, .ui-grid-cell-contents a { float: right; margin-right: 10px; margin-top: 0px; font-size: 14px !important; }
	.ui-grid-cell-contents > a { font-size: 0.75em; }
	.ui-grid-viewport { overflow: scroll !important; min-height: 120px; }
	div[id^="ContentBody_"].sf_colsIn.col-md-8 { /*width: 66.66666667%;*/ }
	#ContentBody_T0F94F232002_Col00 { height: 407px; }
	.ui-grid-render-container-body .ui-grid-canvas { width: 100% !important; }
	.faq-flex > div {width:50%;}
	#ClaimDetail .nav-tabs > li.tab-button.right {}
	#ClaimDetail .nav-tabs > li.tab-button.right a {}
    #ClaimDetail .nav-tabs > li.tab-button.right a span.claim-mobile-two {display:none;}

	.secure-section .ui-grid-cell,
	.img-sm-form .ui-grid-cell { height: auto !important; }
	.img-sm-form .ui-grid { border: 1px solid #d4d4d4; }
}

@media (max-width: 800px) {
	#ClaimDetail .nav-tabs > li.tab-button.right a {padding-left:10px; padding-right:10px;}
}

@media (max-width: 768px) {
	#SearchPageWidgetContainer .center-on-small { text-align: left; }
}

@media (max-width: 767px) {
	.modal-section-blue ul.claim-tabs {padding-left:20px;}
	#ClaimDetail .nav-tabs > li.tab-button.right a {top:-3px;}
}

@media (max-width: 585px) {
	#ClaimDetail .nav-tabs > li.tab-button.right { float:none; position:absolute; right:60px; top:15px;}
	#ClaimDetail .modal-header-title {position:relative; top:-5px;}
}

@media (max-width: 500px) {
	.faq-flex > div {width:100%;}
	
	#ClaimDetail .nav-tabs > li.tab-button.right a { padding: 5px 10px; }
#ClaimDetail .modal-header-title { font-size: 32px; }
	#ClaimDetail .nav-tabs > li.tab-button.right { right:60px; top:12px; }
	#ClaimDetail .nav-tabs > li.tab-button.right a { width:92px; text-align:center; line-height:16px;}
	.modal-section-blue .claim-tabs > li:not(.tab-button) > a {padding:10px;}
	#ClaimDetail .nav-tabs > li.tab-button.right a span.claim-mobile-one { display: none; }
}

@media (max-width: 420px) {
.tabs-new .nav-tabs > li > a {padding-left: 15px; padding-right: 15px;}
	
}

@media (max-width: 328px) {
	.tabs-new .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; }
}