.section-loader {background: #fff;}
.label-slide label.top-auto {top: 27px}
.label-slide.field-focused label.top-auto {top: 0}
.fnf-section{background:#fff;border-radius:4px}
.fnf-section textarea.form-control{height:36px!important;overflow:hidden;white-space:nowrap}
.fnf-section .fnf-col-holder{height:100%}
.fnf-section .label-tooltip{font-size:12px;border:none;background:0 0;color:#999}
.fnf-section .label-tooltip:focus{color:#444}
.fnf-section .search-area{padding:25px 20px;position:relative; height: 100%;}
#fnfForm { height: 100%; }
.fnf-section .search-area .heading{color:#000;font-size:1.28571em;line-height:1.5;margin-bottom: 18px;}
.fnf-section .search-area .cards-list li{margin:0 20px 20px 0}
.fnf-section .search-area .cards-list li:nth-child(2n+2){margin:0 0 20px 0}
.fnf-section .search-area .card{cursor:pointer;padding:15px 20px 15px;min-width:154px;text-align:center;border-radius:4px;color:#433E3E;font-size:.85714em;line-height:1.5;letter-spacing:.5px;border:1px solid #D7D9E0;height: 100%;justify-content: center;word-break: break-word;}
.fnf-section .search-area .card.active,.fnf-section .search-area .card:focus,.fnf-section .search-area .card:hover{/*background:#1a9a6b;*/color:#fff}
.fnf-section .search-area .ico-card{font-size:17px;margin:0 0 10px}
.fnf-section .search-area .ico-email{font-size:17px;margin:0 0 7px}
.fnf-section .search-area .ico-name{font-size:23px;margin:0 0 7px}
.fnf-section .search-area .ico-phone{font-size:24px;margin:0 0 7px}
.fnf-section .search-area .ico-plus{font-size:16px;margin:0 0 7px;transform:rotate(45deg);}
.fnf-section .search-area .form-control::-webkit-input-placeholder{color:#999}
.fnf-section .search-area .form-control:-ms-input-placeholder{color:#999}
.fnf-section .search-area .form-control::-ms-input-placeholder{color:#999}
.fnf-section .search-area .form-control::placeholder{color:#999}
.fnf-section .search-results{background:#fff}
.fnf-section .search-results .header .heading{float:left}
.fnf-section .search-results .header .back{float:right}

.fnf-section .search-results .header .back:hover, .fnf-section .search-results .header .back:focus { outline: dotted 1px; outline-offset: 1px; }
.fnf-section .search-results .header .back:hover > span:not(.ico), .fnf-section .search-results .header .back:focus > span:not(.ico) { text-decoration: underline; }
.fnf-section .search-results .badge{padding:3px 15px;font-weight:500;}
.fnf-section .search-results .back{color:#666}
.fnf-section .search-results .back .ico{color:#000;top: 6px;}
.fnf-section .search-results .slimScrollBar{opacity:1!important;height:98px!important}
.fnf-section .search-results .slimScrollRail{background-color:#ebeff4!important; opacity: 1 !important; }
.fnf-section #scroll-holder{margin-top:20px}
.fnf-section #scroll-holder .slimScrollDiv { height: auto !important; padding: 0 0 0 25px; margin: 0 0 0 -25px; }
.fnf-section #searchResults #scroll-holder .slimScrollDiv {padding: 0 20px 0 25px; margin: 0 -20px 0 -25px}
.fnf-section #scroll-holder ul {max-height: 450px !important; height: auto !important; padding: 0 0 0 25px; margin: 0 0 0 -25px; }
.fnf-section .results-list li{margin:0 0 10px}
.fnf-section .results-list .box{display:block;padding:18px 25px 20px 69px;border:1px solid #e4e4e4;border-radius:4px;position:relative;-webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.06);box-shadow:0 4px 10px 0 rgba(0,0,0,.06);/*max-width:318px*/}
.fnf-section .results-list .box .name{display:flex;justify-content: flex-start; white-space: normal; word-break: break-all; font-size:1em;line-height:1.5;color:#333}
.fnf-section .results-list .box .address{display:flex;justify-content: flex-start; white-space: normal; word-break: break-all;font-size:.85714em;line-height:1.5;color:#757575}
.fnf-section .results-list .box .img-holder{width:42px;height:42px;overflow:hidden;position:absolute;top:17px;left:15px;border:1px solid #ebeff4;border-radius:100%}
.fnf-section .results-list .box .img-holder img{width:42px;height:42px}
.fnf-section .results-list .box.added{-webkit-box-shadow:none;box-shadow:none;background-color:#fbfbfb;border:1px solid #e4e4e4}
.fnf-section .results-list .box .status{display: inline-block;padding-top: 25px;color:#83c656;text-transform:uppercase;font-size:.71429em;line-height:1.4}
.box.user-info .btn-add{position: absolute;top: 19px;right: 15px;color: #106EB8;font-size: 37px;line-height: 1;text-align: center;border-radius: 100%;cursor: pointer;}
.fnf-section .fnf-added-list{margin-bottom:0}
.fnf-section .fnf-added-list .added-on{color:#757575;font-size:.85714em;line-height:1.5;font-weight:400; position: absolute; top: 50%; right: 0; min-height: 18px; margin: -9px 0 0; letter-spacing: 0.2px;}
.fnf-section .fnf-added-list .added-on .date{font-weight:500;color:#333333;margin-left:5px; letter-spacing: 0;font-size: 1.0833333em;}
.fnf-section .fnf-added-list .member{position:relative;padding:20px 30px;width:100%;box-shadow: 0px 1px 0px #e6eaec;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin: 0;}
.fnf-section .fnf-added-list .member .user-info { min-height: 42px; }
.fnf-section .fnf-added-list .member .img-holder{margin:0 15px 0 0; display: inline-block; vertical-align: middle; }
.fnf-section .fnf-added-list .member .details{display: inline-block; vertical-align: middle;  width: calc(100% - 65px);white-space: nowrap;}
.fnf-section .fnf-added-list .member .details .name{color:#000;font-size:1em;line-height:1.46;font-weight:500;display: block;}
.fnf-section .fnf-added-list .member .details .card{border:none;color:#757575;font-size:.92857em;line-height:1.38462;letter-spacing:.22px; margin: 3px 0 0;display: inline;}
.fnf-section .fnf-added-list .member:hover{cursor:pointer;-webkit-box-shadow:0px 4px 4px rgb(0 0 0 / 9%);box-shadow:0px 4px 4px rgb(0 0 0 / 9%);}
.fnf-section .fnf-added-list .member.hover .added-on, .fnf-section .fnf-added-list .member:hover .added-on{display:none}
.fnf-section .fnf-added-list .actions { position:absolute;top:50%;right:30px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%) }
.fnf-section .fnf-added-list .actions-list{opacity: 0; visibility: hidden;}
.fnf-section .fnf-added-list .member.hover .actions-list, .fnf-section .fnf-added-list .member:hover .actions-list{opacity: 1; visibility: visible; }
.fnf-section .fnf-added-list .actions-list .list-inline-item{border-bottom:0;padding:0;float:left;width:auto;margin:0 15px 0 0}
.fnf-section .fnf-added-list .actions-list .list-inline-item:first-child { margin: 0 30px 0 0; }
.fnf-section .fnf-added-list .actions-list .list-inline-item:last-of-type{margin:0}
.fnf-section .fnf-added-list .fnf-actionslist a {color: #757575;}
.fnf-section .fnf-added-list .fnf-actionslist a .fnf-tranferbtn{color: #757575;font-size: 0.92857142em;}
.fnf-section .fnf-added-list .actions-list a:hover, .fnf-section .fnf-added-list .actions-list a:focus { outline-offset: 1px; outline: dotted 1px;}
.fnf-section .user-info .img-holder{width:42px;height:42px;background-color:#fdfdfd;border:1px solid #ebeff4;position:relative;border-radius:100%}
.fnf-section .search-nofnf .img-holder{width:42px;height:42px;background-color:#fdfdfd;border:1px solid #ebeff4;position:relative;border-radius:100%}
.fnf-section .user-info .img-holder .ico{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;font-size:16px;color:#6b6b6b}
.fnf-section .search-nofnf .img-holder .ico{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;font-size:16px;color:#6b6b6b}
.fnf-section .user-info .img-holder .user-img{z-index:3;width:42px;height:42px}
.fnf-section .search-form .field-holder {min-height: 70px;}
.fnf-section .search-form .btns {margin: 10px 0 0;}
.fnf-section .field-holder.card-number,.fnf-section .field-holder.email-address,.fnf-section .field-holder.phone-number,.fnf-section .field-username,.field-visaplus{display:none}
.fnf-section .field-holder.card-number.active{display:block;overflow: hidden;}
.fnf-section .field-holder.email-address.active{display:block;overflow: hidden;}
.fnf-section .field-holder.phone-number.active{display:block;overflow: hidden;}
.fnf-section .field-username.active{display:block;overflow: hidden;}
.fnf-section .field-visaplus.active{display:block;overflow: hidden;}
.fnf-section .add-member-form .header{padding:20px 30px 20px;border-bottom:1px dashed #c8ced6}
.fnf-section .add-member-form .user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fnf-section .add-member-form .img-holder{float:left}
.fnf-section .add-member-form .details{margin-left:15px}
.fnf-section .add-member-form .name{display:block;font-size:1.21429em;line-height:1.47059;color:#222;text-transform:capitalize;font-weight:500}
.fnf-section .add-member-form .address{display:block;text-transform:capitalize;font-size:.92857em;line-height:1.38462;color:#727272;letter-spacing:.22px}
.fnf-section .add-member-form .fields-holder{padding:25px 30px 0}
.fnf-section .add-member-form .form-header h3{font-size:1.21429em;line-height:1.47059;color:#000; margin-bottom: 9px;}
.fnf-section .add-member-form .form-header p{font-size: .938em !important;line-height: 1.46857 !important;letter-spacing: 0.22px;}
.fnf-section .add-member-form .field-static .label{display:block;color:#adadad;font-size:.9285em;line-height:1.42857;margin-bottom:.4rem}
.fnf-section .add-member-form .field-static .value{display:block;color:#262626;font-size:1.14286em;line-height:1.5;font-weight:400;word-wrap:break-word;text-transform:capitalize}
.fnf-section .no-fnf{height:100%;padding: 30px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fnf-section .no-fnf .info{text-align:center;margin:-60px 0 0}
.fnf-section .no-fnf .img-holder{margin-bottom:22px}
.fnf-section .no-fnf .circle{width:400px;height:400px;background-color:rgba(225,237,249,.31); border-radius:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom: 30px;}
.fnf-section .no-fnf.search-nofnf .circle{margin-bottom: 0;}
.fnf-section .search-nofnf .circle{ background-color: transparent;}
.fnf-section .no-fnf .heading{letter-spacing:0.11px; display:block;color:#222222;font-size:1.07143em;line-height:1.46667;font-weight:500}
.fnf-section .search-nofnf .heading{ font-size: 1em; line-height: 1.468571428;color:#333333; margin-bottom: 5px;}
.fnf-section .no-fnf .desc{letter-spacing: 0.09px;display:block;color:#666666;font-size:.92857em;line-height:1.46154}
.fnf-section .search-nofnf .desc{ font-size: 0.85714285em; line-height: 1.5; color: #757575;}
.fnf-section .search-nofnf .desc{max-width: 200px; margin: 0 auto;}
.fnf-section .fnf-success{margin:0 auto;padding:100px 0;text-align:center}
.fnf-section .fnf-success .img-holder{margin:0 0 50px}
.fnf-section .fnf-success .h2{color:#15845B;font-size:1.57143em;line-height:1.45455}
.fnf-section .fnf-success.with-error .h2{color: #C64B31;}
.fnf-section .fnf-success .desc{color:#444;letter-spacing:.22px;font-size:.92857em;line-height:1.38462;font-weight:300;margin:0 0 30px}
.fnf-section .fnf-success .desc .name{font-weight:500}
.fnf-section .fnf-success .btn{min-width:144px;margin:0 20px 0 0}
.fnf-section .fnf-success .btn+.btn{margin:0 0 0}
[aria-describedby=add-fnf-dialog]{min-width:380px!important;max-width:380px!important}
#add-fnf-dialog{padding:30px 15px!important;position:relative}
#add-fnf-dialog .close .icon-cross{font-size:12px;position:absolute;right:20px;top:20px;color:#b7bac1}
#add-fnf-dialog .title{margin-bottom:10px!important;display:block}
#add-fnf-dialog p{font-size:13px;line-height:18px;color:#777}
#add-fnf-dialog .field-holder{min-height:auto;margin-bottom:20px}
#edit-fnf-dialog{min-width:380px!important;max-width:462px!important}
#edit-fnf-dialog{padding:34px 20px 30px 20px !important;position:relative}
#edit-fnf-dialog .title{margin-bottom:10px!important;display:block}
#edit-fnf-dialog p{font-size: 0.85714285em;color: #757575;margin-bottom: 25px;letter-spacing: 0.2px;line-height: 1.469166666;}
#edit-fnf-dialog .field-holder{min-height:auto;margin-bottom:20px}
#edit-fnf-dialog .field-holder .label{text-transform:capitalize!important;font-size:12px;letter-spacing: 0.2px;}
#edit-fnf-dialog .field-static .title{display:block;font-weight:400; font-size: 0.85714285em;color: #757575;letter-spacing: 0.2px;line-height: 1.469166666;}
#edit-fnf-dialog .field-static .value{display:block;font-size:18px;line-height:27px;color:#757575;font-weight:500;letter-spacing: 0.3px;}
#delete-fnf-dialog .info strong{font-weight:500;letter-spacing:.2px}
.search-holder{position:relative;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);border-bottom: 1px solid rgba(191,191,191,.2);}
.search-holder .form-control{padding-left:58px;border:none;border-top-left-radius:4px}
.search-holder .form-control#fnfCardTypeSearch {padding-left: 22px;padding-top: 28px; height: 58px;}
.search-holder .form-control::-webkit-input-placeholder{font-size:13px;color:#777}
.search-holder .form-control:-ms-input-placeholder{font-size:13px;color:#777}
.search-holder .form-control::-ms-input-placeholder{font-size:13px;color:#777}
.search-holder .form-control::placeholder{font-size:13px;color:#777}
.search-holder .form-control:focus{border:none!important}
.search-holder .icon{position:absolute;top:51%;left:30px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);color:#433e3e}
.search-holder .field .icon-cross { color: inherit;}
.search-holder .field .clear-search { color: #433e3e; cursor: pointer; display:none;}
.search-holder .field .clear-search{position: absolute;top: 50%;right: 30px;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);line-height: 1px;}
.search-holder .field.field-focused .clear-search {display:inline; color: #757575;}
.search-holder .field.field-focused .clear-search:focus{outline-offset: 1px; outline: dotted 1px;}
.search-holder .field.field-focused .icon-cross {display: block;}
.search-holder .field.field-focused .icon-cross, .search-holder .icon{font-size: 90%;}
.fnf-section .nick-fieldholder .label-tooltip{margin-left: 7px;}
.fnf-type-search label label{ top: 10px;left: 20px;}
.fnf-section .FnFAddSelectedBuddy-wrapper .add-member-form{ margin-bottom: 180px;}
.fnf-section .form-control:focus:placeholder-shown ~ .clear-search{ display: none;}
.fnf-editExternalbtns {display: flex; justify-content: flex-start;}
.fnf-editExternalbtns .btn{ display: block;}
.fnf-succsbtns {justify-content: center;display: flex;}
.fnf-succsbtns .btn{display: block;}
.fnf-section .main-head + #FnfContainer:not(:empty) {min-height: 251px;}
/* Search List Cards */
.cards-list.row {margin-left: 0;}
.list-inline-item.col-12.col-md-6.col-lg-6 {flex: 0 0 45% !important; max-width: 45% !important; padding: 0;margin: 0 20px 20px 0;}

/* Fix Grid */
#FnFGridHolder {min-height: 415px;}
.fnf-section .results-list li {display:block;}
.fnf-section .user-info .img-holder {overflow:hidden;}
.search-results .no-fnf .circle {width: 300px;height: 300px; margin-top: 20px;}
.btns .btn +.btn {margin-left: 15px}
.add-member-form .alert {margin: 20px 30px 0 !important;}
.col-12.col-md-8.col-lg-8.left-col{padding: 0 0 5px !important;border-right:1px solid #f0f0f0;position: relative;}
.col-12.col-md-4.col-lg-4.right-col{padding: 0 !important;}
.fnf-col-holder.row {margin: 0 !important;}
.table-switcher {position: absolute; bottom: 0; left: 0; width: 100%;border: 0;}
.table-switcher .select-holder {min-width: 125px;}
.table-switcher .result-rang-holder {margin: 9px 0 0;}
.table-switcher .btn.back {transform: rotateY(-180deg);}
#FnFAddSelectedBuddy.section-loading .section-loader.loading { height: auto; bottom: -72px; }
.fnf-section .search-area .card:focus, .fnf-section .search-area .card:hover { outline: dashed 1px rgba(255,255,255,0.7); outline-offset: -5px; }
#addMember .btns:after { content: ''; display: block; clear: both; }
#addMember .btns .btn { margin: 0 20px 0 0; float: left; }
.fnf-section .add-member-form .user-info { min-height: 50px; }
#FnfContainer.section-loading { height: 300px; }
.fnf-Form label{font-size: 1.142857142em;}
.fnf-section .table-switcher {padding: 49px 20px 20px;}
.FnFSearchCards{margin-bottom: 0;}
.deletefnf-dialog .btn.btn-danger{ background-color:#C64B31 ;}
.ui-dialog .ui-dialog-content.generic-dialog .fnf-dltbtns{ display: flex; justify-content: center;}
.ui-dialog .ui-dialog-content.generic-dialog .fnf-dltbtns .btn{ display: block;}
.ui-dialog .ui-dialog-content.generic-dialog.externalCardTermsDialog {padding: 30px 20px !important;text-align: left;}
.ui-dialog .ui-dialog-content.generic-dialog.externalCardTermsDialog .heading-text{ margin:0 0 5px; font-weight: 500;}
.ui-dialog .ui-dialog-content.generic-dialog.externalCardTermsDialog .btns{ margin: 65px 0 0 !important;}
.ui-dialog .ui-dialog-content.generic-dialog .dialog-user-info{display: flex;align-items: center;}
.ui-dialog .ui-dialog-content.generic-dialog .dialog-user-info .img-holder{width: 42px;height: 42px;background-color: #fdfdfd;border: 1px solid #ebeff4;position: relative;border-radius: 100%;margin: 0 13px 0 0;display: flex;justify-content: center;align-items: center;}
.fnf-section .fnf-added-list .fnf-actionslist .icon-share-funds { display: inline-block;transform: rotate(272deg);margin-right: 5px;}
.fnf-section .search-results .badge{font-size: 0.8571428571em;line-height: 1.469166666;}
.fnf-section .fnf-added-list .actions-list span.icon-share-funds {font-size: 75%;}
.external-fnfbtn .btns, .external-fnf-dialog .btns{ display: flex;justify-content: center;}
.external-fnfbtn .btns .btn, .external-fnf-dialog .btns .btn{ display: block;}
.fnf-section .results-list .already-added-fnf .box{background: #FBFBFB;border: 1px solid #E4E4E4;}
.fnf-section .results-list .already-added-fnf .box .address{color: #666666;}
.fnf-section .search-area .fnfsearch-tag{color: #757575;}
.fnf-section .search-area .card.active .fnfsearch-tag, .fnf-section .search-area .card:focus .fnfsearch-tag, .fnf-section .search-area .card:hover .fnfsearch-tag{ color: #fff;}
.fnf-section .field-holder.card-number.active #dvfnfCardNo{top: 30px !important;}
@media (max-width: 1200px) and (min-width: 1020px) {
    .col-12.col-md-8.col-lg-8.left-col{ flex: 0 0 60% !important; max-width: 60% !important;}
    .col-12.col-md-4.col-lg-4.right-col{flex: 0 0 40% !important;max-width: 40% !important;}
}
@media (max-width: 1020px) and (min-width: 768px) {
    .cards-list.row {margin:0;}
    .list-inline-item.col-12.col-md-6.col-lg-6 {flex: 0 0 100% !important; max-width: 100% !important; padding: 0;margin: 0 0 20px 0;}
    .search-results .no-fnf .circle{background: none;}
    .fnf-section #searchfnfarea{width: auto;height: 550px;overflow-y: auto;}
}
@media (max-width: 1019px) {
    #FnFGridHolder {min-height: 590px;}
    .col-12.col-md-8.col-lg-8.left-col {border-left:1px solid #f0f0f0;}
}
@media(max-width:991px) {
    #FnfPagination [data-isandroid=true][data-ismobile=true] .table-switcher .select-holder:before{display: none;}
    .fnf-section .FnFAddSelectedBuddy-wrapper .add-member-form {margin-bottom: 50px;}
}
@media(max-width:767px) {
    #FnFGridHolder {min-height: 100%;}
    .fnf-section .search-area {border-bottom: 1px solid #f0f0f0;}
    .table-switcher {padding: 15px; /*border-top: 0; position: static;*/}
    /*#FnFColHolder .col-12.col-md-8.col-lg-8.left-col {padding: 0 !important;}*/
    .col-12.col-md-8.col-lg-8.left-col { padding-bottom: 112px !important; }
    .table-switcher .select-holder {margin-right: 15px;}
    .fnf-section .results-list .box {max-width: 100%}
    .fnf-section .search-results .slimScrollDiv, .fnf-section .results-list {height: 100% !important;}
    .fnf-section .add-member-form .fields-holder {padding: 20px;}
    .fnf-section .add-member-form .btns .btn {margin: 20px 0 0}
    #FnFAddSelectedBuddy.section-loading .section-loader.loading { height: 100%; bottom: auto; }
    .fnf-section .fnf-added-list .actions { position: static; transform: none; margin: 10px 0 0;  }
    .fnf-section .fnf-added-list .added-on { display: block !important; position: static; margin: 0; }
    .fnf-section .fnf-added-list .actions-list:after { content: ''; clear: both; display: block; }
    .fnf-section .fnf-added-list .actions-list { opacity: 1; visibility: visible; }
    .fnf-section .fnf-added-list .member { display: block; }
    .fnf-section .fnf-added-list .member:hover { cursor: inherit; }
    #addMember .btns .btn + .btn { margin: 10px 0 0; }
    .fnf-section #scroll-holder ul { max-height: none !important; }
    .ui-dialog .ui-dialog-content.generic-dialog#delete-fnf-dialog { padding: 30px 20px 20px!important}
    .fnf-section .fnf-added-list .actions-list .list-inline-item:first-child{margin: 0 15px 0 0;}
    .fnf-section .fnf-added-list .added-on .date label{margin-bottom: 3px;}
    .fnf-section .fnf-added-list .member .actions { padding-left: 60px;}
    .fnf-section .search-results .header .back {margin-top: 6px;}
    .fnf-section .FnFAddSelectedBuddy-wrapper .add-member-form {margin-bottom: 0;}
    .fnf-section .no-fnf{padding: 30px 0 0;}
}
@media(max-width:786px) {
    /*.col-12.col-md-8.col-lg-8.left-col {order:2}*/
    .fnf-section .search-area .heading{font-size: 1.18571em;}
    .fnf-section .search-results .header .back {margin-top: 3px;}
}

@media(max-width: 540px) {
    .fnf-section .add-member-form .header {padding: 20px}
    .fnf-section .no-fnf .circle {height: 270px; width:270px;}
    .fnf-section .user-info .img-holder, .fnf-section .add-member-form .user-info {display: block;}
    .fnf-section .add-member-form .details {margin-left: 0;padding-left: 65px;}
    .fnf-section .fnf-success {padding: 50px 15px;} 
    .ui-dialog .ui-dialog-content.generic-dialog#delete-fnf-dialog .btns .btn { display: block; margin-right: 10px; }
    #edit-fnf-dialog {padding: 30px 15px 15px !important;}
    .ui-dialog .ui-dialog-content.generic-dialog#delete-fnf-dialog .btns .btn+.btn{margin-right: 0;}
}
@media(max-width: 390px) {
     .cards-list.row {margin:0;}
    .list-inline-item.col-12.col-md-6.col-lg-6 {flex: 0 0 100% !important; max-width: 100% !important; padding: 0;margin: 0 0 20px 0;}
    .search-results .no-fnf .circle {height: 250px;width: 250px;padding: 0 10px;margin-top: 20px;}
    .fnf-section .fnf-added-list .member {padding: 15px 20px 20px;}
    .fnf-section .fnf-added-list .added-on {display: block !important; margin: 0;}
    .fnf-section .fnf-added-list .member:hover .added-on {display: block;}
    .fnf-section .fnf-added-list .actions { position: static; }
    .fnf-section .fnf-added-list .actions-list {position: static; display: block !important;}
}
@media(max-width:404px){
    .fnf-section .fnf-success .btns a:first-child{margin:0 !important;}
}
@media(max-width:384px){
    .fnf-section .fnf-success .btn+.btn{margin:10px 0 0 !important;}
}
.custom-pager-tooltip .tooltip-inner { max-width: 150px; text-align: center; }
.custom-pager-tooltip.del-tooltip .tooltip-inner { background:  #CA4A4A; }
.custom-pager-tooltip.del-tooltip.bs-tooltip-top .arrow:before { border-top-color: #CA4A4A; }
.custom-pager-tooltip.del-tooltip.bs-tooltip-left .arrow:before { border-left-color: #CA4A4A; }
.custom-pager-tooltip.del-tooltip.bs-tooltip-right .arrow:before { border-right-color: #CA4A4A; }
.custom-pager-tooltip.del-tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #CA4A4A; }
.fnf-section .fnf-added-list .actions-list a[onclick*="loadDeleteFNF"]:hover, .fnf-section .fnf-added-list .actions-list a[onclick*="loadDeleteFNF"]:focus,
.link-delete-recipients:hover, .link-delete-recipients:focus { color: #C64B31 !important; }
#editForm label > em { margin-left: 2px; }
#FnfPagination .chosen-container .chosen-single .chose-selected-span span { display: inline-block; vertical-align: middle; margin: 0; }
#FnfPagination .chosen-container .chosen-single .chose-selected-span span + span { margin: 0 0 0 4px; }
/*HS Start*/
.fnf-section .no-fnf .img-holder img {width: 60px}
.fnf-section .search-nofnf .img-holder {margin: 0 auto 10px;}
.fnf-section .no-fnf .info {padding: 0 20px}
/*HS End*/
.ie-card {display: inline;font-size: 10px;line-height: 15px;text-transform: uppercase;font-weight: 500;position: relative;margin-left: 10px;padding-left: 12px;vertical-align: middle;}
.ie-card.internal {color: #028661;}
.ie-card.external {color: #0C73A6;}
.fnf-details {margin-top: 3px; display: flex; align-items: center}
.fnf-section .fnf-added-list .member .details .card-number {border:none;color:#757575;font-size:.92857em;line-height:1.38462;letter-spacing:.22px; margin: 0;}
#fnfSwitch {margin: 17px 0 25px;}
#fnfSwitch .status-selection-list.border-style {width: 100%;border-radius: 100px; display: flex;border: 1px solid #D8DDE4;}
#fnfSwitch .status-selection-list.border-style li, #fnfSwitch .status-selection-list.border-style li a {border-radius: 100px; margin: 0; width: 100%;font-size: 13px; line-height: 11px;color: rgba(102, 102, 102, 0.9);background-color: transparent}
.fnf-text {font-weight: 300; font-size: 13px; line-height: 20px; /* or 154% */ letter-spacing: 0.216667px; color: #444444;margin-bottom: 25px;display: block;}
#externalCardForm .field-holder{margin-bottom: 0;min-height:80px;}
/* #searchfnfarea #externalCardForm .external-cvv{margin: 8px 0 0 0;} */
#searchfnfarea #externalCardForm.form .label, .form label{font-size: .858em;line-height: 1.46857;}
#externalCardForm .agreement{display: block;margin: 7px 0px 30px;padding: 15px 22px 13px;}
#externalCardForm .card-steps-holder .input-step .form-control{text-align: left;}
.multi-parent-holder label {top: 0;}
#fnfSwitch .status-selection-list.border-style li.bg { width: 50% !important; left: 0 !important; }
#fnfSwitch .status-selection-list.border-style li.active:nth-child(2) ~ li.bg { left: 50% !important; }
.ui-dialog #external-card-dialog.ui-dialog-content.generic-dialog {padding: 69px 69px 34px !important;text-align: center; }
.ui-dialog #external-card-dialog.ui-dialog-content.generic-dialog .img-holder {margin: 0 auto 28px; }
.ui-dialog #external-card-dialog.ui-dialog-content.generic-dialog .title{margin: 0 auto 24px; display: block;}
.ui-dialog #external-card-dialog p{color:#666;line-height: 1.4515;}
.ui-dialog #external-card-dialog.ui-dialog-content.generic-dialog .btns {margin: 25px auto 0 !important;}
#externalCardForm .input-divider, #edit-external-fnf-dialog .input-divider{color: #757575;}
.ui-dialog #edit-external-fnf-dialog .ui-dialog-content.generic-dialog{padding: 35px 46px 30px!important;}
.ui-dialog #edit-external-fnf-dialog .title{margin-bottom: 11px;display: block;}
.ui-dialog #edit-external-fnf-dialog p{color: #757575; font-size: 12px; line-height: 1.5;margin-bottom: 28px;}
.ui-dialog #edit-external-fnf-dialog .card-ac-title{display: block;color: #757575; font-size: 12px; line-height: 1.5;margin-bottom: 10px;}
.ui-dialog #edit-external-fnf-dialog .value{color: #757575;font-weight: 500;font-size: 18px;line-height: 1.45;letter-spacing: 0.3px;}
.ui-dialog #edit-external-fnf-dialog .field-holder.field-static{min-height: auto;margin-bottom: 21px;}
.ui-dialog #edit-external-fnf-dialog .label{text-transform: capitalize;}
.ui-dialog #edit-external-fnf-dialog .btns{display: block;text-align: center;margin: 0 !important;}
.fnf-section #addExternalSuccess.fnf-success p.desc{line-height: 1.49562;max-width: 395px; margin: 0 auto 25px;}
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .field{display: inline-block;vertical-align: top;width: calc(100% - 264px);}
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .field .form-control {/*height: 78px;*/ height: 62px;}
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .fnf-type-search{display: inline-block;vertical-align: middle; width: 260px; border-left: 1px solid #EBEFF4;}
#externalCardTermsDialog{position: relative;}
#externalCardTermsDialog .icon-cross.ico-close{position: absolute;top: 5px;right: 5px;transform: translate(-100%, 100%);}
.ui-dialog #externalCardTermsDialog .slimScrollDiv{height: 400px !important;max-height: 100%;}
.ui-dialog #externalCardTermsDialog .slimScrollDiv .card-benefits-content{height: 100% !important;}
#cardIconHolder.mastercard{width: 32px;}
#cardIconHolder.mastercard img{width: 100%;}
.fnf-editExternalCard-wrapper{display: block;width: 100%;padding: 30px;}
.fnf-editExternalCard-wrapper .excard-header-holder p{font-size: 13px;line-height: 24px;color: #444;margin-bottom: 30px;letter-spacing: 0.2px;font-weight: 300;}
.fnf-editExternalCard-wrapper .excard-header-holder .account-holder-name{display: block;margin-bottom: 30px;}
.fnf-editExternalCard-wrapper .excard-header-holder .account-holder-name span{display: block;font-size: 12px;line-height: 18px;color: #757575;margin-bottom: 10px;letter-spacing: 0.2px;font-weight: normal;}
.fnf-editExternalCard-wrapper .excard-header-holder .account-holder-name strong{font-size: 16px;line-height: 23px;letter-spacing: 0.266667px;color: #222;font-weight: 400}
.fnf-editExternalCard-wrapper .field-holder {min-height: 85px;}
.fnf-section .fnf-added-list .show-actions .actions-list {opacity: 1;}
.fnf-section .fnf-added-list .member.show-actions .added-on {display: none;}
.edit-fnf-dialog .btns .btn{ min-width: 115px !important;float: left;}
.external-card-fnf .field-holder{ min-height: 80px;}
#fnfCardTypeSearch .filter-select .chosen-container .chosen-single{min-height: 50px !important;padding: 33px 22px 10px;}
.externalCardTermsDialog h1{font-size: 1.28571em; line-height: 1.05556;font-weight: 700;color: #222;}
.externalCardTermsDialog .btns{justify-content: center; display: flex; margin: 50px auto 0!important;}
.externalCardTermsDialog .btns .btn{ display: block;}
.terms-fnfbtns .btn { float: left; }
.fnf-dotcircle {background-color: #C4C4C4;width: 4px;height: 4px;border-radius: 100%;margin: 0;position: absolute;left: -2px;margin-top: 6px;transform: translate(0, 100%);
}
@media(max-width: 992px){
    #externalCardForm .btns #submitExternalBtn{margin: 0 0 25px;width: 100%;}
    #externalCardForm .btns #clearExternalBtn {margin: 0;width: 100%;}
    .fnf-section .search-area{padding: 20px 20px;}
    .fnf-section .table-switcher{ position: static;}
    .col-12.col-md-8.col-lg-8.left-col.FnFAddSelectedBuddy-holder{ padding-bottom: 20px !important;border-bottom: 1px solid #f0f0f0;}
    .fnf-section .search-results .header .back {float: right;margin-top: 6px;}
    .fnf-section .search-results .header .heading { padding: 10px 0 0;margin-bottom: 18px; }
}
@media(max-width: 991px) {
#externalCardForm .agreement{padding: 15px 8px 13px;margin: 7px 0px 25px;} 
#externalCardForm .agreement #acceptTermsCheckBox_label{font-size: .788em;line-height: 1.56857;}
#externalCardForm .btns{display: block;text-align: center;} 
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .field{width: calc(100% - 210px);}     
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .fnf-type-search{width: 205px;}
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .fnftype-searchbox label{ transform: none;}
.fnf-section .fnf-added-list .member{padding: 20px 15px;}
.fnf-section .fnf-added-list .member .details .card{font-size: .82857em;}
.ie-card{font-size: 9px;}
.fnf-section .fnf-added-list .actions{transform: translate(0,0);}
.fnf-section .fnf-added-list .actions .list-inline-item a{font-size: 12px;}
#externalCardForm .field-holder.multi-parent-holder { position: relative; margin: 0 0 10px; }
.multi-parent-holder .symbol-on-field { top: 100%; margin: 10px 0 0; }
#externalCardForm .multi-parent-holder .card-steps-holder .input-step .form-control { padding-right: 10px !important;}
#externalCardForm .col-lg-5,
#externalCardForm .col-lg-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
#fnfSwitch .status-selection-list.border-style li a { padding: 11px 10px; font-size: 11px; }
}
@media(max-width: 767px) {
.fnf-section .results-list .box .name {font-size: 0.78em;}
}
@media(max-width: 767px) {
#editExternalCardForm .btns .btn-orange{display: block;} 
#editExternalCardForm .btns .btn-light{margin: 0;display: block;} 
#externalCardForm .col-lg-5,
#externalCardForm .col-lg-7 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
#externalCardForm .field-holder.multi-parent-holder { margin: 0; }
.multi-parent-holder .symbol-on-field { top: 24px; margin: 0; }
.fnf-section .table-switcher{padding: 30px 20px 20px;}
.fnf-section .results-list .box .name{font-size: 0.78em;}
#externalCardTermsDialog{padding: 30px 20px !important;}
.externalCardTermsDialog .btns {display: block;}
.externalCardTermsDialog .btns .btn {width: 100%; margin: 10px 0 0 !important;}
#externalCardForm .field-holder { min-height: 70px;}
}
@media(max-width: 574px) {
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .field{width: 100%;}
.search-holder .icon{left: 15px;}
.search-holder .form-control{padding-left: 35px;}     
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .fnf-type-search{width: 100%;border-top: 1px solid #EBEFF4;border-bottom: 1px solid #EBEFF4;border-left: 0;}
#FnFAddSelectedBuddy.external-card-fnf #FnFCriteriaContainer .field .form-control{height: 65px;}
.search-holder .icon{top: 52%;}
}
@media(max-width: 480px) {
    .multi-parent-holder .symbol-on-field { top: 100%; margin: 10px 0 0; }
    #externalCardForm .col-lg-5,
    #externalCardForm .col-lg-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media(min-width: 768px) {
    .table-switcher{position: static;}
    #FnFGridHolder{min-height: inherit;}    
}
.fnf-type-search .chosen-container .chosen-single {
    min-height: 58px;
    padding: 30px 22px 15px;
}
.fnf-type-search label {
    top: 11px;
    left: 18px;
}