.banner-home {background-image:url("../images/banner-bg.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center; border-bottom: 5px solid #f7f7f7;}
#banner-stamp { transform: rotate(335deg);}
.rfc-app h1 {font-size: 24px;}
.rfc-app h1 span {color: #e11f27;}
.rfc-app .panel { position:relative; background:#ffffff; border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(359deg, rgb(243 243 243) 15%, #d28c9b) border-box; border-radius:15px; box-shadow:0 0 20px #efefef;}
.rfc-app .panel-heading { padding:15px; border-bottom:1px solid #fdd7da; background: #f2f2f2; background:linear-gradient(90deg, rgba(255,243,243,1) 0%, rgba(247,250,255,1) 50%, rgba(255,243,243,1) 100%); border-radius:15px 15px 0 0; }
.rfc-app .panel-body {padding:15px 25px 20px;min-height: 400px;}
.rfc-app .selection-block { margin:0 -7px; padding: 0; }
.rfc-app .selection-block li { list-style: none; padding: 7px; }
.rfc-app .selection-block li > a { min-height: 50px; background-color: #ffffff; border: 1px solid #ddd; text-align: center; display: block; padding: 5px 5px 0; cursor: pointer; transition: ease-in-out .3s; border-radius: 10px; height:100%; color:#181617; position:relative; }
.rfc-app .selection-block li:hover > a, .rfc-app .selection-block li.active > a{border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(119deg, rgb(47, 87, 149) 15%, rgb(245, 56, 67)) border-box; box-shadow: 0 0 15px rgba(229, 186, 190,0.7);}
.rfc-app .selection-block li > a:before { position: absolute; top: -5px; right: -5px; width: 22px; height: 20px; border-radius: 5px; display: none; content: ''; background: #099e44; }
.rfc-app .selection-block li > a:after { content: ""; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: -2px; right: 3px; display: none; }
.rfc-app .selection-block li.active > a:after, .rfc-app .selection-block li.active > a:before { display: block; z-index: 9999; }
.rfc-app .selection-block li > a:hover { text-decoration:none;}
.rfc-app .selection-block li .block-image { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; width: 100%; min-height: 45px; margin: 3px 0 3px; }
.rfc-app .selection-block li .block-heading { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: row; flex-direction: row; width: 100%; height:30px; margin: 3px 0 10px; padding: 0 5px; font-size: 14px; line-height: 1.3; font-weight: 600; }
.rfc-app .selection-block li img {vertical-align: middle; max-height: 65px; }
.rfc-app .btn[disabled], .rfc-app .btn[disabled]:hover, .rfc-app .btn[disabled]:focus {background-color: #CCC; border-color:#CCC;}
.rfc-app .msg-block { display: none; }
.rfc-app .msg-block.alert-danger {color:#e11f27; background-color:transparent; border: none; font-weight: 600; text-align: center; padding: 0 !important;}
.divider{ border:none; background: linear-gradient(30deg, #ffffff, #d7d7d7, #ffffff); height: 1px;}
.table_select .media{ padding-top:1rem}
.table_select .media-left{ padding:15px 25px; border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(359deg, rgb(243 243 243) 15%, #d28c9b) border-box; border-radius: 15px; box-shadow: 0 0 40px #e9d5d5;} 
.rfc-steps { margin: 0; padding: 0; }
.rfc-steps li { padding: 0; position: relative; list-style: none; }
.rfc-steps .step { width: 20px; height: 20px; line-height: 20px; margin: 0 auto; text-align: center; border-radius: 50%; font-size: 16px; color: #888888; background-color: #ccc; font-weight: 700; z-index: 1; position: relative; transition: transform ease-in-out .5s;}
.rfc-steps .active .step { background-color: #e11f27; color: #fff; background: linear-gradient(120deg, rgb(245, 56, 67) 0%, rgb(47, 87, 149) 100%); border: 2px solid #ddd; position: relative; transform: scale(1.9);}
.rfc-steps .active .step::after {content: ""; width: 7px; height: 13px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0.52); position: absolute; top: 1px; right: 5px;}
.rfc-steps .caption { margin-top: 25px; text-align: center; font-size: 12px; font-weight: 600; color: #c7c7c7; }
.rfc-steps .caption span { display:none; font-size: 14px; font-weight: 700; color: #181617; padding-top: 3px;}
.rfc-steps .active .caption { margin-top:25px; color:#888888;}
.rfc-steps li::before { content: ' '; height: 1px; width: 100%; position: absolute; left: -50%; top: 10px; border-top: 1px solid #ccc; z-index: 0; transition: ease-in-out .5s; }
.rfc-steps li.active::before { border-top: 1px solid #e11f27; }
.rfc-steps li:first-child::before { width: 0; display: none; }
.rfc-app .popover{ max-width:250px;}
#hpdata { background: #fff none repeat scroll 0 0; color: #fff; display: none; }
.rfc-app .form-control { height: 50px; border-radius: 7px; font-family: 'Montserrat'; font-size: 15px; color: #777777; border-width: 2px 1px 1px 1px;}
.rfc-app select.form-control { height: 50px; line-height: 40px; text-indent: 0px; }
.rfc-app .form-control:focus { background-color:#faf7f7; border-color: #838383; outline: none; box-shadow: none;}
.rfc-app .info-text {font-size: 14px; font-style: italic; color: #2068a9;padding-top: 2px;}
.rfc-app .text-desc {font-size: 12px; color:#bababa; margin-bottom:5px;}
.active-link { cursor:pointer}
/*Articles Lists Css*/
.article-panel { background-color: transparent; border-top: 6px solid #e11f27; border-left: 1px #dddddd solid; border-right: 1px #dddddd solid; border-bottom: 1px #dddddd solid; border-radius: 0; margin-top: 20px; }
.article-panel .panel-heading { background-color: transparent; padding: 20px 20px; font-size: 20px; font-weight: 600; }
.article-panel .panel-body { padding: 0; }
.article-panel .panel-body > ul { margin: 0; padding: 0; }
.article-panel .panel-body > ul > li { min-height: 50px; list-style: none; color: #181617; border-top: 1px solid #dddddd; }
.article-panel .panel-body > ul > li:nth-child(2n+1) { background-color: #f5f5f5; }
.article-panel .panel-body > ul > li a { display: block; padding: 15px 20px; color: #181617 }
.article-panel .panel-body > ul > li a:hover { color: #e11f27; text-decoration: none; }
.article-panel .green-bg { background-color:#175c9f; color:#ffffff;}

@media screen and (max-width: 767.98px) {
 .banner-home { background-image:none;background: linear-gradient(130deg, rgba(255, 255, 255, 1) 0%, rgba(255, 243, 243, 1) 21%, rgba(247, 250, 255, 1) 70%, rgba(255, 243, 243, 1) 100%) !important;}
 .btn-next, #btn-verify-submit { width:100%;}
 .rfc-app .panel-body { min-height:auto; padding:0px 15px 20px;}
 .rfc-app .panel-heading{padding: 10px;}
 .rfc-app .selection-block li img {max-height: 50px;}
 .rfc-app .selection-block li .block-heading{ margin-bottom:5px; padding: 0; font-size: 13px;}
 .popover { display:none !important;}
}