@font-face {
            font-family: "Montserrat";
            src: url("../fonts/Montserrat-Light.eot");
            /* IE9*/
            src: url("../fonts/Montserrat-Light.eot") format("embedded-opentype"), /* IE6-IE8 */
            url("../fonts/Montserrat-Light.woff") format("woff"), /* chrome、firefox */
            url("../fonts/Montserrat-Light.ttf") format("truetype");
            /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        }
        
        @font-face {
            font-family: "Montserrat-Bold";
            src: url("../fonts/Montserrat-Bold.eot");
            /* IE9*/
            src: url("../fonts/Montserrat-Bold.eot") format("embedded-opentype"), /* IE6-IE8 */
            url("../fonts/Montserrat-Bold.woff") format("woff"), /* chrome、firefox */
            url("../fonts/Montserrat-Bold.ttf") format("truetype");
            /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        }
        
        .login-pf body {
            /* background-image: url("../img/skandia-bg.jpg"); */
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../img/SkandiaWelcome.png);
        }
        
        .login-pf-page .card-pf {
            width: 500px;
            height: auto;
            border-top-width: 6px;
            border-color: #00C83C;
            padding: 50px 90px 50px 90px;
            margin: auto;
        }
        
        .pf-c-form__label-text {
            font-family: 'Montserrat';
            font-size: 14px;
        }
        
        #kc-logins {
            height: 37px;
            border-radius: 30px;
            padding: 5px 20px;
            font-family: 'Montserrat';
            font-size: 20px;
            background: #00C83C;
        }
        
        .page-footer {
            background: #EDEDED;
            bottom: 0;
            padding: 10px 20px 10px 20px;
            margin-top: 15px;
        }
        
        .page-footer img {
            width: auto;
            height: 17px;
            display: block;
        }
        
        .page-footer .info {
            height: auto;
        }
        
        .row-info {
            line-height: 1.2;
        }
        
        .custom-line {
            line-height: 1.6;
        }
        
        .page_header {
            background-color: #FFFFFF;
            display: table;
            height: 100px;
            min-height: 100px;
            margin-bottom: 15px;
        }
        
        .page_header>.logo {
            height: auto;
            display: table-cell;
            vertical-align: middle;
        }
        
        .page_header>.logo>img {
            margin: 0px 0px 0px 21px;
            width: auto;
            height: 32px;
            display: table-cell;
        }
        
        .login-card {
            height: auto;
            border: 0px solid #FFFFFF;
            border-top: 6px solid #00C83C;
            background-color: #fff;
            margin: auto;
            float: inherit;
            padding: 25px 4% 20px 4%;
        }
        
        .error-message {
            background: #00c83c21 0% 0% no-repeat padding-box;
            border-radius: 20px;
            background-color: rgb(0 200 60 / 21%);
            padding: 5px 15px 5px 15px;
            margin: 5px 0px 10px 0px;
            display: table;
        }
        
        .custom-tooltip {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #00000029;
            padding: 10px 10px 10px 10px;
            margin: 0px 4% 0px 0%;
            border-radius: 10px;
            opacity: 1;
            position: absolute;
            display: inline;
        }
        
        .txt-left {
            text-align: left !important;
        }
        
        .txt-center {
            text-align: center !important;
        }
        
        .txt-right {
            text-align: right !important;
        }
        
        .txt-justify {
            text-align: justify !important;
        }
        
        .giant-text {
            font: normal normal normal 25px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .xlarge-text {
            font: normal normal normal 20px/25px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .large-text {
            font: normal normal normal 18px/20px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .normal-text {
            font: normal normal normal 16px/18px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .small-text {
            font: normal normal normal 14px/16px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .xsmall-text {
            font: normal normal normal 12px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .tiny-text {
            font: normal normal normal 10px Montserrat !important;
            ;
            letter-spacing: 0px;
        }
        
        .fontNormal {
            font-family: 'Montserrat' !important;
            font-weight: normal !important;
        }
        
        .fontBold {
            font-family: 'Montserrat-Bold' !important;
        }
        
        .fontNormalBold {
            font-family: 'Montserrat' !important;
            font-weight: 700 !important;
        }
        
        .darkGray {
            color: #030303;
        }
        
        .float-left {
            float: left;
        }
        
        .float-right {
            float: right;
        }
        
        .button_login {
            border-radius: 20px !important;
            text-align: center;
            background-color: #00C83C !important;
            color: #fff !important;
            height: 37px;
        }
        
        .input-txt {
            border: 0px solid #FFFFFF;
            border-bottom: 2px solid #bfbebf;
        }
        
        .error_messages {
            text-align: left;
            font: normal normal normal 16px/19px Montserrat;
            letter-spacing: 0px;
        }
        
        .link-Sk {
            color: #00C83C;
            text-decoration: none;
        }
        
        .kc-footer-sk-corp {
            margin-left: 20px;
            margin-bottom: 0px;
        }
        
        .kc-footer-sk-sac {
            margin-left: 20px;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        .sk-group {
            margin-left: 20px;
        }
        
        .sk-time {
            display: inline-block;
            margin-right: 10px;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        .sk-phone {
            display: inline-block;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        .kc-footer-sk-address {
            margin-left: 20px;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        .sk-group2 {
            margin-left: 20px;
        }
        
        .sk-tc {
            display: inline-block;
            margin-right: 80px;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        .sk-pn {
            display: inline-block;
            font-family: 'Montserrat';
            font-size: 12px;
        }
        
        a,
        a:visited,
        a:active,
        a:hover,
        a:link,
        a:focus {
            color: #00C83C !important;
            text-decoration: underline !important;
        }

        input::-ms-reveal {
            display: none;
          }

          .span-pass {
            position: absolute;
            right: 1px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
          }
          
          span svg {
            background-color: white;
            display: block;
            padding: .2em;
            width: 2.3em;
            height: 1.5em;
          }