<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

@font-face {
  font-family: "cc-transact";
  src:url("../fonts/cc-transact.eot");
  src:url("../fonts/cc-transact.eot?#iefix") format("embedded-opentype"),
    url("../fonts/cc-transact.woff") format("woff"),
    url("../fonts/cc-transact.ttf") format("truetype"),
    url("../fonts/cc-transact.svg#cc-transact") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "cc-transact" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cc-transact" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-authorization-only:before {
  content: "\61";
}
.icon-auth-ccd:before {
  content: "\62";
}
.icon-forced-purchase:before {
  content: "\63";
}
.icon-purchase:before {
  content: "\64";
}
.icon-purchase-ccd:before {
  content: "\65";
}
.icon-refund:before {
  content: "\66";
}
.or-text-home{background: #f6f6f6;}


/*

[data-icon]:before {
  font-family: "cc-transact" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cc-transact" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-authorization-only:before {
  content: "\61";
}
.icon-auth-ccd:before {
  content: "\62";
}
.icon-forced-purchase:before {
  content: "\63";
}
.icon-purchase:before {
  content: "\64";
}
.icon-purchase-ccd:before {
  content: "\65";
}
.icon-refund:before {
  content: "\66";
}*/


body{    font-family: 'Arial'; font-size: 1em; line-height: 1.5em; background-color: #f6f6f6; color: #454545;}
.bold-font, .text-muted, .header-text, .footer li a{font-family: 'Arial'; font-weight: 700;}
h1{font-family: 'Arial';  font-size: 2.3em;   margin-bottom: 35px;  margin-top: 30px;}
.header{background-color: #fff;   }
.header1{ font-size: 32px; line-height: 40px;}
.navbar-light .navbar-nav .active&gt;.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open&gt;.nav-link{color: #454545;     font-family: 'Arial'; font-weight: 700;}
.nav-link.active{    border-bottom: 5px solid #006f60;}
label{ text-transform: uppercase;
    font-size: 0.75em;
   font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.92px;}
    
    a:link:hover {
    text-decoration: none;
}
a.link-line:hover {
    text-decoration: none;
}
a.link-line span {
    display: inline;
}
a.btn-secondary:link:hover, a.btn-primary:link:hover{text-decoration: none;}
.footer a:link:hover {
    text-decoration: underline;
}
a.syf-logo .logo-img   {
    max-width: 340px;
}
.btn{    border: 2px solid transparent;}
.form-check-label{text-transform: inherit;  font-size: 1em; font-weight: normal;}
.btn{font-size: 1em; font-family: 'Arial'; font-weight: 700; }
a.menu-color{color: #006f60;}
a, a:focus, a:hover, .btn-link:focus, .btn-link:hover{color: #006f60;}
.navbar-nav .chat-cc-text a{color: #006f60;}
.navbar-nav li a {
    font-size: 14px;
}
.navbar-toggleable-md .navbar-nav .nav-link:hover{color: #006f60;     border-color: #ccc;}
/*.login-img{background-image: url(../../login/images/CC_login_hero.png)}*/
.message-center-home{ padding-left: 25px;}
.btn-primary, .btn-primary:hover, .btn-primary.disabled, .btn-primary:disabled{background-color: #006f60; border-color:#006f60; min-width: 190px; }

.btn-primary.inline-buttons:disabled{min-width:inherit;}

.btn-secondary, .btn-secondary:hover{ border: solid 2px #e4e4e4; color: #006f60; background: #fff; }
.btn-link{color: #006f60;}
.btn-secondary, .btn-secondary:hover{ border: solid 2px #e4e4e4; color: #006f60; background: #fff;}
.btn-secondary.btn-yello{border-color:#006f60; color: #006f60; height: 56px; width: 150px; margin-top: 16px;}
.footer-bottom-nav p{color:#454545;}
.footer{background-color: #fff; }
.footer-bottom-nav{background-color: #f6f6f6;}
.new-registration{background: rgba(255, 255, 255, 1);}
.navbar  .btn-secondary{height: 45px;
    margin-top: 13px; min-width: 120px;}
.navbar-inverse .navbar-nav .nav-link{color: #595959; font-weight: 700;}
.navbar-inverse .navbar-nav .nav-link:hover{color: #006f60; outline: 2px solid #002e2a;}
.navbar-nav .nav-link span{color: #727272; font-style: italic; text-align: right; font-size: 13px;}
.contact-chat strong{display: block; color: #006f60;}
#chat-box .btn-block{ background-color: #66a137; max-width: 185px; font-size: 17px;}
#chat-box .btn-block i{display: none; }
.chat-cc-text{margin-bottom: 10px;}
.chat-cc-text p{margin-bottom: 0px;}
.chat-cc-text span{font-size: 18px; color: #006f60; font-weight: bold;}
.custom-control-input:checked~.custom-control-indicator{background-color: #006f60;}
.hero-top-text .btn{ margin-right: 15px;}
.navbar-toggleable-md .navbar-nav .nav-link{ font-weight: 700;  text-decoration: none;}
.navbar-light .navbar-nav .nav-link:focus{color: rgba(0,0,0,.5);}

.bc-progress-bar ul li.current:before, .bc-progress-bar ul li.active:before{    background-color: #fff;}
.bc-progress-bar ul li.active:after{background-color: #66a137;}
.bc-progress-bar ul li.current:before, .bc-progress-bar ul li.active:before{border-color:#66a137; }
.modal-content .btn-secondary{min-width: 190px;}
/*index html*/
.width100{width: 100%;}
.hero-top-text h1{margin-top: 0px;}
.hero-top-text{margin: 40px 0px 50px 0px;}
.home-menu .container ul{box-shadow: 0px 0px 3px #ccc;   border-radius: 5px;   background: #fff;   padding: 13px 0px; text-align: center;}
.bc-home-tabs .nav-tabs .active .nav-link:after{ color:#f6f6f6;}
.forgot-title2{padding-bottom: 8%;padding-top: 2%}
.message-list li span:first-child{     font-size: 14px;   font-style: italic; color:#454545;}

.message-list li{border-bottom: 1px solid #f6f6f6;}
.message-list li:last-child {
    border-bottom: 0px;
}
.email-subscribe-chackbox label{text-transform: capitalize;
    font-weight: normal;}
.message-list span.msg-color a{color:#595959;  text-decoration: none;   font-weight: 700;}
.home-menu li a{color:#595959; font-weight: bold; font-size: 16px;}
.home-menu li{width: 16%;}

.hero-top-text{}
.hero-top-text .btn-secondary, .hero-top-text .btn-secondary:hover, .hero-top-text .btn-secondary:focus {
    background-color: #006f60;
    color: #fff;
    border-color: #006f60;
    min-width: 190px;
}
.hero-top-text .btn-primary, .hero-top-text .btn-primary:hover, .hero-top-text .btn-primary:focus {
        background-color: #fff;
    color: #fff;
    border-color: #e4e4e4;
    color: #006f60;
    min-width: 190px;
}

.email-check-box label {
    width: 50%;
    float: left;
}
/*apply css*/
/*carousel styles*/
.cc-carousel .carousel-inner{border-radius: 5px; box-shadow: 0px 0px 3px #ccc;}
.cc-carousel .carousel-control-next, .cc-carousel .carousel-control-prev{ width: 35px; height: 35px; border-radius: 50%;     background-color: #000000; text-align: center; top: 50%; margin-top: -20px;}
.cc-carousel .carousel-control-next-icon{margin-left: 8px;}
.cc-carousel .carousel-control-prev {
    left: 15px;
}
.transaction-flow-icons li{    width: 118px; height: 118px;}
.transaction-flow-icons li a{font-size: 13px; line-height: 17px; padding-top: 10px; padding-bottom: 5px;
padding-left: 1px; padding-right: 2px; font-weight: bold;}
.transaction-flow-icons li a img{max-width: 45px; max-height: 45px;     height: 45px;}
.transaction-flow-icons li a:hover, .transaction-flow-icons li a.active{ background-color: #006f60;}
.transaction-flow-icons li a span{height: 50px;}
.transaction-flow-icons li label{font-size: 13px; line-height: 17px; padding-top: 10px; padding-bottom: 5px;
padding-left: 1px; padding-right: 2px; font-weight: bold;}
.transaction-flow-icons li label img{max-width: 45px; max-height: 45px;     height: 45px;}
.transaction-flow-icons li label:hover, .transaction-flow-icons li label.active{ background-color: #006f60;}
.transaction-flow-icons li label span{height: 50px;}

.transaction-icon{font-size: 43px;}

.cc-carousel .carousel-control-next {
    right: 15px;
}
.home-menu li img{height: 65px;}
.carousel-indicators li{    max-width: 10px;
    height: 10px; background-color: rgba(0, 111, 96, 0.6);}
.carousel-indicators{-webkit-box-pack: left;
    /* -webkit-justify-content: left;
    -ms-flex-pack: left; */
    justify-content: flex-start; margin-left: 6%;     z-index: 7;}
.carousel-item a{width: 100%;}
.carousel-indicators .active {
    background-color: #004A64;
}

.select-buttons .btn.active {
    background-color: #006f60;
    color: #fff;
}
.revision-date{
    max-width: 200px;
    display: inline-block;
    margin-left: 5px;
}
.or-line span{ background-color: #f6f6f6;}
.modal-title {
    font-size: 24px;
    margin-top: 0px;
}
.client_error_Container small{
	font-family: 'Arial';
    font-size: 1em;
    line-height: 1.5em;
}

.card-header a[data-toggle="collapse"]:before, .card-header a[data-toggle="collapse"].collapsed:before{color: #006f60;}
.card-header a[data-toggle="collapse"].collapsed{border: 0px solid #ccc;}
.promo-code-list li a.active, .promo-code-list li a:hover, .promo-code-list li label.active, .promo-code-list li label:hover{ background-color: rgba(0, 111, 96, 1); }
/*cc hide*/
.cc-hide{display: none;}
.pre-header .navbar-nav&gt;li:last-child&gt;a{ color: #006f60 !important;}
.pre-header .navbar-nav&gt;li a:hover{border-color:  #006f60;}
.navbar-nav li:last-child ul{    min-width: 170px;}
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover{color:  #595959; border-color: #006f60;}
.newNav-styles:focus, .newNav-styles:hover{
	border:none !important;
	outline:2px solid #002e2a;
}
.newNav-styles{
	border:none !important;
	padding:8px !important;
	margin-top:18px !important;
}
.navbar-inverse .navbar-nav .active&gt;.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open&gt;.nav-link{color: #3b3c43;}
.navbar-nav&gt;li:hover&gt;a{color: #006f60 !important;}
.navbar-toggleable-md .navbar-nav li:hover .nav-link{    border-color: #006f60;}
.table tr:hover td:first-child {
    border-left-color: #006f60;
}
.select-buttons .btn{font-size: 13px;}
.loader {
    color: #006f60;
}
.loader, .loader:before, .loader:after {
    background: #006f60;
    text-indent: 0;
}
.loader, .loader:before, .loader:after {
    background: #006f60;
    background: none;
    width: 0px;
}

/* alert*/
.alert-msg-cc{background-color: #006f60; padding: 15px 10px; border-radius: 6px;}
.alert-msg-cc p{margin-bottom: 0px; color:#fff;}
.table thead tr{    background: #006f60;}

.table thead tr th {

    color: #fff;
        border-right: 1px solid #fff;
}
.media-main{background-color: #fff; border-radius:5px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);  padding: 15px 15px 15px 25px;}
.media-requests li{max-width: 107px;
    line-height: 17px;
    margin-right: 15px;}
.media-requests li span{  color: #006f60;  margin-top: 16px;}
.media-main h5{    margin-bottom: 30px;}
.view-all-media{    margin-top: 10px;}
.top-link{bottom: 90px; }

.footer-top-nav{display: none;}
.df-color{color:#454545;}
/*.promo-code-input{background-color: transparent;}*/
.cc-td-red{color: #e76877;}
.copy-link-text{
border-bottom: 1px solid #8c8c8c;
    padding-bottom: 5px;
    font-weight:bold;}

.merchant-no-text:before {

    border-bottom: 2px solid #006f60;
   
    border-left: 2px solid #006f60;
    border-right: 2px solid #006f60;
       
}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator.pmyp-check{    background-color: transparent;
    border: none;
    color: #222;}

.pmyp-prom{  min-height: 223px; /*  min-height: 293px; */}

.breadcrumb{display: none !important;}

.internal-mainmenu .navbar-nav li {
    padding-right: 0px;
}
.navbar-nav li{    padding-right: 10px;}



.right-mail-div{margin: 0px auto;
    margin-top: -30%;}
.right-mail-div .new-registration{margin-top: 37px; position: initial;}
.login-apply-icons {text-align: center; }
.login-apply-icons li{display: inline-block;    margin: 0px 4px;  width: 90px;}
.login-apply-icons li a span{border: 1px solid #ccc; display: inline-block; border-radius: 50%; padding: 5px; padding: 10px;}
.login-apply-icons li a span.icon-text {
    border: none;
    display: block;
}
.device-info, .device-registered-by{font-size: 13px; text-align: center;  display: inline-block;
    width: 100%;  line-height: 19px;}
.device-info .fa{font-size: 16px;}
#device-in-box {
    position: absolute;
   top: auto;
    bottom: auto;
    margin-top: -56px;
    padding-top: 10px;
    padding-bottom: 10px;
    right: -111px;
}
#device-in-box .modal-dialog {
    height: auto;
    box-shadow: 0px 0px 3px #222;
    top: 0px;
    max-width: 300px;
    min-width: auto;
    position: relative;
    right: 0px;
    float: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
#device-in-box .contact-chat{    width: 84%;
    font-size: 16px;
    float: left;
    padding-bottom: 10px;
    text-align: left;}
#device-in-box .modal-body{ min-height:auto;   padding-top: 29px;}


#disable-perm-box {
    position: absolute;
    top: auto;
    bottom: auto;
    margin-top: -32px;
    padding-top: 10px;
    padding-bottom: 10px;
       left: -30px;
    right: 34px;
    width: 446px;
}
#disable-perm-box .modal-dialog {
    height: auto;
    box-shadow: 0px 0px 3px #222;
    top: 0px;
    max-width: 500px;
    min-width: auto;
    position: relative;
    right: 0px;
    float: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
#disable-perm-box .contact-chat{    width: 84%;
    font-size: 16px;
    float: left;
    padding-bottom: 10px;
    text-align: left;}
#disable-perm-box .modal-body{    padding-top: 29px;    padding-left: 25px;}

.no-device-text .alert.alert-danger {
    padding-left: 46px;
    position: relative;
}
.no-device-text .alert.alert-danger i {
    position: absolute;
    left: 18px;
    top: 14px;
}

div#accexistdiv {
    padding-left: 40px;
    position: relative;
    margin-top: 15px;
}
.nav-block{
	margin-top:3px!important
}
#accexistdiv i {
    position: absolute;
    left: 15px;
    top: 16px;
}
#myLoginMessageCenter{margin-top: 30px;}
form#loginForm {
    min-height: 500px;
}


legend#housingStatusDiv{text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.92px;}
    
@media (max-width: 1200px){
    .navbar-nav li {
   padding-right: 4px;
    padding-left: 4px; 
}
  a.syf-logo .logo-img{
    max-width: 240px;
}  
    #homemessages{height: 197px;}
    .media-requests li {
    max-width: 96px;
    line-height: 17px;
    margin-right: 6px;
}
}
.cc-pomotion th span{font-size: 12px; display: block;}
.cc-pomotion td label{display:inline-block; vertical-align: top;}
.custom-control-input:checked:disabled~.custom-control-indicator{opacity: 0.6;}
.cc-pomotion td p{padding-top: 8px;}
.cc-pomotion td p.pre-value{padding-top: 13px;}
.cc-pomotion td input{margin:0px;}
/* .cc-pomotion input, .cc-pomotion .input-group-addon{padding-top: 3px; padding-bottom: 3px;} */
/* .cc-pomotion input{height: 30px;} */
.cc-pomotion td {
    height: 112px;
    vertical-align: top;
}
.cc-pomotion .table .form-group {
    margin-bottom: 0px;
    margin-top: 10px;
}


/* Universal promotion editor change start */
.cc-pomotion th span{font-size: 12px; display: block;}
.cc-pomotion td label{display:inline-block; vertical-align: top; margin-right: 3px;}
.custom-control-input:checked:disabled~.custom-control-indicator{opacity: 0.6;}
.cc-pomotion td p{padding-top: 8px;}
.cc-pomotion td p.pre-value{padding-top: 13px;}
.cc-pomotion td input{margin:0px;}
.cc-pomotion td {
        height: 90px;
    vertical-align: top;
    padding: 12px 5px 5px 10px;
}
.cc-pomotion-child td {
    height: 70px;}
.table.cc-pomotion .form-group{    margin-bottom: 0px;}
.cc-pomotion .table .form-group {
    margin-bottom: 0px;
    margin-top: 10px;
}

.cc-pomotion.table thead tr th {color: #434343;}
.cc-pomotion.table thead tr {
        background: transparent;
}
.cc-pomotion {
    background-color: #fff;
        border-radius: 5px;
}
.cc-pomotion.table-striped-color tbody tr:nth-of-type(even){background-color: #fff;}
.cc-pomotion tbody tr, .cc-pomotion thead tr {
    border-bottom: 1px solid #ccc;
}
.cc-pomotion tbody tr:last-child{border-bottom: 0px;}
.cc-pomotion-stand td {
    height: 48px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* .cc-pomotion.table-bc td {
    padding: 18px 5px 1px 10px;
} */
/* Universal promotion editor change end.*/

/* Pay Stub CSS Starts*/

.fa{font-size: medium;}
#basic-transaction,#device-transaction{font-size: 16px !important;}
.select-buttons label span{ display: block; font-weight: normal; margin-top: 7px;     font-size: 12px;}
.info-icon-popup{position: absolute; width: 450px;  top: 37px; left: 0px;
    right: 151px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3490196078);
    bottom: auto !important; white-space: normal;     color: #454545; }
.info-icon-popup .modal-dialog{min-width: inherit; width: 450px;font-family:Arial;}
.info-icon-popup .modal-body{ min-height: inherit; height: auto; padding: 34px; font-size: 12px;line-height:20px;font-family:Arial;
    font-weight: normal;}
.info-icon-popup ul{padding-left: 15px;}
.info-icon-popup .close span{font-size: 30px;
    position: absolute;
    top:13px;
    right: 27px;}
#info-icon1{left: 100px;top: 135px;}
 .only-ipad{display:none;}
.payStubWidth{display:table;}  
.pmyp{ font-size: 13px;}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.only-ipad{display:block !important;}
.info-icon2{left:-30% !important;}

}
/* Pay Stub CSS Ends*/

/* UPE carecredit provider center changes starts*/


.manage-prom-header {
	font-size: 18px;
	font-weight: 700;
	padding: 10px 0px;
	margin-bottom: 10px;
}
.pmpInfoImg {
	font-family: FontAwesome;
    font-size: 18px;
    color: #5E5E5E;
}

.viewdtlslink {
    color: #006f60 !important;
}
span.custom-control-description {
    padding-left: 5px;
}
.disablefield{
    border: none;
    background: white;
    display: block;
    width: 100%;
    padding: 9px .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    padding-left: 25px;
}
.promobgcolor {
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* UPE carecredit provider center changes end*/

legend#appDateDiv{
	text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.92px;
    margin-bottom: 0px;
    }

legend#appStatusDiv{
	text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.92px;
    margin-bottom: 0px;
    }

@media (max-width: 1024px){
a.syf-logo .logo-img {
    max-width: 240px;
}
.internal-mainmenu .navbar-nav li a {
    font-size: 14px;
}
.internal-mainmenu .navbar-nav li {
    padding-right: 4px;
}
#chat-box .contact-chat a{color:#006f60 !important;}

.tel-color-ios a{color: inherit;}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
#device-in-box {width: 338px; left: 23px;}
#device-in-box .modal-body{min-height: initial; width: 300px; height: auto;}
.device-info .fa{cursor: pointer;}
}
@media (max-width: 991px){
	form#loginForm {
    min-height: 800px;
}
	#disable-perm-box .modal-body{ 
	min-height: initial;
	max-width: 300px;
	}
	#device-in-box .modal-dialog { min-width: initial;}
		.bc-progress-bar ul li.active:after {
    width: 135px;
}

#disable-perm-box{width: auto;
    left: 0;
    right: 0;}
.new-registration{padding: 30px 7px;
    max-width: 335px;}
    .col-lg-8.new-registration{padding-left: 25px;}
    .new-registration.no-device-text{padding-left: 20px;}
.cc-pomotion td{ padding: 12px 5px 5px 0px;}
    .navbar-toggler-icon{color: #006f60;}
    .login-user-info{color: #fff;}
    .login-user-info .first-last-name{    padding-top: 17px;}
    .navbar-nav&gt;li:first-child&gt;a:before{display: block;}
    .navbar-nav&gt;li&gt;a:before{top: 11px;}
    .navbar-inverse .navbar-nav .active&gt;.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open&gt;.nav-link{color: #3b3c43;}
    a.syf-logo .logo-img {
    max-width: 250px;
}
   .navbar-toggleable-md .navbar-nav .nav-link{    font-weight: 400;} 
   .login-user-info{background-color:#006f60; }
 .navbar-toggler.collapsed .navbar-toggler-icon{    color: #006f60;}
 .navbar-toggler .navbar-toggler-icon{    color: #fff;}
#homemessages{    height: 123px;}
.hero-top-text .btn-secondary{margin-bottom: 7px;}
    .pre-header .navbar-nav&gt;li:first-child&gt;a:before{display: none;}
    .navbar-toggler-right {
   
    top: 18px;
}
    .transaction-flow-icons li a{font-size: 12px;}
    .transaction-flow-icons li {
        width: 108px;}
    .header .navbar{margin-top: -61px;}
    .pre-header.header .navbar{margin-top: 0px;}
#chat-box .modal-dialog{min-width: initial;}
#device-in-box{    left: 0px;
}
}
@media print {body{background-color:#ffffff;}}


/*Added for PMYP Changes*/
.only-switch.onoffswitch { width: 65px;}
.only-switch .onoffswitch-inner:before{content: "On";}
.only-switch .onoffswitch-inner:after{content: "Off";}
.only-switch .onoffswitch-switch{right: 40px;      width: 20px;   top: 4px; height: 20px;}
.only-switch .onoffswitch-inner:after{padding-right: 9px;}
.only-switch .onoffswitch-inner.gray:after{background-color: #9b9b9b;}
.only-switch .onoffswitch-inner:before, .only-switch  .onoffswitch-inner:after{      line-height: 29px;  height: 28px;}
.only-switch .onoffswitch-label.active .onoffswitch-switch {
    right: 5px;
}
.type-payments-pmyp{background-color: #fff; padding: 15px; border: solid 1px #cccccc;}
.hi-msg-red{ color: #c63527;     font-weight: bold;}
.lineswitch-top{margin-top: -10px;}
.promo-monts-text li{margin-top: 20px; position: relative; list-style: none;     padding-left: 25px;}
.promo-monts-text li:after{content: ""; position: absolute; background-color: #66a137;     width: 8px;
    height: 8px;     left: 0px;
    top: 6px;}
.type-payments-pmyp .content-header-text{border-bottom-width: 2px; padding-bottom: 9px;}
.promo-monts-text strong, .promo-monts-text span{ display: block;}
.promo-monts-text span{font-size: 13px;}
.help-text-p{font-size: 12px;         padding: 35px 20px 20px 20px;}
.help-text-p a{font-weight: 700;}
.type-payments-pmyp ol li{ padding-bottom: 10px;}
.type-payments-pmyp ol{    padding-left: 18px;}
.cc-alert-only span.alert-icon{       border: 1px solid;
    border-radius: 50%;
    margin-top: 4px;
    float: left;
    margin-right: 12px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;}

.alert-text-right{     width: calc(100% - 40px); }
.alert-text-right strong{ display: block;}

.alert-success-only span.alert-icon{ color: #487127;  border-color: #487127;}
.alert-success-only .alert-text-right{color: #487127;}
.alert-danger-only span.alert-icon{color: #c63527;  border-color: #c63527;}
.alert-danger-only .alert-text-right{color: #c63527;}
.cc-alert-only span.alert-icon{       border: 1px solid;
    border-radius: 50%;
    margin-top: 4px;
    float: left;
    margin-right: 12px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;}
.cc-alert-only{display: inline-block;
    padding: 0px;
    width: 300px;     position: absolute;}
.alert-text-right{     width: calc(100% - 40px); }
.alert-text-right strong{ display: block;}

.alert-success-only span.alert-icon{ color: #487127;  border-color: #487127;}
.alert-success-only .alert-text-right{color: #487127;}
.alert-danger-only span.alert-icon{color: #c63527;  border-color: #c63527;}
.alert-danger-only .alert-text-right{color: #c63527;}
.your-custom{background-color: #fff;  border: solid 1px #cccccc; padding: 20px;margin-top: -27px;}
.your-custom h3{font-size: 18px; font-weight: 700;}
.copy-link-text{background-color: #f6f6f6; color:rgba(0, 0, 0, 0.87); word-break: break-all;
 border-bottom: 0px; margin-bottom: 10px; display:inline-block;border-radius: 2px; padding: 10px 10px;}
.your-custom .button-min-wt{    width: 125px;
    min-width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 0px;}
.your-custom .content-header-text{    margin-bottom: 10px;
    margin-top: 5px; border-bottom-width: 2px;}
.changes-saved{
    margin-bottom: 42px;
    }
    
    .pmyp-link {
    float: right;
    font-weight: 700;
    position: absolute;
    right: 16px;
    top: 41px;
}
.pay-provider{
         right: 17px !important;
    }
.custom-pay-link{
        border-bottom: none !important;
    }
    
    .addReceipt span{
	    color: #006d5d !important;
	    font-weight: bold !important;
	      cursor: pointer;  
    }
    .addReceipt span i:before{
        font-size: 10px !important;
    }
    div.addReceipt{
    padding-top: 20px;
    }
    
    .select_additional_emails{
    width: 35% !important;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }
    
    .emailAdditionMax{
    	display: none;
    }
    
    p.selected_dropdown {
    	margin-top: -26px;
    }
    
    label.add_emails_text{
    	color: #9b9c97 !important;
    	text-transform: capitalize !important;
    }
    
    #remove_sign{
	   	margin-left: 10px;
	    cursor: pointer;
    }
    #remove_sign:before{
    	font-size: 24px;
    	color: #020202 !important;
    }
    .email_text_view{
    	display: none;
    }
    .select_dropdown{
	    /* margin-bottom: -20px;
	    padding-bottom: 35px; */
	    margin-bottom: 14px;
    }
    
    span#contact_email{
    	color: #9b9c97 !important;
	    font-size: 0.75em;
	    font-weight: 700;
	    letter-spacing: 0.92px;
	    position: relative;
	    top: 18px;
    }
    
    
    .primary-email-sent {
    	margin-left: 35px;
    }
/*End Of PMYP Changes*/
/* DMM Pop Up CSS classes */
.promo-modal-text{
	margin-bottom: 25px;
	margin-top: 25px;
}
.manage-promo-view-modal .modal-dialog{
	box-shadow: 0px 0px 2px #ccc !important;
}
.manage-promo-view-modal{
background: rgb(250, 250, 250,0.4);}
.manage-promo-view-modal .table thead tr th{
	min-width: 144px;
	vertical-align: middle;
    text-align: left;
    padding-right:0px;
    font-size:13px;
}
.manage-promo-view-modal .table thead tr th.promotionTH{    min-width: 199px;}
.manage-promo-view-modal table tbody tr:nth-child(even){
	background: #eaeaea;
}
.manage-promo-view-modal table tbody tr{
	background:#fcfcfc;
}
.manage-promo-view-modal .table tbody tr td{
	font-weight: 400;
    font-size: 13px;
    color: #292B2C;
        padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px;
}
.promo-modal-font-bold{
	font-weight:700 !important;
}
.no_intrest_promos_modal tr{
	height:167px;
}
.promos-error-message{
	width: 100%; margin:10px auto;
}
.promos-error-message .promo-error-message-icons-text{
	
	color: #5E5E5E;
    font-size: 14px;
    font-weight: 400;
    margin-top:38px;
    
}
/*  SCPC-15 start */
.card-header button[data-toggle="collapse"]:before, .card-header button[data-toggle="collapse"].collapsed:before{color: #006f60;}
.card-header button[data-toggle="collapse"].collapsed{border: 0px solid #ccc;}
.log-in-header button{
	padding: 23px 0px; 
	display: inline-block;
	font-family: 'Arial';
    font-size: 1em;
    line-height: 1.5em;
}
.log-in-header button:hover, .log-in-header button:active, .log-in-header button:focus  {
    text-decoration:none;
    cursor: pointer;
}

/*  SCPC-15 end*/

/*PC2  Custom links changes start */
.apply-patientsandclient a:hover{text-decoration: underline;}
#links-patients-clients .custom-pay-link{border-bottom: solid 2px #e4e4e4 !important; }
#links-patients-clients .modal-body{width: 85%;}
.btMargintop2rem{
	margin-top: 2rem!important;
}
.btMarginbottom2rem{
	margin-bottom: 2rem!important;
}
.u-aside-top--large,.u-aside-top--small {
    background-color: #f6f6f6 !important;
 }
 .u-text--center {
    background-color: #f6f6f6 !important;
    position: relative !important;
 }
/*PC2  Custom links changes end  */
a.syf-logo:focus{
   outline: 2px solid #008378;
}
a#anl-lookup:focus{outline: 2px solid #008378;display: inline-block;}
.card-header a:focus{outline: 2px solid #008378;}
.table thead tr th:focus{outline: 2px solid #002E2A;}
div.col-12 a:focus {
outline: 2px solid #008378;
}
small.form-text.text-muted a:focus{
text-decoration: underline;
}
a#loginClickLink:focus{
outline: 2px solid #008378; display: inline-block;
}
.col-lg-8.col-md-10.new-registration.rt-img-pos a:focus{ outline: 2px solid #008378; }
.footer-bottom-nav .col-sm-12 a:focus{ text-decoration: underline; }
.home-menu a:focus{ outline: 2px solid #008378; display: inline-block; }
.btn-primary:focus{ outline: 2px solid #002e2a; }
.btn-secondary:focus{ outline: 2px solid #002e2a; }
.chat-cc-text a:focus{ outline:2px solid #002e2a; }
a#clickLink:focus{ outline:2px solid #002e2a; }
.help-text{ color: #454545;}
a.btn.btn-block.btn-primary.abtn:focus { color: #ffffff; }
#copyUserId:focus{ outline:2px solid #002e2a;}
#selectedChildHQ:focus{ outline:2px solid #002e2a;}
.btn:focus{ outline:2px solid #002e2a;}
/* LCM ADA CHANGES 2 */
#fromformat:focus { outline: 2px solid #002e2a }
#toformat:focus { outline: 2px solid #002e2a }
 .custom-checkbox .custom-control-input:focus~.custom-control-indicator {
    box-shadow: none !important;
    outline: 2px solid #002e2a !important;
}
button.fa.fa-info-circle{
color:#000000;
background:none;
border:none;
padding:0;  
}
.border-radius.active button.fa.fa-info-circle{ color: #fff; }
.card-header button:focus  {
    outline: 2px solid #002e2a;
    color: #006f60 !important;
}
.card-header button[data-toggle="collapse"].collapsed{color:#222 !important;background-color: transparent;}
.card-header button[data-toggle="collapse"]{color: #006f60 !important;background-color: transparent;}
.fa.fa-info-circle:focus { outline: 2px solid #000000; }
div button.close span:focus {
    outline: 2px solid #002e2a !important;
}
/* LCM ADA CHANGES 3 */
/* .carousel-tablist */

img.reload {
  padding: 0.25em;
  display: block-inline;
  position: relative;
  top: 6px;
  height: 0.9em;
}

.carousel-tablist {
  background-color: #eee;
  max-width: 9000px;
}

.carousel-tablist .carousel-inner {
  position: relative;
}

.carousel-tablist .carousel-items {
  padding: 5px;
}

.carousel-tablist .carousel-items.focus {
  padding: 2px;
  border: solid 3px #006f60;
}

.carousel-tablist .carousel-item {
  display: none;
  max-height: 400px;
  max-width: 900px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.carousel-tablist .carousel-item.active {
  display: block;
}

/* More like bootstrap, less accessible */

.carousel-tablist .carousel-item .carousel-image a img {
  height: 100%;
  width: 100%;
}

.carousel-tablist .carousel-item .carousel-caption a {
  cursor: pointer;
  text-decoration: underline;
  color: #fff;
  font-weight: 600;
}

.carousel-tablist .carousel-item .carousel-caption a,
.carousel-tablist .carousel-item .carousel-caption a,
.carousel-tablist .carousel-item .carousel-caption span.contrast {
  margin: 0;
  padding: 6px;
  display: inline-block;
  background-color: rgb(0 0 0 / 65%);
  border-radius: 5px;
  border: 0 solid transparent;
}

.carousel-tablist-moreaccessible .carousel-items .carousel-image a {
  display: block;
  margin: 0;
  padding: 5px;
  text-decoration: none;
  border: none;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption a {
  display: inline-block;
  margin: 0;
  padding: 6px;
  color: black;
  background-color: transparent;
  border: none;
  border-radius: 5px;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption span.contrast,
.carousel-tablist-moreaccessible
  .carousel-item
  .carousel-caption
  span.contrast:hover {
  background-color: transparent;
}

.carousel-tablist .carousel-item .carousel-caption a:hover,
.carousel-tablist .carousel-item .carousel-caption span.contrast:hover {
  background-color: rgb(0 0 0 / 100%);
}

.carousel-tablist .carousel-item .carousel-caption a:focus {
  padding: 4px;
  border: 2px solid #eee;
  background-color: rgb(0 0 0 / 100%);
  outline: none;
  border-width: 2px solid #fff;
  color: #fff;
}

.carousel-tablist .carousel-item .carousel-caption p {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 0;
}

.carousel-tablist .carousel-item .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 0;
  left: 15%;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/* Shared CSS for Pause and Tab Controls */

.carousel-tablist .controls {
  box-sizing: border-box;
  top: 1em;
  z-index: 10;
  display: flex;
  width: 100%;
  padding: 0.25em 1.25em 0;
}

.carousel-tablist .tab-wrapper {
  flex: 1 1 auto;
  height: 30px;
  text-align: center;
}

/* SVG Controls */

.carousel-tablist .rotation {
  flex: 0 0 auto;
  height: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  z-index: 10;
}

.carousel-tablist .svg-play .background {
  stroke: black;
  fill: black;
  stroke-width: 1px;
  opacity: 0.6;
}

.carousel-tablist .svg-play .border {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}

.carousel-tablist .svg-play .pause {
  stroke-width: 4;
  fill: transparent;
  stroke: transparent;
}

.carousel-tablist .svg-play .play {
  stroke-width: 1;
  fill: transparent;
  stroke: transparent;
}

.carousel-tablist .pause .svg-play .pause,
.carousel-tablist .play .svg-play .play {
  fill: white;
  stroke: white;
}

.carousel-tablist .rotation:focus .svg-play .background,
.carousel-tablist .rotation:hover .svg-play .background,
.carousel-tablist .rotation:hover .svg-play .border {
  fill:  #006f60;
  stroke:  #006f60;
  opacity: 1;
}

.carousel-tablist .rotation:focus .svg-play .border {
  stroke: white;
}

/* Shared CSS for Tabs */

.carousel-tablist [role="tablist"] {
  box-sizing: border-box;
  border: 0 transparent solid;
  border-radius: 13px;
  display: inline-block;
  padding-top: 2px;
  height: 30px;
/*  background-color: rgb(0 0 0 / 65%);*/
}

.carousel-tablist [role="tablist"].focus {
  border-width: 2px;
  border-color: #006f60;
  padding-top: 0;
  background-color:  #fff;
}

.carousel-tablist [role="tab"] {
  position: relative;
  top: -2px;
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  outline: none;
  width: 34px;
}

.carousel-tablist [role="tab"] circle.border {
  display: none;
  z-index: 12;
}

.carousel-tablist [role="tab"] circle.tab {
  z-index: 16;
}

/* removed opacity */
.carousel-tablist [role="tab"] circle.tab-background {
  stroke: #006f60;
  fill: transparent;
  stroke-width: 2px;
  z-index: 14;
}

.carousel-tablist [role="tab"] circle.tab{
  stroke: transparent;
  fill: transparent;
  stroke-width: 2px;
}
.carousel-tablist [role="tab"] circle.border {
  stroke: #006f60;
  fill: transparent;
  stroke-width: 2px;
}
.carousel-tablist-moreaccessible [role="tab"] circle.tab-background {
  z-index: 16;
}

.carousel-tablist-moreaccessible [role="tab"] circle.tab {
  z-index: 18;
}

.carousel-tablist [role="tab"][aria-selected="true"] circle.tab {
  fill: #006f60;
}

.carousel-tablist-moreaccessible [role="tab"] circle.border {
  z-index: 14;
}

.carousel-tablist [role="tab"]:focus circle.border {
/*  display: block;*/
  fill: #006f60;
  stroke: transparent;
}

.carousel-tablist [role="tablist"].focus circle.tab-background {
  stroke:  #006f60;
  fill:  transparent;
}

.carousel-tablist [role="tab"]:hover circle.tab-background {
  fill: white;
  stroke: white;
  opacity: 1;
}

.carousel-tablist [role="tab"]:hover circle.border,
.carousel-tablist [role="tab"]:hover circle.tab {
  fill:  transparent;
  stroke:  #006f60;
  opacity: 1;
}

.carousel-tablist [role="tab"][aria-selected="true"]:hover circle.tab {
  fill: transparent;
}

/* More accessible carousel styles, with caption and controls above/below image */

.carousel-tablist-moreaccessible {
  padding: 0;
  margin: 0;
  position: relative;
  border: #eee solid 4px;
  border-radius: 5px;
}

.carousel-tablist-moreaccessible .carousel-items,
.carousel-tablist-moreaccessible .carousel-items.focus {
  padding: 0;
  border: none;
}

.carousel-tablist-moreaccessible .carousel-items.focus .carousel-image a {
  padding: 2px;
  border: 3px solid  #006f60;
}

/* More accessible caption styling */

.carousel-tablist-moreaccessible .carousel-item {
  padding: 0;
  margin: 0;
  max-height: none;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption {
  position: static;
  padding: 0;
  margin: 0;
  height: 60px;
  color: black;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption p {
  padding: 0;
  margin: 0;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption h3 {
  font-size: 1.1em;
  padding: 0;
  margin: 0;
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption a:hover {
  background-color: rgb(0 0 0 / 20%);
}

.carousel-tablist-moreaccessible .carousel-item .carousel-caption a:focus {
  padding: 4px;
  border: 2px solid  #006f60;
  background-color: transparent;
  color: black;
  outline: none;
}

/* Shared CSS for Pause and Tab Controls */

.carousel-tablist-moreaccessible .controls {
  position: relative;
  top: 0;
  left: 0;
  padding: 0.25em 0.25em 0;
}

/* Shared CSS for Tabs */

.carousel-tablist-moreaccessible [role="tab"] {
  z-index: 20;
}
/* End of carousel styles */
#ccPromoId:focus{
	outline:2px solid #002e2a;
}
/* Calendar styles */
.input-group.dateInput {
    width: 97%;
}
.form-control.datepicker {
    padding-right: 0px;
}

a.datepicker-button {
    float: right;
    position: relative;
    left: 0px;
}
/* End of Calendar styles */
/* JQUERY UPDATE DATEPICKER CHANGES */
#resetPage {
    margin-top: 26px !important;
}
#updatePageBut {
    margin-top: 28px !important;
}
.accessFlag {
    margin-top: 6px;
}
.processedDate {
    margin-top: -7px;
}
/* LCM PC ADA CHANGES START */
.adaLink:focus{text-decoration:underline; outline: none !important;}
.modal a:focus, .modal .btn .adaButton:focus{outline:2px solid #006f60; box-shadow: none !important;}
.adaFormControl{border:1px solid #949494; } 
.adaMessageCenter:focus{outline:2px solid #006f60; margin-right:13px; padding:5px;}
.adaCheckbox{border:2px solid #949494;}
.custom-checkbox .custom-control-input:focus~.adaCheckbox {
    box-shadow: none !important;
    outline: 2px solid #006f60 !important;
}
.adaTextfield{border:1px solid #949494;}
.adaTextfield:focus{outline:2px solid #006f60;}
.adaCombobox{border:1px solid #949494;}
.adaCombobox:focus{outline:2px solid #006f60;}
.adaButton:focus-inner{outline:2px solid #006f60;}
.adaRadiobutton{border:1px solid #949494;}
.adaRadiobutton:focus{outline:2px solid #006f60;}
.select-buttons .btn {border:1px solid #949494;}
.collapsed .adaMinus {display: none;}
.collapsed .adaPlus {display: inline-block; color: #006f60; padding-right: 6px;}
.adaPlus {display: none;}
.AUaccord button[data-toggle="collapse"]:before {display:none;}
.AUaccord button[data-toggle="collapse"].collapsed{color:#222 !important;background-color: transparent;padding-left:4px;}
.AUaccord button[data-toggle="collapse"]{color: #006f60 !important;background-color: transparent;padding-left:4px;}
/* home-page nav- changes and radio-button changes
 */
 .nav-link-focus{
	padding:8px 0px!important;margin-right:5px!important;margin-left:5px!important;
	}
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover{background: none; outline:2px solid #06f; outline-offset:1px;}
.visually-hidden{
    width: 20px;
    height: 20px;
    margin-top: 10px;
    accent-color: #006f60;
    margin-left: 10px;
}
.visually-hidden:focus{
    outline: 2px auto #006f60;
    outline-offset: 3px;
}
.radioLabelStyles{
    position: relative;
    bottom: 5px;
    padding-left: 10px
}
/* LCM PC ADA CHANGES */
.adaadd-device{
  border:1px solid #8C8C8C !important;
}
.adaadd-device:focus{outline:2px solid #006f60;}
.adaCheckboxpc{border:2px solid #8C8C8C !important;}
.custom-checkbox .custom-control-input:focus~.adaCheckboxpc {
  box-shadow: none !important;
  outline: 2px solid #006f60 !important;
}

/* bcpc new pre login screen changes */

.cc-newLogin-container{
  background-image: url('../../login/images/PC-Background.png');
  width: 100%;
  padding: 96px 32px 96px 32px;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.left-side-info-section{
  display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
font-family: "Synchrony Sans";
word-wrap: break-word;
font-style: normal;
  line-height: normal;  
gap: 32px;
}


.left-side-info-section h4{
 
  color: var(--gray-800, #3B3C43);
  font-size: 60px;
  font-weight: 700;
  line-height: normal;
  }
  
  .left-side-info-section span{
    color: var(--gray-800, #3B3C43);
    font-size: 20px;
    font-weight: 400;
  }
  
   .left-side-info-section span span{
      color: var(--brand-100, #006f60);
      font-size: 20px;
      font-weight: 700;
      }
  
.right-side-info-section{
display: flex;
padding: var(--font-size-Big, 48px);
flex-direction: column; 
text-align: center;
font-family: "Open Sans";

/* gap: 32px; */
border-radius: 8px 8px 0px 0px;
background: var(--gray-white, #FFF);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 10px 0px rgba(0, 0, 0, 0.10);
}

  .quick-links-heading{
    color: var(--text-default, #3B3C43);
    font-family: "Open Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

 .manage-device-link{
  color: #006F60;
  /* Bold/S */
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

 .device-permission-diabled-txt{
color: var(--text-default, #3B3C43);
text-align: center;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
.device-permission-disabled-div{
	width: 421px;
display: flex;
margin: auto;
}

.device-info-footer-box{
  display: flex;
  width: 100%;
  padding: 16px;
/* height: var(--font-size-2xBig, 60px);
padding: var(--Spacing-spacing-L, 16px) 0px; */
/* justify-content: center; */
/* align-items: center; */
gap: 24px;
border-radius: 0px 0px 8px 8px;
background: #3B3D49;
color: var(--text-inverted-default, #FFF);
/* text-align: center; */

/* Regular/XS */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 1px 10px 0px rgba(0, 0, 0, 0.10);

}

.cc-quick-links-container{
  display: flex;
  flex-wrap:wrap;
  /* margin-top: 32px; */
justify-content: center;
align-items: center;
gap: 32px;
align-self: stretch;
font-family: "Open Sans";

}

.cc-quick-links-container .qucik-links-focus{
  width: 160px;
  height: 160px;
  padding: 16px;
}

.cc-quick-links-container .qucik-links-focus:hover {
  width: 160px;
  height: 160px;
  border-radius: 8px;
  background-color:#F4F4F5;
}
.cc-quick-links-container a span img:hover{
  background-color: white !important;
}
/* .cc-quick-links-container a span img
{ 
  background-color:#F4F4F5;
 height: 48px;
  width: 48px; 
  display: inline-block;
   border-radius: 50%;
   padding: 5px;
  } */
   .cc-quick-links-container  a span.icon-text {
    border: none;
    display: flex;
    color: #006F60;
text-align: center;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
} 



/* BCPC New Login Header changes */
.newSupportIcon:focus,.newSupportIcon:hover{
  border-color:  #006f60 !important;
}
.new-sign-in-btn:focus,.new-sign-in-btn:hover{
  border-color:  #006f60 !important;
}
.newSupportIcon:hover{
  border-color:  #006f60 !important;
}

.new-sign-in-btn{
  display: flex;
  border-style: none;
  cursor: pointer;
 width: 170px;
 height: var(--font-size-Big, 48px);
 padding: 12px 24px;
 justify-content: center;
 align-items: center;
 border-radius: 6px;
 background: #006F60;
 color: #FFF;
 text-align: center;
 font-size: 14px;
 font-style: normal;
 font-weight: 700;
 line-height: 20px; /* 142.857% */
 text-transform: uppercase;
}

.cc-timing-space{
	margin-left: 15px;
}

.support-contact-chat {
    width: 100%;
    font-size: 13px;
    float: right;
    padding-bottom: 5px;
}

.support-contact-chat strong{display: block; color: #006f60;}

/* .navbar-nav .nav-link .newProLoginSupportTextMouseOver:hover{
border-bottom : 1px solid #006F60 !important;
color: #006F60 !important;
} */

.cc-quick-links-container .qucik-links-focus-disable{
  padding: 16px;
  width: 160px;
  height: 160px;
  border-radius: 8px;
  background-color:#FAFAFA !important;
  cursor: not-allowed !important;
  color: #B1B1B1 !important;

}

.cc-quick-links-container .qucik-links-focus-disable a span.icon-text{
  color: #B1B1B1 !important;
  cursor: not-allowed !important;
}

.cc-quick-links-container .qucik-links-focus-disable a img{
  cursor: not-allowed !important;
}

.supportLink:hover{
	border-bottom : 1px solid #006F60 !important;
	color: #006F60 !important;
	cursor: pointer;
}

.supportLink {
    margin-top: 42px;
    color: var(--logo-Charcoal-Gray, #3B3C43);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.device-permission-disabled-div{
		width:auto
	}
</pre></body></html>