body {
font-family: "Avenir-Next-Regular", Arial, “sans-serif”;
font-size: 18px;
color: #4D4D4D;
background-color: #f7f7f7;
line-height: 1.4;
}
*:focus {
outline: none;
}
.restriction-text li{
margin:0px !important;
padding:0px !important;
}
.restriction-text li span{
font-size: 12px;;
line-height: 25px;
}
.striped-sections > section {
padding: 64px 0px;
padding-bottom: 64px !important;
}
.striped-sections > section:first-child {
padding-top: 30px;
}
.sticky { position: sticky; z-index: 2; }
.sticky-bottom { bottom: 0; }
a {
color: #0067AC;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
.stripped-section:nth-child(odd){
background-color: #f7f7f7;
}
.stripped-section:nth-child(even){
background-color: #ededed;
}
.f-20{
font-size: 20px !important;
}
.f-18{
font-size: 18px !important;
}
.f-16 {
font-size: 16px !important;
}
.f-14 {
font-size: 14px !important;
}
.f-15 {
font-size: 15px !important;
}
.f-13 {
font-size: 13px !important;
}
.f-24 {
font-size: 24px !important;
}
h1 {
font-size: 55px !important;
color: black;
}
h1.banner-header {
font-size: 32px !important;
color: #000000;
margin-bottom: 10px;
}
h1.page-title{
font-size: 40px !important;
color: #000000;
margin-bottom: 30px;
}
h2 {
font-size: 40px !important;
color: #000000;
margin-bottom: 20px;
font-family: "Avenir-Next-Regular" !important;
}
h3 {
font-size: 28px !important;
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
}
h3.card-title {
font-size: 32px !important;
color: #11175E;
font-weight: 400;
}
h3.section-title {
color:#11175E;
font-size: 32px !important;
margin-bottom: 20px;
padding: 30px 30px 0px 30px;
}
h4.header-info {
font-size: 20px !important;
color: #4D4D4D;
font-family: 'Avenir-Next-Demi-Bold';
}
h4.hyperlink {
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
color: #0067AC;
}
h4.icon-header {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
color: #4d4d4d;
}
h4 {
font-size: 20px;
color: #4d4d4d;
margin-bottom: 20px;
font-family: 'Avenir-Next-Demi-Bold';
}
small {
font-size: 16px;
}
sup,sub {
font-family: "Avenir-Next-Regular" !important;
}
.display-none {
display: none;
}
.font-bold{
font-family: 'Avenir-Next-Demi-Bold' !important;
}
.overflow-y-auto {
overflow-y: auto;
}
@media only screen and (max-width:767px){
h3.section-title {
margin-bottom: 10px;
font-size: 26px !important;
padding: 15px 15px 0px 15px;
}
h4.header-info {
font-family: 18px;
}
small {
font-size: 13px;
}
body {
font-size: 16px;
}
}
/* athene container starts*/
/*.container.athene-mainContainer {
line-height: 1.5;
}*/
/* athene container ends*/
.color-box {
min-width: 50px;
height: 50px;
border-radius: 10px;
}
.athene-anchor-tag-link {
color: #0067AC;
font-size: 16px;
font-family: 'Avenir-Next-Demi-Bold';
text-decoration: none;
}
.simple-text-anchor span {
font-size: 16px;
color: #4D4D4D;
font-family: "Avenir-Next-Regular";
}
.inactive-icon {
color: #C53E32;
}
.blocked-icon {
color: #4D4D4D;
}
/*help assist css starts*/
.help-assist {
max-width: 800px;
width: 100%;
margin: 30px auto;
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
background-color: #ffffff;
padding: 20px 30px;
border: 1px solid #cccccc;
}
.help-assist p {
margin-bottom: 0px;
}
.fa-mobile-alt {
color: #1c78b5;
font-size: 25px;
padding-right: 10px;
}
/*help assist css ends*/
.normal-info-text {
color: #4D4D4D;
font-family: "Avenir-Next-Demi-Bold";
margin-top: 25px;
margin-bottom: 15px;
}
.modal-body .normal-info-text {
color: #000000 !important;
}
.navy {
background-color: #11175E !important;
}
.black {
background-color: #000000 !important;
}
.plume {
background-color: #5091CD !important;
}
.mango {
background-color: #FAA634 !important;
}
.cherry {
background-color: #C53E32 !important;
}
.mint {
background-color: #68C8C6 !important;
}
.blueberry {
background-color: #0067AC !important;
}
.kiwi {
background-color: #00AA85 !important;
}
.powder {
background-color: #D3E7F4 !important;
}
.medium {
background-color: #093F85 !important;
}
.whitesmoke {
background-color: #EDEDED !important;
}
.silver {
background-color: #cccccc !important;
}
.mint {
background-color: #68C8C6 !important;
}
.ghostwhite {
background-color: #f7f7f7 !important;
}
.white {
background-color: #ffffff !important;
}
.slate {
background-color: #4d4d4d !important;
}
.content-text-color {
color: #4d4d4d;
}
.color-navy {
color: #11175E;
}
.color-blueberry {
color: #0067AC !important;
}
.colors-container {
padding-left: 10px;
border-bottom: 1px dotted lightgray;
margin-bottom: 10px;
}
.color-name {
color: black;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18px;
}
.color-box-wrap {
display: flex;
padding-left: 10px;
}
.copy-tootltip {
color: green;
}
.tooltip {
opacity: 1 !important;
z-index: 7;
}
.smile-content {
color: #FAA634 !important;
}
.html-classes {
color: #d44950;
font-size: 15px;
display: inline-block;
font-family: 'Avenir-Next-Demi-Bold';
}
.code-comments {
color: green;
}
.code-variable,
.color-code {
color: #d44950;
font-family: 'Avenir-Next-Demi-Bold';
}
.js-shelf code {
color: #006699;
}
.html-element {
color: black;
font-family: 'Avenir-Next-Demi-Bold';
}
.hippo-user-content {
color: #4d4d4d;
}
.hippo-user-content iframe {
width: inherit;
}
a:hover {
text-decoration: none;
color: #11175E !important;
}
.notifications-wrap .seeAllActivity a:hover {
text-decoration: none;
color: #ffffff !important;
}
.alerts-wrapper h3 {
display: inline-block;
}
#copiedText {
opacity: 0;
z-index: -10;
position: fixed;
}
.color-box-wrap ul {
margin-bottom: 0px;
}
.alert.athene-alert {
display: flex;
justify-content: left;
align-items: center;
background-color: #FFFFFF;
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
padding: 15px 30px;
border-radius: 0px;
min-height: 50px;
border: 1px solid #cccccc;
word-break: break-word;
}
.alert.athene-alert i {
font-size: 28px;
margin-right: 10px;
font-weight: 600;
}
@media only screen and (min-width:768px) {
.alert.athene-alert i {
margin-right: 22px;
font-size: 32px;
}
.navbar.athene-navWayFinder{
left:0px !important;
}
}
.alert.alert-warning.no-icon.athene-alert i {
display: none;
}
.alert.alert-warning.athene-alert,
.alert.alert-warning.no-icon.athene-alert {
border: 1px solid #FAA634;
}
.alert.alert-success.athene-alert {
border: 1px solid #00AC88;
}
.alert.alert-danger.athene-alert {
border: 1px solid #C53E32;
}
.alert.alert-brand.athene-alert {
border: 1px solid #11175E;
}
.alert.alert-warning.athene-alert {
border: 1px solid #FAA634;
}
.alert.alert-info.athene-alert {
border: 1px solid #5091CD;
}
.alert.alert-primary.athene-alert {
border: 1px solid #5091CD;
}
.athene-alert.alert-primary.ribbon-alert .alert-content a i,
.alert.alert-primary.athene-alert i {
color: #0067ac;
}
.athene-alert.alert-warning.ribbon-alert .alert-content a i,
.alert.alert-warning.athene-alert i {
color: #FAA634;
}
.athene-alert.alert-success.ribbon-alert .alert-content a i,
.alert.alert-success.athene-alert i {
color: #00AC88;
}
.athene-alert.alert-brand.ribbon-alert .alert-content a i,
.alert.alert-brand.athene-alert i {
color: #11175E;
}
.athene-alert.alert-danger.ribbon-alert .alert-content a i,
.alert.alert-danger.athene-alert i {
color: #C53E32;
}
.athene-alert.alert-warning.ribbon-alert .alert-content a i,
.alert.alert-warning.athene-alert i {
color: #FAA634;
}
.athene-alert.alert-info.ribbon-alert .alert-content a i,
.alert.alert-info.athene-alert i {
color: #5091CD;
}
.alert-content {
font-size: 20px;
}
.alert-content p {
margin-bottom: 0px;
}
/* common button starts */
.btn {
/*min-height: 50px;*/
padding: 9px 12px;
min-width: 205px;
text-align: center;
border-radius: 5px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18px;
}
a.btn {
min-width: 205px;
font-size: 18px;
}
.btn:focus {
background-color: #11175E !important;
border: 1px solid #11175E !important;
}
.btn-light:focus {
background-color: #ededed !important;
border: 1px solid #000000 !important;
}
.btn-link {
color: #0067AC;
}
.btn-link:focus {
background-color: #ededed !important;
}
.btn-link:hover {
text-decoration: none;
}
.enable-btn, .enable-btn:hover, .enable-btn:focus {
background-color: #00AC88 !important;
border: 1px solid #00AC88 !important;
min-height: 50px;
min-width: 205px;
text-align: center;
border-radius: 5px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18px;
}
.disable-btn , .disable-btn:hover, .disable-btn:focus {
background-color: #C53E32 !important;
border: 1px solid #C53E32 !important;
min-height: 50px;
min-width: 205px;
text-align: center;
border-radius: 5px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18px;
}
#disabledBtn {
display: none;
}
button.btn.btn-primary, a.btn.btn-primary {
background-color: #0067AC;
border: 1px solid #0067AC;
color: #ffffff;
font-size: 18px;
}
.btn-secondary, a.btn-secondary {
background-color: #0067AC;
border: 1px solid #0067AC;
color: #ffffff !important;
font-size: 18px;
}
.btn-outline-primary {
background-color: #ffffff;
color: #0067AC;
border: 1px solid #0067AC;
font-size: 18px;
}
.btn.btn-outline-primary.disabled,
.btn.btn-outline-primary:disabled{
background-color: #ffffff !important;
color:#4d4d4d !important;
border:2px solid #cccccc !important;
cursor: not-allowed;
}
.btn-outline-secondary {
background-color: #ffffff;
padding: 0px 8px;
color: #0067AC;
border: 1px solid #0067AC;
font-size: 18px;
border-radius: 6px;
}
a.btn-outline-secondary {
padding: 9px 12px;
}
.btn-sm {
min-width: 130px !important;
height: 26px;
min-height: 50px;
font-size: 18px;
}
.btn-lg {
/*height: 64px;*/
padding:16px;
font-size: 18px;
}
.add-more-btn,
.action-btn {
padding: 0px 5px;
font-size: 16px;
}
.add-more-btn i,
.action-btn i {
font-size: 12px !important;
}
.action-btn i.fas.fa-caret-down{
font-size: 14px !important;
}
.fa-chevron-down {
font-size: 18px !important;
margin-left: 4px;
}
.btn-block {
display: block;
width: 100%;
cursor: pointer;
text-align: center;
font-size: 18px;
}
.btn-primary:hover,
.btn-primary:active,
.btn-block:hover,
.add-more-btn:hover,
.btn-secondary:hover,
.btn-secondary:focus {
background-color: #093f85 !important;
border: 1px solid #093f85 !important;
}
a.btn-primary:hover,
a.btn-primary:active,
a.btn-block:hover,
a.btn-secondary:hover,
a.btn-secondary:focus {
background-color: #11175E;
border: 1px solid #11175E;
color: #ffffff !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
background-color: #ffffff !important;
border: 1px solid #11175E !important;
color: #11175E !important;
}
button:disabled,
.disabled,
.disabled:hover,
.btn.disabled,
.btn:disabled {
background-color: #CCCCCC !important;
border: 1px solid #CCCCCC !important;
color: #4D4D4D !important;
opacity: 1 !important;
font-size: 18px;
}
.data-table-btn {
min-height: 25px !important;
min-width: 100px !important;
padding: 0px 15px;
margin-right: 15px;
}
.btn.disabled, .btn:disabled {
opacity: 1 !important;
cursor: not-allowed;
}
.btn-outline-tertiary,
.btn-outline-tertiary:hover,
.btn-outline-tertiary:focus{
background-color: #ffffff !important;
border:1px solid #008064 !important;
color:#008064 !important;
font-size: 16px;
}
.btn-outline-delete,
.btn-outline-delete:hover,
.btn-outline-delete:focus{
background-color: #ffffff !important;
border:1px solid #C53E32 !important;
color:#C53E32 !important;
font-size: 16px;
}
.btn-tertiary,
.btn-tertiary:hover,
.btn-tertiary:focus{
background-color: #008064 !important;
border:1px solid #008064 !important;
color:#ffffff !important;
font-size: 16px;
}
.outline-btn {
background: none;
border: 1.5px solid #0067AC;
border-radius: 5px;
/*font-size: 18px;*/
color: #0067AC;
font-weight: bold;
padding: 2px 10px;
white-space: nowrap;
}
.text-btn {
background: none;
border: none;
color: #0067AC;
font-weight: bold;
/*font-size: 18px;*/
white-space: nowrap;
}
.text-btn:disabled {
background-color: initial !important;
color: #c8c8c8 !important;
border: none !important
}
.action-button-dropdown > div {
border-bottom: 1px solid #cccccc;
cursor: pointer;
padding: 7px 5px;
font-size: 14px;
text-align: left;
color:#000000;
font-family: 'Avenir-Next-Demi-Bold';
}
.action-button-dropdown > div:last-child {
border-bottom: 0px;
}
.button-switch-input > input{
display: none;
}
.form-row > div.button-switch-input > input:checked + label{
background-color: #0067AC;
color:#FFFFFF;
width: 55px;
border-radius: 4px;
z-index: 3;
}
.button-switch-input > label{
width:50px;
height: 25px;
background-color: #EDEDED;
color: #4D4D4D;
text-align: center;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
margin-bottom: 0px;
position: relative;
}
.form-row > .button-switch-input:first-child > label{
border-radius: 4px 0px 0px 4px;
}
.form-row > .button-switch-input:first-child > input:checked + label{
margin-right: -5px;
}
.form-row > .button-switch-input:last-child > input:checked + label{
margin-left: -5px;
}
.form-row > .button-switch-input:last-child > label{
border-radius: 0px 4px 4px 0px;
}
.btn-text {
font-size: 18px;
}
.text-with-icon:before {
font-family: "Font Awesome 5 Pro";
content: "\f82d";
}
/* common button ends */
.select-no {
background-color: #0067AC !important;
color: #FFFFFF !important;
width: 55px !important;
border-radius: 4px !important;
z-index: 3 !important;
}
.select-yes {
width: 50px !important;
height: 25px !important;
background-color: #EDEDED !important;
color: #4D4D4D !important;
border-radius: 3px !important;
z-index: 1 !important;
}
/* form control css starts */
.data-search-card .data-search-input > .row [class^='col-'],
.data-search-card .data-search-input > form > .row [class^='col-']{
padding: 0 5px;
}
.data-search-card.text-search{
height: auto;
}
.data-search-card.text-search .search-input{
padding-left: 0px;
display: block;
}
@media only screen and (max-width:991px){
.data-search-card .data-search-input .data-search-btn{
padding-top: 0px;
text-align: left;
}
}
@media only screen and (max-width:767px){
.data-search-card .data-search-input .data-search-btn{
padding-top: 20px;
text-align: center;
}
.data-search-card.text-search .search-input{
padding:0px;
}
}
/* label css strats */
.form-label {
color: #000000;
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
margin-bottom: 0.1em;
}
.page-error-message{
margin:1rem 0;
}
form.needs-validation .form-label.error,
.form-label.error,
.invalid-feedback,
.form-group.error .form-label {
color: #C53E32 !important;
}
/* label css ends */
input.form-control {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
width: 100%;
padding-left: 20px;
height: 50px;
outline: none;
border-radius: 0px;
font-size: 18px;
color: #000000;
padding-right:35px;
}
.data-search-card .form-group.error input.form-control[type="text"]{
border-left: none;
}
.form-group.error .search-dropdown .search-dropdown-options{
color: #000000;
}
.edit-emial[data-target^="#"],
.edit-emial[data-target^="#"] i.fas.fa-edit{
color:#0067AC;
cursor: pointer;
}
input.form-control:focus {
outline: none;
box-shadow: none;
background-color: #FFFFFF;
}
form.needs-validation input.form-control.error,
.form-group.error input.form-control[type="text"],
.form-group.error input.form-control[type="password"],
.form-group.error .dropdown-selected-value,
.form-group.error .form-control.athene-select,
.form-group.error textarea.form-control {
border: 1px solid #C53E32 !important;
}
input.form-control.show-hide {
position: relative;
}
.form-group.error .invalid-feedback {
display: block;
}
.form-group{
margin-bottom: 0px;
}
.nav.athene-footer-nav a {
font-size: 14px;
color: #ffffff;
font-family: 'Avenir-Next-Regular';
}
.nav.athene-footer-nav a:hover {
text-decoration: none;
color: #ffffff !important;
}
.athene-tab .nav-tabs .nav-link:hover,.athene-tab .nav-tabs .nav-link:focus {
border-color: #CCCCCC #CCCCCC #CCCCCC;
}
.components-shelf.footernav .nav.athene-footer-nav {
background-color: #11175E;
}
.invalid-feedback,
input.form-control.error +div.error ,
input.form-control.error +em.error ,
input.form-control.error +span.error,
.icon-input input.form-control.error ~ div.error ,
.icon-input input.form-control.error ~ em.error ,
.icon-input input.form-control.error ~ span.error,
.icon-input + div.error ,
.icon-input + em.error ,
.icon-input + span.error,
#emailid-error {
font-family: 'Avenir-Next-Demi-Bold' !important;
font-size: 14px !important;
font-style: normal !important;
color: #C53E32 !important;
}
.custom-checkbox .custom-control-input~.athene-checkbox.custom-control-label::before {
border-radius: 3px;
}
.custom-checkbox .custom-control-input:checked~.athene-checkbox.custom-control-label::after {
font-family: "Font Awesome 5 Pro";
background-color: #4f86f7;
color: #ffffff;
content: "\f00c";
position: absolute;
font-size: 12px;
left: -22px;
background: none;
}
.col-12 .custom-control.custom-checkbox {
padding-bottom: 15px;
}
.icon-input {
position: relative;
}
.pointer {
cursor: pointer;
}
.icon-input input~i,
.icon-input input~span i {
position: absolute;
font-size: 20px;
right: 20px;
z-index: 5;
top: 17px;
color: #4d4d4d;
cursor: pointer;
}
.form-group.icon-input input~span.fa,
.form-group.icon-input input~span i,
.form-group.icon-input input~i.fa {
position: absolute;
}
.form-control.athene-select {
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
background-color: #ffffff;
border-radius: 0;
height: 50px;
padding-left: 20px;
background-image: url('/style/images/downward_arrow.svg');
background-repeat: no-repeat;
background-size: 18px 25px;
background-position: 98% 50%;
padding-right: 26px;
text-overflow: ellipsis;
}
.form-control.athene-select:focus {
border: 1px solid #0067AC;
}
.form-control.athene-select::-ms-expand {
display: none;
}
@media only screen and (max-width:575px){
input.form-control{
font-size: 16px;
}
}
/* form control css ends */
.manage-access-top-margin {
margin-top: 40px
}
.remove-border-text-color {
border-top: 0 !important;
color: #000000 !important;
}
/* white card starts*/
.athene-white-card {
padding: 25px;
background-color: #ffffff;
font-family: 'Avenir-Next-Regular';
border: 1px solid #CCCCCC;
width: 100%;
height: 100%;
}
.athene-white-card h3 {
color: #0067AC;
}
.athene-white-card p {
color: #4d4d4d;
}
.blue-color-text {
color: #0067AC !important;
}
.white-color-text {
color: #ffffff !important
}
/* white card ends*/
/* simple card start*/
.simple-card {
width: 100%;
/*margin-bottom: 15px;*/
margin-right: 20px;
height: 100%;
}
.simple-card-main {
background-color: #ffffff;
padding: 30px;
min-height: 230px;
border: 1px solid #CCCCCC;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.simple-text {
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
margin-top: 10px;color:#4D4D4D;
margin-bottom: 20px;
}
.simple-card-main a {
color: #0067AC;
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
text-decoration: none;
margin-right: 15px;
}
.simple-card-main a i {
position: relative;
top: 1px;
margin-left: 3px;
}
.simple-detail {
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 40px;
/*width: 150px;*/
border-bottom: 1px solid #CCCCCC;
padding-bottom: 5px;
word-wrap: break-word;
}
@media only screen and (max-width:767px){
.help-assist {
padding: 15px 15px;
font-size: 18px;
}
.simple-card-main {
padding: 15px;
/*margin-bottom: 15px;*/
}
h1.banner-header {
font-size: 26px !important;
}
#main-sections{
/* margin-top: 40px; */
}
.top-wrapper{
margin-top: 40px;
}
.simple-detail {
font-size: 24px;
}
.simple-card-main a {
font-size: 16px;
}
}
/* simple card end*/
/* promo card start*/
.athene-promo-card-main {
height: 100%;
padding: 20px;
min-height: 230px;
}
.card-image-col{
margin-bottom: 15px;
height: 100%;
}
.athene-promo-card {
background-color: #11175E;
color: #FFFFFF;
position: relative;
height: 100%;
}
.athene-promo-card a {
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
}
.athene-promo-card a i {
position: relative;
top: 1px;
margin-left: 3px;
}
.athene-promo-card p {
font-size: 16px;
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-promo-sub-head {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 22px;
}
/* promo card end*/
/* card news starts*/
.card-body{
padding: 30px;
}
.card-list-head{
padding-bottom: 30px;
}
.card-list-head {
font-size: 28px;
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
padding-bottom: 15px;
}
h3.modal-title-header,
h4.athene-modal-head{
font-size: 28px !important;
color: #11175E !important;
font-family: 'Avenir-Next-Demi-Bold';
word-break: break-word;
}
#backToFilterCommission i.fas.fa-angle-right {
display: inline-block;
}
.card-list-detail li {
padding: 0px 0px 20px 0px !important;
}
.card-list-detail li a{
font-family: 'Avenir-Next-Demi-Bold';
}
.card-list-detail {
padding: 0;
overflow: hidden;
list-style-type: none;
margin-bottom: 0;
}
.card-footer.card-list-foot{
font-family: 'Avenir-Next-Demi-Bold';
}
.card-list-foot {
background: transparent linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
border-top: 1px solid #CCCCCC;
padding: 25px 30px;
}
.card-list-foot a i, a.card-list-foot i {
position: relative;
top: 2px;
}
.car-list-detail {
font-family: 'Avenir-Next-Demi-Bold';
}
.news-web-head {
font-size: 28px;
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
padding-bottom: 15px;
}
.news-web-list li {
padding: 0px 0px 20px 0px !important;
}
.news-web-list {
padding: 0;
overflow: hidden;
list-style-type: none;
margin-bottom: 0;
}
.card-list {
background: transparent linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
border-top: 1px solid #CCCCCC;
padding: 25px 30px;
}
.card-list a i {
position: relative;
top: 2px;
}
.news-webcasts-wrapper,
.news-webcasts-wrapper .card,
.insights-wrapper .card {
height: 100%;
}
/* card news ends*/
/* card webcast starts*/
.card-list-sub-detail {
display: flex;
align-items: center;
justify-content: space-between;
}
.card-list-sub-detail .btn-outline-primary {
min-width: 124px;
padding: 13px 28px;
}
@media only screen and (min-width:992px) {
.card-list-sub-detail .btn-outline-primary {
padding: 13px 22px;
}
}
@media only screen and (max-width:1023px) and (min-width:768px){
.card-list-detail li {
font-size: 16px;
}
.card-list-sub-detail .btn-outline-primary{
width: auto;
min-width: 100px;
padding: 10px;
font-size: 16px;
}
}
@media only screen and (max-width:767px){
.card-body{
padding: 15px 20px;
}
h3.modal-title-header,
h4.athene-modal-head{
font-size: 24px !important;
color: #11175E !important;
font-family: 'Avenir-Next-Demi-Bold';
}
.card-list-head{
padding-bottom: 15px;
}
.card-list-detail{
font-size: 16px;
}
.news-webcasts-wrapper, .news-webcasts-wrapper .card, .insights-wrapper .card{
height: auto;
margin-bottom: 20px;
}
.card-text{
font-size: 16px;
}
.img-card-footer {
padding: 15px 20px;
}
p{
font-size: 16px;
}
#e_app_view_upline_wrapper tr th {
padding: 10px 44px !important;
}
#e_app_view_upline_wrapper tr td:first-child {
/*padding-left:26px !important;*/
padding: 0.75rem 0.5rem 0.6rem 1.3rem !important;
}
}
/* card webcast ends*/
/* image card starts */
.sub-category {
color: #000000;
font-size: 16px;
margin-bottom: 10px;
}
.img-card-footer {
display: flex;
background: transparent linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
border-top: 1px solid #CCCCCC;
padding: 25px 20px;
align-items: baseline;
}
.img-card-footer i {
margin-right: 10px;
font-size: 16px;
}
.card-footer-text {
text-decoration: underline;
color: #4D4D4D;
vertical-align: text-bottom;
font-family: "Avenir-Next-Demi-Bold";
margin-right: 10px;
font-size: 12px;
}
.card-footer-text:hover {
text-decoration: underline;
}
/* image card ends*/
/* Tooltip starts*/
.action-button-tooltip.tooltip-inner{
padding: 0px;
width: 100px;
/* visibility: hidden; */
border-radius: 0px;
}
.action-button-tooltip.tooltip-inner.downline-search{
padding: 0px;
width: 170px;
/* visibility: hidden; */
border-radius: 0px;
}
.tooltip-inner {
background-color: #ffffff;
color: #000000;
border: none;
padding: 12px;
-webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
font-size: 14px;
height: auto;
width: 200px;
border-left: none;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
border-bottom-color: #ffffff !important;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
border-top-color: #ffffff !important;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
border-left-color: #ffffff !important;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
border-right-color: #ffffff !important;
}
button.tooltip-content {
background: none;
border: none;
display: inline-block;
}
.tooltip-content i {
color: #5091CD;
cursor: pointer;
}
/* tooltip ends */
/* List css Starts */
@media only screen and (min-width:768px) {
.athene-ol li {
padding-left: 10px;
}
.list-group.athene-circle-ol .athene-circle-ol-content {
padding-left: 60px
}
}
ol.list-group.athene-ol {
padding-left: 25px;
}
.list-group.athene-circle-ol {
counter-reset: list-order-count;
list-style-type: none;
margin-top: 20px;
}
.list-group.athene-circle-ol li::before {
counter-increment: list-order-count;
content: counter(list-order-count) " ";
width: 40px;
height: 40px;
border-radius: 50%;
color: white;
padding-top: 3px;
font-family: 'Avenir-Next-Demi-Bold';
background-color: #4d4d4d;
font-size: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 15px;
position: absolute;
top: calc(50% - 46px);
transform: translateY(50%);
}
.list-group.athene-circle-ol li.active::before {
background-color: #2a67a7;
}
.list-group.athene-circle-ol li.fail::before {
background-color: #C53E32;
}
.list-group.athene-circle-ol li.success::before {
background-color: #00AA85;
}
.list-group.athene-circle-ol .athene-circle-ol-content {
padding-left: 60px;
display: block;
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
}
.list-group.athene-circle-ol li {
margin-bottom: 15px;
position: relative;
padding-bottom: 10px;
}
ul.list-group.athene-list-table li:nth-child(odd) {
background-color: #f4fbfb;
}
/* List css Ends */
/* modal css starts*/
.athene-modal-head {
font-family: 'Avenir-Next-Demi-Bold';
color: #11175e;
font-size: 24px;
}
.athene-modal .modal-header {
border-bottom: none;
}
.modal-body #frmPasswordReset .athene-connect-content-shelf{
padding: 0;
}
form ul.verification-list{
margin: 16px 0px;
}
.athene-modal .modal-footer {
padding: 10px 20px;
background-color: #EDEDED;
border-top: 1px solid #cccccc;
}
.modal-footer.athene-modal-footer {
justify-content: space-between;
}
.modal-footer {
margin-top: 34px;
}
.content-grid-date {
color: black;
}
.athene-modal {
z-index: 999999;
}
.modal-info {
font-size: 14px;
font-family: "Avenir-Next-Regular";
}
.modal-info a {
font-family: "Avenir-Next-Demi-Bold";
}
.athene-contrats-table .nav-item a,.athene-tab .nav-item a {
border: 1px solid #CCCCCC;
}
.nav-tabs {
border-color: #CCCCCC;
}
.nav-tabs .nav-link.active {
border-color: #CCCCCC #CCCCCC #fff;
}
.nav-tabs .nav-link{
border: 1px solid #CCCCCC;
}
.athene-contrats-table .nav-item:first-child .nav-link.active,.athene-tab .nav-item:first-child .nav-link.active{
border-right: 0px;
border-bottom: none;
}
.athene-contrats-table .nav-item:last-child .nav-link.active,.athene-tab .nav-item:last-child .nav-link.active{
border-left: 0px;
border-bottom: none;
}
.athene-modal .modal-body .normal-info-text {
padding: 0px 16px 16px;
margin: 0px;
}
#e_app_view_upline_wrapper thead tr th {
padding: 0.75rem 30px 0.6rem;
}
@media only screen and (min-width:768px) {
.athene-modal .modal-header {
padding: 30px 30px 0px 30px;
}
.current-year {
font-size: 20px;
}
.contracts-sub-head {
padding: 30px;
}
.all-business {
padding: 30px;
}
.athene-modal .modal-body {
padding: 1rem 30px;
}
.athene-modal .modal-body .normal-info-text {
padding: 0px 30px;
margin: 0px;
}
#switchAccountModal.athene-modal .modal-body{
padding: 0.6rem 0rem !important;
}
.athene-modal .modal-footer {
padding: 20px 30px;
}
.athene-modal .modal-footer a {
font-family: 'Avenir-Next-Demi-Bold';
}
.modal-dual-button button:not(:last-of-type) {
margin-right: 15px;
}
#e_app_view_upline_wrapper tr th {
padding: 0px 44px !important;
}
#e_app_view_upline_wrapper tr td:first-child {
/*padding-left:26px !important;*/
padding: 0.75rem 0.5rem 0.6rem 1.3rem !important;
}
}
/* modal css ends*/
/* table css starts */
.athene-table tbody {
font-size: 14px !important;
}
.athene-table tbody tr:nth-child(odd) {
background-color: #f4fbfb;
}
.athene-table tbody td {
border-right: 2px solid #dee2e6;
}
.athene-section-container .athene-table thead tr th {
padding: 0.75rem 0.5rem 0.6rem 1.8rem;
}
.DTFC_RightHeadWrapper,
.DTFC_RightBodyWrapper {
box-shadow: -14px 0px 14px -7px #00000024;
}
table.dataTable thead th,
table.dataTable thead td {
border-bottom: none;
line-height: 1.2;
}
@media only screen and (min-width:768px) {
.athene-table tbody td, #issContRiderBenefitProj thead tr th {
padding: 0.75rem 0.5rem 0.6rem 1.8rem;
}
}
.athene-table {
background-color: #ffffff;
color: #4d4d4d;
}
.athene-table thead th {
font-family: 'Avenir-Next-Demi-Bold';
color: #4D4D4D;
}
.athene-table tbody tr:nth-child(even) {
background-color: #ffffff;
}
.athene-table tbody td {
border-right: 1px solid #cccccc;
}
.athene-table tbody td:last-child {
border-right: none;
}
.black-head-athene-table .table th {
padding: 0.75rem 0.5rem 0.6rem 1.8rem;
}
.black-table-head {
padding: 10px 30px;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
background-color: #000000;
}
.alert-status {
color: #C53E32;
font-family: 'Avenir-Next-Demi-Bold';
}
.table-redirect-link {
display: flex;
margin-left: 0px;
align-items: center;
justify-content: space-between;
}
.table-redirect-link span a{
color: #0067AC;
text-decoration: none;
font-family: 'Avenir-Next-Demi-Bold';
}
.black-head-athene-table .athene-table {
border: 1px solid #cccccc;
}
#trainingStatusWrapper.black-head-athene-table .athene-table {
table-layout: fixed;
width: 100%;
}
.white-container {
background-color: #ffffff;
padding: 20px;
border: 1px solid #cccccc;
color:#4d4d4d;
}
.white-container .fa-chevron-right {
font-size: 12px;
}
.white-container .content-text-color {
padding: 0px 30px 30px 30px;
}
/* datatable css starts */
.dataTables_paginate[style*="display: none;"] + .dataTables_length{
float:none;
}
.content-para.strong{
color:#4d4d4d !important;
}
.data-table-.highlights_filter,
.contractId,
.dataTable tbody a{
font-family: 'Avenir-Next-Demi-Bold';
}
.dataTable thead .sorting {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
background-size: 9px 17px;
background-repeat: no-repeat;
background-position: right 3px bottom 9px;
}
.dataTable thead .sorting_asc {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
background-size: 9px 17px;
background-repeat: no-repeat;
background-position: right 3px bottom 9px;
}
.dataTable thead .sorting_desc {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
background-size: 9px 17px;
background-repeat: no-repeat;
background-position: right 3px bottom 9px;
}
.dataTable thead .sorting_asc_disabled {
background: url('/style/js/lib/datatable/images/sort_asc_disabled.png') no-repeat;
background-position: center right 1rem !important;
}
.dataTable thead .sorting_desc_disabled {
background: url('/style/js/lib/datatable/images/sort_desc_disabled.png') no-repeat;
background-position: center right 1rem !important;
}
.dataTables_filter label {
padding: 20px 30px;
border-right: 1px solid #ededed;
margin-bottom: 0px;
}
#bobDatatable_filter label, #rateTemplateDataTable_filter {
display: none !important;
}
.dataTables_wrapper {
background-color: #ffffff;
}
.datepicker table tr,
.dataTables_wrapper table tr {
display: table-row;
min-height: 40px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: none;
}
.dataTables_filter a .fa-file-excel {
color: #faa634;
font-size: 25px;
}
.dataTables_scrollBody>table>thead {
visibility: collapse;
}
.dataTables_filter label input[type="search"] {
background-color: #CCCCCC;
padding: 0px 20px;
outline: none;
height: 50px;
border-radius: 0px;
width: 300px;
}
.dataTables_wrapper thead tr {
text-transform: capitalize;
}
/* #select-account tbody tr td .custom-control.custom-radio.form-check{
padding-left: 0px;
} */
#select-account tbody tr td .custom-control-label{
padding-left:10px;
}
#select-account tbody tr > td:first-child{
padding-left: 10px;
}
#select-account_wrapper .dataTables_scrollBody{
overflow-x: auto !important;
overflow-y: auto !important;
}
.dataTables_wrapper thead th ,
.dataTable thead th.sorting,
.dataTables_wrapper thead th.sorting ~ th.sorting_disabled{
font-size: 16px;
font-family: 'Avenir-Next-Demi-Bold';
vertical-align: middle;
border-bottom: none;
border-top: none;
padding: 0.75rem 2.5rem 0.6rem 0.75rem;
color: #4D4D4D;
}
.dataTables_wrapper thead th.sorting_disabled{
padding: 0.75rem 15px 0.6rem;
}
.dataTables_paginate {
padding: 30px 15px;
}
.first.paginate_button:empty,
.last.paginate_button:empty {
display: none;
}
.paginate_button {
height: 50px;
width: 50px;
display: inline-block;
padding: 11px;
text-align: center;
margin: 0px 15px !important;
cursor: pointer;
color: #0067ac;
border: 1px solid #ccc;
border-radius: 0;
background-color: #F7F7F7;
}
.paginate_button.previous.disabled,
.paginate_button.next.disabled {
background-color: #CCCCCC;
text-align: center;
color: #000;
}
.paginate_page {
display: none;
}
.paginate_input {
height: 50px;
width: 60px;
text-align: center;
}
.paginate_of .paginate_no {
color: #0067AC;
}
.dataTables_length>label {
display: inline-flex;
width: 100%;
align-items: center;
}
.dataTables_length {
padding: 30px;
}
.dataTables_length>select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 25px;
background-position: right 0.05rem center;
min-width: 65px;
height: 50px;
text-align: center;
margin-left: 8px;
margin-right: 8px;
padding-left: 20px !important;
}
.data-table-highlight {
color: red;
font-family: "Avenir-Next-Demi-Bold";
}
.dataTables_length.no_float{
float:none !important;
}
.dataTables_length > label{
justify-content:flex-end !important;
}
.grey-row-section {
background-color: #EDEDED !important;
font-size: 18px;
font-family: "Avenir-Next-Demi-Bold";
}
#productTrainingWrapper table thead tr th {
border-top: 0px !important;
border-bottom: 0px;
}
.training-table tbody {
display: block;
max-height: 400px;
overflow-y: auto;
}
.training-table thead, .training-table tbody tr {
display: table;
width: 100%;
table-layout: fixed;
}
.training-table thead {
width: calc( 100% - 1.1em );
}
/* table css starts */
/* alert ribbon Starts*/
.alert.athene-alert .alert-link-icon > i{
font-size: 14px ;
display: block;
}
.alert.athene-alert.ribbon-alert {
justify-content: space-between;
}
.alert.athene-alert.ribbon-alert .alert-content a {
display: flex;
align-items: center;
color: black;
text-decoration: none;
}
.alert.athene-alert.ribbon-alert a >i{
color: inherit;
}
.alert.athene-alert.ribbon-alert .alert-content a:hover {
text-decoration: none;
}
.alert.athene-alert.ribbon-alert .close-ribbon {
float: right;
display: flex;
align-items: center;
cursor: pointer;
color: #000000;
}
.close-ribbon i.fas.fa-times{
color: #000000 !important;
}
.alert.athene-alert.ribbon-alert .alert-content {
display: flex;
align-items: center;
}
.alert.athene-alert.ribbon-alert .close-ribbon i {
padding-left: 10px;
color: #000000;
font-size: 25px;
margin-right: 0px;
}
/* alert ribbon Ends*/
.full-height {
height: 100% !important;
}
/* multi card starts*/
.multi-card-template {
display: flex;
}
.multi-card-template .single-card-template:last-child {
margin-right: 0px;
}
.single-card-template {
width: 100%;
margin-right: 30px;
}
.individual-card-details {
background-color: #ffffff;
color: #000000;
height: 320px;
overflow-y: auto;
margin-bottom: 30px;
border: 1px solid #cccccc;
}
/* custom scroll*/
.individual-card-details::-webkit-scrollbar {
width: 16px;
}
.individual-card-details::-webkit-scrollbar-track {
border-radius: 0px;
background: #999999;
}
.individual-card-details::-webkit-scrollbar-thumb {
background: #f1f1f1;
border-radius: 10px;
width: 18px;
border:3px solid transparent;
background-clip: content-box;
}
/* .individual-card-details::-webkit-scrollbar-thumb:hover {
width: 8px;
border: 5px solid transparent;
background-clip: content-box;
background: #f1f1f1;
} */
.card-sub-detail {
padding: 30px;
color: #4D4D4D;
font-family: 'Avenir-Next-Regular';
}
.card-sub-detail ul {
list-style-type: none;
padding: 0px;
margin-bottom: 10px;
}
.card-sub-detail ul li {
padding-left: 0px;
padding-bottom: 0px;
}
.card-sub-detail ul li:before {
content: "";
}
.card-sub-detail>h6 {
font-size: 20px;
}
/* Custom scroll */
/* multi card ends*/
/* data list card starts*/
.data-card {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 30px;
height: 100%;
}
.data-card-para,
.data-card p {
font-size: 14px;
font-family: 'Avenir-Next-Regular';
color: #4D4D4D;
margin-top: 12px;
}
.data-card input.form-control, .data-card input.form-control:focus, .data-card select.form-control,
.data-card select.form-control:focus,
.content-grid-shelf input.form-control, .content-grid-shelf input.form-control:focus, .content-grid-shelf select.form-control, .content-grid-shelf select.form-control:focus,
.data-search-card input.form-control, .data-search-card input.form-control:focus, .data-search-card select.form-control, .data-search-card select.form-control:focus,
.datatable-custom-searchFilter input.form-control, .datatable-custom-searchFilter input.form-control:focus,
.datatable-custom-searchFilter select.form-control,
.datatable-custom-searchFilter select.form-control:focus {
background-color: #F7F7F7;
}
.black-bar-para {
font-size: 14px;
font-family: 'Avenir-Next-Regular';
color: #4D4D4D;
margin: 0px;
}
.data-card-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.data-card-sub-head {
font-size: 28px;
line-height: 1;
margin: 5px 0;
font-family: 'Avenir-Next-Demi-Bold';
color: #11175E;
margin-left: 0px;
}
.data-card-date {
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
color: #000000;
}
.data-head-rmd {
font-size: 17px;
font-family: 'Avenir-Next-Demi-Bold';
color: #11175E;
font-weight:bold;
}
.data-card-table.d-table{
width: 100%;
border-bottom:1px solid #cccccc;
border-collapse: collapse;
}
.d-table .data-card-details {
display:table-row;
}
.d-table .data-card-details div:nth-child(2) {
display: table-cell;
padding: 10px 0px 5px 0px;
}
.d-table .data-card-details div:nth-child(2) i.fa,
.d-table .data-card-details div:nth-child(2) i.fas {
width: 20px;
text-align: center;
}
.d-table .data-card-details div:first-child {
display: table-cell;
width:85%;
padding: 10px 0px 5px 0px;
}
.data-card-details {
display: flex;
justify-content: space-between;
align-content: center;
border-bottom: 1px solid #CCCCCC;
margin-top: 5px;
padding-bottom: 4px;
color: #4D4D4D;
margin-bottom: 10px;
}
.data-card-details div:nth-child(2) {
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
word-break: break-word;
padding-left: 10px;
}
.data-card-note {
font-size: 14px;
font-family: 'Avenir-Next-Demi-Bold';
color: #4D4D4D;
}
.modal-body .athene-connect-content-shelf {
padding: 0px;
}
.modal-body #divForgotUserPwdSendCode > div,
.modal-body #divForgotUserPwdSendCode > p{
padding-left: 0;
padding-right: 0;
}
div#divDualVerificationFooter2Btn ,
div#divDualVerificationFooter1Btn {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
div#divSendTokenOptions .normal-info-text{
margin: 0;
}
@media only screen and (max-width:767px){
form ul.verification-list{
margin: 8px 0px;
}
.data-card-table.d-table{
border-bottom:none;
border-collapse: initial;
}
.d-table .data-card-details {
display:flex;
}
.d-table .data-card-details div:nth-child(2) {
display: block;
padding: 0;
padding-left: 0px;
}
.d-table .data-card-details div:first-child {
display: block;
width:auto;
padding: 0;
}
.white-container .content-text-color {
padding: 0px 15px 15px 16px;
}
.individual-card-details {
margin-bottom: 15px;
}
.card-sub-detail {
padding: 15px;
}
}
/* data list card ends*/
/* quick link starts*/
.quick-link-section {
max-width: 800px;
width: 100%;
margin: 20px auto;
}
.one-quick-link-component {
width: 100%;
/*display: flex;*/
background-color: #EDEDED;
border: 1px solid #CCCCCC;
/*align-items: center;*/
/*justify-content: center;*/
}
.quick-link-component {
display: flex;
padding-top:15px;
padding-bottom:0px;
margin-bottom:28px;
}
.one-quick-link-component .fa-chevron-right {
font-size: 12px;
font-weight: bolder;
padding-left: 3px;
padding-top: 3px;
}
.one-quick-link-component a {
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
cursor: pointer;
padding: 10px 15px 10px 10px;
}
.quick-link-icon{
color: #FAA634;
font-size: 26px;
margin-right: 10px;
}
/* quick link ends*/
/* contracts black bar starts*/
.black-bar-main {
/*margin-top :30px;*/
margin-bottom: 0px;
}
.black-bars-head {
color: #FFFFFF;
}
.black-bar-head {
background-color: #000000;
padding: 15px 30px;
}
.contract-status-head {
display: flex;
justify-content: space-between;
align-items: center;
}
.status-text {
font-size: 22px;
font-family: 'Avenir-Next-Demi-Bold';
margin-left: 10px;
text-transform: capitalize;
color: #ffffff;
}
.rmd-recurring {
color:#000000;
font-size:16px;
font-style: italic
}
.contract-id {
margin-left: 0px;
font-size: 28px;
text-align: center;
color: #FFFFFF;
/* margin-top: 54px; */
/* margin-right: 15px; */
font-family: 'Avenir-Next-Demi-Bold';
}
.other-detail-dropdown span {
margin-right: 7px;
font-size: 16px;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
}
.other-detail-dropdown {
display: flex;
justify-content: left;
align-items: center;
}
.custom-select {
position: relative;
font-family: Arial;
padding: 0px !important;
border: none;
float: left;
margin-top: -4px;
width: 230px;
}
.custom-select select {
display: none;
}
.select-selected {
background-color: #FFFFFF;
}
.select-selected:after {
font-family: 'Font Awesome 5 Pro';
position: absolute;
content: "\f107";
top: 10px;
right: 12px;
font-size: 18px;
color: #0067AC;
}
.select-selected.select-arrow-active:after {
font-family: 'Font Awesome 5 Pro';
position: absolute;
content: "\f106";
top: 7px;
right: 12px;
color: #0067AC;
}
.select-items div,
.select-selected {
color: #4d4d4d;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
font-family: 'Avenir-Next-Demi-Bold';
}
.select-items {
position: absolute;
background-color: #FFFFFF;
top: 100%;
left: 0;
right: 0;
z-index: 99;
border: 1px solid #CCCCCC;
}
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
/* custom SELECT ends */
.contract-descrp {
float: right;
color: #ffffff;
text-align: right;
}
.contract-print {
float: right;
text-align: right;
margin-bottom: 15px;
}
/* icon css starts */
.fa-hourglass-half {
color: #FFA22F;
}
.fa-check {
color: #00AC88 !important;
}
.fa-times {
color: #C53E32 !important;
}
/* icon css ends*/
.black-bars-container {
border: 1px solid #CCCCCC;
background-color: #EDEDED;
color: #000000;
padding: 30px;
}
.detail-text {
margin: 5px 0px 5px 0px;
font-weight: 600;
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
}
.detail-descrp {
margin: 3px 0px 20px 0px;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
font-weight: normal;
}
/* contract black bar ends*/
.user-name {
background-color: #000000;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 28px;
text-transform: capitalize;
}
/* contracts tab starts*/
.athene-contrats-table {
background-color: #FFFFFF;
color: #000000;
/*margin: 30px 0px 0px;*/
border: 1px solid #CCCCCC;
}
.athene-contrats-table #pendingTab .resutlstable,
.athene-contrats-table #issuedTab .resutlstable {
margin-top: 0px;
}
.athene-contrats-table .customContainer {
padding: 0px;
}
.athene-contrats-table .nav-tabs, .athene-tab .nav-tabs {
overflow: unset;
margin-bottom: 30px;
}
.athene-tab {
border-left: 1px solid #cccccc;
}
.athene-tab .nav-tabs {
overflow: unset;
margin-bottom: 0px;
}
.athene-tab .tab-content {
background-color: #ffffff;
padding: 25px 0px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.athene-contrats-table .nav-item, .athene-tab .nav-item {
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
background-image: linear-gradient(#F7F7F7, #EDEDED);
padding-left: 0px;
padding-bottom: 0px;
}
.athene-contrats-table .nav-item:before, .athene-tab .nav-item:before {
content: "";
}
.athene-contrats-table .nav-item a,.athene-tab .nav-item a {
color: #000000;
border-radius: 0px;
display: flex;
align-items: center;
height: 60px;
padding: 10px 40px;
width: 230px;
justify-content: center;
}
.athene-contrats-table .nav-item:first-child a,.athene-tab .nav-item:first-child a {
border-left: none;
}
.athene-contrats-table .nav-item .active,.athene-tab .nav-item .active {
color: #0067AC;
background-image: linear-gradient(#F7F7F7, #FFFFFF);
}
.contracts-sub-head {
color: #11175e;
font-size: 28px;
font-family: 'Avenir-Next-Demi-Bold';
padding: 30px;
}
.all-business {
padding: 30px;
border-top: 1px solid #cccccc;
background-image: linear-gradient(to bottom, #F7F7F7, #FFFFFF);
color: #4d4d4d;
}
/**/
.all-business a {
text-decoration: none;
color: #0067AC;
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
/* padding: 30px 15px; */
}
.all-business a:hover {
color: #11175E !important;
}
/**/
.all-business a i {
position: relative;
top: 1px;
margin-left: 3px;
}
/* contracts tab ends*/
/* error page and associates login page starts */
.quick-info-text {
display: flex;
justify-content: space-between;
align-items: center;
}
.info-text {
font-size: 14px;
font-family: "Avenir-Next-Regular";
}
.quick-info-text strong {
font-size: 16px;
}
.quick-link-head {
font-size: 26px;
font-family: "Avenir-Next-Regular";
margin-bottom: 15px;
}
.error{
color: #C53E32;
}
.search-error{
border: 1px solid #C53E32 !important;
border-left: none !important;
}
.search-drpdwn-error{
border: 1px solid #C53E32;
}
.error-head {
font-size: 40px !important;
color: #000000;
font-family: "Avenir-Next-Regular";
margin-bottom: 10px;
}
.error-sub-head {
width: 100% !important;
font-size: 20px !important;
margin-bottom: 20px;
}
.athene-error span {
font-size: 14px;
font-family: "Avenir-Next-Regular";
}
.error-search {
display: flex;
margin-bottom: 20px;
}
.error-search .btn {
min-width: 110px;
margin-left: 20px;
}
.one-quick-link-component a:hover{
text-decoration: none;
}
.associate-main {
max-width: 800px;
margin: 20px auto;
padding: 25px;
border: 1px solid #CCCCCC;
background-color: #ffffff;
}
.button-wrapper {
display: flex;
}
.button-wrapper button {
width: 100%;
}
.button-wrapper button:first-child {
margin-right: 20px;
}
.full-width {
width:100%;
}
@media only screen and (max-width:767px) {
.one-quick-link-component{
display: flex;
}
.one-quick-link-component a{
display: flex;
width: 100%;
font-size: 16px;
}
.quick-link-icon{
font-size: 20px;
}
#partySearch .search-dropdown-wrapper .col-12.col-lg-5{
padding-right: 15px;
}
#partySearch .search-dropdown-wrapper .col-12.col-lg-3{
padding-left: 15px;
}
}
@media only screen and (max-width:575px) {
.button-wrapper {
flex-direction: column;
}
.associate-main {
padding: 15px;
margin: 10px;
}
.associate-main h3 {
font-size: 18px !important;
}
.associate-main strong {
font-size: 14px;
}
.button-wrapper .btn-primary {
font-size: 16px;
}
.btn-primary{
font-size: 18px;
}
.button-wrapper .btn {
min-width: 165px;
}
.button-wrapper button:first-child {
margin-right: 0px;
margin-bottom: 20px;
}
.error-search {
flex-direction: column;
}
.error-head {
font-size: 34px !important;
}
.error-search .btn {
margin-left: 0px;
margin-top: 15px;
}
}
#partySearch .search-dropdown-wrapper{
position: static;
max-width: none;
}
#partySearch .content-grid{
margin-top: 50px;
}
@media only screen and (min-width:991px) {
#partySearch .search-dropdown-wrapper .col-12.col-lg-5{
padding-right: 5px;
}
#partySearch .search-dropdown-wrapper .col-12.col-lg-3{
padding-left: 5px;
}
}
#partySearch .search-dropdown-wrapper .data-search-btn .btn-sm{
min-width:100px !important;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.other-detail-dropdown div.custom-select {
min-width: 230px;
font-size: 15px;
}
}
@media only screen and (max-width: 576px) {
.other-detail-dropdown div.custom-select {
min-width: 180px;
font-size: 15px;
}
}
/*error page and associates login page ends */
/* gray bar starts*/
.grey-bar {
padding: 20px;
margin: 15px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
background-color: #ededed;
}
.grey-bar>* {
flex: 0 0 18.3333%;
}
/* gray bar ends*/
.notes-main {
display: flex;
justify-content: space-between;
margin: 20px 20px 20px 0px;
}
.notes-date {
font-family: "Avenir-Next-Demi-Bold";
margin-right: 10px;
white-space: inherit;
width: 30%;
}
.notes-text {
font-family: "Avenir-Next-Regular";
width: 85%;
}
.upload-doc {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
color: #000000;
margin: 15px 15px;
cursor: pointer;
}
.upload-doc .fa-file-upload,
.upload-doc .fa-question-circle {
color: #FFA22F;
}
.upload-doc .fa-file-upload {
margin-right: 6px;
margin-bottom: 6px;
}
.upload-doc .fa-angle-right {
font-weight: 600;
margin-left: 4px;
color: #4d4d4d;
}
.upload-doc-section {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
color: #000000;
padding:15px 30px;
margin:0;
}
.upload-doc-section span {
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-table-container .fa-exclamation-triangle {
color: #C53E32;
margin-right: 15px;
}
.product-status .fa-exclamation-triangle {
color: #C53E32;
margin-right: 5px;
}
.product-status .check-green{
margin-right: 5px;
}
.sub-header-navigation {
display: flex;
flex: 1;
justify-content: space-between;
}
.sub-header-navigation-detail {
flex: 0.5;
}
.sub-header-navigation-detail p {
color: #4d4d4d !important;
font-family: "Avenir-Next-Regular";
}
.sub-header-navigation .sub-header-navigation-detail:nth-child(2) {
margin-left: 10px;
}
.sub-header-navigation-detail .navMenuSplit-list {
width: 100%;
}
/*----------*/
.grand-staff-access-modal {
background-color: #ffffff;
max-width: 750px;
}
/*.grand-staff-access-modal .access-info {
padding: 0px 30px !important;
}*/
.debt-details-disclosure-wrapper {
margin: 30px 30px;
}
.data-card-details-label{
width: 70%;
}
.grand-staff-access-modal .modal-header {
padding-left: 30px;
padding-right: 30px;
}
.athene-modal .modal-content {
border-radius: 0px;
}
.athene-modal .modal-body {
padding: 1rem 30px;
}
.debt-details-disclosure-wrapper ul {
padding-left: 35px;
list-style-type: disc;
}
.access-info {
padding: 30px;
}
.access-info.debt-detail-info {
padding: 15px 30px 0px;
}
.debt-detail-appendix-wrap {
display: flex;
justify-content: space-between;
}
.debt-appendix-hdr {
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
margin-bottom: 0px;
color: #000000;
}
.debt-appendix-vaule {
font-size: 18px;
font-family: 'Avenir-Next-Regular';
line-height: 1.8;
margin-bottom: 0px;
}
.debt-payment-dataTable-hdr {
font-size: 20px;
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
}
.debt-payment-dataTable-hdr.payment-date {
color: #4D4D4D;
}
.access-info {
padding: 30px;
}
/*----------*/
/* commission statement css start*/
.current-year {
margin: 10px 0px 5px 0px;
font-family: 'Avenir-Next-Demi-Bold';
}
.commission-statement-data .btn-primary {
font-size: 18px;
width: 100%;
margin: 25px 0px 0px 0px;
}
.back-to-previous, a.back-to-previous {
margin-top: 20px;
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
cursor: pointer;
}
.app-sub-head {
font-size: 30px;
font-family: 'Avenir-Next-Regular';
color: #000000;
margin: 10px 0px 15px 0px;
}
/*.resutlstable .table thead th , .resutlstableNon .table thead th{
vertical-align: middle !important;
border-top: none;
}*/
#commissionDataTable_wrapper .dataTables_filter {
padding: 0px;
}
#commissionDataTable_wrapper .dataTables_filter+div {
overflow-x: inherit;
}
/* commission statement css end*/
/* media query starts*/
@media only screen and (max-width:767px) {
.mobile-rowSpacing-heldBtn,
.mobile-rowSpacing-debtBtn{
padding-bottom: 80px;
}
.mobile-rowSpacing-heldBtn.mobile-rowSpacing-debtBtn{
padding-bottom: 160px;
}
#commissionDataRow{
position: relative;
}
#commissionDataRow > [class*="col-"]{
position: static;
}
#commissionDataRow .debt-held-btn-wrap{
position:absolute;
bottom:0;
left:0;
right:0;
padding: 0px 15px;
}
.status-text {
display: none;
}
.debt-detail-appendix-wrap {
flex-direction: column;
}
.debt-appendix-hdr,
.debt-appendix-vaule {
font-size: 16px;
}
.debt-payment-dataTable-hdr {
font-size: 18px;
}
.debt-details-disclosure-wrapper p {
font-size: 14px;
}
/*.container.athene-mainContainer {
padding: 20px 15px;
}*/
.upload-doc-section {
align-items: initial;
font-size: 17px;
margin: 0px 15px;
flex-direction: column;
}
.data-card {
padding: 15px 15px;
}
.athene-white-card {
padding: 15px;
}
.upload-doc {
font-size: 16px;
}
.data-card-head {
flex-direction: column;
align-items: flex-start;
margin-bottom: 15px;
}
.notes-main {
flex-wrap: wrap;
}
.notes-date, .notes-text {
width: 100%;
}
.other-detail-dropdown {
justify-content: center;
}
.alert.athene-alert:before {
display: none;
}
.alert.athene-alert {
padding: 10px 15px;
}
.alert.athene-alert i,
.alert.athene-alert span[class^="fa"] {
display: none;
}
.alert.athene-alert .close-ribbon i {
display: block;
}
.close-ribbon-text {
display: none;
}
.contract-descrp {
float: none;
margin-top: 0px;
text-align: center;
margin-left: 15px;
}
.hour-glass-status-text,
.tick-active-status-text,
.cross-mark-status-text {
display: none;
}
.detail-descrp,
.detail-text {
font-size: 16px;
}
.header-component {
margin-top: 70px;
}
.nav.athene-footer-nav {
justify-content: center;
flex-direction: column;
}
.alert-content {
font-size: 16px;
}
.modal-footer.athene-modal-footer {
justify-content: center;
align-items: center;
flex-direction: column-reverse;
}
.athene-modal .modal-footer {
padding: 10px 15px 8px 15px;
}
.modal-dual-button {
display: flex;
justify-content: center;
flex-direction: column;
}
.list-group.athene-circle-ol li::before {
width: 35px;
height: 35px;
font-size: 16px;
top: calc(50% - 40px);
transform: translateY(50%);
}
.list-group.athene-circle-ol .athene-circle-ol-content {
padding-left: 45px;
}
.commission-modal .modal-dialog-scrollable .modal-body {
height: 475px;
}
}
@media only screen and (max-width:575px) {
.quick-info-text {
flex-direction: column;
}
.access-info {
padding: 20px 15px;
}
.quick-link-component {
flex-direction: column;
margin-bottom: 20px;
}
.grey-bar {
flex-direction: column;
align-items: flex-start;
}
.black-bar-head {
padding: 15px;
}
.athene-contrats-table .nav-item a ,.athene-tab .nav-item a{
padding: 10px 20px;
width: auto;
}
.athene-tab .nav-item a{
padding: 10px 8px;
width: auto;
height: 45px;
}
.all-business a {
font-size: 16px;
}
.contracts-sub-head {
font-size: 26px;
padding: 15px 20px;
}
.contract-status-head {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.contract-id {
margin-left: 0px;
font-size: 18px;
margin-right: 0px;
}
.other-detail-dropdown {
margin-top: 12px;
order: 4;
width: 100%;
border-top: 1px solid #CCCCCC;
padding: 15px 0px 2px 0px;
}
.user-name {
font-size: 24px;
padding-left: 0px;
}
.other-detail-dropdown span {
margin-right: 10px;
width: 65px;
}
.other-detail-dropdown .custom-select {
width: 100%;
margin-top: -2px;
}
.contract-descrp i {
margin: 6px 10px 0px 4px;
}
.black-bars-container {
padding: 30px 20px;
}
.status-text {
display: none;
}
.athene-promo-sub-head {
font-size: 20px;
}
.athene-promo-card p {
font-size: 14px;
}
.athene-modal .btn {
min-width: 130px;
}
.single-card-template {
margin-right: 0px;
width: 100%;
}
.multi-card-template {
display: flex;
flex-direction: column;
}
.card-list-head {
font-size: 24px;
}
.card-list-foot {
padding: 15px 15px;
}
.card-list-sub-detail {
font-size: 16px;
}
.card-list-sub-detail .btn-outline-primary {
min-width: 85px !important;
min-height: 45px !important;
padding: 0px;
margin: 0px;
font-size: 16px;
}
.data-card-sub-head {
font-size: 26px;
margin-left: 0px;
}
.data-card-date {
font-size: 18px;
}
.data-card-details {
flex-direction: column;
border: none;
}
.data-card-details-label{
width: 70%;
}
.data-card-details div:first-child {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 3px;
font-size: 17px;
word-break: break-word;
}
.data-card-details div:nth-child(2) {
padding-top: 2px;
font-size: 16px;
padding-left: 0px;
word-break: break-word;
}
.data-card-details span.edit-emial{
margin-left: 0px;
display: block;
}
}
@media only screen and (min-width: 768px) and (max-width:991px) {
.data-card-date {
font-size: 18px;
}
.data-card-details span.edit-emial{
margin-left: 0px;
display: inline-block;
}
.data-card-details {
flex-direction: column;
border: none;
}
.data-card-details div:first-child {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 3px;
word-break: break-word;
}
.data-card-details div:nth-child(2) {
padding-top: 2px;
padding-left: 0px;
display: flex;
flex-direction: column;
word-break: break-word;
}
}
@media only screen and (min-width: 576px) {
/* .athene-mainContainer.container {
max-width: 576px;
}*/
}
@media only screen and (min-width:768px) {
/* .athene-mainContainer.container {
max-width: 768px;
padding: 0px 12px;
}*/
.athene-promo-card a {
position: absolute;
bottom: 25px;
}
.contract-id span {
float: left;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.full-width.btn, .full-width.enable-btn, .full-width.disable-btn {
min-width: 150px;
}
.modal-footer.athene-modal-footer .btn {
min-width: 150px;
}
.contract-id {
font-size: 20px;
}
.hour-glass-status-text,
.tick-active-status-text,
.cross-mark-status-text {
font-size: 20px;
}
}
@media only screen and (min-width:576px) and (max-width: 991px) {
.single-card-template {
margin-right: 0px;
width: 100%;
}
.multi-card-template {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (min-width:576px) and (max-width: 767px) {
.contract-id {
margin-left: 0px;
font-size: 20px;
margin-right: 10px;
}
.other-detail-dropdown span {
width: 50px;
}
.other-detail-dropdown .custom-select {
width: 160px;
}
.contract-status-hour-glass,
.contract-status-cross,
.contract-status-tick {
margin-top: 5px;
margin-left: 10px;
}
}
@media only screen and (max-width: 991px) {
.black-bar-head {
padding-bottom: 15px;
}
.contract-descrp {
float: none;
}
.black-bars-container .data-card-details {
flex-direction: column;
}
.individual-card-details {
height: auto;
}
}
@media only screen and (min-width:992px) {
/* .athene-mainContainer.container {
max-width: 945px;
padding: 0px 10px;
}*/
.contract-id,
.contract-descrp,
.status-btn {
flex-grow: 1;
}
.other-detail-dropdown {
flex-grow: 6;
}
}
@media only screen and (min-width: 992px) {
/* .container.athene-mainContainer {
max-width: 1200px;
}*/
#browseHierarchyTable{
display: table !important;
}
}
#browseHierarchyTable_paginate{
padding: 30px 0px !important;
}
#browseHierarchyTable_paginate .paginate_button{
margin: 0px 5px !important;
}
/* ================ header css starts ============== */
h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
font-family: 'Avenir-Next-Demi-Bold' !important;
font-weight: unset !important;
}
h5 {
color: #11175e;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 14pt;
}
.navToolBarMenuWrap {
z-index: 10;
}
img {
width: 100%;
height: 100%;
}
.athene-navWayFinder,
.athene-navToolBar {
background-color: #11175E;
padding: 0px;
}
.splitMenusOnly {
padding: 0;
}
.splitMenusOnly li.navMenuSplit-list:nth-child(even) {
/*padding-left: 10px;*/
}
.athene-navMenus {
background-color: #093F85;
padding: 0px 0px;
}
.athene-navWayFinder .nav-item.active,
.athene-navWayFinder .nav-item:hover {
border-top-color: #5091CD;
}
.athene-navWayFinder .nav-item {
padding: 5px 10px;
margin: 0px 5px;
border-top: 5px solid transparent;
}
.athene-navWayFinder .nav-link,
.athene-navMenus .nav-link {
font-size: 14px;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-navWayFinder .nav-link .fa-external-link-alt {
font-size: 14px;
}
.athene-navWayFinder .nav-link:hover {
text-decoration: none;
}
.athene-navMenus .navbar-nav .nav-item .nav-link {
padding: 22px;
font-size: 16px;
}
.athene-navMenus .nav-link:hover,
.footerNavwayWrap .navWayLink a:hover,
.siteLinksWrap .siteLink-footer a:hover {
color: #ffffff !important;
}
.athene-navMenus .nav-link.active-nav-menu {
background-color: #ffffff;
color: #093F85 !important;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
text-decoration: none;
}
a.nav-link.navlinkHover {
background-color: #ffffff;
color: #093F85;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
/* .athene-navMenus .nav-link:hover .fa-chevron-down {
transform: rotate(-180deg);
} */
.rotate-180 {
transform: rotate(-180deg);
}
/* .athene-navMenus .nav-item:hover .athene-navigation-menu-split { */
/* display: block !important; */
/* } */
.athene-navToolBar {
padding: 10px 0px;
}
.atheneNavWayLeft a.nav-link:hover {
color: #ffffff !important;
}
.sg.atheneNavWayLeft a.nav-link:hover {
color: #11175E !important;
}
.atheneDrawer-nav-right i {
color: #ffffff;
font-size: 20px;
line-height: 2;
text-align: center;
position: relative;
}
.atheneDrawer-nav-right .navBellWrap i.fa-bell:after,
.mobileNotification i.fa-bell:after {
content: '!';
font-size: 15px;
color: #ffffff;
background-color: #C53E32;
width: 18px;
height: 18px;
position: absolute;
border-radius: 50%;
top: 6px;
right: -10px;
text-align: center;
line-height: 1.2;
}
.athene-navigationToolbar {
width: 100%;
padding: 0 15px;
}
.athene-navToolBar .atheneBrandIconWrap img {
width: 100%;
height: 100%;
}
.athene-navToolBar .atheneBrandIconWrap {
width: 465px;
height: 40px;
}
.atheneDrawer-nav-right {
display: inline-block;
}
.atheneNavDrawer:hover {
background-color: #5091CD;
}
.atheneNavDrawer {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18.66px;
background-color: #0067AC;
width: 200px;
text-transform: uppercase;
text-align: center;
padding: 10px;
color: #ffffff;
border-radius: 5px;
min-height: 56px;
outline: none;
border: 0px;
cursor: pointer;
}
.atheneLogout {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18.66px;
background-color: #0067AC;
width: 200px;
text-align: center;
padding: 15px;
color: #ffffff;
border-radius: 5px;
min-height: 56px;
outline: none;
border: 0px;
}
.atheneMyAccount {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18.66px;
width: 200px;
text-align: center;
padding: 15px;
color: #ffffff;
border-radius: 5px;
outline: none;
cursor: pointer;
}
a.atheneMyAccount:hover {
color: #ffffff !important;
background-color: inherit;
}
.my51ֱMyAccountInfo {
list-style-type: none;
padding: 5px 5px;
}
.my51ֱMyAccountInfo li {
width: 250px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #EDEDED;
display: flex;
}
.my51ֱMyAccountInfo li a {
color: #0067AC;
text-decoration: none;
font-size: 16px;
width: 100%;
padding: 10px;
font-family: 'Avenir-Next-Demi-bold';
}
.my51ֱMyAccountInfo li:hover a {
color: #1c2265;
}
.atheneNavDrawer .fa-chevron-down {
font-size: 15px;
padding-left: 5px;
-webkit-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
}
.mobileHeader {
display: none;
}
.athene-navMenus ul.navbar-nav {
position: relative;
width: 100%;
}
.navMenu-overlay {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 5;
}
.athene-navigation-menu-split {
position: absolute;
padding: 20px 0px 20px 0px;
background-color: #ffffff;
width: 100%;
left: 0;
z-index: 25;
font-size: 16px;
max-height: calc(100vh - 185px);
}
@media only screen and (max-width: 992px) {
.athene-navigation-menu-split {
max-height: calc(100vh - 185px);
}
}
@media only screen and (max-width: 1200px) {
.athene-navigation-menu-split {
max-height: calc(100vh - 184px);
}
}
.navMenuSplit-list-wrap {
list-style-type: none;
padding-left: 0;
}
.splitMenusOnly .navMenuSplit-list-wrap {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.navMenuSplit-list a {
font-size: 16px;
display: block;
width: 98%;
text-decoration: none;
padding: 9px;
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
border-bottom: 1px solid #CCCCCC;
transition: all 0.2s ease-in-out;
}
.navMenuSplit-list a:hover {
text-decoration: none;
color: #093F85;
background-color: #EDEDED;
}
.description-nav-link {
font-size: 18px;
display: block;
width: 100%;
text-decoration: none;
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-navigation-menu-split h2 {
font-family: 'Avenir-Next-Demi-Bold' !important;
font-size: 28px !important;
color: #11175E;
margin-bottom: 0;
}
.athene-navigation-menu-split .navMenuDescription,
.navContactAddress,
.navMenu-contactAddress-wrap {
font-size: 16px;
color: #4D4D4D;
font-family: 'Avenir-Next-Regular';
line-height: 1.75;
}
.navMenu-contactAddress-wrap {
margin-bottom: 20px;
}
.navMenu-contactAddress-wrap strong {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 17px;
}
.navContactAddress {
display: block;
}
.myAccountGenralInfo{
list-style-type: none;
padding: 5px 15px;
}
.myAccountAccessInfo {
list-style-type: none;
padding-left: 0px;
margin-bottom: 0px;
}
.splitMenusOnly li.navMenuSplit-list {
width: 49%;
display: inline-block;
}
.navDrawerItem {
position: relative;
}
.atheneNavDrawer-accountInfo {
min-width: 200px;
position: absolute;
background-color: #fff;
padding: 15px 0px;
left: 50%;
top: 66px;
z-index: 15;
transform: translate(-50%, 0%);
/* border-radius: 3px; */
display: none;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
.account-switch-btn{
margin-top: 2px;
font-size: 15px;
color:#4d4d4d;
font-family: 'Avenir-Next-Demi-Bold';
}
.account-switch-btn i{
color:#4d4d4d;
line-height: 1.7;
font-size: 15px;
}
.account-switch-btn .fa-times {
color: #4d4d4d !important;
}
.logged-user-info{
padding: 0px 15px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #cccccc;
}
.account-userName{
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
margin-bottom: 0px;
}
.atheneNavDrawer-accountInfo:before {
content: '';
width: 0;
top: -10px;
left: 50%;
z-index: 10;
height: 0;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
transform: translateX(-50%);
}
.myAccountGenralInfo li {
background-color: #EDEDED;
border-left: 2px solid #1c2265;
/* border-left: 2px solid #CCCCCC; */
/* padding: 10px; */
width: 250px;
margin: 0px 0px 15px 0px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
display: flex;
}
.myAccountGenralInfo li:hover {
background-color: #fff;
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
border-left: 2px solid #1c2265;
}
.myAccountGenralInfo li:hover a {
color: #1c2265;
}
.myAccountGenralInfo li:hover a i.fa-chevron-right {
color: #1c2265;
}
.myAccountGenralInfo li a {
color: #0067AC;
text-decoration: none;
font-size: 16px;
width: 100%;
padding: 10px;
font-family: 'Avenir-Next-Demi-bold';
}
.myAccountGenralInfo li a i.fa-chevron-right {
color: #0067AC;
font-size: 16px;
line-height: inherit;
}
.myAccountAccessInfo li i,
.myAccountAccessInfo li {
color: #4d4d4d;
font-size: 16px;
}
.danger-text, .danger-text i {
color: #C53E32 !important;
}
.myAccountAccessInfo li {
padding-left: 15px !important;
padding: 5px 15px;
border-top: 1px solid #CCCCCC;
margin-top: 5px;
cursor: pointer;
font-size: 15px;
font-family: 'Avenir-Next-Demi-Bold';
}
.bellNotifications {
position: relative;
}
.notifications-wrap {
background-color: #fff;
position: absolute;
padding-top: 10px;
z-index: 15;
width: 350px;
left: 50%;
transform: translateX(-50%);
display: none;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
top: 50px !important;
}
.notifications-wrap:before {
content: '';
width: 0;
top: -10px;
left: 50%;
z-index: 10;
height: 0;
position: absolute;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
transform: translateX(-50%);
}
.notifications-wrap h4 {
color: #10175d;
padding-left: 10px;
padding-right: 10px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 17px;
}
.notifications-wrap h4 i {
color: inherit;
font-size: 18px;
}
.notifications-wrap h4 i.fa-cog {
color: #2773b2;
}
.notificationType ul {
padding-left: 10px;
list-style-type: none;
}
.notificationsList {
list-style-type: none;
padding: 10px;
width: 100%;
}
.notificationType ul i,
.notificationType i {
font-size: 16px;
color: #1d67ac;
line-height: inherit;
}
.notificationCount {
font-family: 'Avenir-Next-Demi-Bold';
}
.notificationsList>li {
border-left: 1px solid #CCCCCC;
}
.notificationType li {
padding: 10px 15px;
}
.notificationType:hover {
cursor: pointer;
}
.notificationType li span {
color: #1d67ac;
}
.newNotificationsIndicator {
display: block;
width: 10px;
height: 10px;
background-color: #53ab85;
border-radius: 50%;
margin-left: 10px;
margin-right: 5px;
}
.notificationContainer {
max-height: 300px;
overflow-y: auto;
padding-right: 15px;
}
.seeAllActivity {
background-color: #1d67ac;
padding: 10px 15px;
}
.seeAllActivity a {
display: block;
width: 100%;
color: #ffffff;
}
.seeAllActivity a i {
font-size: 16px;
color: #ffffff;
}
.individualNotificationType-Wrap {
display: flex;
align-items: center;
margin: 10px 0px;
}
.notificationType>span {
display: block;
font-family: 'Avenir-Next-Demi-Bold';
color: #1d67ac;
background-color: #EDEDED;
padding: 10px;
}
.notificationType span i.fa-plus {
display: none;
}
.athene-login-drawer {
list-style-type: none;
/*padding-left: 0px;*/
padding: 0px 15px;
}
.atheneNavDrawer-accountInfo.loginDrawer-wrap {
padding: 15px 0px;
}
.athene-login-drawer li {
border-bottom: 1px solid #ededed;
}
.athene-login-drawer li:last-child {
border-bottom: none;
}
.athene-login-drawer li button {
border-radius: 5px;
font-size: 16px;
}
.log-out-btn:hover {
background-color: #0067AC !important;
}
.logo-with-btn {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
/* temporary fix needs to be removed when logo changes Starts --Tushar */
position: relative;
bottom:10px;
/* temporary fix needs to be removed when logo changes Ends--Tushar */
}
.log-out-btn > i{
padding-left: 7px;
}
/* temporary fix needs to be removed when logo changes Starts --Tushar */
@media only screen and (min-width: 576px) and (max-width:768px) {
.logo-with-btn {
bottom:8px;
}
}
/* temporary fix needs to be removed when logo changes Ends--Tushar */
@media only screen and (max-width: 576px) {
.logo-with-btn {
bottom:2px;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
.athene-navWayFinder .nav-item {
padding: 5px 2px;
margin: 0;
}
.athene-navToolBar .atheneBrandIconWrap {
width: 350px;
}
}
.mobleSearch.atheneMobilhdr i.fa-search,
a.nav-link.navSearchWrap i.fa-search{
position: static;
}
@media only screen and (max-width:767px) {
.atheneNavWayLeft a.nav-link:hover{
color:#11175E !important;
}
.mobileNotification {
position: relative;
}
.athene-login-drawer li {
padding: 10px 15px;
}
.athene-login-drawer {
margin-bottom: 0px;
}
.athene-login-drawer li button {
margin: 0px;
width: 170px;
font-size: 14px;
}
.mobileNotification .notifications-wrap .fa-bell:after {
display: none;
}
.notificationDescription {
font-size: 14px;
}
.notificationType>span {
font-size: 14px;
}
.notificationsList .notificationType i {
font-size: 16px;
color: #1d67ac;
line-height: inherit;
}
.notificationsList {
margin-bottom: 0px;
}
/* newly added */
#mobileNotificationId .notifications-wrap {
width: 290px;
left: inherit;
top: 50px !important;
right: -40px;
transform: translateX(0%);
display: none;
padding-top: 25px;
z-index: 15;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
}
.notifications-wrap:before {
content: none;
}
.athene-navMenus .nav-link:hover {
border-top-left-radius: 0px;
border-top-left-radius: 0px;
background-color: inherit;
}
.active-nav-menu {
border-top-left-radius: 0px;
border-top-left-radius: 0px;
background-color: inherit;
}
.atheneMobileMenu.active {
background-color: #ffffff;
}
.atheneMobileMenu.active .fa-bars {
color: #11175E;
}
/* newly added */
.mobileHeader {
background-color: #11175E;
height: 50px;
display: flex;
align-items: center;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 10;
}
.atheneMobilhdr i {
color: #ffffff;
font-size: 20px;
position: relative;
}
.atheneMobilhdr i.fa-bell:after {
top: -4px;
}
.atheneMobilhdr {
width: 45px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.atheneMobilhdr.active {
background-color: #ffffff;
}
.atheneMobilhdr.active .nav-link .fa-bell {
color: #11175E;
}
/* newly added */
.atheneMobilhdr .atheneNavDrawer-accountInfo {
transform: translate(0%, 0%);
right: 0;
top: 50px;
left: inherit;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
z-index: 15;
max-height: 300px;
overflow-y: auto;
}
.atheneMobilhdr .atheneNavDrawer-accountInfo::before {
display: none;
}
.atheneMobileMenu {
border-right: solid 1px #0c2b72;
}
.mobleSearch,
.mobleUser,
.mobileNotification {
border-left: solid 1px #0c2b72;
}
.mobleUser {
background: #5091CD;
border-left: 1px solid #5091CD;
}
.mobleUser.active {
background-color: #ffffff !important;
border-left: 1px solid #ffffff !important;
}
#mobileNotificationId .nav-link {
margin-right: 5px;
margin-left: 5px;
}
.mobleUser.active i {
color: #11175E;
}
.mobleHeaderLogo-wrap {
flex: 1;
}
.mobleHeaderLogo {
max-width: 185px;
width: 100%;
height: 30px;
}
.athene-navToolBar {
display: none;
}
.athene-navWayFinder .nav-item {
padding: 0px;
border-top: 0px;
}
.athene-navWayFinder .nav-item.active,
.athene-navWayFinder .nav-item:hover {
border-top: 0px solid transparent;
}
.athene-navWayFinder .nav-item.active {
border-left: 2px solid #CCCCCC;
}
.athene-navWayFinder .nav-item.active .nav-link {
color: #0067ac !important;
background-color: #EDEDED;
}
.navToolBarMenuWrap {
display: none;
}
.athene-navWayFinder {
position: fixed;
width: 90%;
top: 50px;
left: 0;
bottom: 0;
display: none;
align-items: flex-start;
background-color: #ffffff;
padding-left: 7px;
overflow-y: scroll;
padding-top: 20px;
z-index: 10;
}
.athene-navWayFinder .nav-link,
.athene-navMenus .nav-link {
font-family: 'Avenir-Next-Demi-Bold';
width: 100%;
color: #000000;
font-size: 16px;
padding: 10px;
}
.athene-mobile-navMenu ul {
list-style-type: none;
font-family: 'Avenir-Next-Demi-Bold';
padding-left: 15px;
border-bottom: 1px solid #EDEDED;
}
.athene-mobile-navMenu ul li a {
/* color: #000000; */
text-decoration: none;
}
.athene-mobile-navMenu ul li {
margin: 20px 0px 20px 0px;
font-size: 14px;
}
.athene-mobile-navMenu {
font-family: 'Avenir-Next-Demi-Bold';
background-color: #ffffff;
color: #0067AC;
}
.athene-mobile-navMenu>span,
.athene-mobile-navMenu>a {
border-bottom: 1px solid #EDEDED;
display: block;
padding: 10px 10px;
font-size: 16px;
color: inherit;
text-decoration: none;
}
.athene-mobile-navMenu.active {
background-color: #ffffff;
color: #0067AC;
}
ul.institutionsHeaderMenu {
margin: 20px 0px;
padding: 25px 0px 30px 15px;
list-style-type: none;
border-top: 1px solid #EDEDED;
}
ul.institutionsHeaderMenu li {
padding-left: 0px;
padding-bottom: 0px;
}
.institutionsHeaderMenu li a {
text-decoration: none;
color: #11175E;
padding: 15px 0px;
display: block;
font-family: 'Avenir-Next-Demi-Bold';
}
.log-out-btn {
min-width: auto;
height: auto;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
.athene-navMenus .navbar-nav .nav-item .nav-link {
padding: 15px 3px;
padding-left: 5px;
font-size: 14px;
}
.bOB-Title {
font-size: 30px;
padding: 15px 20px;
}
#contractIssueDateEnd , #contractIssueDateStart {
padding-right: 15px !important;
padding-left: 10px !important;
}
.calender-add-on i {
right: 12px !important;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.athene-navMenus .navbar-nav .nav-item .nav-link {
padding: 23px 14px;
}
}
@media only screen and (max-width:767px) {
.athene-navWayFinder .container ul.navbar-nav li {
padding: 0px;
}
}
@media only screen and (max-width:575px) {
.log-out-btn span {
display: none;
}
}
.athene-navMenus ul.navbar-nav li {
position: static;
}
.noborder {
border: none;
}
.greyBackground {
background-color: #EDEDED;
}
/* font weight fixes */
/* prw-4180 fix added by thusar*/
#chartDesc {
display: none;
}
/**/
@media only screen and (max-width:767px) {
h1,
.h1,
h1.page-title {
font-size: 32px !important;
}
h2,
.h2 {
font-size: 32px !important;
}
h3,
.h3 {
font-size: 22px;
}
h4,
.h4 {
font-size: 18px;
margin-bottom: 12px;
}
h5,
.h5 {
font-size: 17px;
margin-bottom: 10px;
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.athene-navMenus .navbar-nav .nav-item .nav-link {
padding: 23px 14px;
}
}
/* ================ header css Ends ============== */
/* ================== footer css starts ================== */
body {
position: relative;
min-height: 100%;
height: 100%;
}
html {
height: 100%;
}
footer {
bottom: 0;
right: 0;
left: 0;
width: 100%;
}
.atheneFooter-SiteLinks [class*="col-"] {
padding: 0px;
}
.atheneFooter-SiteLinks {
background-color: #11175E;
}
footer ul.siteLinksWrap,
footer ul.footerNavwayWrap {
list-style-type: none;
display: flex;
padding-left: 0;
padding: 10px 14px;
margin-bottom: 16px;
}
footer .siteLinksWrap .siteLink-footer {
padding-right: 12px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
}
.footerSocialMediaWrap {
display: flex;
align-items: center;
height: 100%;
}
.siteLinksWrap .siteLink-footer a {
font-size: 20px;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
}
.footerSocialMediaWrap a {
display: inline-block;
margin-right: 10px;
}
.footerSocialMediaWrap a:hover {
text-decoration: none;
}
.atheneSubFooter {
background-color: #000000;
padding-bottom: 30px;
}
@media print {
.atheneSubFooter {
background-color: #F7F7F7;
}
}
.athene-copyRight,
.atheneSubFooter .TandC-Wrap {
font-size: 14px;
color: #ededed;
font-family: 'Avenir-Next-Regular';
}
@media print {
.athene-copyRight,
.atheneSubFooter .TandC-Wrap {
color: #4D4D4D;
}
}
.footerSocialMediaWrap a i {
color: rgba(255, 255, 255, 0.5);
font-size: 28px;
}
.container.atheneTC-Container {
border-bottom: 1px solid #EDEDED;
padding-bottom: 20px;
}
.TandC-Wrap {
padding-right: 15px;
}
.TandC-Wrap a {
color: #ffffff;
font-size: 14px;
font-family: 'Avenir-Next-Regular' !important;
}
#dvHeaderLogoButton .header-logo-wrap{
}
@media only screen and (max-width: 767px){
.header-img-forgotPassUser {
width: 300px !important;
height: 35px !important;
}
}
@media only screen and (max-width: 575px){
#dvHeaderLogoButton .header-logo-wrap {
height: 35px !important;
width: 215px !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
#dvHeaderLogoButton .header-logo-wrap {
height: 35px !important;
width: 300px !important;
}
}
.header-img-forgotPassUser,
#dvHeaderLogoButton .header-logo-wrap {
width: 465px;
height: 40px;
}
#scrollToTop{
position: absolute;
top: 0;
right:0;
height: 50px;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.6);
}
#scrollToTop i{
font-size: 28px;
color: #11175E;
}
.TandC-Wrap a:hover,
.atheneNavWayRight a:hover {
text-decoration: none;
color: #ffffff !important;
}
.atheneTC-cont-wrapper {
background-color: #000000;
/* padding-top: 30px; */
}
@media print {
.atheneTC-cont-wrapper {
background-color: #F7F7F7;
}
}
.atheneTC-cont-wrapper span {
font-family: 'Avenir-Next-Regular';
font-size: 16px;
color: #ffffff;
}
@media print {
.atheneTC-cont-wrapper span {
color: #4D4D4D;
}
}
.atheneTC-cont-wrapper .row > .col-12 >span{
display: block;
padding-top: 30px;
border-top: 1px solid #cccccc;
}
.atheneTC-cont-wrapper strong {
color: #ffffff !important;
}
@media print {
.atheneTC-cont-wrapper strong {
color: #4D4D4D !important;
}
}
.atheneTC-link-wrapper {
padding-bottom: 10px;
padding-top: 20px;
background-color: #000000;
}
@media print {
.atheneTC-link-wrapper {
background-color: #F7F7F7;
}
}
.footerNavwayWrap a {
font-size: 16px;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
cursor: pointer;
}
.footerNavwayWrap .navWayLink {
padding-right: 30px;
padding-left: 0px;
}
.footerNavwayWrap .navWayLink a:hover {
text-decoration: none;
}
.siteLinksWrap .siteLink-footer a:hover {
text-decoration: none;
}
.footerLogoWrap {
width: 185px;
height: 50px;
margin-top: 20px;
}
.footerLogoWrap img {
width: 100%;
height: 100%;
}
#dvHeaderLogoButton + button.btn-secondary{
background-color:#5091CD;
display: flex;
align-items: center;
justify-content: center;
font-size: 18.66px;
}
@media only screen and (max-width:767px) {
.footerSocialMediaWrap a {
margin-left: 10px;
margin-right: 0px;
margin-bottom: 15px;
}
.container.atheneTC-Container {
border-bottom: none;
}
.atheneTC-cont-wrapper {
margin: 0px;
padding: 20px 0px;
border-top: none;
}
.atheneTC-Container .d-flex.termsOfUseAndPrivacy {
justify-content: center;
flex-direction: column;
align-items: center;
}
.TandC-Wrap {
margin-top: 15px;
padding-right: 0px;
}
.atheneTC-cont-wrapper span {
font-size: 15px;
}
.footerSocialMediaWrap {
justify-content: center;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
.siteLinksWrap .siteLink-footer a {
font-size: 17px;
}
.footerNavwayWrap .navWayLink {
padding-right: 15px;
}
.atheneNavWayRight .nav-item a, .atheneNavWayLeft .nav-item a {
padding-right: 4px !important;
padding-left: 4px !important;
}
}
@media only screen and (max-width:1199px) and (min-width:992px) {
.siteLinksWrap .siteLink-footer a {
font-size: 20px;
}
}
.atheneFooter-SiteLinks ul li {
padding: 0;
}
.atheneFooter-SiteLinks .row,
.atheneSubFooter .row {
margin-right: 0px;
margin-left: 0px;
}
/* ================== footer css Ends ================== */
/* ================== Accordian css Starts ================== */
.accordian-header {
padding: 10px 0px;
border-bottom: 2px solid #0067AC;
display: block;
text-decoration: none;
color: #0067AC;
font-size: 28px;
font-family: 'Avenir-Next-Regular';
}
.accordian-header,
.accordian-header+.collapse.show {
border-width: 2px !important;
}
.upload-doc-section .upload-doc {
margin-right: 0px;
}
.accordian-header:hover {
text-decoration: none;
color:#0067AC !important;
}
.accordian-header .fa-minus {
display: none;
}
.accordian-pad {
padding-left: 30px;
padding-right: 30px;
}
.accordian-margin {
margin: 20px 30px !important;
}
.year-dropdown {
display: flex;
align-items: center;
}
.year-dropdown label {
margin-left: 30px;
}
.year-dropdown .athene-select {
width: 90px;
margin-left: 15px;
background-color: #ffffff;
height: 40px;
border-radius: 4px;
font-family: 'Avenir-Next-Demi-Bold';
padding-left: 19px;
background-image: url(/style/images/downward_arrow.svg);
background-repeat: no-repeat;
background-size: 14px 25px;
background-position: 90% 50%;
}
.data-card-accordian .collapse.show {
background-color: #fff;
padding: 0px;
}
.data-card-accordian {
margin-bottom: 8px;
}
.data-card-accordian .data-card-details {
margin-top: 10px;
font-size: 16px;
}
.data-card-accordian .col-md-3 .btn-primary {
width: 100%;
}
.data-card-accordian .data-card-head {
margin-bottom: 10px;
}
.data-card-accordian,
.data-card-accordian .row {
margin-bottom: 15px;
}
.data-card-accordian p,
.data-card-accordian .athene-alert {
margin-left: 15px;
}
.data-card-accordian .row {
margin-left: 0px;
margin-right: 0px;
}
.accordion-para {
color: #4d4d4d;
font-size: 16px;
font-family: "Avenir-Next-Regular"
}
.benefits-btn {
min-width: 160px;
}
.accordian-header-v2 .fa-minus {
display: none;
}
.accordian-header-v2 a {
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 28px;
}
.accordian-header-v2 a:focus {
outline: none;
text-decoration: none;
}
.accordian-header-v2 .fa-trash {
color: #cccccc;
margin-top: 14px;
}
.min-width-auto {
min-width: auto !important;
}
.product{
background-color: #ffffff;
padding: 5px;
border: 1px solid #cccccc;
margin-bottom: 30px;
}
.outer-product-wrap {
width: 100%;
margin-top: 30px;
border: 1px solid #CCCCCC;
background-color: #e6e6e6;
padding: 30px;
color: #000000;
margin-bottom: 30px;
}
.distribution {
margin-bottom: 30px;
}
.distribution p {
font-size: 12px;
font-family: 'Avenir-Next-Regular';
color: #4D4D4D;
margin-bottom: 8px;
}
@media only screen and (max-width:991px) and (min-width:768px) {
.accordian-header {
font-size: 25px;
}
}
@media only screen and (max-width:767px) {
.accordian-header {
font-size: 22px;
}
.benefits-btn {
margin-top: 25px;
}
.accordian-pad {
padding-left: 15px;
padding-right: 15px;
}
.accordian-margin {
margin: 20px 15px !important;
}
.year-dropdown label {
margin-left: 15px;
}
}
/* ================== Accordian css Ends ================== */
/* ================== Dashboard css Starts ================== */
.gray-box-grid,
.row-grid,
.stripped-rows {
padding: 40px 0px;
}
.simple-card-text{
color:#4d4d4d;
}
.toolkit-ytd-premium,
.my-business-contracts,
.product-availability-training {
padding-top:0px;}
.products-training .contracts-sub-head {
padding-bottom: 10px;
}
.products-training .card-row-text {
padding: 0px 30px;
}
.products-training .athene-table-container {
padding-top: 25px;
}
.product-availability-training .all-business {
padding-top: 10px;
}
.ingights-card-img{
/*height: 205px;*/
}
.card-body h5.card-title{
color: #11175E;
}
.edit-emial {
color: #cccccc;
margin-left: 10px;
}
.link-disable, .link-disable .fa-edit {
color: #CCCCCC !important;
cursor: not-allowed;
}
.status-bar {
display: flex;
justify-content: center;
text-align: center;
}
#issuedTable tr > td:last-of-type, #pendingTable tr > td:last-of-type {
border-right: none;
}
#issuedTable td,#issuedTable th, #pendingTable td,#pendingTable th {
/* padding: 5px 15px; */
/* text-align:center; */
white-space: nowrap;
}
@media only screen and (min-width:767px) and (max-width:991px) {
.simple-detail {
font-size: 26px;
}
.simple-card-main {
padding: 15px;
}
}
@media only screen and (max-width:767px) {
.gray-box-grid,
.row-grid,
.stripped-rows {
padding: 40px 0px;
}
.all-business {
font-size: 16px;
padding: 15px 20px;
}
.card-row-text {
font-size: 15px;
}
.striped-sections section {
padding: 30px 0px;
padding-bottom: 30px !important;
}
.news-webcasts-wrapper,
.insights-wrapper {
margin-bottom: 20px;
}
.simple-card,
.news-webcasts-wrapper,
.athene-promo-card {
height: auto;
}
}
.multi-card-header,
.show-more-wrap {
display: flex;
justify-content: center;
}
.multi-card-header h2{
font-family: 'Avenir-Next-Regular' !important;
}
.insights .card-title{color:#11175E;}
.insights .card-footer-text,
.insights-wrapper .card-footer-text{
font-size:12px;
font-family:'Avenir-Next-Demi-Bold';
}
.show-more-wrap {
padding: 25px 0px;
}
@media only screen and (min-width: 768px) {
.show-more-wrap .btn{
padding: 17px 40px;
}
}
/* ================== Dashboard css Ends ================== */
.striped-sections section:nth-child(odd) {
background-color: #f7f7f7;
}
.striped-sections section:nth-child(even) {
background-color: #ededed;
}
@media only screen and (max-width:767px) {
/* .container.athene-mainContainer {
padding: 20px 15px;
}*/
}
.container ul.navbar-nav li {
padding-left: 0px;
padding-bottom: 0px;
cursor: pointer;
}
.container ul li:before {
content: none;
}
/*.athene-navWayFinder .container ul.navbar-nav li {
padding: 5px 10px;
}*/
.container ul.navbar-nav:not(.pagination) {
overflow: inherit;
}
/* ================== Pending New Business css Starts ================== */
section.pending-new-business {
margin-top: 50px;
}
.linkContractSpace{
padding-left: 4px;
}
.content-grid {
border: 1px solid #cccccc;
background-color: #EDEDED;
padding: 30px;
margin: 15px 0px 45px 0px;
}
.business-sub-head {
display: flex;
}
.pending-business-wrap .content-grid-header {
justify-content: space-between;
}
.filter-dateRange-selector-container {
position: relative;
}
.table-tab-component ul.indivudual-table-tab {
display: flex;
align-items: center;
white-space: nowrap;
/*height: 69px;*/
overflow: auto;
padding-left: 0px;
/*padding-inline-start: 0px;*/
position: relative;
margin-bottom: -2px;
}
.table-tab-component {
position: relative;
}
.leftScroll-tab,
.rightScroll-Tab {
position: absolute;
z-index: 9;
display: flex;
padding: 0;
width: 40px;
justify-content: center;
align-items: center;
height: 69px;
background-color: #cccccc;
cursor: pointer;
}
.leftScroll-tab {
left: 0;
top: 0;
}
.rightScroll-Tab {
right: 0;
top: 0;
}
.rightScroll-Tab.active i.fa-chevron-double-left,
.leftScroll-tab.active i.fa-chevron-double-right {
color: #0067ac;
}
.leftScroll-tab:not(.invisible) + ul.indivudual-table-tab{
height: 68px;
}
.close-tabs {
display: none;
justify-content: center;
align-items: center;
width: 50px;
height: 60px;
position: absolute;
bottom: 0;
left: 0;
z-index: 8;
}
ul.indivudual-table-tab::-webkit-scrollbar {
height: 10px;
}
ul.indivudual-table-tab::-webkit-scrollbar-track {
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
border-radius: 10px;
background: #999999;
}
ul.indivudual-table-tab::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #f1f1f1;
}
.indivudual-table-tab:before {
display: table;
content: ' ';
}
.indivudual-table-tab li.removeTabs-btn[type="button"] {
position: absolute;
left: 0;
top: 0;
z-index: 8;
display: flex;
width: 65px;
padding: 0;
align-items: center;
justify-content: center;
}
.indivudual-table-tab:after {
clear: both;
}
ul.indivudual-table-tab>li {
height: 60px;
}
ul.indivudual-table-tab>li.upline-tab {
min-height: 30px;
padding: 20px;
position: relative;
border: 1px solid #cccccc;
text-align: center;
border-left: none;
cursor: pointer;
display: flex;
background: linear-gradient(#e9e9e9, #fefefe);
font-family: 'Avenir-Next-Demi-Bold';
}
ul.indivudual-table-tab>li:first-child {
border-left: 1px solid #cccccc;
border-bottom: none;
/* border-right: none; */
}
ul.indivudual-table-tab li.active {
background: white;
border-bottom-color: transparent;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #cccccc;
border-bottom-color: transparent;
float: left;
margin-bottom: -4px;
height:64px;
color: #0067AC;
}
ul.indivudual-table-tab li.active a {
color: #11175e !important;
}
ul.indivudual-table-tab li a {
color: black !important;
}
.indivudual-table-tab i.fa-times-circle {
font-size: 24px;
}
.indivudual-table-tab li.removeTabs-btn[type="button"] {
border: 1px solid #ccc;
-webkit-appearance: none;
background: linear-gradient(#e9e9e9, #fefefe);
cursor: pointer;
}
.production-summary-dateFilter,
.results-summary-grid {
background-color: #ffffff;
border: 1px solid #cccccc;
}
.results-summary-grid {
border-top: 0px;
padding-top: 25px;
border-top: 1px solid #cccccc;
}
.results-summary-grid .orgnanisationLegend {
margin-right: 15px;
text-align: right;
}
.orgnanisationLegend {
float: right;
padding: 0px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
display: table-cell;
margin-bottom: 0px;
color: #000000;
}
.orgnanisationLegend i.fa-times,
.activeInactive-status i.fa-times {
color: red;
}
.production-summary-dateFilter.d-none+.production-summary-Results>.results-summary-grid {
border-top: 1px solid #ccc;
}
.results-summary-grid table .TotalPremium-row td {
color: #11175e;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 19px;
border-right: 0px;
border-bottom: 0px;
text-align: left;
}
.results-summary-grid table tr.TotalPremium-row {
background-color: #ffffff !important;
padding: 15px 0px;
height: 70px;
border-bottom: 0px;
}
.results-summary-grid table tbody {
border-bottom: 0px;
}
.results-summary-grid table tr:nth-last-child(2) {
border-bottom: 1px solid #cccccc;
}
.results-summary-grid table td {
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
}
.results-summary-grid table td:last-child {
padding-left: 20px;
text-align: right;
}
.results-summary-grid table tr:not(.TotalPremium-row) td:nth-last-child(2),
.results-summary-grid table th:nth-last-child(2) {
display: none !important;
}
.results-summary-grid table#browseHierarchyTable tr:not(.TotalPremium-row) td:nth-last-child(2),
.results-summary-grid table#browseHierarchyTable th:nth-last-child(2) {
display: table-cell !important;
}
.results-summary-grid table th {
border: 0px;
}
.results-summary-grid table td .athene-transparent-btn,
.results-summary-grid table td .athene-filled-btn {
width: 120px;
min-width: 80px;
border-radius: 5px;
margin: 5px 10px;
min-height: 30px;
padding: 8px;
font-size: 15px;
}
.results-summary-grid table {
border: 0px;
width: 100% !important;
}
.premium-amount-note {
color: #000000;
font-size: 16px;
padding: 15px;
}
#pendingReportDiv .dataTables_filter {
padding: 0px;
border-bottom: 1px solid #ededed;
}
#pendingReportDiv .dataTables_filter label {
/* float: left; */
display: block;
}
#pendingReportDiv .clear {
float: none;
clear: both;
}
#producerName {
padding-left: 20px;
}
.results-for {
font-weight: bold;
}
.no-of-results {
font-family: "Avenir-Next-Regular";
font-size: 16px;
color: #4d4d4d;
}
#pendingReportDiv .downloadtableExcel {
float: right;
display: flex;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid #ededed;
align-items: center;
}
#pendingReportDiv .lblAnnuity .spnAnnuity {
padding: 12px 10px 12px 0px;
width: 100%
}
#pendingReportDiv .lblAnnuity .input-group-append .fa {
position: absolute;
right: 5px;
top: 15px;
z-index: 10;
}
#pendingReportDiv .lblAnnuity .input-group-text {
background-color: transparent;
border: 0px solid #ced4da;
z-index: 10;
position: absolute;
top: 8px;
}
.athene-custom-table,
.athene-custom-table thead,
.athene-custom-table tbody {
border: none;
}
.athene-custom-table tr {
display: table-row !important;
max-width: 100%;
white-space: nowrap;
}
.athene-custom-table td {
display: table-cell !important;
max-width: 100%;
white-space: nowrap;
color: #4d4d4d;
}
.athene-custom-table thead {
font-size: 16px;
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-custom-table thead tr th {
border-bottom: none;
border-top: none;
/* padding-left: 20px; */
vertical-align: middle;
padding: 0.75rem 2.5rem 0.6rem 0.75rem;
}
.athene-custom-table td,
.dataTables_wrapper tbody td {
border-top: 1px solid #dee2e6;
border-bottom: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
padding: 0.75rem 2.5rem 0.6rem 0.75rem;
vertical-align: middle;
color: #4d4d4d;
}
#pendingNewBusinessDataTable tbody td {
padding: 5px 15px !important;
text-align: left;
}
#pendingNewBusinessDataTable thead tr th {
padding-left: 15px !important;
}
.athene-custom-table td:last-child {
border-right: none;
}
.athene-custom-table th,
td {
margin-left: 15px;
}
.athene-custom-table tbody tr:nth-child(odd) {
background-color: #F4FBFB;
}
#pendingNewBusinessReport_wrapper {
border: 1px solid #ededed;
}
#noData h4 {
font-weight: normal !important;
font-family: 'Avenir-Next-Regular' !important;
}
#loader .alert-content,
#docUploadLoader .alert-content{
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
}
#pendingNewBusinessReport_wrapper .dataTables_filter label input[type="search"], #txtAnnuity {
background-color: #f7f7f7;
/*background-color: #ffffff;*/
}
#pendingNewBusinessReport_wrapper #txtAnnuity {
background-color: #f7f7f7;
border: 1px solid #ced4da;
height: 50px;
padding-left: 25px;
}
#pendingNewBusinessReport_length select {
color: #4d4d4d;
border: 1px solid #ccc;
border-radius: 0;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
}
#pendingNewBusinessReport_paginate {
display: block !important;
}
#pendingNewBusinessReport_length select {
min-width: 65px;
width: 65px;
height: 50px;
text-align: center;
padding: 0px 15px;
}
#pendingNewBusinessReport_length.dataTables_length {
float: right;
padding-right: 20px;
}
#pendingNewBusinessDataTable_length.dataTables_length {
float: right;
padding-right: 20px;
}
#pendingNewBusinessReport_length.dataTables_length>label {
display: table;
width: 100%;
}
#pendingNewBusinessDataTable_length.dataTables_length>label {
display: table;
width: 100%;
}
#pendingNewBusinessReport_length select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 25px;
background-position: right 0.05rem center;
}
#pendingNewBusinessReport_paginate .paginate_page {
display: none;
}
#pendingNewBusinessReport_paginate .first.paginate_button:empty,
#pendingNewBusinessReport_paginate .last.paginate_button:empty {
display: none;
}
#pendingNewBusinessReport_paginate .paginate_of .paginate_no {
color: #0067AC;
}
#pendingNewBusinessReport_paginate .paginate_input {
height: 50px;
width: 60px;
text-align: center;
border: 1px solid #ccc;
}
#pendingNewBusinessReport_paginate .paginate_button {
display: inline-block;
padding: 12px;
text-align: center;
margin: 0px 15px !important;
border-radius: 0px;
color: #2d7ab1;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
cursor: pointer;
color: #0067ac;
border: 1px solid #ccc;
border-radius: 0;
}
#pendingNewBusinessReport_paginate .paginate_button.previous.disabled,
#pendingNewBusinessReport_paginate .paginate_button.next.disabled {
background-color: #CCCCCC;
text-align: center;
color: #000;
}
.content-grid h3 {
font-size: 29px !important;
width: auto !important;
line-height: 0.9;
}
.content-grid-date span {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 22px;
}
.dataTables_processing {
text-align: center;
font-family: 'Avenir-Next-Demi-Bold';
}
.reset-filter-btn {
height: 27px;
background-color: #f7f7f7;
outline: none;
border: 1px solid #cccccc;
border-radius: 5px;
width: auto;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
padding: 0px 15px;
}
.content-grid-header {
display: flex;
align-items: flex-start;
font-family: 'Avenir-Next-Demi-Bold';
}
@media only screen and (min-width:992px) {
.content-grid-header {
padding-bottom:15px;
}
}
.content-grid-header-date {
display: flex;
align-items: flex-start;
justify-content: space-between;
font-family: 'Avenir-Next-Demi-Bold';
}
.reset-filter-btn i {
font-size: 14px;
margin-right: 5px;
}
@media only screen and (max-width:575px) {
.content-grid-header-date {
flex-wrap: wrap;
}
.first-content-grid {
padding: 12px !important;
}
#staffProducerMsg a {
display: block;
}
#pendingReportDiv .downloadtableExcel {
padding-left: 10px;
display: flex;
align-items: flex-start;
flex-direction: column;
}
#producerName {
padding-left: 10px;
}
}
@media only screen and (max-width:767px) {
.content-grid-date span {
font-size: 16px;
}
.close-tabs {
height: 100%;
}
ul.indivudual-table-tab>li {
height: 55px;
}
.content-grid {
margin: 15px 0px;
padding: 10px;
}
.content-grid h3 {
font-size: 22px !important;
width: 70%;
}
.table-tab-component ul.indivudual-table-tab {
/* padding-left: 50px; */
overflow-x: auto;
}
.leftScroll-tab,
.rightScroll-Tab {
display: none;
}
.premium-amount-note {
font-size: 15px;
}
.indivudual-table-tab li.removeTabs-btn[type="button"] {
display: none;
}
#pendingNewBusinessReport_paginate .paginate_button {
height: 40px;
width: 40px;
padding: 8px;
}
#pendingNewBusinessReport_paginate .paginate_input {
height: 41px;
width: 50px;
text-align: center;
border: 1px solid #ccc;
}
#pendingNewBusinessReport_length.dataTables_length label {
margin-bottom: 0px;
font-size: 16px;
margin-top: 10px;
}
#pendingNewBusinessDataTable_length.dataTables_length label {
margin-bottom: 0px;
font-size: 16px;
margin-top: 10px;
}
#pendingNewBusinessReport_length.dataTables_length {
padding: 15px 0px;
padding-right: 10px;
text-align: center;
}
#pendingNewBusinessDataTable_length.dataTables_length {
padding: 15px 0px;
padding-right: 10px;
text-align: center;
}
#pendingNewBusinessReport_length select {
width: auto !important;
margin-right: 10px;
}
#pendingNewBusinessReport_wrapper .dataTables_filter label,
#pendingNewBusinessReport_wrapper .dataTables_filter label input[type="search"] {
width: 100% !important;
}
.orgnanisationLegend {
font-size: 16px;
}
#loader.modal.show .modal-body,
#docUploadLoader.modal.show .modal-body{
height: 60px;
padding: 15px;
}
#loader .app-sub-head-commission,
#docUploadLoader .app-sub-head-commission{
font-size: 16px;
}
#noData h4 {
font-size: 16px;
}
#noData {
padding: 0 15px;
}
}
#loader .fa.fa-circle-notch.fa-spin,
#docUploadLoader .fa.fa-circle-notch.fa-spin{
color: #2d82ff;
font-size: 25px;
}
#loader .app-sub-head-commission,
#docUploadLoader .app-sub-head-commission{
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
}
#loader.modal.show .modal-dialog ,
#docUploadLoader.modal.show .modal-dialog{
max-width: 430px;
}
#loader.modal.show .modal-content,
#docUploadLoader.modal.show .modal-content {
border-radius: 0px;
}
#loader.modal.show .modal-body,
#docUploadLoader.modal.show .modal-body{
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
padding: 20px;
}
#noData {
padding: 0 25px;
}
/* ================== Pending New Business css Ends ================== */
/* ================== Production SUmmary Css Starts ================== */
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover{
color: #ffffff !important;
background: #0067AC !important;
border:none;
}
.dataTables_wrapper .dataTables_paginate{
float: none;
padding-top: 30px;
text-align: left;
}
.dataTables_wrapper .dataTables_length{
float: right;
}
.content-grid-subHeader {
top: 10px;
right: 20px;
position: absolute;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
color: black;
margin-top: 20px;
}
.production-summary-dateFilter.d-none+.production-summary-Results>.production-summary-filterResults {
border-top: 1px solid #ccc;
}
.content-grid-shelf {
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 30px;
}
.dateRangeRequirements {
font-size: 18px;
margin-bottom: 0px;
color: #4d4d4d
}
.form-range-input-wrap {
margin-top: 20px;
}
.form-checkbox-radio-list .custom-control{
padding-left: 40px;
padding-bottom: 10px;
padding-top: 10px;
color: #4d4d4d;
}
.form-checkbox-radio-list .custom-control .form-check-label{
padding-left: 10px;
color: #4d4d4d;
}
.form-range-input {
display: inline-block;
width: 43%;
position: relative;
vertical-align: top;
}
.form-range-input+.rangeSeperator {
display: inline-block;
line-height: 3.8;
width: 10%;
text-align: center;
padding: 25px 0px 0px;
}
#producerReportDiv {
display: none;
}
#producerReportDiv .datatable-download-report-wrapper {
background-color: #fff;
height: 50px;
border-bottom: 1px solid #ededed;
}
.rightScroll-Tab i,
.leftScroll-tab i {
color: #ffffff;
font-size: 22px;
}
.datepicker-dropdown table tbody tr:nth-child(even) {
background-color: #f4fbfb;
}
td.disabled {
columns: #999999;
/* background-color: #f7f7f7 !important; */
border-color: transparent !important;
opacity: 0.7;
}
@media only screen and (max-width:767px) {
.form-checkbox-radio-list .custom-control{
padding-left: 40px !important;
padding-bottom: 15px;
}
.form-checkbox-radio-list .custom-control .form-check-label{
font-size: 16px;
}
.form-range-input,
.form-range-input+.rangeSeperator {
display: block;
width: 100%;
}
.form-range-input+.rangeSeperator {
line-height: normal;
padding: 10px 0px;
}
.content-grid-shelf {
padding: 20px;
}
.content-grid-header-date h3 {
width: 95%;
}
}
/* ================== Production SUmmary Css Ends ================== */
/* datatable scrollbar */
.dataTables_wrapper tbody td,
.athene-custom-table tbody td {
font-size: 15px;
padding: 0.75rem 2.5rem 0.6rem 0.75rem;
vertical-align: middle;
/* padding: 5px 15px !important; */
color: #4d4d4d;
}
.athene-custom-table#staffPermissionElogDataTable tbody tr td{
white-space: normal !important;
min-width: 100px;
}
/* .dataTables_scrollBody::-webkit-scrollbar {
width: 16px;
}
.dataTables_scrollBody::-webkit-scrollbar-track {
border-radius: 0px;
background: #999999;
border: 1px solid #999999;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
background: #f1f1f1;
border-radius: 10px;
width: 8px;
border: 5px solid transparent;
background-clip: content-box;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
width: 8px;
border: 5px solid transparent;
background-clip: content-box;
background: #f1f1f1;
} */
.dataTable {
width: 100% !important;
margin-bottom: 0px;
}
.DTFC_Cloned {
width: auto;
}
.athene-contrats-table .dataTable {
margin-top: -1px;
}
.dataTables_wrapper thead th {
height: 50px;
border: none;
/*text-align: center;*/
}
#commissionDataTable td {
vertical-align: middle;
padding: 5px 15px;
}
#noDataDiv,
#invalidDateDiv,
#invalidContractNo
{
background-color: white;
display: flex;
justify-content: flex-start;
align-items: center;
}
#noDataDiv p
#invalidDateDiv p,
#invalidContractNo p
{
margin-bottom: 0px;
}
#invalidContractNo .fa-angle-right ,
#invalidDateDiv .fa-angle-right ,
#noDataDiv .fa-angle-right
{
font-size: 16px !important;
color: #0067AC !important;
display: inline-block;
}
.commissionStatement-filter .content-grid-shelf {
padding: 0px;
}
@media only screen and (max-width:767px) {
.dataTables_wrapper thead th,.dataTables_wrapper thead th.sorting ~ th.sorting_disabled {
height: auto;
font-size: 14px;
}
.dataTables_scrollBody::-webkit-scrollbar {
height: 10px;
}
}
@media only screen and (min-width:576px) {
.first-content-grid {
padding: 30px !important;
}
}
/* =============================== commission statetement css starts =============================*/
.back-to-previous {
margin-top: 30px;
margin-bottom: 15px;
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
cursor: pointer;
}
div.custom-select {
min-width: 280px;
font-size: 15px;
}
.cdatatableDetails1 {
padding: 0px !important;
display: flex;
align-items: center;
margin-bottom: 8px;
margin-left: 8px;
margin-right: 8px;
}
.dataTables_length select {
padding-left: 5px !important;
min-width: 65px;
height: 50px;
text-align: center;
margin-left: 8px;
margin-right: 8px;
background-color: #F7F7F7;
font-family: 'Avenir-Next-Demi-Bold';
color: #4d4d4d;
border: 1px solid #cccccc;
}
.dataTables_length>label {
display: inline-flex;
width: 100%;
align-items: center;
font-family: 'Avenir-Next-Demi-Bold';
color: #4D4D4D;
}
.commission-group-btns .btn-outline-primary {
min-width: 110px;
}
.commission-group-btns{
padding:20px 0px;
}
@media only screen and (max-width:575px) {
.business-sub-head,.pending-business-wrap .content-grid-header {
flex-direction: column;
}
.pending-business-wrap .reset-filter-btn {
margin-left: 0px !important;
}
#getReportForm .staff-btns .btn-primary {
min-width: 120px;
}
.commission-group-btns .btn-outline-primary {
min-width: 205px;
}
#getReportForm .customRadioCheckBoxWrap.form-check,
.custom-control {
padding-left: 15px !important;
}
.dataTables_length {
padding: 20px 20px 10px 20px !important
}
.dataTables_paginate {
padding: 10px 0px 15px 0px !important;
}
.commission-group-btns{
padding: 12px 0px;
}
.commission-group-btns button{
margin-bottom: 15px;
}
button.btn.btn-primary.commStmnt-submitBtn.mr-4{
margin: 0px !important;
}
}
.commission-statement-section .app-sub-head-commission {
font-size: 30px;
font-family: 'Avenir-Next-Regular';
color: #000000;
}
.app-sub-head-commission {
font-size: 30px;
font-family: 'Avenir-Next-Regular';
color: #000000;
}
.total-heldCommission-table .heldcommissionTotal-tbHdr,
.total-heldCommission-table #totalHeldCommissionAmount {
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
text-align: left;
}
#debitPaymentDetails .custom-control.custom-radio {
line-height: 2;
}
#debitPaymentDetails .customRadioCheckBoxWrap {
padding-left: 0px;
}
#debitPaymentDetails td {
vertical-align: middle;
}
.commission-statement-section .pending-contract {
margin-top: 25px;
margin-bottom: 25px;
}
.modal-subheader-details-container {
padding: 30px 16px;
}
.commission-statement-section .contract-detail-head .athene-filled-btn,
.athene-filled-btn.commStmnt-submitBtn {
background-color: #0067AC;
color: #ffffff;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px !important;
margin: 0px 0px 0px 0px;
padding: 0px !important;
min-height: 32px !important;
padding: 8px !important;
border-width: 0 !important;
}
.commission-statement-section .athene-contract-info div:last-child {
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
}
.current-year {
margin: 10px 0px 5px 0px;
font-family: 'Avenir-Next-Demi-Bold';
}
.commission-btn .athene-filled-btn {
font-size: 18px;
width: 100%;
margin: 25px 0px 0px 0px;
}
.statement-prior-section {
background-color: #EfEFEF;
padding-bottom: 30px;
}
.statement-prior-section .app-sub-head {
padding-top: 30px;
margin-bottom: 10px;
}
.pdf-statements {
margin: 8px 0px 8px 15px;
}
.pdf-statements span {
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
}
.pdf-statements .fa-file-pdf {
margin-right: 10px;
}
.commission-statement-section .app-info .commission-text {
margin: 15px 0px 0px 0px;
}
.commission-statement-section .app-info p {
margin-top: 0px;
}
.commission-assitant-help,
.need-assitant-help {
padding: 25px 0px;
margin: 20px auto;
}
.content-section {
padding: 60px 0px;
}
.content-section p {
margin-bottom: 0px;
}
#disclosure_dbt {
padding-bottom: 20px;
}
/*#dataTableGroup {
background: #CCCCCC !important;
}*/
.dataTables_empty h5 {
color: #C53E32;
font-size: 16px;
text-align: center;
font-family: 'Avenir-Next-Regular';
}
.dataTables_paginate {
padding: 30px 15px;
}
.dataTables_length {
padding: 30px 2.5rem;
}
.commonStyleColumns {
text-align: left;
color: #343a40;
font-size: 12px;
}
.sorting_desc,
.sorting_asc,
.sorting {
cursor: pointer;
}
.cdatatableDetails1 {
padding: 5px !important;
}
.dataTables_filter {
border-top: 0px solid #ededed !important;
}
.resutlstable {
margin: 40px 0;
min-height: 10px;
margin-bottom: 0px;
}
/* data Table Css Starts */
.dataTables_wrapper {
background-color: #ffffff;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #F4FBFB;
}
.resutlstable .dataTables_filter label {
padding: 20px 25px;
border-right: 1px solid #ededed;
margin-bottom: 0px;
}
.commission-statement-section .contract-status-head .pending-contract-id,
.commission-statement-section .contract-status-head .status-btn,
.commission-statement-section .contract-status-head .other-detail-dropdown {
max-width: none;
}
.resutlstable .dataTables_filter label input[type="search"] {
background-color: #CCCCCC;
padding: 0px 20px;
outline: none;
height: 50px;
border-radius: 0px;
width: 300px;
}
.resutlstable .dataTables_filter label input:focus {
outline: none;
}
.tabledata-highlight {
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
}
.resutlstable table#commissionDataTable th {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
border: 0px;
padding: 15px;
vertical-align: middle;
text-align: left;
white-space: nowrap;
}
.resutlstable table#commissionDataTable td {
font-family: 'Avenir-Next-Regular';
font-size: 14px;
}
.resutlstable table#commissionDataTable tr {
min-height: 40px;
}
.paginate_button.previous.disabled a,
.paginate_button.next.disabled a {
background-color: #CCCCCC;
text-align: center;
}
.paginate_button {
height: 50px;
width: 50px;
border-radius: 0px;
}
.paginate_button a {
height: 100%;
line-height: 2;
}
#commissionDataTable_length select {
min-width: 65px;
height: 50px;
text-align: center;
background-color: #f7f7f7;
}
#commissionDataTable_length.dataTables_length {
float: right;
padding-right: 20px;
}
#commissionDataTable_length.dataTables_length>label {
display: flex;
width: 100%;
color: #4d4d4d;
font-family: 'Avenir-Next-Demi-Bold';
}
ul.pagination {
margin-bottom: 0px;
display: flex;
flex-wrap: wrap;
}
.page-item .page-link {
font-family: 'Avenir-Next-Demi-Bold';
text-align: center;
color: #0067AC;
border:1px solid #0067AC;
}
.page-item .page-link:hover {
color: #ffffff !important;
background-color: #0067AC;
}
.page-item:first-child .page-link {
border-radius: 0px;
margin-left: -1px;
}
.page-item:last-child .page-link {
border-radius: 0px;
}
.downloadtableExcel {
float: right;
margin: 0px;
padding: 10px;
}
.downloadtableExcel a {
color: #000000;
text-decoration: none;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
margin-right: 10px;
}
.downloadtableExcel a .fas {
font-size: 0.7em;
}
.downloadtableExcel a:hover {
text-decoration: none;
color: #000000 !important;
}
.downloadtableExcel a .fa-angle-right {
color: #000000;
font-size: 16px;
}
.downloadtableExcel a .fa-file-excel,
.downloadtableExcel a .fa-file-pdf {
color: #faa634;
font-size: 25px;
margin-right: 4px;
}
table#commissionDataTable {
min-width: 600px;
}
.dataTables_filter {
padding: 30px 0 30px;
border-bottom: 1px solid #ededed;
}
.dataTables_filter+div {
overflow-x: auto;
}
/* .dataTables_filter label {
display: none;
} */
strong, .strong {
font-family: 'Avenir-Next-Demi-Bold';
}
#commissionDataTable thead tr {
text-transform: capitalize;
}
/*#commissionDataTable_length select {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 25px;
background-position: right 0.05rem center;
}*/
.paginate_page {
display: none;
}
.first.paginate_button:empty,
.last.paginate_button:empty {
display: none;
}
.paginate_of, .paginate_input {
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
}
.paginate_input {
height: 50px;
width: 60px;
text-align: center;
border: 1px solid #ccc;
background-color: #F7F7F7;
color: #4D4D4D;
}
.paginate_button {
display: inline-block;
padding: 12px;
text-align: center;
margin: 0px 15px !important;
border-radius: 0px;
color: #2d7ab1;
align-items: center;
justify-content: center;
min-width: 42px;
min-height: 42px;
cursor: pointer;
color: #0067ac;
border: 1px solid #ccc;
border-radius: 0;
}
.paginate_button.previous.disabled,
.paginate_button.next.disabled {
background-color: #CCCCCC;
text-align: center;
color: #000;
}
.dc-warning-sg .alert-warning {
display: flex;
justify-content: left;
align-items: center;
font-size: 18px;
background-color: #FFFFFF;
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
border: 1px solid #C53E32 !important;
}
.dc-warning-sg .fa-exclamation-triangle {
font-size: 28px;
margin-right: 12px;
color: #C53E32;
text-align: center;
}
.commission-statement-section .contract-status-head {
display: block;
}
.commission-statement-section .contract-status-head>.row {
align-items: center;
}
/* data table commission */
@media only screen and (max-width:460px) {
.commission-statement-section .contract-status-head .pending-contract-id {
margin: 0 auto;
}
.commission-statement-section .contract-status-head .status-btn {
margin: 10px auto 5px auto;
}
.commission-statement-section .app-sub-head-commission {
font-size: 24px;
}
button.athene-filled-btn.continue-commStmnt-formBtn {
min-width: auto;
}
.paginate_button {
margin: 0px 10px !important;
}
}
@media only screen and (min-width:461px) and (max-width:575px) {
.commission-statement-section .contract-status-head .pending-contract-id {
margin-left: 12px;
}
.commission-statement-section .contract-status-head .status-btn .athene-filled-btn {
width: 145px !important;
font-size: 16px;
margin: 0px 12px 0px 0px !important;
}
}
@media only screen and (min-width:576px) and (max-width:767px) {
.commission-statement-section .other-detail-dropdown .custom-select {
width: 300px;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.commission-statement-section .pending-contract-id {
font-size: 20px;
margin-left: 0px;
}
.commission-statement-section .custom-select {
font-size: 14px;
}
.commission-statement-section .contract-detail-head .athene-filled-btn {
width: 165px !important;
}
}
@media only screen and (max-width:767px) {
#ny_status {
padding: 10px;
}
.content-section {
padding: 25px 0px;
}
.modal-subheader-details-container {
padding: 16px;
}
#ny_status .custom-control.custom-radio {
padding: 10px 40px 0px;
}
.commission-statement-section .contract-status-head {
padding: 0px 15px;
}
.commission-statement-section .other-detail-dropdown {
margin-top: 12px;
order: 4;
width: 100%;
border-top: 1px solid #CCCCCC;
padding: 15px 15px 2px 11px;
}
.commission-detail-btn {
margin-bottom: 20px;
}
.commission-btn .athene-filled-btn {
font-size: 16px;
width: 100%;
margin: 15px 0px 0px 0px;
}
#prodSumContBtn {
margin-top: 20px;
}
}
@media only screen and (max-width:991px) {
.statement-prior-section .app-sub-head,
.pdf-statements {
text-align: center;
}
.form-label {
font-size: 17px;
}
.pdf-statements {
margin: 8px 0px 8px 0px;
}
.totalCountLabel,
.downloadtableExcel {
width: 100%;
padding: 15px 0 15px;
display: block;
text-align: center;
float: none !important;
margin: 0;
margin-top: 0px !important;
}
#producerReportDiv .downloadtableExcel {
padding: 12px 0px 15px;
}
.downloadtableExcel a {
float: none !important;
margin: 15px;
font-size: 15px !important;
}
.table-redirect-link {
flex-direction: column;
align-items: flex-start;
}
}
/* should be commented removed later starts ======= */
.commission-header {
color: #11175E;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 28px;
}
.commission-statement-wrapper {
border: 1px solid #cccccc;
background-color: #EDEDED;
padding: 30px 25px;
margin: 40px 0px;
}
/* should be commented removed later ends ======= */
.date-input-wrap {
display: inline-block;
width: 42%;
position: relative;
vertical-align: top;
}
.date-input-wrap .input-group.date {
display: block;
width: 100%;
}
.select-contract-label {
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
}
.stepper-component li h3 {
color: #4d4d4d !important;
}
@media only screen and (min-width:768px) {
.content-grid {
padding: 30px;
}
.stepper-component {
padding-left: 60px;
}
.stepper-component li:before {
left: -60px;
}
.stepper-component li:after {
left: -60px;
}
.stepper-component li h3 {
margin-bottom: 25px;
}
.content-grid-shelf {
padding: 30px;
}
.form-range-input+.rangeSeperator {
padding: 35px 0px 0px;
width: 5%;
}
.resetBtn-bob {
margin-right: 15px;
min-width: 105px;
}
}
.stepper-component {
list-style-type: none;
position: relative;
padding-left: 80px;
counter-reset: listCount;
}
.date-range-selector-wrapper {
padding: 30px;
}
.stepper-component li:before {
counter-increment: listCount;
content: counter(listCount);
height: 40px;
width: 40px;
border-radius: 50%;
color: #ffffff;
background-color: #0067AC;
position: absolute;
text-align: center;
left: -80px;
top: 0;
font-size: 20px;
line-height: 2.2;
font-family: 'Avenir-Next-Demi-Bold';
}
.stepper-component li:after {
content: '';
width: 1px;
height: calc(100% - 75px);
background-color: #CCCCCC;
opacity: 0.9;
position: absolute;
top: 0;
left: -80px;
transform: translate(20px, 40px);
margin-top: 15px;
}
.stepper-component li.closed:after {
height: calc(100% - 30px);
margin: 5px 0px;
}
.stepper-component li.active:before,
.stepper-component li.active.closed:before {
background-color: #0067AC;
}
.stepper-component li.closed:before {
background-color: #4d4d4d;
color: #ffffff;
}
.stepper-component li.closed.verified:before {
background-color: #11175E;
}
.stepper-component li:last-child:after {
content: none;
}
#contractFullnameUseOf,
#contentSection .hippo-content a{
font-family: 'Avenir-Next-Demi-Bold';
}
.stepper-component li h3 {
font-size: 20px !important;
color: #4D4D4D;
font-family: 'Avenir-Next-Demi-Bold';
}
.stepper-component li .date-range-selector-wrapper h3 {
margin-bottom: 0;
color: #000;
}
.stepper-component li h3.cursor-pointer:hover {
color: #CCCCCC;
}
.stepper-component li {
padding-top: 8px;
position: relative;
margin: 20px 0px;
padding-bottom: 10px;
}
.dateRangeRequirements {
font-size: 18px;
margin-bottom: 0px;
color: #4d4d4d
}
.personOrganisation-table .custom-control-label:after,
.personOrganisation-table .custom-control-label:before {
top: -0.75rem;
}
#personOrgTable .custom-control-label:after,
#personOrgTable .custom-control-label:before {
top: 0.25rem !important;
}
.select-org {
padding: 0px 10px 4px 10px !important;
text-align: center;
}
.personOrganisation-table .personOrganisation-input-label {
cursor: pointer;
margin-bottom: 0px;
}
/*
tr#dataTableGroup:nth-child(even) {
background-color: #cccccc !important;
}*/
.dark-shade-row {
background-color: #cccccc !important;
}
.light-shade-row {
background-color: #f7f7f7 !important;
}
/*
tr#dataTableGroup:nth-child(odd) {
background-color: #f7f7f7 !important;
}*/
table.personOrganisation-table {
border: none;
width: 100%;
min-width: 460px;
}
table.personOrganisation-table thead {
border-bottom: 0px;
}
table.personOrganisation-table thead th {
border: none;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 16px;
padding: 10px;
vertical-align: middle;
}
table.personOrganisation-table tr td {
border: 1px solid #dee2e6;
font-family: 'Avenir-Next-Regular';
font-size: 14px;
padding: 10px 8px 7px 10px !important;
}
.radioLabel-commission-cell {
width: 90%;
text-align: left;
padding-left: 20px;
}
.radioInput-commission-cell {
width: 10%;
}
#ny_status {
padding: 20px;
}
#ny_status .custom-control.custom-radio {
padding: 15px 40px 0px;
}
.orgnanisationLegend {
float: right;
padding: 0px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
display: table-cell;
margin-bottom: 0px;
color: #000000;
}
.orgnanisationLegend i.fa-times,
.activeInactive-status i.fa-times {
color: #C53E32 ;
}
.date-input-wrap+.rangeSeperator {
display: inline-block;
line-height: 3.8;
width: 10%;
text-align: center;
padding: 25px 0px 0px;
}
.stepper-component li:not(:first-child) .stepper-content {
display: none;
}
button {
cursor: pointer;
}
.debt-detail-info>.idProofingQuestions-header {
font-size: 28px;
font-family: 'Avenir-Next-Demi-Bold';
}
.debt-detail-appendix-wrap {
display: flex;
justify-content: space-between;
}
.debt-appendix-hdr {
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
margin-bottom: 0px;
color: #000000;
}
.debt-appendix-vaule {
font-size: 18px;
font-family: 'Avenir-Next-Regular';
line-height: 1.8;
margin-bottom: 0px;
}
.access-info.debt-detail-info {
padding: 15px 30px 0px;
}
.held-total-dummyData {
color: red;
}
strong {
font-family: 'Avenir-Next-Demi-Bold';
color: #4D4D4D;
font-weight: normal;
}
.modal-footer a[data-dismiss="modal"]:hover {
text-decoration: none;
}
.modal-footer a[data-dismiss="modal"] {
font-family: 'Avenir-Next-Demi-Bold';
}
.debt-payment-dataTable-hdr {
font-size: 20px;
color: #000000;
font-family: 'Avenir-Next-Demi-Bold';
}
.debt-payment-dataTable-hdr.payment-date {
color: #4D4D4D;
}
@media only screen and (max-width:767px) {
.commission-statement-wrapper {
margin: 15px 0px;
padding: 15px;
}
.select-contract-label {
font-size: 16px;
}
.commission-header {
font-size: 22px;
}
.stepper-component li:before {
width: 30px;
height: 30px;
font-size: 16px;
left: -40px;
}
.stepper-component li:after {
left: -45px;
height: calc(100% - 65px);
margin-top: 5px;
}
ol.stepper-component {
padding-left: 40px;
}
.stepper-component li h3 {
font-size: 16px;
}
.date-range-selector-wrapper {
padding: 15px;
}
.date-input-wrap,
.date-input-wrap+.rangeSeperator {
display: block;
width: 100%;
}
.date-input-wrap+.rangeSeperator {
line-height: normal;
padding: 10px 0px;
}
.stepper-component li.closed:after {
margin: 0px;
}
.commStmnt-submitBtn {
margin-right: 0px;
}
.personOrganisation-selector-wrapper .reset-Results-Wrap {
padding: 15px;
}
.orgnanisationLegend {
font-size: 16px;
}
.debt-detail-appendix-wrap {
flex-direction: column;
}
.debt-appendix-hdr,
.debt-appendix-vaule {
font-size: 16px;
}
.debt-payment-dataTable-hdr {
font-size: 18px;
}
.debt-details-disclosure-wrapper p {
font-size: 14px;
}
.athene-filled-btn.continue-commStmnt-formBtn,
.athene-transparent-btn.btn,
.athene-filled-btn.btn {
width: 100% !important;
margin: 15px 0 0 0 !important;
}
.resutlstable .dataTables_filter label input[type="search"] {
width: 240px;
}
}
.dataTables_scrollBody::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {
width: 35px;
}
.dataTables_scrollBody::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
border-radius: 0px;
background: #999999;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
background: #f1f1f1;
border-radius: 7px;
/* width: 12px; */
border: 3px solid transparent;
background-clip: content-box;
}
/* .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
width: 8px !important;
border: 5px solid transparent;
background-clip: content-box;
background: #f1f1f1;
} */
.dataTables_scrollBody::-webkit-scrollbar:horizontal, .table-responsive::-webkit-scrollbar:horizontal {
height: 18px;
}
.dataTables_scrollBody::-webkit-scrollbar:vertical, .table-responsive::-webkit-scrollbar:vertical {
width: 18px;
}
.dataTables_scrollHeadInner table {
margin-bottom: -2px;
}
.form-control.danger {
border: 1px solid #C53E32 !important;
}
.commStmnt-submitBtn {
margin: 0 30px 0 10px !important;
}
.cursor-pointer {
cursor: pointer;
}
.custom-radio .custom-control-input:checked~.custom-control-label:before {
background-color: #0067AC;
}
.custom-control-input:checked~.custom-control-label:before {
color: #fff;
background-color: #0067AC;
}
.customRadioCheckBoxWrap.form-check,
.custom-control {
padding-left: 1em;
}
/* /============================ commissison Statement css starts ===========================/ */
/* /============================ tax forms css starts ===========================/ */
.arrow-align {
position: relative;
top: 1px;
}
/* /============================ tax forms css ends ===========================/ */
/* /============================ Search Filter css starts ===========================/ */
.datatable-search-filter .level1-filter,
.datatable-search-filter .level2-filter {
font-size: 15px;
background-color: #ffffff;
box-shadow: -3px 5px 6px #888888;
height: 370px;
}
.commissionrate-filter {
height: 370px;
overflow: auto;
}
.daterangepicker {
box-shadow: -3px 5px 6px #888888;
}
.datatable-search-filter .level1-filter {
position: relative;
width: 300px;
padding: 10px;
z-index: 75;
cursor: pointer;
}
.datatable-search-filter .level2-filter {
position: absolute;
left: 295px;
top: 0;
z-index: 90;
cursor: pointer;
}
.datatable-search-filter .level3-filter {
position: absolute;
left: 150px;
top: 0;
z-index: 25;
opacity: 0;
cursor: pointer;
/* width: 450px; */
}
.date-range-filter,
.distribution-filter,
.commissionrate-filter,
.status-filter {
width: 200px;
font-size: 17px;
font-family: 'Avenir-Next-Demi-Bold';
color: #000000;
}
.fa-search {
right: 10px !important;
top: 12px !important;
}
.athene-search {
right: 10px !important;
top: 18px !important;
color: #0067AC !important;
}
.datatable-filter-label {
width: 100%;
text-align: left;
padding: 5px 10px;
}
.datatable-filter-checkbox {
opacity: 0;
visibility: collapse;
display: none;
}
.datatable-filter-checkbox:checked+.datatable-filter-label {
color: #ffffff;
background-color: #1d67ac
}
.level2-filter .search-filter {
width: 300px;
/* display: none; */
padding: 10px;
}
.datatable-search-filter input.form-control {
height: 40px;
background-color: #F7F7F7;
}
.datatable-search-filter input.form-control:focus {
background-color: #F7F7F7;
}
.datatable-search-filter .custom-radio.form-check {
padding-left: 25px;
padding-bottom: 5px;
}
.datatable-search-filter .form-label {
padding-left: 0px;
font-size: 16px;
}
.daterangepicker::after,
.daterangepicker::before {
content: none !important;
}
.drp-buttons {
border-top: 0px !important;
}
.drp-selected {
font-size: 14px !important;
font-family: 'Avenir-Next-Demi-Bold';
}
.daterangepicker .drp-buttons .btn {
font-size: 16px;
}
.close-datatable-search {
display: none;
}
.anticipated-premium {
display: flex;
align-items: center;
}
.datatable-custom-filter {
height: 50px;
font-size: 16px;
display: flex;
align-items: center;
width: 100px;
padding: 10px 15px;
cursor: pointer;
background-color: #EDEDED;
font-family: 'Avenir-Next-Demi-Bold';
}
.datatable-search-filter {
position: absolute;
z-index: 10;
}
.daterangepicker{
z-index: 999999 !important;
}
input[name="daterange"] {
width: 0px;
height: 0px;
margin: 0px;
padding: 0px;
}
.datatable-data-chips {
display: flex;
justify-content: flex-start;
padding: 0px 15px;
align-items: center;
}
.data-chips {
border: 1px solid #cccccc;
width: auto;
text-overflow: ellipsis;
background-color: #EDEDED;
border-radius: 5px;
padding: 5px 10px 2px 10px;
margin: 10px 10px;
font-size: 15px;
font-family: "Avenir-Next-Demi-Bold";
}
.data-chips i.fa-times {
cursor: pointer;
color: rgba(0, 0, 0, 0.7);
font-size: 16px;
padding: 0px 2px;
}
.datatable-custom-searchFilter {
display: flex;
background-color: #ffffff;
}
.datatable-custom-searchFilter>div,
.anticipated-premium {
padding: 15px 30px;
border-right: 1px solid #cccccc;
font-size: 16px;
height: 100%;
}
#alertReportDiv .datatable-custom-searchFilter>div {
padding: 15px 10px !important;
}
.datatable-download-report-wrapper {
background-color: #fff;
}
.lblAnnuity {
font-size: 16px;
margin-bottom:0;
font-family: 'Avenir-Next-Demi-Bold';
}
.currency-input {
position: absolute;
left: 15px;
font-size: 16px;
top: 13px;
}
.currency-input + input.form-control{
padding-left: 25px;
}
.datatable-custom-searchFilter>div:last-child {
border-right: 0px;
}
td .text-danger{
color:#C53E32 !important;
padding-right: 2px;
}
@media only screen and (max-width:991px){
#alertReportDiv .datatable-data-chips {
flex-direction: row;
}
#showTemplate{
border-left: 0px !important;
}
}
@media only screen and (min-width:992px) and (max-width:1100px){
#alertReportDiv .datatable-data-chips {
flex-direction: column;
}
}
@media only screen and (min-width:1101px){
#alertReportDiv .datatable-data-chips {
flex-direction: row;
}
}
@media only screen and (max-width:767px) {
.datatable-custom-searchFilter {
flex-direction: column;
}
.anticipated-premium {
flex-direction: column;
align-items: inherit;
}
.datatable-custom-searchFilter>div,
.anticipated-premium {
border-right: 0px;
padding: 15px;
border-bottom: 1px solid #ededed;
}
#fraudReportDiv .datatable-custom-searchFilter>div {
border-bottom: none;
}
.lblAnnuity {
flex-direction: column;
}
.daterangepicker .drp-selected {
display: block;
margin-bottom: 20px;
}
.daterangepicker.show-calendar .drp-buttons {
text-align: center;
}
.daterangepicker .drp-buttons .btn {
display: inline-block;
width: 100px !important;
min-width: 80px !important;
}
.date-range-filter,
.status-filter,
.level2-filter .search-filter {
width: auto;
}
.datatable-search-filter .level1-filter,
.datatable-search-filter .level2-filter,
.datatable-search-filter .level3-filter {
box-shadow: none;
height: 100%;
font-size: 14px;
}
.datatable-search-filter .level3-filter,
.datatable-search-filter .level2-filter {
height: 100%;
position: static;
/* display: none; */
}
.datatable-search-filter .level1-filter {
width: 90%;
padding: 0px;
}
.datatable-search-filter {
display: flex;
height: 100%;
position: fixed;
top:0;
right:0;
left:0;
bottom:0;
z-index: 20;
}
.datatable-search-filter .level1-filter .form-row {
padding: 20px 30px;
}
.filter-back {
background-color: #ededed;
height: 50px;
color: #206aae;
font-size: 16px;
z-index: 80;
cursor: pointer;
}
input[name="daterange"] {
width: 100%;
}
.daterangepicker {
width: 85%;
}
.daterangepicker .drp-calendar {
max-width: inherit;
}
.close-datatable-search {
width: 10%;
background-color: #ffffff;
display: flex;
justify-content: center;
padding-top: 10px;
z-index: 70;
cursor: pointer;
}
.close-datatable-search .fa-times {
color: #f8f8f8;
font-size: 22px;
color: #0067AC !important;
}
#divAssociateChkFilter{
padding-left: 25px;
}
#pendingNewBusinessReport_paginate{
text-align: center;
}
#pendingNewBusinessReport_length.dataTables_length{
float: none;
}
}
.close-tabs.close-upline-Tabs{
display: none !important;
}
/* input#issuedDate:checked */
/* /============================ Search Filter css Ends ===========================/ */
#dcTotalCountLabelForContractNo,
#dcContractNo,
#dcTotalCountLabelForDate,
#dcStartDate,
#dcEndDate {
font-family: 'Avenir-Next-Demi-Bold';
color: #000000;
}
.dc-data-table .resutlstable {
margin-top: 0px;
}
#nodcDataDiv p {
margin-bottom: 0px;
}
#downlineCommissionDatatable_filter.dataTables_filter {
padding: 30px 0 0px;
}
.dc-data-table .container-fluid {
padding-left: 0px;
padding-right: 0px;
}
#downlineCommissionDatatable td {
padding: 5px 15px;
vertical-align: middle;
}
.commission-results-date-range,
.commission-results-contract-number {
padding: 0px 15px 15px 15px;
border-bottom: 1px solid #cccccc;
}
.invalid-date-range {
margin-top: 20px;
font-size: 20px;
width: 100%;
display: none;
}
/* .customRadioCheckBoxWrap:nth-child(n+2) .support-option {
display: none;
} */
.support-option {
display: none;
}
.downline-commission-search .support-option {
padding: 10px 10px 15px 10px;
margin-left: 0px;
}
.downline-commission-search .support-option, .support-option {
margin-top: 15px;
margin-bottom: 0px;
padding: 15px 15px 25px 15px;
border: 1px solid #E8E8E8;
}
.dc-date-range {
font-size: 18px;
font-family: 'Avenir-Next-Demi-Bold';
color: #000000;
margin-bottom: 5px;
}
.dc-result {
font-family: 'Avenir-Next-Regular';
color: #7a7a7b;
font-size: 16px;
}
.get-report div.idProofing-answers.customRadioCheckBoxWrap {
padding-left: 20px;
margin: 10px 0px;
}
.staff-btns {
margin-top: 25px;
}
.staff-btns .btn-outline-primary {
min-width: 110px;
margin-right: 10px;
}
.search-code-input i {
top:16px !important;
}
.downline-commission,
.commission-assitant-help,
.dc-data-table {
display: none;
}
.no-downline-commission-alert {
margin-top: 15px;
display: none;
}
.alert.athene-alert .alert-content a i {
color: inherit;
padding-left: 5px;
}
.alert.athene-alert .alert-content a {
display: inline-flex;
align-items: center;
}
.resutlstable {
display: none;
}
.resutlstable {
margin: 40px 0;
min-height: 10px;
margin-bottom: 0px;
}
#resutlstabledetail.datatable-download-report-wrapper {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
}
#resutlstabledetail .downloadtableExcel {
padding: 0px;
}
#resutlstabledetail .commission-results-date-range {
padding: 0px 15px 0px 15px;
border-bottom: none;
}
@media only screen and (max-width:767px) {
.dc-date-range {
margin-top: 20px;
font-size: 16px;
}
.staff-btns {
margin-top: 15px;
}
.staff-btns .btn-outline-primary {
margin-right: 0px;
}
.dc-result {
font-size: 14px;
}
.get-report div.idProofing-answers.customRadioCheckBoxWrap {
padding-left: 0px;
}
}
/* /============================ Book of Business css starts ===========================/ */
.filterDescription span {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
color: #4D4D4D;
}
.active-inactive-booksCard {
border: 1px solid #CCCCCC;
background-color: #ffffff;
min-height: 50px;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0px 10px;
}
.accumlatedValueInp {
width: 32%;
display: inline-block;
vertical-align: top;
}
.accumlatedValueInp+span.rangeSeperator {
display: inline-block;
text-align: center;
width: 3%;
vertical-align: middle;
}
.bob-filter span.rangeSeperator{
line-height: 3 !important;
padding: 0px !important;
}
h1.bOB-Title{
font-size: 40px !important;
padding-right: 30px;
/*padding-left: 30px;*/
margin-top: 30px;
}
.bob-filter .form-group{
margin-bottom: 1rem;
}
.bob-filter .customRadioCheckBoxWrap.form-check,.bob-filter .custom-control{
padding-bottom: 15px;
}
.results-button-wrap{
margin:30px 0px;
}
.bob-filter .accordian-header {
padding-right: 30px;
padding-left: 30px;
}
.bob-filter .accordian-header{
margin-top: 15px;
margin-bottom: 0px;
}
.refine-search-bob{
display: none;
}
.refine-search-bob.back-to-previous {
margin-bottom: 0px;
}
.bookOfBusinessFilter{
margin-top: 25px;
}
.commonFilterWrap{
margin-bottom: 10px;
}
.bob-filter #invalidDateDiv,
.bob-filter #invalidContractNo,
.bob-filter #noDataDiv{
display: none;
}
#invalidDateDiv .refineSearch i,
#invalidContractNo .refineSearch i
{
font-size: 16px;
display: inline-block;
}
.datatable-container .resutlstable {
margin:20px 0px !important;
}
.has-error .form-label{
color:#C53E32 !important;
}
.has-error .form-error.help-block{
color: #C53E32;
font-size: 14px;
font-family: 'Avenir-Next-Demi-Bold';
}
#sHelpMsg, #eHelpMsg, #cHelpMsg {
color: #C53E32;
font-size: 14px;
font-family: 'Avenir-Next-Demi-Bold';
}
.input-group.date.bOB-datePicker.form-range-input{
width: auto;
}
.stausModifierCheckbox {
border: 1px solid #CCCCCC;
margin-left: 25px;
margin-top:15px;
padding: 10px 0px;
width: 63%;
}
.inactiveSubSection{
padding: 0px 30px;
}
#bobDatatable_wrapper {
border-top: 1px solid #dee2e6;
}
.contract-number-link {
font-family: 'Avenir-Next-Demi-Bold';
}
#bobDatatable_wrapper .downloadtableExcel {
display: flex;
align-items: center;
justify-content: space-between;
/*float: right;*/
margin: 0px;
padding: 12px 30px 12px 5px;
border-right: 1px solid #dee2e6;
border-bottom: 1px solid #cccccc;
width: 100%;
}
#bobDatatable_wrapper .table {
border: 0 !important;
}
@media only screen and (max-width:767px) {
h1.bOB-Title{
font-size: 32px !important;
padding-right: 15px;
padding-left: 0px;
margin-bottom: 15px;
margin-top: 10px;
}
.inactiveSubSection{
padding: 0px 10px;
}
.stausModifierCheckbox {
width: 90%;
padding: 15px 0px;
margin-top: 10px;
}
.bob-filter .form-group{
margin-bottom: 10px;
margin-top: 10px;
}
.results-button-wrap{
margin: 30px 0px 0px 0px;
}
.results-button-wrap button{
margin-bottom: 15px;
}
.bob-filter .accordian-header,
.filter-description{
padding-right: 15px;
padding-left: 15px;
}
.bob-filter .accordian-header{
margin-top: 5px;
}
.bob-filter .customRadioCheckBoxWrap.form-check,.bob-filter .custom-control{
padding-bottom: 8px;
}
.filterDescription span {
font-size: 18px;
}
.active-inactive-booksCard {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.accumlatedValueInp {
width: 100%;
display: block;
margin-bottom: 0px;
}
.accumlatedValueInp+span.rangeSeperator, .bOB-datePicker+span.rangeSeperator, .ageRange+span.rangeSeperator {
line-height: inherit !important;
width: 100%;
}
.filterDescription{
margin-bottom: 15px;
}
.active-inactive-booksCard i.fa-check, .active-inactive-booksCard i.fa-times {
width: 25px;
}
.activeBooksTitle, .inActiveBooksTitle, .totalBooksTitle, .activeBooksCount, .inActiveBooksCount, .totalBooksCount {
min-width: 70px;
display: inline-block;
font-size: 15px;
}
.active-inactive-booksCard .totalBooks {
padding-left: 30px;
}
#bobDatatable_length {
float: none !important;
}
#bobDatatable_wrapper .downloadtableExcel {
flex-direction: column;
}
}
@media only screen and (max-width:991px) and (min-width:768px) {
.accumlatedValueInp {
width: 41%;
}
.filter-description{
font-size: 16px;
}
.bob-filter .accordian-header,
.filter-description{
padding-right: 20px;
padding-left: 20px;
}
.active-inactive-booksCard{
font-size: 16px;
}
h1.bOB-Title{
padding-right: 20px;
padding-left: 20px;
margin-top: 15px;
}
}
/* /============================ Book of Business css Ends ===========================/ */
/* /============================ Contract Block Associates css starts ===========================/ */
.contract-block-tool .content-grid-header{
display: block;
}
.contract-block-tool {
margin-top: 50px;
}
.block-contract-associates{
padding: 20px 0px;
}
.block-contract-associates a{
display: inline-block;
padding-left: 25px;
}
.contract-block-tool h3.card-title{
margin-bottom: 20px;
}
.block-contracts-modal sup, .requestor-info-modal sup{
color:#5091CD;
font-size: 14px;
}
textarea.form-control{
background-color: #ffffff;
border-radius: 0px;
}
#blockContractNotes{
max-height: 170px;
}
#ci51ֱConnectEmail {
word-break: break-all;
}
.alert-note{
border: 1px solid #5091CD;
font-family: 'Avenir-Next-Demi-Bold';
padding: 20px;
margin-bottom: 20px;
}
.alert-note h4{
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
color: #000000;
margin-bottom: 10px;
}
.alert-note div {
color: #4d4d4d;
font-family: 'Avenir-Next-Regular';
word-wrap: break-word;
}
#associateUpdateEmail .error {
color:#C53E32 !important;
font-size: 1rem !important;
font-family: 'Avenir-Next-Demi-Bold';
}
.in-progress-btn-loader {
top: -5px;
position: relative;
right: 5px;
}
.disabled_commonConfig, .disabled_commonConfig label, #docSelctedApplyBtn:disabled {
cursor: not-allowed;
}
@media only screen and (max-width:767px){
.block-contract-associates a{
padding-left: 0px;
padding: 10px 0px;
font-size: 16px;
}
.alert-note{
border: 1px solid #5091CD;
padding: 10px 15px;
}
.block-contract-associates{
padding: 10px 0px;
}
.contract-block-tool h3.card-title{
line-height: normal;
}
.contract-block-tool .form-row .btn-secondary{
padding: 15px 0x;
margin: 15px 0px;
}
.contract-block-tool .btn-primary {
margin-top: 20px;
}
#ci51ֱConnectEmail {
display: flex;
flex-direction: column;
}
#ci51ֱConnectEmail span {
margin-left: 0px;
}
}
@media only screen and (max-width:1199px) and (min-width:768px){
.contract-block-tool .content-grid-shelf .btn-primary {
margin-top:15px;
}
}
@media only screen and (min-width:1200px){
.contract-block-tool .content-grid-shelf .btn-primary{
margin-top: 30px;
}
}
@media only screen and (max-width:991px) and (min-width:768px){
.data-search-card {
height: 300px !important;
}
}
@media only screen and (max-width:991px){
.data-search-card .search-input > .search-dropdown{
width:auto !important;
}
.data-search-card .search-input > input{
width:100% !important;
}
.data-search-card .data-search-btn{
text-align: center;
padding-top: 35px;
}
.data-search-btn .btn-sm{
width:150px;
}
}
/* /============================ Contract Block Associates css Ends ===========================/ */
/* /============================ Associate Dashboard css Starts ===========================/ */
/* /============================ Data Search Card css Starts ===========================/ */
.data-search-card{
padding: 30px;
border: 1px solid #cccccc;
background-color: #ffffff;
height: 222px;
position: relative;
}
b{
font-family: 'Avenir-Next-Demi-Bold' !important;
font-weight: normal;
}
.data-search-card h1.banner-header,
.redirect-data-card h1.banner-header{
color:#0067AC;
margin-bottom: 20px;
}
.data-search-card .search-input{
display: flex;
/*padding-left: 10px;*/
position: relative;
}
.search-dropdown-wrapper .form-group.error .invalid-feedback{
position: absolute;
left: 10px;
top: 50px;
right: 0;
}
.data-search-card .search-input > .search-dropdown{
/* width:50%; */
font-size: 18px;
position: relative;
}
.data-search-card .search-dropdown .search-dropdown-options{
position: absolute;
left:0;
z-index: 8;
top: 50px;
min-width: 200px;
max-width: 250px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
display: none;
}
.data-search-card .search-dropdown .search-dropdown-option{
border-bottom: 1px solid #cccccc;
padding: 5px 15px;
font-family: 'Avenir-Next-Demi-Bold';
}
.dropdown-value, .no-wrap{
white-space: nowrap;
}
.data-search-card .search-dropdown .search-dropdown-option:hover{
background-color: #5091CD;
cursor: pointer;
color: #ffffff;
}
.totalCountLabel{
padding: 20px 2.5rem;
display: block;
border-bottom: 1px solid #eeeeee;
background-color: #fff;
}
#totalCountLabel +div{
display: none;
}
.dropdown-selected-value{
background-color: #EDEDED;
border: 1px solid #CCCCCC;
border-right: none;
height: 50px;
padding: 15px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-family:'Avenir-Next-Demi-Bold';
}
.data-search-card .search-input > input{
font-size: 15px;
/* width:70%; */
background-color: #F7F7F7;
}
.search-dropdown-wrapper{
position: absolute;
top:120px;
left:30px;
right:30px;
max-width: 450px;
}
.data-search-btn .btn-sm{
min-width:85px !important;
font-size: 16px;
padding: 10px 30px;
}
@media only screen and (min-width:991px) and (max-width:1199px) {
.data-search-btn .btn-sm{
padding: 10px 15px;
}
}
.data-search-card.page-search .search-dropdown-wrapper{
max-width: none;
height: auto;
position: static;
}
.data-search-card.page-search{
height: auto;
}
.search-dropdown-wrapper > .row [class^='col-'],
.search-dropdown-wrapper >form> .row [class^='col-']{
padding:0px 5px;
}
.data-search-btn{
padding-right: 10px;
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.data-search-card.page-search,
.data-search-card.text-search{
height: auto !important;
}
}
.content-grid .data-search-card {
height: auto;
}
.form-group.error .dropdown-selected-value{
color: #000000;
border-right: 1px solid #C53E32;
}
@media only screen and (max-width:767px){
.data-search-card{
margin-bottom: 20px;
height: auto;
padding: 20px;
}
.search-dropdown-wrapper{
position: static;
max-width: none;
}
.data-search-card .search-input{
padding: 0px 10px;
}
.data-search-btn{
padding:10px;
text-align: center;
}
.data-search-btn .btn-sm{
width:150px;
}
.data-search-card .search-input > input{
width: 65%;
padding-right: 15px;
}
.data-search-card .search-input > .search-dropdown{
width:100% !important;
font-size: 14px;
}
#totalCountLabel{
padding: 0px;
}
}
@media only screen and (max-width:575px){
.data-search-card h1.banner-header, .redirect-data-card h1.banner-header{
font-size: 26px !important;
}
#partySearchError .w-100{
width:auto !important;
}
.tax-head {
font-size: 24px;
margin-left: 0px;
}
.tax-sub-head {
font-size: 16px;
margin-left: 0px;
}
.tax-form-main .athene-anchor-tag-link {
margin-left: 0px;
}
.tax-form-main .custom-radio {
margin-left: 30px;
margin-bottom: 16px;
}
}
/* /============================ Data Search Card css Ends ===========================/ */
/* /============================ Redirect Data Card css Stsrts ===========================/ */
.redirect-data-card{
background-color: #ffffff;
margin: 30px 0px 0px;
cursor: pointer;
padding: 30px;
border: 1px solid #CCCCCC;
}
.redirect-data-card p{
color:#4D4D4D;
}
@media only screen and (max-width:767px){
.redirect-data-card{
margin: 20px 0px 0px;
padding: 20px;
}
}
/* /============================ Redirect Data Card css Ends ===========================/ */
.manual-id-proof .black-bars-container{
background-color: #ffffff;
}
.manual-id-proof .black-bars-container .stausModifierCheckbox {
width:95%;
}
.manual-id-proof{
margin-bottom: 20px;
}
.confirm-info {
border: 1px solid #cccccc;
padding: 15px;
margin-bottom: 20px;
}
.confirm-info .form-label {
margin-bottom: 0px;
}
.cross-check-info {
font-size:16px;
}
@media only screen and (max-width:767px){
.manual-id-proof .black-bars-container .stausModifierCheckbox {
margin-left: 0px;
}
.associate-results .data-card{
margin-bottom: 20px;
height: auto;
}
.black-bar-main.associate-results{
margin: 20px 0px;
}
}
.associate-results .fa-info-circle{
color:#1d67ac;
}
.black-bar-main.associate-results{
margin: 30px 0px;
}
/* /============================ Associate Dashboard css Ends ===========================/ */
#atheneDatatable_filter {
padding: 0px;
width: 100%;
}
#atheneDatatable_filter>label {
float: left;
border-right: 1px solid #ededed;
}
.status-wrap {
float: left;
border-right: 1px solid #ededed;
}
.status-wrap label {
padding: 0px;
border-right: none;
}
.status-wrap .col-12 .custom-control.custom-checkbox {
padding-bottom: 10px;
}
.status-wrap .custom-checkbox .custom-control-input:checked~.athene-checkbox.custom-control-label::after {
left: -26px;
}
#partySearchDiv .paginate-lengthChange, #manageAccountStaffDataTable_wrapper .paginate-lengthChange, #staffPermissionElogDataTable_wrapper .paginate-lengthChange, #alertReport_wrapper .paginate-lengthChange, #reviewAccountStaffDataTable_wrapper .paginate-lengthChange, #scheduledEmailHistoryDatatable_wrapper .paginate-lengthChange, #eligibleRatesDataTable_wrapper .paginate-lengthChange, #rateTemplateDataTable_wrapper .paginate-lengthChange {
justify-content: space-between;
display: flex;
align-items: center;
}
#partySearchReport_length label {
padding-right: 20px;
}
@media only screen and (max-width:767px){
#partySearchDiv .paginate-lengthChange, #manageAccountStaffDataTable_wrapper .paginate-lengthChange, #staffPermissionElogDataTable_wrapper .paginate-lengthChange, #alertReport_wrapper .paginate-lengthChange, #reviewAccountStaffDataTable_wrapper .paginate-lengthChange, #scheduledEmailHistoryDatatable_wrapper .paginate-lengthChange, #eligibleRatesDataTable_wrapper .paginate-lengthChange, #rateTemplateDataTable_wrapper .paginate-lengthChange {
flex-direction: column;
}
}
/* =========================51ֱ connect Change Password css Starts============================= */
.grey-body-background{
background-color: #f7f7f7;
}
.athene-connect-container{
max-width: 800px;
width: 100%;
margin: 50px auto;
border:1px solid #cccccc;
}
h3.athene-connect-header,
.athene-connect-container h3{
font-family: 'Avenir-Next-Demi-Bold';
color: #11175e;
margin-bottom: 20px;
}
.athene-connect-content-shelf{
padding: 20px 30px;
background-color: #ffffff;
}
.assistance-help-athene-connect{
font-size: 20px;
font-family: 'Avenir-Next-Demi-Bold';
background-color: #ffffff;
padding: 20px 30px;
border: 1px solid #cccccc;
margin: 20px 0px;
}
ul.verification-list{
list-style-type: none;
padding-left: 0px;
}
ul.verification-list li .fa-check,
ul.verification-list li .fa-times{
display: none;
}
ul.verification-list > li {
font-family: 'Avenir-Next-Demi-Bold';
padding: 5px 0px;
font-size: 18px;
}
ul.verification-list li.verification-success{
color:#00AA85;
}
ul.verification-list li.verification-error{
color:#C53E32;
}
ul.verification-list li.verification-success .fa-check{
display:inline;
}
ul.verification-list li.verification-error .fa-times{
display:inline;
}
ul.sub-verification-list{
list-style-type: none;
}
ul.sub-verification-list > li{
position: relative;
padding-left: 10px;
}
ul.sub-verification-list > li::before {
content:'- ';
position: absolute;
left:-3px;
top:0;
}
.data-flow-btn-wrap{
background-color: #EDEDED;
border-top: 1px solid #cccccc;
height: 120px;
display: flex;
align-items: center;
padding: 20px 30px;
justify-content: space-between;
}
.data-flow-btn-wrap.data-flow-end{
justify-content: flex-end;
}
.data-flow-btn-wrap a {
font-family: "Avenir-Next-Demi-Bold";
}
.data-flow-space-bewtween {
justify-content: space-between;
}
@media only screen and (max-width: 767px){
.athene-connect-container{
margin:30px auto;
}
}
/* =========================51ֱ connect Change Password css Ends============================= */
/* =========================51ֱ connect Footer Starts============================= */
.container.athene-connect-footer{
padding-bottom: 10px;
}
@media only screen and (max-width: 767px){
.container.athene-connect-footer .termsOfUseAndPrivacy{
flex-direction: column;
justify-content: center;
text-align: center;
}
}
/* =========================51ֱ connect Footer Ends============================= */
/* =========================51ֱ connect Header Starts============================= */
.athene-connect-header{
background-color: #11175E;
height: 100px;
align-items: center;
display: flex;
}
.athene-connect-header > .container{
display:flex;
align-items: flex-end;
}
.athene-connect-header-text{
font-family: 'Avenir-Next-Demi-Bold';
color: #ffffff;
padding-left: 30px;
font-size: 28px;
line-height: 0.7;
}
.athene-connect-header .header-logo-wrap{
height: 35px;
width:200px;
}
.button-wrapper.button-group{
margin-left: -10px;
margin-right: -10px;
}
.button-wrapper.button-group .button-error-group{
padding-left: 10px;
padding-right: 10px;
flex: 0 0 50%;
}
#alertReport_length{
display: none;
}
#connect-main-content{
min-height: calc(100% - 860px);
}
.athene-connect-header .header-logo-wrap img{
width:100%;
height:100%;
}
.contentToTop{
vertical-align:top !important;
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
.full-report-btn-wrapper {
display: flex;
justify-content: flex-end;
margin-top: 20px;
}
.total-amount-text {
/* top: 10px;
right: 20px;
position: absolute;*/
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
color: #000000;
/*margin-top: 20px;*/
}
.athene-border {
border: 1px solid #CCCCCC;
}
@media only screen and (max-width: 575px){
.button-wrapper.button-group .button-error-group button{
margin-bottom: 0px !important;
}
.button-wrapper.button-group .button-error-group{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px){
.athene-connect-header .header-logo-wrap{
width: 145px;
height: 35px;
}
.athene-connect-header{
height: 70px;
}
#dvHeaderLogoButton + button.btn-secondary {
padding: 10px;
}
h3.athene-connect-header,
.athene-connect-container h3{
font-size: 28px !important;
}
.athene-connect-main,.data-flow-btn-wrap,.athene-connect-content-shelf{
padding: 15px;
}
.athene-connect-header-text {
padding-left: 15px;
font-size: 20px;
line-height: normal;
}
.athene-connect-main{
height: auto;
}
ul.verification-list > li{
font-size: 16px;
}
.data-flow-btn-wrap.data-flow-end {
justify-content: center;
}
.data-flow-space-between .btn {
min-width: 100px;
}
}
/* =========================51ֱ connect Header Ends============================= */
/* =========================51ֱ Training Status Starts============================= */
#additionalTrainingTable tbody tr td:nth-child(3){
min-width: 250px;
}
#additionalTrainingTable tbody tr td{
min-width: 200px;
}
#additionalTrainingTable thead tr th , #staffRegTable thead tr th {
padding: 0.75rem 0.5rem 0.6rem 1.8rem;
}
/* =========================51ֱ Training Status Ends============================= */
ul.checked-list{
list-style-type: none;
}
ul.checked-list li{
position: relative;
padding-left: 5px;
padding-bottom: 10px;
}
ul.checked-list li:last-child{
padding-bottom: 0px;
}
ul.checked-list li:last-child > .content-para{
margin-bottom: 0px;
}
ul.checked-list li h5{
color: #4D4D4D;
}
.content-para{
font-size: 16px;
}
ul.checked-list li::after{
font-family: "Font Awesome 5 Pro";
color: #4D4D4D;
content: "\f00c";
position: absolute;
font-size: 15px;
top:-1px;
left: -22px;
font-weight: bolder;
}
ol.content-component-ol{
padding-left: 35px !important;
}
ol.content-component-ol li{
padding-left: 10px;
}
.pre-footer {
background: #ccc;
font-size: 16px;
padding:40px 0px;
}
.pre-footer a:hover {
color: #11175e;
}
.pre-footer a {
color: #093f85;
}
@media only screen and (max-width: 767px){
.pre-footer {
padding:30px 0px;
}
.content-component-btn{
bottom:0;
}
ul.checked-list li:last-child{
padding-bottom: 10px;
}
ul.checked-list li:last-child > .content-para{
margin-bottom: 10px;
}
.mobile-card-x-padding{
padding-right: 20px;
padding-left: 20px;
}
.mobile-card-colx-padding{
padding-right: 5px;
padding-left: 5px;
}
.content-check-list .checked-list li:last-child{
padding-bottom: 0px;
}
}
.simple-para {
font-size: 16px;
}
.black-bar-info-main {
padding: 20px;
background-color: #000000;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-family: "Avenir-Next-Regular";
font-size: 16px;
}
.black-bar-info-main p {
margin-bottom: 0px;
}
.black-bar-info-main a, .simple-para a {
font-family: "Avenir-Next-Demi-Bold";
}
.black-bar-cta {
padding: 20px;
background-color: #000000;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
font-family: "Avenir-Next-Regular";
font-size: 16px;
}
.black-bar-cta p {
margin-bottom: 0px;
}
.black-bar-cta a {
font-family: "Avenir-Next-Demi-Bold";
}
.black-bar-cta:hover {
color: white;
background-color: #11175E;
}
.black-bar-cta:hover a {
color: white;
background-color: #11175E;
}
.black-bar-cta a:hover {
color: white !important;
background-color: #11175E;
}
.shelf-card-content {
background-color: #ffffff;
padding: 20px;
border: 1px solid #cccccc;
/*min-height: 200px;*/
/*margin-bottom: 15px;*/
/*margin-top: 15px;*/
height: 100%;
}
.shelf-sub-content {
margin-left: 10px;
color: #0067AC;
font-family: "Avenir-Next-Demi-Bold";
}
.double-content-shelf {
padding: 20px;
border:1px solid #cccccc;
margin:20px 0px;
background-color: #ededed;
}
/* products page css ends*/
#blockedContractResults th {
border-top: none;
}
#blockedContractResults td.dataTables_empty {
text-align: center;
}
/*banner css starts*/
.banner.banner-interior {
min-height: 350px;
}
.banner .banner-card {
display: block;
box-sizing: border-box;
padding: 20px;
background: hsla(0,0%,100%,.9);
max-width: 100%;
width: 400px;
}
.banner {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 425px;
background-size: cover;
background-position: 50%;
background-image: url('/style/images/sample_img.jpg');
background-repeat: no-repeat;
margin-bottom: 25px;
}
.banner .banner-card-header {
font-size: 30px !important;
margin-bottom: 10px;
}
.position-relative {
position: relative !important;
}
@media only screen and (min-width: 576px){
.banner .banner-card {
width: 525px;
}
}
/* banner css ends*/
.wrap-column {
white-space: pre-wrap !important;
width: 350px;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.modal-open {
overflow: hidden !important;
}
.modal {
padding-right: 0px !important;
}
table.table{
color: #4d4d4d;
}
.data-ribbon-primary{
border:1px solid #CCCCCC;
}
.data-ribbon-primary .alert-content,
.data-ribbon-primary .alert-content > p{
display: flex;
align-items: center;
}
.data-ribbon-primary i{
color:#5091CD;
}
@media only screen and (max-width:767px){
.black-head-athene-table .table th, #additionalTrainingTable thead tr th, #staffRegTable thead tr th {
padding-left: 15px;
}
.black-table-head {
padding: 10px 15px;
}
.data-ribbon-primary .alert-content,
.data-ribbon-primary .alert-content > p{
display: block;
}
#partySearchError .search-dropdown {
width: 50% !important;
}
}
#productTrainingWrapper.black-head-athene-table .training-table {
border-top: 0;
border-right: 0;
}
.athene-section-container{
/*margin: 20px 0px;*/
background-color: #ffffff;
padding: 30px 0px;
border:1px solid #cccccc;
}
.athene-border {
border: 1px solid #CCCCCC;
}
.datatable tbody tr td .custom-control,
.table tbody tr td .custom-control{
display: flex;
}
.athene-section-container h3, .athene-section-para {
padding: 0px 30px;
}
.reportDatatable.table-responsive::-webkit-scrollbar, .training-table tbody::-webkit-scrollbar {
width: 16px;
}
.reportDatatable.table-responsive::-webkit-scrollbar-track, .training-table tbody::-webkit-scrollbar-track {
border-radius: 0px;
background: #999999;
}
.reportDatatable.table-responsive::-webkit-scrollbar-thumb , .training-table tbody::-webkit-scrollbar-thumb {
background: #f1f1f1;
border-radius: 7px;
width: 18px;
border: 3px solid transparent;
background-clip: content-box;
}
.data-table-right-no-border{
border-right: 0 !important;
}
#selectorswitchaccount .athene-connect-content-shelf{
padding: 0px;
}
.card-row-flex {
display: flex;
flex-wrap: wrap;
margin-left: 0px;
margin-right: 0px;
}
.individual-card {
border: 1px solid #CCCCCC;
background-color: #ffffff;
padding: 18px 20px 25px 20px;
height: 100%;
}
.individual-card p {
color: #4d4d4d;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
}
.card-sub-head {
font-size: 32px;
color: #0067AC;
font-family: 'Avenir-Next-Regular' !important;
}
.card-links {
font-size: 16px;
font-family: 'Avenir-Next-Demi-Bold';
color: #0067AC;
}
.card-links i {
position: relative;
top: 1px;
margin-left: 2px;
}
.login-para {
color: #4D4D4D;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
}
.login-para a {
font-family: 'Avenir-Next-Regular';
}
.register-para,
.strong-para {
color: #4D4D4D;
font-size: 18px;
font-family: 'Avenir-Next-Demi-bold';
}
.list-check, .list-download, .list-calendar, .list-external {
list-style-type: none;
padding-left: 0px;
}
.list-check li::before {
content: "\f00c" !important;
font-family: 'Font Awesome 5 Pro';
margin-right: 8px;
font-weight: bold;
position: absolute;
transform: translateX(-50%);
left: 25px;
}
.list-download li::before {
content: "\f34a" !important;
font-family: 'Font Awesome 5 Pro';
margin-right: 8px;
font-weight: bold;
position: absolute;
transform: translateX(-50%);
left: 25px;
}
.list-calendar li::before {
content: "\f073" !important;
font-family: 'Font Awesome 5 Pro';
margin-right: 8px;
font-weight: bold;
position: absolute;
transform: translateX(-50%);
left: 25px;
}
.list-external li::before {
content: "\f35d" !important;
font-family: 'Font Awesome 5 Pro';
margin-right: 8px;
font-weight: bold;
position: absolute;
transform: translateX(-50%);
left: 25px;
}
.list-check li, .list-download li, .list-calendar li, .list-external li {
color: #4D4D4D;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
padding-bottom: 20px;
position: relative;
padding-left: 45px;
}
.user-id-conditions-wrap .list-check li::before {
content: " " !important;
font-family: 'Font Awesome 5 Pro';
}
.assist-help {
color: #4D4D4D;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
}
.account-text {
width: 100%;
text-align: center;
color: #4D4D4D;
font-size: 18px;
font-family: 'Avenir-Next-Regular';
}
.forget-info {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 14px;
color: #0067AC;
cursor: pointer;
float: right;
position: relative;
top: 5px;
}
.forget-user {
top: 30px;
}
.business-support {
display: none;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #E8E8E8;
padding: 20px 20px;
background-color: #ffffff;
color: #4D4D4D;
}
@media only screen and (max-width:575px) {
.assist-help {
font-size: 16px;
}
.individual-card {
margin-bottom: 20px;
padding: 12px 15px 0px 15px;
height: 100%;
}
.card-sub-head {
font-size: 26px;
}
.individual-card p {
font-size: 14px;
}
#g-bx1 .col-12.col-sm-6:first-child {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width:767px) {
.individual-card {
margin-bottom: 30px;
padding: 20px 15px 0px 15px;
}
.card-sub-head {
font-size: 28px;
}
.individual-card p {
font-size: 14px;
}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
.individual-card {
margin-bottom: 30px;
padding: 20px 15px 0px 15px;
}
.individual-card p {
font-size: 16px;
}
.card-sub-head {
font-size: 26px;
}
}
@media only screen and (min-width: 992px) {
.individual-card p {
min-height: 55px;
}
}
@media (max-width: 767px) {
.card-deck.athene-custom-card-deck {
flex-direction: column;
}
.card-deck.athene-custom-card-deck .card {
margin-bottom: 15px;
}
}
#staffProducer tr td:last-child {
border-right: 0;
}
.zebra .stripe:nth-of-type(odd) {
background-color:#ededed ;
}
.zebra .stripe:nth-of-type(even) {
background-color:#f7f7f7;
}
.main-wrapper {
background-color:#f7f7f7;
}
.top-grid-content {
border: 1px solid #CCCCCC;
background-color: #EDEDED;
color: #000000;
padding: 30px;
}
.top-grid-content-wrapper{
border: 1px solid #cccccc;
}
.modal-header h3.section-title{
padding: 0px;
}
@media only screen and (max-width:767px){
.athene-contrats-table {
/*margin: 15px 0px 0px;*/
}
}
@media only screen and (min-width:768px) and (max-width: 991px){
.top-wrapper .container, .top-grid .container, .athene-navToolBar .container, .athene-navMenus .container, .athene-navWayFinder .container, footer .container, .stripe .container {
padding-left: 0px;
padding-right: 0px;
}
}
/* Report Fraud css starts */
#reportFraudForm .form-group{
margin-bottom: 15px;
}
.action-button-dropdown >div:hover{
background-color: #5091CD;
cursor: pointer;
color: #ffffff;
}
#reportFraudForm input#userEmail,
#reportFraudForm input#userPhoneno{
color: #4d4d4d;
/*background-color: #f7f7f7;*/
}
#loggedInUserName{
color:#4d4d4d;
font-family: "Avenir-Next-Regular";
}
.contract-status-head .btn-secondary {
min-height: 40px;
}
.card-spacing{
padding: 30px;
}
.card-para{
padding: 0px 30px;
color:#4d4d4d;
}
.account-name .fa-edit {
color: #0067AC;
}
.text-icon {
display: flex;
align-items: center;
}
#issuedContractGrid .downloadtableExcel {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width:992px){
#issuedContractGrid .downloadtableExcel {
padding-top: 12px;
padding-bottom: 12px;
}
}
@media only screen and (max-width:767px){
.card-spacing{
padding: 20px;
}
.athene-section-container h3, .athene-section-para{
padding: 0px 15px;
}
.card-para{
padding: 0px 20px;
font-size: 16px;
}
.card-list-foot, .white-container {
padding: 15px;
}
.athene-section-container {
/*margin: 15px 0px;*/
padding: 15px 0px;
}
#issuedContractGrid .downloadtableExcel {
flex-direction: column;
}
#producerName {
margin-top: 10px;
}
}
.athene-modal .modal-body::-webkit-scrollbar, .atheneMobilhdr .atheneNavDrawer-accountInfo::-webkit-scrollbar,
.athene-navWayFinder::-webkit-scrollbar, .notificationContainer::-webkit-scrollbar {
width: 16px;
}
.athene-modal .modal-body::-webkit-scrollbar-track, .atheneMobilhdr .atheneNavDrawer-accountInfo::-webkit-scrollbar-track,
.athene-navWayFinder::-webkit-scrollbar-track, .notificationContainer::-webkit-scrollbar-track {
border-radius: 0px;
background: #f1f1f1;
}
.athene-modal .modal-body::-webkit-scrollbar-thumb, .atheneMobilhdr .atheneNavDrawer-accountInfo::-webkit-scrollbar-thumb,
.athene-navWayFinder::-webkit-scrollbar-thumb , .notificationContainer::-webkit-scrollbar-thumb {
background: #999999;
border-radius: 8px;
width: 18px;
border: 3px solid transparent;
background-clip: content-box;
}
#athenePhone,#athenePhone:focus ,#connectPhone, #connectPhone:focus {
background-color: #F7F7F7;
}
.athene-custom-table td:last-child, .dataTables_wrapper tbody td:last-child {
border-right: none;
}
.doc-detail-view {
padding: 20px;
}
.athene-dropdown {
display: flex;
align-items: center;
}
.athene-dropdown .athene-select {
width: 170px;
height: 40px;
background-position: 90% 50%;
}
.docs-selected {
display: flex;
justify-content: flex-end;
}
.content-shelf-footer {
display: flex;
align-items: center;
justify-content: space-between;
margin: 20px 0px;
}
.doc-detail-view input.form-control {
background-color: #f7f7f7;
}
.head-info {
border: 1px solid #cccccc;
border-bottom: 0px;
display: flex;
justify-content: space-between;
padding: 15px 30px;
background-image: linear-gradient(#F7F7F7, #EDEDED);
}
.head-name {
color: #0067AC;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 17px;
word-break: break-all;
margin-right: 20px;
}
.head-detail {
display: flex;
align-items: center;
justify-content: flex-end;
width: 30%;
}
.head-detail span {
font-size: 14px;
color: #4d4d4d;
margin-right: 8px;
font-family: "Avenir-Next-Regular";
}
.multi-select-doc {
display: flex;
align-items: baseline;
}
.content-with-btn {
display: flex;
align-items: flex-start;
}
.alert-main-div {
margin-bottom: 24px;
}
.athene-custom-date-range {
display: flex;
align-items: center;
}
#atheneDateRangeInput {
background-color: #EDEDED;
}
.font-20 {
font-size: 20px !important;
}
.athene-custom-date-range #atheneDateRangeText {
width: 300px;
}
/*.athene-date-filter-level1 {
display: none;
}
.athene-date-filter-level1 .level2-filter {
height: 275px;
}
*/
.daterangepicker .drp-buttons {
border-top: 1px solid #CCCCCC !important;
}
.daterangepicker .ranges li {
cursor: pointer;
width: 100%;
text-align: left;
padding: 8px 12px;
font-family: 'Avenir-Next-Demi-Bold';
font-size: 17px;
}
.daterangepicker .ranges li.active {
color: #ffffff;
background-color: #1d67ac !important;
}
.daterangepicker.opensleft:after {
right: 10px !important;
}
.daterangepicker:after {
top: -6px !important;
border-right: 6px solid transparent !important;
border-bottom: 6px solid #fff !important;
border-left: 6px solid transparent !important;
}
.daterangepicker.opensleft:before {
right: 9px !important;
}
.daterangepicker:before {
top: -7px !important;
border-right: 7px solid transparent !important;
border-left: 7px solid transparent !important;
border-bottom: 7px solid #ccc !important;
}
.daterangepicker:before, .daterangepicker:after {
position: absolute !important;
display: inline-block !important;
/*border-bottom-color: rgba(0, 0, 0, 0.2) !important;*/
content: '' !important;
}
.download-format {
display: flex;
justify-content: flex-end;
width: 100%;
}
.download-format .fa-print, .fa-file-csv {
color: #FFA22F;
font-size: 25px;
}
.cursor-pointer{
cursor: pointer;
}
#drpAlertFilter {
max-width: 300px;
min-width: 170px;
}
#showTemplate{
display: flex;
border-left: 1px solid #CCC;
}
#searchTemplate{
margin: auto 0px;
border-right: 0px;
}
#alertReportDiv .datatable-custom-searchFilter {
width: 100%;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
#downlineSearchDiv .datatable-custom-searchFilter-container{
background-color: #ffffff;
border-top: 1px solid #ccc;
}
#downlineSearchDiv .datatable-custom-searchFilter {
width: 100%;
/* border-bottom: 1px solid #ccc; */
/* border-top: 1px solid #ccc; */
}
.table-bordered{
border:1px solid #cccccc !important;
}
#alertReportDiv .datatable-custom-searchFilter-container{
background-color: #ffffff;
border-top: 1px solid #ccc;
}
#fraudReportDiv .datatable-custom-searchFilter-container{
display: flex;
justify-content: space-between;
background: #ffffff;
flex-direction: row-reverse;
align-items: center;
}
.alert-email .edit-emial {
color: #0067AC;
cursor: pointer;
}
@media only screen and (max-width:991px){
#alertReportDiv .datatable-custom-searchFilter {
flex-direction: column;
}
}
#alertReport_wrapper .dataTables_paginate{
display: inline-block;
}
@media only screen and (max-width:767px){
#alertReport_wrapper .dataTables_paginate, #pendingNewBusinessReport_wrapper .dataTables_paginate,
#pendingNewBusinessDataTable_wrapper .dataTables_paginate{
text-align: center;
width: 100%;
}
.content-shelf-footer {
flex-direction: column-reverse;
margin-bottom: 0px;
}
.head-info {
flex-direction: column;
padding: 15px 15px;
}
.head-detail {
justify-content: space-between;
width: 100%;
}
.content-with-btn {
flex-direction: column;
}
}
@media only screen and (max-width:575px){
#fraudReportDiv .datatable-custom-searchFilter-container{
flex-direction: column-reverse;
}
.content-shelf-footer .btn {
min-width: 140px;
}
.athene-dropdown {
flex-direction: column;
}
.docs-selected {
justify-content: center;
}
.athene-dropdown .athene-select {
width: 155px;
}
.head-info {
flex-direction: column;
padding: 15px 15px;
}
.doc-detail-view {
padding: 15px 10px;
}
.docs-selected .btn-sm {
height: auto;
}
#editDocDetails .search-dropdown-wrapper .form-group.error .invalid-feedback{
top: 100px;
}
#editDocDetails .search-dropdown-wrapper .form-group{
height: 120px !important;
display: flex;
flex-direction: column;
}
#editDocDetails .dropdown-selected-value{
border-right: 1px solid #cccccc;
}
}
.col-12.file-config-block,
#selectAllUploadedDocs{
padding-left: 15px;
}
.text-with-date {
padding: 12px;
border-bottom: 1px solid #ccc;
}
.row-link {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 20px;
}
.row-date {
color: #000000;
font-size: 16px;
margin-right: 15px;
font-family: "Avenir-Next-Regular";
}
.text-list-main {
border: 1px solid #CCCCCC;
border-bottom: none;
}
.text-with-date:nth-child(odd){
background-color: #ffffff;
}
.text-with-date:nth-child(even){
background-color: #f4fbfb;
}
.text-with-date:hover {
background-color: #D3E7F4 !important;
}
.sidebar-title {
color: #000000;
margin-bottom: 16px;
font-size: 20px !important;
}
.sidebar-sub-title {
color: #4d4d4d;
margin-bottom: 6px;
font-size: 18px !important;
}
.label-info {
padding: 5px 5px;
background: cornflowerblue;
border-radius: 4px;
font-size: 16px;
}
.sidebar-block {
margin:0px 0px 20px 0px;
}
.sidebar-content .badge-info {
color: #0067AC;
background-color: #D3E7F4;
padding: 10px;
margin-right: 5px;
border-radius: 0px;
outline: none;
margin-bottom: 6px;
}
.sidebar-content .badge-info:hover {
background-color: #0067AC;
color: #FFFFFF !important;
outline: none;
}
.custom-input-search {
height: 40px !important;
}
.search-icon-btn {
height: 40px;
border: 1px solid #ccc;
width: 50px;
border-left: 0;
background-color: #0067AC;
color: #FFFFFF;
}
.athene-hippo-pagination {
padding: 20px 12px;
background-color: #F7F7F7;
}
.athene-hippo-pagination li:nth-child(2) {
border-left: 1px solid #0067AC;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border: 1px solid #0067AC;
}
.athene-hippo-pagination li:last-child {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #0067AC;
/*border-left: none;*/
}
.paginate-left-arrow-disabled {
background: #ededed !important;
border-top: 1px solid #cccccc !important;
border-left: 1px solid #cccccc !important;
border-bottom: 1px solid #cccccc !important;
padding: 10px 16px !important;
}
.paginate-right-arrow-disabled {
background: #ededed !important;
border-top: 1px solid #cccccc !important;
border-right: 1px solid #cccccc !important;
border-bottom: 1px solid #cccccc !important;
padding: 10px 16px !important;
}
.athene-hippo-pagination li {
padding: 10px 0px;
background-color: #FFFFFF;
/* border-right: 1px solid #0067AC;
border-top: 1px solid #0067AC;
border-bottom: 1px solid #0067AC;*/
border: 1px solid #0067AC;
}
.athene-hippo-pagination li a {
padding: 12px 16px;
color: #0067AC;
text-transform: capitalize;
font-family: "Avenir-Next-Demi-Bold";
}
.athene-hippo-pagination .active {
padding: 10px 0px;
background-color: #D3E7F4;
color: #0067AC;
border-top: 1px solid #0067AC;
border-bottom: 1px solid #0067AC;
cursor: pointer;
}
.athene-hippo-pagination .active a {
color: #0067AC;
font-family: "Avenir-Next-Demi-Bold";
}
.athene-hippo-pagination li a:hover, athene-hippo-pagination .active:hover {
color: #ffffff !important;
background-color: #0067AC;
}
#searchContent {
max-width: 215px;
}
.page-title-content {
font-size: 34px !important;
font-family: "Avenir-Next-Regular";
}
.hippo-user-content a {
font-family: "Avenir-Next-Demi-Bold";
}
.hippo-user-content img {
width: fit-content;
}
.tags .remove {
background-color: #0067AC;
color: #FFFFFF;
}
.remove .fa-times {
color: #FFFFFF !important;
}
.outer-content-div {
height: 100%;
}
.outer-content-div .news-card {
margin-bottom: 35px;
}
.news-card .card-list-detail li:last-child {
padding-bottom: 0px !important;
}
.news-card .card-list-detail li, .webcasts-card .card-list-detail li {
padding-bottom: 30px !important;
}
.custom-card .card-header ,.custom-card .card-body {
padding: 10px 15px;
}
.custom-card .card-footer {
padding: 18px 15px;
}
.content-text {
color: #4d4d4d;
font-family: "Avenir-Next-Demi-Bold";
font-size: 18px;
}
.content-text-para {
margin-top: 10px;
font-size: 16px;
color: #000000;
font-family: "Avenir-Next-Regular";
}
.simple-content-text {
margin: 15px 0px;
color: #4d4d4d;
font-family: "Avenir-Next-Regular";
}
.content-text-regular {
color: #4d4d4d;
font-family: "Avenir-Next-Regular";
font-size: 18px;
}
.custom-card .card-footer .btn-block i {
position: relative;
top:2px;
}
/*athene dropzone css */
.bullet-icon{
list-style-type: disc;
}
#dropzoneArea {
width: 100%;
margin: 0 auto;
border: 2px #0067AC dashed;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
padding: 20px;
background-color: #ffffff;
margin-bottom: 30px;
}
#dropzoneArea.dz-max-files-reached,
.upload-widget #dropzoneArea{
border: 2px #999999 dashed;
cursor: not-allowed;
}
.upload-widget #dropzoneArea button.btn.btn-primary.add-more-btn,
#dropzoneArea.dz-max-files-reached button.btn.btn-primary.add-more-btn{
background-color: #CCCCCC;
border:1px solid #CCCCCC;
color:#4D4D4D;
cursor: not-allowed;
}
.upload-widget #previews,
.upload-widget .upload_count{
display: none;
}
#req_upload_doc.associate-upload{
color:#cccccc !important;
}
#req_upload_doc.associate-upload > i{
color:#cccccc !important;
}
.upload-widget #dropzoneArea button.btn.btn-primary.add-more-btn:focus ,
#dropzoneArea.dz-max-files-reached button.btn.btn-primary.add-more-btn:focus {
outline: none !important;
box-shadow: none;
background-color: #CCCCCC !important;
border:1px solid #CCCCCC !important;
}
[data-dz-errormessage] {
display: none;
}
.documet-upload-preview {
min-height: 75px;
display: flex;
box-sizing: border-box;
justify-content: center;
padding: 20px 30px;
flex-direction: column;
background: transparent linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.file-row{
border: 1px solid #cccccc;
margin: 15px 0;
}
.success-file-text {
color: #065ac0;
}
.progress-bar-dropzone {
height: 100%;
width: 0%;
background-color: #4D4D4D;
}
.dz-progress-wrapper{
height: 5px;
background-color: #cccccc;
}
#alertReport tbody tr td .dc-warning-sg{
text-align: left !important;
}
.dropzone-descripton p {
margin-bottom: 0px;
font-size: 18px;
color: #4D4D4D !important;
text-align: center;
}
#pendingNewBusinessDataTable tr:not(.TotalPremium-row) td:last-child {
text-align: right !important;
}
.dz-error.dz-complete{
border: 1px solid #C53E32;
}
.dz-success.dz-complete > .dz-progress-wrapper >.progress-bar-dropzone{
background-color: #f7f7f7;
width: 100%;
}
.dz-error.dz-complete > .dz-progress-wrapper,
.dz-success.dz-complete > .dz-progress-wrapper{
opacity: 1 !important;
}
.dz-success.dz-complete div[data-dz-name]{
color:#0067AC;
}
.dz-error.dz-complete div[data-dz-name]{
color:#C53E32;
}
div[data-dz-name]{
color:#4D4D4D;
font-family: 'Avenir-Next-Demi-Bold';
}
.dz-error.dz-complete > .dz-progress-wrapper >.progress-bar-dropzone{
background-color:#C53E32 ;
width: 100%;
}
.dz-error.dz-complete .size{
display: none;
}
.error-message{
color:#C53E32;
}
.adz-preview-info{
font-size: 14px;
display: flex;
font-family: "Avenir-Next-Regular" ! important;
align-items: center;
}
.adz-preview-info strong{
font-family: "Avenir-Next-Regular" ! important;
font-weight: normal;
}
span.delete-dz-file{
margin-left: 30px;
}
span.delete-dz-file i.fa-trash-alt{
font-size: 20px;
}
button.btn.btn-primary.add-more-btn{
font-size: 16px;
}
.error-message{
display:none;
}
.f-sz-16 {
font-size: 16px !important;
}
.f-sz-18 {
font-size: 18px !important;
}
.f-sz-20 {
font-size: 20px !important;
}
.f-sz-28 {
font-size: 28px !important;
}
.fa-circle {
color: #00AA85;
}
.businessType-custom-options{
width: 100%;
}
.businessType-config{
display: flex;
align-items: baseline !important;
}
#editDocDetails .search-dropdown-wrapper .form-group.error{
bottom:25px;
}
.box-detail.w-100 .alert.alert-danger.athene-alert{
display: none;
}
.delete-files.pl-4.d-inline-block{
cursor: pointer;
}
#common-config-options{
display: flex;
padding-top: 30px;
align-items: baseline;
}
.m-20{
margin:20px;
}
#common-config-options .search-dropdown-wrapper .search-input.form-group,
.businessType-config .search-dropdown-wrapper .search-input.form-group{
position: absolute;
width: 100%;
top: 10px;
}
.stepper-component li.active{
cursor: pointer;
}
.stepper-component li[class="closed"] h3.commissionStatement-filter-hdr.stepper-header{
cursor: default;
}
.stepper-component li.active .commissionStatement-filter{
cursor: default;
}
select:disabled{
background-color: #cccccc !important;
cursor: not-allowed;
}
.commissionStatement-filter-hdr{
cursor: pointer;
}
#businessType,
.businessTypeSelect{
width:220px !important;
background-color: #F7F7F7 !important;
}
#alertEmailIdSpan {
margin-left:5px;
margin-bottom: 15px;
}
#divUploadCount{
padding: 15px 30px;
background-color: white;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.regular-font {
font-family: "Avenir-Next-Regular" !important;
}
#requirementConfigToolTable_length{
float: none !important;
}
#requirementConfigToolTable_length > label {
justify-content: flex-start !important;
}
@media only screen and (max-width:767px){
.documet-upload-preview > .d-flex.justify-content-between{
flex-direction: column;
}
.documet-upload-preview{
height: auto;
}
.adz-preview-info{
padding-top: 10px;
justify-content: space-between;
}
.dropzone-descripton p,
div[data-dz-name] {
font-size: 16px;
}
div[data-dz-name] {
word-break: break-all;
}
.dz-success.dz-complete .adz-preview-info .error-message{
display:none;
}
#dropzoneArea{
margin-bottom: 20px;
height: auto;
}
.dropzone-descripton{
margin-top: 30px;
}
.f-sz-18, .f-sz-20 {
font-size: 16px !important;
}
#alertReport_length, #documentsDatatable_length, #pendingNewBusinessReport_length,
#pendingNewBusinessDataTable_length {
float: none !important;
}
#alertReport_length.dataTables_length>label{
justify-content: center !important;
}
#alertEmailIdSpan {
display: block;
margin-left:0px;
margin-bottom: 15px;
}
#common-config-options{
flex-direction: column;
}
#common-config-options .search-dropdown-wrapper .search-input.form-group, .businessType-config .search-dropdown-wrapper .search-input.form-group{
position: static;
margin-bottom: 30px;
}
#editDocDetails .search-dropdown-wrapper .form-group.error{
height: 80px;
}
#editDocDetails .search-dropdown-wrapper .form-group.error .dropdown-value{
color:#C53E32;
}
#editDocDetails .search-dropdown-wrapper .form-group.error .invalid-feedback{
left: 0;
}
}
#common-config-options > [class*="col-"]{
padding: 0;
}
#common-config-options > [class*="col-"]:first-child{
padding-right: 10px;
}
#athenePDFExportDateRangeInput {
width: 275px;
background-color: #F7F7F7;
border: 1px solid #CCCCCC;
color: #4D4D4D;
}
/*athene dropzone css */
.athene-glossary-table td:first-child{
font-family: 'Avenir-Next-Demi-Bold';
}
.athene-glossary-table tbody tr{
border: none;
}
.athene-glossary-table tbody td{
border: none;
}
@media only screen and (max-width:374px){
#editDocDetails .athene-dropdown select{
padding: 10px;
font-size: 13px;
}
#browseHierarchyTable_wrapper .paginate_button{
margin: 0px 5px !important;
width: 35px;
min-width: 35px;
}
}
@media only screen and (max-width:767px){
#documentsDatatable_paginate{
text-align: center;
}
#common-config-options > [class*="col-"]:first-child{
padding-right: 0px;
}
#common-config-options > [class^="col-"]{
padding: 0;
}
#businessType, .businessTypeSelect {
width: 100% !important;
font-size: 14px;
background-size: 15px 15px !important;
background-position: 96% 50% !important;
}
#editDocDetails .data-search-card{
margin-bottom: 0px;
}
#documentsDatatable_length >label{
justify-content: center !important;
}
#editDocDetails .athene-dropdown{
align-items: flex-start;
}
#editDocDetails .dropdown-selected-value{
font-size: 16px;
padding: 18px;
}
}
.file-progress{
color:#FAA634;
width: 25px;
}
.file-failed{
width: 25px;
color:#C53E32;
}
.file-status-dtable{
display: flex;
align-items: center;
/* justify-content: space-between; */
}
.file-status-dtable >span{
/* width: 100%; */
white-space: nowrap;
}
@media only screen and (min-width:768px){
.news-card,.webcasts-card {
height: 100%;
}
}
.content-list-with-icon, .rules-guidelines-mob-menu ul {
list-style-type: none;
padding-left: 0px;
}
.additional-guidelines-nav-list ul li {
padding: 10px 0px 5px 10px;
cursor: pointer;
}
.additional-guidelines-nav-list ul li i:first-child {
color: #faa634;
}
.additional-guidelines-nav-list ul li i.fa-handshake {
transform: rotate(-35deg);
}
.additional-guidelines-nav-list ul li .fas.fa-chevron-right {
font-size: 12px;
}
.additional-guidelines-nav-list ul li a {
font-family: 'Avenir-Next-Demi-bold';
color: #000000;
}
.leftNavigation-mobile-Menu {
color: #fff;
background-color: #0067ac;
padding: 10px;
font-family: 'Avenir-Next-Demi-bold';
}
.rules-guideLines-left-navigation .rules-guidelines-mob-menu >ul {
background-color: #fff;
border: 1px solid #ccc;
}
.rules-guideLines-left-navigation ul li.rules-guidelines-list {
color: #0067ac;
font-family: 'Avenir-Next-Demi-bold';
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 15px;
cursor: pointer;
}
.rules-guideLines-description a {
font-family: "Avenir-Next-Demi-bold";
}
li.dropdown > span {
padding: 10px;
display: inline-block;
}
li.dropdown.rules-guidelines-list:hover {
color: #0067ac !important;
background-color: #ffffff !important;
}
ul li.rules-guidelines-list .rules-guidelines-subList li:hover,
.rules-guideLines-left-navigation ul li.rules-guidelines-list:hover {
cursor: pointer;
background-color: #D3E7F4;
color: #11175E !important;
}
.rules-guidelines-list a:hover {
color:#11175E;
}
.rules-guideLines-left-navigation ul li.rules-guidelines-list.active, ul li.rules-guidelines-list .rules-guidelines-subList li.active {
background-color: #0067ac;
}
.rules-guidelines-list.active a, ul li.rules-guidelines-list .rules-guidelines-subList li.active a {
color: #ffffff !important;
}
li.dropdown.rules-guidelines-list ul {
display: none;
}
.dropdown ul.rules-guidelines-subList {
padding-top: 0px;
}
.dropdown.rules-guidelines-list {
padding: 0px !important;
}
ul li.rules-guidelines-list .rules-guidelines-subList li {
padding: 10px 20px;
font-family: "Avenir-Next-Regular";
}
ul li.rules-guidelines-list .rules-guidelines-subList li a {
color: #000000;
}
.stripe {
padding: 50px 0px;
}
.wrap-column-text {
max-width:250px !important;
white-space: normal !important;
word-wrap: break-word !important;
}
.disabledModalTrigger{
/* cursor: not-allowed !important; */
color:#cccccc !important;
}
.button-switch-input > input[type="radio"]:checked:disabled +label{
background-color: #cccccc !important;
color: #4D4D4D !important;
}
.athene-carousel .carousel-caption {
top: 15px;
left: 2%;
right: 2%;
padding: 0px 12px;
color: #ffffff !important;
z-index: 8;
text-align: left;
}
.athene-carousel .carousel-caption a {
color: #ffffff !important;
font-family: "Avenir-Next-Demi-Bold";
font-size: 16px;
position: absolute;
left: 2%;
bottom: 10px;
right: 2%;
margin: 0px 7px;
}
.athene-carousel .carousel-caption a .fa-angle-right {
position: relative;
top: 1px;
}
.athene-carousel .carousel-caption h4 {
color: #ffffff !important;
font-family: "Avenir-Next-Demi-Bold";
font-size: 18px;
}
.athene-carousel .carousel-caption p {
color: #ffffff !important;
font-family: "Avenir-Next-Regular";
margin-bottom: 0px;
line-height: 1.3;
}
.athene-carousel .carousel-indicators {
margin-bottom: 1%;
margin-left: 10%;
margin-right: 10%;
z-index: 8;
}
.athene-carousel .carousel-item img {
opacity: .35;
min-height: inherit;
}
.athene-carousel .carousel-item {
min-height: 240px;
}
.carousel-medium {
background: #093F85;
}
.carousel-primary {
background: #11175E;
}
.carousel-black {
background: #000000;
}
.carousel-red {
background: #C53E32;
}
.carousel-kiwi {
background: #008064;
}
.carousel-slate {
background: #4D4D4D
}
.font-black {
color: #000000 !important;
}
/* DOWNLINE SEARCH ------------------------------------------------ */
#downlineSearchForm input[type="text"]{
background-color: #f7f7f7;
}
#downlineSearchForm .get-report-form{
margin: 10px 0px 5px;
}
.card-hover:hover {
background: #D3E7F4;
}
.card.h-100 .card-body {
padding: 30px 30px 10px;
}
.insights-card .card-body {
z-index: 1;
}
#downlineSearchDiv #divStatusChkFilter{
border-left: 1px solid #cccccc;
}
#browseHierarchyTable td:last-child {
padding: 0.75rem 0.5rem 0.6rem 2.5rem;
text-align: left !important;
}
#browseHierarchyTable span.brwsehr-distribution{
display: flex;
justify-content: space-between;
}
.insights-card .sub-category, .insights-card .card-text {
color: #4d4d4d;
}
.insights-card .card-title {
color: #0067AC !important;
}
.insights-card .card-body:hover {
background-color: #D3E7F4;
outline: 1px solid #0067AC;
}
.insights-card .card-body a:hover {
background-color: #D3E7F4;
/*border-color: #D3E7F4;*/
border: 1px solid #0067AC;
}
@media only screen and (min-width:768px) and (max-width: 991px){
.athene-carousel .carousel-caption p {
font-size: 14px;
}
.athene-carousel .carousel-caption h4 {
margin-bottom: 5px;
}
.athene-carousel .carousel-caption a {
font-size: 14px;
}
}
/* PRPS-53 Downline Search Browse Heirarchy---------------------------------- Starts */
.multiline-alertRibbon{
display: flex;
flex-direction: column;
}
#downlineSearchDiv .col-12 .custom-control.custom-checkbox{
padding-bottom: 5px;
}
#downlineSearchDiv #divStatusChkFilter{
padding-left: 40px;
padding-right: 0px;
}
@media only screen and (max-width: 575px){
#searchHierarchyBtn{
min-width: 150px !important;
}
}
.noWrap-column{
min-width: 150px !important;
}
/* PRPS-53 Downline Search Browse Heirarchy---------------------------------- Ends*/
.top-grid-content {
padding: 15px 30px;
}
.top-grid-content [class*="col-"] {
padding: 15px;
}
#editDocDetails .top-grid-content {
padding: 30px;
}
#editDocDetails .top-grid-content [class*="col-"] {
padding: 0px 5px;
}
/* #browseHierarchyTable_wrapper.dataTables_wrapper.no-footer >div>div{ */
/* overflow: auto; */
/* } */
@media only screen and (max-width:767px) {
.top-grid-content [class*="col-"] {
padding: 8px;
}
#editDocDetails .top-grid-content {
padding: 20px;
}
#downlineSearchDiv #divStatusChkFilter{
padding-right: 15px;
padding-left: 25px;
border-left:0px;
}
#downlineSearchDatatble_length{
float: none !important;
}
#downlineSearchDatatble_length > label{
justify-content: center !important;
}
#downlineSearchDatatble_paginate{
text-align: center;
}
#downlineSearchForm{
padding: 0px 10px;
}
.top-grid-content {
padding: 8px 22px;
}
.athene-card-deck {
flex-direction: column;
}
.athene-card-deck .card {
margin: 0px 15px 20px 15px;
}
.datatable-search-filter {
-webkit-transform: translate3d(0,0,20px);
transform: translate3d(0,0,20px);
top: 50px;
}
}
.padding-side {
padding: 0px 15px;
}
#downlineSearchDatatble tbody .dc-warning-sg{
text-align: left;
}
.content-check-list .checked-list {
margin-bottom: 0px;
margin-top: 8px;
}
.container p a {
font-family: "Avenir-Next-Demi-Bold";
}
.pre-footer p:last-child {
margin-bottom: 0px;
}
#insightsAllTopics {
width: 230px;
}
#alertReport .dc-warning-sg{
text-align: center;
}
.datatable-custom-filter, .close-datatable-search, .filter-back, .athene-eye,
.datatable-search-filter, .atheneMobileMenu, #mobileNotificationId .nav-link, .mobleUser,
.mobileHeader {
cursor: pointer;
}
#pendingTab .resutlstableNon , #issuedTab .resutlstableNon{
overflow:hidden;
}
*:focus{
outline: 2px solid #cccccc !important;
}
body.using-mouse-control *:focus{
outline: none;
}
#fileErroredS3{
color:#0067AC;
font-family: "Avenir-Next-Demi-Bold";
}
#fileS3ErrorWrap{
margin: 15px 20px;
}
#uploadModalErrorFIlesAlert{
margin: 30px;
}
#erroredFilesTable thead th,
#successFilesS3Table thead th,
#errorFilesS3Table thead th{
padding:0.75rem 0.5rem 0.6rem 1.8rem;
border-top:0px;
}
#erroredFilesTable tbody,
#successFilesS3Table tbody,
#errorFilesS3Table tbody{
border-bottom:1px solid #cccccc;
}
#uploadConfirmationModal .modal-body{
padding: 0px;
}
#uploadConfirmationModal .modal-body >p,
#uploadConfirmationModal .modal-body >.athene-alert,
#errorFilesAlertS3{
margin : 1rem 30px;
}
#contactUsForm #comments,
#contactReason{
background-color: #FFFFFF;
}
#responseSubmitted{
background-color: #FFFFFF;
border: 1px solid #cccccc;
padding: 25px 20px;
}
#contactUsForm .form-group,
#requestorModal .form-group,
#bankmodal .form-group{
margin-bottom: 30px;
}
#submitAnotherQuery{
color: #0067AC;
font-family: "Avenir-Next-Demi-Bold";
}
#legacyDENYProducts .data-card, #retiredPresenditaLife .data-card{
padding: 10px 0px;
}
#legacyDENYProductsTable tbody tr:last-child{
border-bottom: 1px solid #cccccc;
}
#contactUsForm .form-control:disabled,
#contactUsForm .form-control[readonly]{
background-color:#ffffff !important;
}
#reviewAccountStaffDataTable_wrapper{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.connect-main-content {
padding-top:180px;
}
input.form-control, textarea.form-control {
background-color: #ffffff;
}
input.form-control:focus, textarea.form-control:focus {
background-color: #ffffff;
border: 1px solid #0067AC !important;
}
.remove-section {
display: flex;
}
.remove-section span {
display: none;
}
.remove-section {
/*margin-left: 15px;*/
margin-left: 20px;
/* margin-top: 10px; */
}
.input-wrapper .form-label {
font-size: 16px !important;
}
@media only screen and (max-width:767px) {
#contactUsForm .form-group,
#bankmodal .form-group,
#requestorModal .form-group{
margin-bottom: 20px;
}
#acknowledgementForm > ol >li{
padding-bottom: 15px;
}
.agree-terms-wrap{
padding:15px !important;
padding-left: 30px !important;
}
#chequeImgForm{
height: 100px !important;
}
.connect-main-content {
padding-top: 0px;
}
.remove-section span {
display: flex;
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
#chequeImgForm{
height: 160px !important;
}
.connect-main-content {
padding-top: 150px;
}
.input-wrapper .form-label {
font-size: 14px !important;
}
/*.remove-section {
margin-left: 8px;
margin-top: 10px;
}*/
}
@media only screen and (min-width:768px) {
.border-line-right {
border-right: 2px solid #cccccc;
}
}
a.skip-to-content {
left:0px;
position:absolute;
top:0px;
width:1px;
height:1px;
overflow:hidden;
z-index:-999;
}
a.skip-to-content:focus, a.skip-to-content:active {
color: #ffffff;
background-color: #00AA85;
left: 0px;
top: 0px;
width: 200px;
height: auto;
overflow: auto;
padding: 15px;
text-align: center;
font-size: 16px;
font-family: "Avenir-Next-Regular";
z-index: 999;
}
a.skip-to-content:hover {
color: #ffffff !important;
}
#requestorModal input,
#bankmodal input{
background-color: #f7f7f7;
}
.required-asterik{
color:#5091CD;
}
#chequeImgForm{
height: 270px;
}
#chequeImgForm img{
height: 100%;
width: 100%;
}
#acknowledgementForm > ol{
padding-left: 20px;
}
#acknowledgementForm > ol >li{
padding-left: 5px;
padding-bottom: 25px;
}
.agree-terms-wrap {
padding: 15px 35px;
border: 1px solid #C53E32;
width: 100%;
}
.requestor-info-modal input {
background-color: #F7F7F7;
border: 1px solid #CCCCCC;
}
.ach-sub-list {
list-style-type: initial;
}
.ach-main-list {
list-style-type: none;
}
.ach-main-list .valid-check::before {
content: "\f00c" !important;
font-family: 'Font Awesome 5 Pro';
margin-right: 8px;
font-weight: bold;
}
.modal-body .two-step-verify-option-div .col-12 {
padding: 0px !important;
}
#resetButton {
display: flex;
align-items: center;
}
#showTaxFormDataGrid_shelf .athene-custom-table tbody td, #showTaxFormDataGrid_shelf .athene-custom-table thead tr th{
padding: 12px 8px 12px 24px;
}
.top-grid-content .modal-body .customRadioCheckBoxWrap.col-12 {
padding: 0px 16px;
}
.body-font-color {
color: #4d4d4d !important;
}
#divUploadACHDocsAlert a {
cursor:pointer;
color:#0067AC !important;
}
.simple-card-error i,
.simple-card-error h2{
font-size: 40px;
}
.simple-card-error h2{
font-family: "Avenir-Next-Demi-Bold" !important;
margin-bottom: 10px;
}
.simple-card-error{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100%;
}
.simple-card-main.error-card {
justify-content: center !important;
}
.sub-header {
display: block;
z-index: 1000;
position: fixed;
top: 0;
left: 0;
right: 0;
}
table tbody tr:hover {
background-color: #d3e7f4 !important;
}
.modal input.form-control, .modal textarea.form-control, .modal select.form-control,
.athene-connect-content-shelf input {
background-color: #F7F7F7;
border: 1px solid #CCCCCC;
}
.modal-list {
padding-left: 0px;
list-style-type: none;
}
.modal-list li {
border-bottom: 1px solid #cccccc;
padding: 10px 0px;
}
.popover {
border-radius: 0px;
color: #000000 !important;
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.3);
border: none;
}
.containerpadTop50px {
padding-top: 50px;
}
.p-30{
padding: 0px 30px;
}
.pl-30{
padding-left: 30px !important;
}
.cls-border-bottom{
border-bottom: 1px solid #cccccc;
}
.border-top-none {
border-top: none !important;
}
.border-bottom-solid {
border-bottom: 1px solid #cccccc !important;
}
.wrong {
color: #c8493d !important;
}
.athene-border {
border: 1px solid #cccccc;
}
ul li.user-id-conditions, ul li.password-conditions {
font-family: 'Avenir-Next-Demi-Bold';
font-size: 18px;
padding-left: 15px;
font-weight: 600;
}
.correct {
color: #01aa85 !important;
}
.user-id-conditions-wrap ul, .password-conditions ul {
list-style-type: none;
padding-left: 0px;
padding-top: 10px;
}
.terms-and-conditions-atheneConnect ol {
padding-left: 20px;
}
.form-control.error:focus {
border-color: #C53E32 !important;
}
#dashboardSearchCard .search-dropdown-wrapper {
max-width: 700px;
position: revert;
top: 120px;
left: 30px;
right: 30px;
}
#dashboardSearchCard {
height: auto;
}
a.text-white:hover {
color: #5091CD !important;
}
/* bob new code starts*/
.outer-wrapper {
border-bottom: 1px solid #E6E6E6;
padding: 32px 0px;
/*display: flex;*/
/*justify-content: space-between; */
}
.wrap-detail-head {
font-size: 28px;
font-family: "Avenir-Next-Regular";
overflow-wrap: break-word;
}
.wrapper-date {
font-family: "Avenir-Next-Regular";
font-size: 16px;
color: #4d4d4d;
margin: 8px 0px 15px 0px;
}
/*.plain-chips {
background-color: #F7F7F7;
border-radius: 4px;
border: 1px solid #cccccc;
padding: 2px 4px;
margin: 4px 10px 4px 0px;
font-size: 13px;
width: max-content;
}*/
.chips-wrapper {
padding-left: 15px;
padding-right: 15px;
display: flex;
flex-flow: wrap;
}
.inner-detail {
font-size: 16px;
font-family: "Avenir-Next-Demi-Bold";
cursor: pointer;
}
.right-side-content {
display: flex;
justify-content: space-between;
flex-flow: wrap;
align-items: center;
}
.toggle-detail .fa-sort-down {
position: relative;
top: -2px;
}
.rotate-reverse {
transform: rotate(180deg);
position: relative !important;
top: 5px !important;
}
.white-stripe {
background: white;
padding: 15px;
/*display: flex;*/
/*justify-content: space-between;*/
/*align-items: center;*/
}
.color-blue {
color: #0067AC;
}
.data-chips .color-black, .color-black {
color: #000000 !important;
}
ul.no-bullets, .user-agreement-outer-wrap ul {
list-style-type: none;
}
.user-agreement-outer-wrap ul li p {
margin-left:0px !important;
}
.user-agreement-outer-wrap ol {
padding-left: 18px;
}
@media only screen and (max-width:575px) {
.right-side-content {
flex-wrap: nowrap;
}
.right-side-content .inner-detail {
font-size: 12px;
}
.right-side-content .data-table-btn {
padding: 0px 4px !important;
font-size: 12px !important;
min-width: 25px !important;
}
.toggle-detail {
display: block;
}
.user-agreement-outer-wrap ul {
list-style-type: none;
padding-left: 25px;
}
}
#bobSaveSearch.container, #bobSearch.container {
padding-left: 15px;
padding-right: 15px;
}
#renameSearchBtn:hover, #deleteSearchBtn:hover, .toggle-detail .inner-detail:hover {
color: #0067AC !important;
cursor: pointer;
}
#bobSaveSearch.container {
max-height: 500px;
overflow-y: auto;
}
@media only screen and (min-width:767px) {
#saveSearchDiv {
margin-right: 20px;
padding-right: 22px;
}
}
/* bob code new ends*/
.rates-table.table-responsive {
overflow-y: clip;
}
.italic-font {
font-style: italic;
}
.italic-font-12 {
font-style: italic;
font-size: 12px !important;
}
/*use this for no change text*/
.italic-font-14 {
font-style: italic;
font-size: 14px !important;
color: #525252;
}
.italic-font-16 {
font-style: italic;
font-size: 16px !important;
}
.font-bold-20 {
font-family: "Avenir-Next-Demi-Bold" !important;
font-size: 20px !important;
}
.font-bold-16 {
font-family: "Avenir-Next-Demi-Bold" !important;
font-size: 16px !important;
}
/* use this for "new" column where font is bold */
.font-bold-14 {
font-family: "Avenir-Next-Demi-Bold" !important;
font-size: 14px !important;
color: #525252;
}
.font-bold-12 {
font-family: "Avenir-Next-Demi-Bold" !important;
font-size: 12px !important;
}
/*use this for first row of tbody where font is bigger */
.font-regular-16 {
font-family: "Avenir-Next-Regular" !important;
font-size: 16px !important;
color: #525252;
}
.font-regular-14 {
font-family: "Avenir-Next-Regular" !important;
font-size: 14px !important;
}
.font-regular-12 {
font-family: "Avenir-Next-Regular" !important;
font-size: 12px !important;
color: #545454;
}
/* use this for premium band column && use for sub header ex: current, new, chaneg other than bolder header in thead */
.font-regular-10 {
font-family: "Avenir-Next-Regular" !important;
font-size: 10px !important;
color: #4d4d4d;
}
.rates-table table tbody tr {
/*pointer-events: none;*/
font-size: 16px;
font-family: "Avenir-Next-Regular";
}
/* use for no change value ex: 0.00 */
.light-font {
color: #cccccc;
}
/* automatically all td inside the tbody are 14 px*/
.rates-table .athene-table tbody td {
padding: 12px 12px !important;
color: #525252;
font-size: 14px;
height: 1px;
/*white-space: nowrap;*/
border-right: 0;
vertical-align: middle;;
}
/* automatically used for thead - bold*/
.rates-table .athene-table thead {
font-size: 12px;
color: #545454;
font-family: "Avenir-Next-Demi-Bold";
}
.rates-table .athene-table thead tr td {
border-top: 0;
padding: 5px 0.75rem;
}
.color-state-16 {
color: #4d4d4d;
font-size: 16px;
font-family: "Avenir-Next-Regular";
}
.rate-date {
color: #525252;
font-size: 32px;
font-family: "Avenir-Next-Regular";
}
.slate-color {
color: #525252 !important
}
.text-align-right {
text-align: right;
}
.split-table-row {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.rate-arrow {
font-size: 14px;
}
.rates-table .athene-table thead tr td {
margin-left: 0px !important;
}
.rates-table .athene-table thead tr:not(:first-child) {
font-family: "Avenir-Next-Demi-Bold" !important;
font-size: 12px !important;
color: #4d4d4d;
}
.border-right {
border-right: 1px solid #cccccc !important;
}
.border-left {
border-left: 1px solid #cccccc !important;
}
.table-layout-fixed {
table-layout: fixed;
width: 100%;
}
.table-layout-auto {
table-layout: auto;
width: 100%;
}
.mt-12 {
margin-top: 12px;
}
.line-height-28 {
line-height: 28px !important;
}
.distribution ul {
padding-left: 17px;
}
.distribution ul li{
margin-bottom: 8px;
}
/* multi-select start */
.MultiCheckBox {
border:1px solid #CCCCCC;
padding: 0px 20px;
/*border-radius:4px;
cursor:pointer;*/
background-color: #F7F7F7;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.MultiCheckBox .fa-chevron-down {
float: right;
position: relative;
top: 1px;
right: -10px;
font-size: 20px !important;
color: #0067AC;
}
.MultiCheckBoxDetail {
display:none;
position:absolute;
overflow-y:hidden;
z-index: 5;
background-color: #ffffff;
border: 1px solid #cccccc;
width: 98%;
}
.MultiCheckBoxDetailBody {
overflow-y:scroll;
max-height: 300px;
}
.MultiCheckBoxDetailBody .custom-control.custom-checkbox {
padding: 10px 40px !important;
border-bottom: 1px solid #cccccc;
/*cursor: pointer;*/
}
.MultiCheckBoxDetailBody .custom-control.custom-checkbox:hover {
background-color: #F7F7F7;
}
/*.MultiCheckBoxDetail .cont {
clear:both;
overflow: hidden;
padding: 6px 16px 6px 40px !important;
border-bottom: 1px solid #cccccc;
cursor: pointer;
}
.MultiCheckBoxDetail .cont:hover {
background-color: #F7F7F7;
cursor: pointer;
}*/
.MultiCheckBoxDetailBody > div > div {
float:left;
}
.MultiCheckBoxDetail>div>div:nth-child(1) {
}
/*
.MultiCheckBoxDetailHeader {
overflow:hidden;
position:relative;
height: 28px;
background-color:#3d3d3d;
}
.MultiCheckBoxDetailHeader>input {
position: absolute;
top: 4px;
left: 3px;
}
.MultiCheckBoxDetailHeader>div {
position: absolute;
top: 5px;
left: 24px;
color:#fff;
}*/
.MultiCheckBoxDetailBody::-webkit-scrollbar {
width: 6px;
}
.MultiCheckBoxDetailBody::-webkit-scrollbar-track {
border-radius: 0px;
background: #f7f7f7;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.MultiCheckBoxDetailBody::-webkit-scrollbar-thumb {
background: #5091CD;
border-radius: 10px;
width: 18px;
border:2px solid transparent;
background-clip: content-box;
}
#drpChannel option {
background-color: #ffffff;
padding: 8px;
}
/* multi-select end */
.outer-product-wrap h4 sup {
font-size: 62%;
font-family: 'Avenir-Next-Demi-Bold' !important;
}
.accordian-header-v2 a sup {
font-size: 56%;
font-family: 'Avenir-Next-Demi-Bold' !important;
top: -.45em;
}
#associate-m-rates .documet-upload-preview {
background: #ffffff !important;
}
#associate-m-rates .documet-upload-preview .name {
color: #0067AC !important;
}
/*
@media print {
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:auto }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
}*/
@media print {
/*.data-card-accordian-v2 {
page-break-before: always;
}*/
thead,tfoot,tr,table,.data-card-accordian-v2, .rates-table {
page-break-inside: avoid;
/*page-break-after: auto;*/
}
.accordian-header-v2 a {
text-decoration: none;
}
.connect-main-content {
padding-top: 0;
}
.athene-table tbody tr:nth-child(odd) {
background-color: #f4fbfb !important;
-webkit-print-color-adjust: exact;
}
}
.custom-athene-tab.athene-tab .nav-item a {
width: 100%;
padding: 10px 15px;
}
.custom-athene-tab.athene-tab .nav-tabs .nav-link:focus {
border-bottom: none;
}
#emailPreheader {
resize: none;
height: 155px;
}
.label-margin {
margin-bottom: -1px;
}
.email-history-section {
background-color:#e6e6e6;
width:100%;
padding: 20px 0px;
border-top: 1px solid #cccccc;
}
.max-width-90 {
max-width: 90%;
}
#searchModalForm .data-search-card.page-search {
height: 115px !important;
}
.text-blue {
color: #0067AC !important;
font-family: "Avenir-Next-Demi-Bold";
}
#txtDCMPartyName {
padding-right: 100px;
}
.input-wrapper .athene-select {
padding-left: 10px;
background-size: 15px 15px;
background-position: 96% 50%;
}
.rotate-icon.down{
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.option-summary {
display: none;
}
.btn-row {
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
flex-grow: 1;
align-self: stretch;
}
.btn-row .btn-outline-primary {
min-width: inherit;
}
.split-one {
flex-grow: 1;
}
.split-three {
flex-grow: 8;
}
.blue-head {
background-color: #11175E;
color: #ffffff;
width: 100%;
padding: 20px;
}
.first-part {
width: 50%;
display: inline;
float: left;
text-align: center;
border-right: 1px solid #cccccc;
}
.second-part {
width: 50%;
display: inline;
text-align: center;
}
.data-card-space {
padding: 25px 35px 12px 35px;
}
.section-disabled {
pointer-events: none;
opacity: .3;
}
.section-wrap {
cursor: not-allowed;
}
.text-row {
display: none;
}
.btn-row .btn-outline-primary:focus {
background-color: #11175E !important;
color: #FFFFFF !important;
}
.blue-btn {
background-color: #11175E;
color: #FFFFFF;
}
.currency-sign {
left: 20px !important;
width: 10px;
cursor: default !important;
}
#segmentRow .athene-select {
padding-right: 25px;
background-color: #ffffff;
outline: none;
}
#segmentRow input, #purchasePayment {
background-color: #ffffff;
}
#allSegmentOption .form-control:disabled, .form-control[readonly] {
background-color: #e9ecef !important;
opacity: 1;
cursor: not-allowed;
}
.icon-input .fa-percentage {
right: 10px !important;
cursor: default !important;
}
.dash-border {
border-left: 1px dashed #cccccc;
}
.graph-container {
background-color: #ffffff;
box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
border: 1px solid #cccccc;
}
.outer-container {
display: flex;
/*align-items: center;*/
border-bottom: 1px solid #ccc;
background-color: #F7F7F7;
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.first-division {
border-right: 1px solid #cccccc;
padding: 15px;
display: flex;
align-items: center;
width: 50%;
}
.second-division {
display: inline-flex;
/*justify-content: space-around;*/
background-color: #EDEDED;
width: 50%;
}
.sub-div {
background-color: #ededed;
/*color: #ffffff;*/
width: 100%;
display: flex;
padding: 10px;
align-items: center;
}
.graph-acc.accordion {
margin-top: 20px;
}
.graph-acc.accordion .card {
border: none;
margin-bottom: 20px;
}
.graph-acc.accordion .card button:after {
font-family: 'Font Awesome 5 Pro';
content: "\f106";
font-size: 14px;
}
.graph-acc.accordion .card button.collapsed:after {
font-family: 'Font Awesome 5 Pro';
content: "\f107";
font-size: 14px;
}
.graph-acc.accordion .card-body {
padding-left: 0;
padding-right: 0;
}
.individual-graph-container canvas {
margin-left: -10px;
/*padding-right: 15px;*/
}
div[id*="mslGraphDiv_"] .fas {
font-size: 20px;
}
/*rates trable 2.0 start*/
.term-index-table table {
border: 1px solid #cccccc;
width: 100%;
margin-bottom: 25px;
}
.term-index-table table td,
.term-index-table table th {
padding: 10px 7px;
}
.term-index-table tbody tr:nth-child(odd) {
background-color: #f4fbfb;
}
.no-hover{
pointer-events: none;
}
.head-print-section {
display: flex;
justify-content: space-between;
align-items: baseline;
}
@media only screen and (max-width: 840px) {
.term-index-table table,
.term-index-table thead,
.term-index-table tbody,
.term-index-table th,
.term-index-table td,
.term-index-table tr {
display: block;
}
.term-index-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.term-index-table tr {
border: 1px solid #d8d6d6;
}
/*.term-index-table table tr td {
width: 100%;
}*/
.term-index-table td {
border: none;
border-bottom: 1px solid #d8d6d6;
position: relative;
padding-left: 50% !important;
white-space: normal;
text-align: left;
margin-left: unset;
}
.term-index-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: inherit;
padding-right: 10px;
white-space: nowrap;
text-align: left;
font-family: 'Avenir-Next-Demi-Bold' !important;
}
.term-index-table td:before {
content: attr(data-title);
}
.term-index-table td.table-label {
padding-left: 7px !important;
}
.term-index-table th {
display: none;
}
}
/*rates table 2.0 end*/
@media only screen and (min-width:767px) {
.delete-row-icon {
margin-left: -15px;
margin-top: 35px;
}
.first-division {
padding: 20px 15px 20px 25px;
}
.sub-div {
padding: 20px 10px;
}
.first-part {
padding-right: 10px;
}
}
@media only screen and (max-width:991px) {
.text-row {
display: flex;
justify-content: center;
align-items: center;
}
.split-one,.split-two {
display: none;
}
}
@media only screen and (max-width:767px) {
.btn-row .btn-outline-primary {
font-size: 14px;
}
.dash-border {
border-left: none;
}
.outer-container {
flex-direction: column;
}
.first-division, .second-division {
width: 100%;
}
.first-division {
border-right: 0;
border-bottom: 1px solid #cccccc;
padding: 15px;
}
}
@media only screen and (max-width:575px) {
.first-part {
width: 100%;
border-right: none;
margin-bottom: 15px;
}
.second-part {
width: 100%;
}
.data-card-space {
padding: 15px 19px 10px 19px;
}
.btn-row .btn-outline-primary {
font-size: 12px;
}
.sub-div {
flex-direction: column;
}
.term-index-table tr td {
margin-left: 0px !important;
}
#segOptionDecRatesModal.athene-modal .modal-body {
padding: 1rem;
}
.term-index-table td {
padding-left: 60% !important;
}
}
/* date Highlight for amplify calendar */
.highlight{
background: #093f85;
color:#fff;
}
.highlight:hover{
background: #11175e;
color:#fff;
}
/* Date picker - END */
.normal-info-alert {
color: #11175E !important;
font-family: 'Avenir-Next-Regular' !important;
border: 1px solid #cccccc !important;
background: #f7f7f7 !important;
}
/* print pdf calculator results start */
.amplify-calc__print-btn {
position: absolute;
right: 0;
bottom: 0;
color: white;
margin: 10px;
background: none;
border: none;
}
.print-header-logo img {
max-width: 350px;
}
.no-graph-section {
display: none;
}
@media only screen and (max-width:767px) {
.amplify-calc__print-btn {
position: relative;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.no-graph-section {
display: block;
}
.individual-graph-container {
display: none;
}
}
@media only print {
#microsites-main-content {
margin-top: 0 !important;
}
.blue-head {
-webkit-print-color-adjust: exact;
color-adjust: exact;
}
.amplify-calc__print-pdf-header {
margin-top: -15px;
}
.amplify-calc__print-pdf-header img {
max-width: 350px;
}
.graph-container {
page-break-after: always;
}
.data-card.data-card-space{
border: none;
}
.individual-graph-container canvas {
width: 100% !important;
height: auto !important;
}
#updateSectionDiv,
#summaryDiv,
#printPDF,
#graphOptions,
#tooltipContainer,
.amplify-calc__print-btn {
display: none !important;
}
.term-index-table table td, .term-index-table table th {
border: 1px solid #cccccc;
}
}
/* print pdf calculator results end */
/* max width to render svgs - start */
.hippo-user-content .img-portrait{
max-width:140px
}
.hippo-user-content .img-aththumbnail-alt{
max-width:80px
}
.hippo-user-content .img-aththumbnail{
max-width:130px
}
.hippo-user-content .img-small{
max-width:250px
}
/* max width to render svgs - end */
/* 4D4D4D for required (*) fields */
.required-star {
font-weight: 500;
color: #4D4D4D;
}
label.error span.required-star{
color:#C53E32;
}
h3.popover-header { font-size: 1.2rem !important }
.datepicker table tr td.day.focused.highlight {
color: initial;
}
.datepicker-dropdown {
z-index: 2;
}
/* accordion-gradient start */
.accordion-gradient {
width: 100%;
border: 1px solid #CCCCCC;
}
.accordion-gradient > .card > .card-header {
background: linear-gradient( #f7f7f7, #f7f7f7, #cccccc );
border: none;
}
.accordion-gradient .card-header h4 {
color: #11175E;
}
.accordion-gradient button.card-header:focus {
box-shadow: inset 0 0 0 2px #11175e;
}
/* accordion-gradient end */
/* accordion-plain end */
.accordion-plain {
width: 100%;
background: white;
}
.accordion-plain:not(:last-child) {
margin-bottom: -1px;
}
.accordion-plain .card-header {
background: none;
border: none;
}
.accordion-plain .card-header h4 {
color: #0067AC !important;
}
.accordion-plain .card-header:focus {
outline: none !important;
}
.accordion-plain button.card-header:focus {
box-shadow: inset 0 0 0 2px #11175e;
}
/* accordion-plain end */
.btn-group.btn-group-toggle
.btn-outline-primary:not(:disabled):not(.disabled).active:focus {
color: #ffffff !important;
background-color: #093f85 !important;
border: 1px solid #093f85 !important;
}
.accordion .animate-rotate {
transition: all 0.3s ease-in;
transform: rotate(0deg);
}
.accordion .collapsed .animate-rotate {
transform: rotate(180deg);
}
/* accordion-plain end */
.position-sticky {
position: sticky!important;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.position-sticky-bottom {
bottom: 0;
z-index: 3;
}
.individual-card-details.beneficiary-individual-card-details {
height: 363px;
}
/* datatables start */
.athene-datatable__wrapper tbody td {
padding: 10px 15px;
}
.athene-datatable__wrapper tbody td {
border: none;
}
/* datatables end */
/* data table footer start */
.datatable-footer .dataTables_length,
.datatable-footer .dataTables_paginate {
padding: 5px 15px;
padding-left: 0;
}
.datatable-footer .dataTables_length {
float: right;
}
.datatable-footer .dataTables_paginate {
float: left;
}
.datatable-footer .dataTables_length > label {
margin-bottom: 0px;
}
.datatable-footer {
border-top: 1px solid #c5c5c5;
}
@media all and (max-width: 767px) {
.datatable-footer .dataTables_paginate {
float: none;
text-align: center;
padding: 5px;
}
.datatable-footer .dataTables_length {
float: none;
padding: 5px;
}
.datatable-footer .dataTables_length > label {
justify-content: center !important;
}
}
/* data table footer end */
/* filter chip start */
.filter-chip {
border: 1.5px solid #0067ac;
width: auto;
text-overflow: ellipsis;
border-radius: 5px;
padding: 2px 6px;
font-size: 18px;
font-family: "Avenir-Next-Demi-Bold";
display: flex;
align-items: center;
color: #0067ac;
font-weight: bold;
white-space: nowrap;
}
.filter-chip i {
color: #0067ac !important;
}
/* filter chip end */
/* edit columns start */
.edit-columns-dropdown .dropdown-menu {
width: 300px;
}
.edit-columns-dropdown .customRadioCheckBoxWrap.form-check {
margin-bottom: 7px;
}
.edit-columns-dropdown .animate-rotate {
transition: all 0.3s ease-in;
transform: rotate(0deg);
}
.edit-columns-dropdown.show .animate-rotate {
transform: rotate(180deg);
}
/* edit columns end */
/* `thin-scrollbar` start */
.thin-scrollbar::-webkit-scrollbar {
width: 24px !important;
height: 24px !important;
}
.thin-scrollbar::-webkit-scrollbar-track {
background: #f2f2f2 !important;
}
.thin-scrollbar::-webkit-scrollbar-thumb {
background-color: #adadad !important;
border-radius: 15px !important;
border: 8px solid transparent !important;
background-clip: content-box !important;
}
/* `thin-scrollbar` end */
@media screen and (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.col-xxl-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xxl-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xxl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xxl-5 {
flex: 0 0 41.666667%;
max-width: 0 0 41.666667%;
}
.col-xxl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xxl-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xxl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xxl-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xxl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.d-xxl-block{
display: block !important;
}
}
/* Margins */
@media (min-width: 1400px) {
.mt-xxl-0, .my-xxl-0 {
margin-top: 0 !important;
}
}
@media (min-width: 1400px) {
.mt-xxl-1, .my-xxl-1 {
margin-top: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.mt-xxl-2, .my-xxl-2 {
margin-top: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.mt-xxl-3, .my-xxl-3 {
margin-top: 1rem !important;
}
}
@media (min-width: 1400px) {
.mt-xxl-4, .my-xxl-4 {
margin-top: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.mt-xxl-5, .my-xxl-5 {
margin-top: 3rem !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-0, .my-xxl-0 {
margin-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-1, .my-xxl-1 {
margin-bottom: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-2, .my-xxl-2 {
margin-bottom: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-3, .my-xxl-3 {
margin-bottom: 1rem !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-4, .my-xxl-4 {
margin-bottom: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.mb-xxl-5, .my-xxl-5 {
margin-bottom: 3rem !important;
}
}
@media (min-width: 1400px) {
.mr-xxl-0, .mx-xxl-0 {
margin-right: 0 !important;
}
}
@media (min-width: 1400px) {
.mr-xxl-1, .mx-xxl-1 {
margin-right: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.mr-xxl-2, .mx-xxl-2 {
margin-right: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.mr-xxl-3, .mx-xxl-3 {
margin-right: 1rem !important;
}
}
@media (min-width: 1400px) {
.mr-xxl-4, .mx-xxl-4 {
margin-right: 1.5rem !important;
}
}
@media (min-width: 1400px){
.mr-xxl-5, .mx-xxl-5 {
margin-right: 3rem !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-0, .mx-xxl-0 {
margin-left: 0 !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-1, .mx-xxl-1 {
margin-left: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-2, .mx-xxl-2 {
margin-left: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-3, .mx-xxl-3 {
margin-left: 1rem !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-4, .mx-xxl-4 {
margin-left: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.ml-xxl-5, .mx-xxl-5 {
margin-left: 3rem !important;
}
}
/* Padding */
@media (min-width: 1400px) {
.pt-xxl-0, .py-xxl-0 {
padding-top: 0 !important;
}
}
@media (min-width: 1400px) {
.pt-xxl-1, .py-xxl-1 {
padding-top: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.pt-xxl-2, .py-xxl-2 {
padding-top: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.pt-xxl-3, .py-xxl-3 {
padding-top: 1rem !important;
}
}
@media (min-width: 1400px) {
.pt-xxl-4, .py-xxl-4 {
padding-top: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.pt-xxl-5, .py-xxl-5 {
padding-top: 3rem !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-0, .py-xxl-0 {
padding-bottom: 0 !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-1, .py-xxl-1 {
padding-bottom: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-2, .py-xxl-2 {
padding-bottom: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-3, .py-xxl-3 {
padding-bottom: 1rem !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-4, .py-xxl-4 {
padding-bottom: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.pb-xxl-5, .py-xxl-5 {
padding-bottom: 3rem !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-0, .px-xxl-0 {
padding-right: 0 !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-1, .px-xxl-1 {
padding-right: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-2, .px-xxl-2 {
padding-right: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-3, .px-xxl-3 {
padding-right: 1rem !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-4, .px-xxl-4 {
padding-right: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.pr-xxl-5, .px-xxl-5 {
padding-right: 3rem !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-0, .px-xxl-0 {
padding-left: 0 !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-1, .px-xxl-1 {
padding-left: 0.25rem !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-2, .px-xxl-2 {
padding-left: 0.5rem !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-3, .px-xxl-3 {
padding-left: 1rem !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-4, .px-xxl-4 {
padding-left: 1.5rem !important;
}
}
@media (min-width: 1400px) {
.pl-xxl-5, .px-xxl-5 {
padding-left: 3rem !important;
}
}
@media (min-width: 576px) {
.border-sm-0 {
border: 0 !important;
}
.border-sm {
border: 1px solid #cccccc !important;
}
.border-sm-top-0 {
border-top: 0 !important;
}
.border-sm-top {
border-top: 1px solid #cccccc !important;
}
.border-sm-right-0 {
border-right: 0 !important;
}
.border-sm-right {
border-right: 1px solid #cccccc !important;
}
.border-sm-bottom-0 {
border-bottom: 0 !important;
}
.border-sm-bottom {
border-bottom: 1px solid #cccccc !important;
}
.border-sm-left-0 {
border-left: 0 !important;
}
.border-sm-left {
border-left: 1px solid #cccccc !important;
}
}
@media (min-width: 768px) {
.border-md-0 {
border: 0 !important;
}
.border-md {
border: 1px solid #cccccc !important;
}
.border-md-top-0 {
border-top: 0 !important;
}
.border-md-top {
border-top: 1px solid #cccccc !important;
}
.border-md-right-0 {
border-right: 0 !important;
}
.border-md-right {
border-right: 1px solid #cccccc !important;
}
.border-md-bottom-0 {
border-bottom: 0 !important;
}
.border-md-bottom {
border-bottom: 1px solid #cccccc !important;
}
.border-md-left-0 {
border-left: 0 !important;
}
.border-md-left {
border-left: 1px solid #cccccc !important;
}
}
@media (min-width: 992px) {
.border-lg-0 {
border: 0 !important;
}
.border-lg {
border: 1px solid #cccccc !important;
}
.border-lg-top-0 {
border-top: 0 !important;
}
.border-lg-top {
border-top: 1px solid #cccccc !important;
}
.border-lg-right-0 {
border-right: 0 !important;
}
.border-lg-right {
border-right: 1px solid #cccccc !important;
}
.border-lg-bottom-0 {
border-bottom: 0 !important;
}
.border-lg-bottom {
border-bottom: 1px solid #cccccc !important;
}
.border-lg-left-0 {
border-left: 0 !important;
}
.border-lg-left {
border-left: 1px solid #cccccc !important;
}
}
@media (min-width: 1200px) {
.border-xl-0 {
border: 0 !important;
}
.border-xl {
border: 1px solid #cccccc !important;
}
.border-xl-top-0 {
border-top: 0 !important;
}
.border-xl-top {
border-top: 1px solid #cccccc !important;
}
.border-xl-right-0 {
border-right: 0 !important;
}
.border-xl-right {
border-right: 1px solid #cccccc !important;
}
.border-xl-bottom-0 {
border-bottom: 0 !important;
}
.border-xl-bottom {
border-bottom: 1px solid #cccccc !important;
}
.border-xl-left-0 {
border-left: 0 !important;
}
.border-xl-left {
border-left: 1px solid #cccccc !important;
}
}
@media (min-width: 1400px) {
.border-xxl-0 {
border: 0 !important;
}
.border-xxl {
border: 1px solid #cccccc !important;
}
.border-xxl-top-0 {
border-top: 0 !important;
}
.border-xxl-top {
border-top: 1px solid #cccccc !important;
}
.border-xxl-right-0 {
border-right: 0 !important;
}
.border-xxl-right {
border-right: 1px solid #cccccc !important;
}
.border-xxl-bottom-0 {
border-bottom: 0 !important;
}
.border-xxl-bottom {
border-bottom: 1px solid #cccccc !important;
}
.border-xxl-left-0 {
border-left: 0 !important;
}
.border-xxl-left {
border-left: 1px solid #cccccc !important;
}
}
#btn-graph-desc.collapsed i {
transform: rotate(180deg);
}
.horizontal-fixed-scrollbar-container-parent {
overflow-x: visible;
}
.horizontal-fixed-scrollbar {
display: none;
overflow-x: scroll;
position: fixed;
bottom: 0px;
}
.horizontal-fixed-scrollbar > div {
height: 1px;
}
@media screen and (min-width: 768px) {
.navbar-nav > li > a > i {
font-size: 12px !important;
}
}
@media screen and (min-width: 992px) {
.navbar-nav > li > a > i {
font-size: 18px !important;
}
}
.font-weight-bold {
font-family: 'Avenir-Next-Demi-Bold';
}
.anchor {
visibility: hidden;
display: block;
position: relative;
top: -300px;
}
#microsites-main-content .anchor {
visibility: hidden;
display: block;
position: relative;
top: -150px;
}
.atheneNavDrawer {
width: auto !important;
min-height: auto !important;
padding: 5px 15px;
text-transform: none;
}