/*
	Base Theme
	Created on 09/27/2019 by Alexa Hojczyk.
*/

/* ++++ Colors ++++ */
/* ++++ Paths ++++ */
/* ++++ Variables ++++ */



/* ++++ Button Styles ++++ */

/* ++++ Containers/Components ++++*/

*{
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 575px){
	.bottom-nav, .footer-sect {
		margin-top: 3rem;
		margin-bottom: 3rem;
		margin-right: 0px;
		margin-left: 1rem;
		width: 100%;
	}
	.footer-sect-contact{
	    flex: 0 0 100% !important;
		max-width: 100% !important;
		
		a {
			letter-spacing: 0px !important;
		}

	}	
	.footer-sect-helpful{
	    flex: 0 0 100% !important;
		max-width: 100% !important;
		
		a {
			letter-spacing: 0px !important;
		}
		
	}	

	.footerLinks{
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.bottom-nav, .footer-sect {
		margin-top: 3rem;
		margin-bottom: 3rem;
		margin-right: 0px;
		margin-left: 1rem;
		width: 100%;
	}
	.footer-sect-contact{
	    flex: 0 0 100% !important;
		max-width: 100% !important;
		a {
			letter-spacing: 0px;
		}
		
	}	
	.footer-sect-helpful{
	    flex: 0 0 100% !important;
		max-width: 100% !important;
		
		a {
			letter-spacing: 0px !important;
		}
		
	}	


	
}

@media (min-width: 768px) and (max-width: 991px) {
	.bottom-nav, .footer-sect {
		margin-top: 3rem;
		margin-bottom: 3rem;
		margin-right: 3rem;
		margin-left: 3rem;
		width: 100%;
	}
	.footer-sect-contact{
	    flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
		a {
			letter-spacing: 0px !important;
		}
		
	}
	.footer-sect-helpful{
	    flex: 0 0 58.333333% !important;
    	max-width: 58.333333% !important;
		a {
			letter-spacing: 0px !important;
		}
    	
	}	


		
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bottom-nav, .footer-sect {
		margin-top: 3rem;
		margin-bottom: 3rem;
		margin-right: 3rem;
		margin-left: 3rem;
		width: 100%;
	}
	.footer-sect-contact{
	    flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
		a {
			letter-spacing: 0px !important;
		}
		
	}
	.footer-sect-helpful{
	    flex: 0 0 58.333333% !important;
    	max-width: 58.333333% !important;
		a {
			letter-spacing: 0px !important;
		}
    	
	}	
}
@media (min-width: 1200px){
	.bottom-nav, .footer-sect {
		margin-top: 3rem;
		margin-bottom: 3rem;
		margin-right: 3rem;
		margin-left: 3rem;
		width: 100%;
	}
	.footer-sect-contact{
	    flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
		

	
	}
	.footer-sect-helpful{
	    flex: 0 0 58.333333% !important;
    	max-width: 58.333333% !important;
		a {
			letter-spacing: 0px !important;
		}


	}	
	
	@media (min-width: 64em) {
     .not-active {
       pointer-events: none;
       cursor: default;
       display: inline-block;
    }
}
}

.footer-sect-contact h4{
	font-weight: 700;
    font-size: 1.125rem;
    color: #0036ad;
    font-family: "Open Sans";
    margin-top:1.5rem;

}
.footer-sect-helpful h4{
	font-weight: 700;
    font-size: 1.125rem;
    color: #0036ad;
    font-family: "Open Sans";
    margin-top:1.5rem;

}

.footer-sect-contact h4 a {
			letter-spacing: 0px !important;
		}

.footer-sect-helpful h4 a {
			letter-spacing: 0px !important;
		}

.img-align {
    vertical-align: sub;
}

/* ++++ Navigation/Header/Footer ++++ */
.navbar {
  height: 50px;
  background: #0036ad;
  color: #fff;

}

.navbar .navbar-header .navbar-brand {
  padding-top: 2rem;
  background: url(../images/img//header@2x.png) no-repeat;
}

.navbar .navbar-toggler .navbar-toggler-icon {
  color: #fff;
}

.navbar .nav li a {
  color: #fff !important;
  padding-right: 0;
  font-weight: 700;
  font-size: 0.875rem;
  list-style: none;
  margin-left: 2.1875rem;
}

.bottom-nav-bg {
  color: #fff;
  background-color: #0036ad !important;
}

.header-nav-bg {
  color: #fff;
  background-color: #0036ad !important;
}

.bottom-nav-bg .bottom-nav {
  display: flex;
}

.bottom-nav-bg .bottom-nav hr {
    border-top: 1px solid #979797;
}

.bottom-nav-bg .bottom-nav h4 {
  color: #fff;
}

.bottom-nav-bg .bottom-nav ul {
  padding: 0rem;
}

.bottom-nav-bg .bottom-nav ul li {
  margin-bottom: 0.875rem;
}

.bottom-nav-bg > .bottom-nav ul li::before { 
    color: #02B9E1;
    content: '\2022';
    display: inline;
    margin-left: -1em;
    margin-right: 0.5em;
    font-size: x-large;
}

.bottom-nav-bg > .bottom-nav ul li { 
  list-style: none;
}


  

.bottom-nav-bg .bottom-nav a {
  color: #fff;
  font-weight: 400;
  font-size: 0.875rem;
}
        
.footer-sect-bg {
  background-color: #000;
  color: #fff;
}

.footer-sect-bg .footer-sect hr {
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  margin: 1.875rem 0rem;
}

.footer-sect-bg .footer-sect a {
  color: #fff;
  padding: 0rem;
  font-weight: 400;
  font-size: 0.875rem !important;
  font-family: "Open Sans";
}

.footer-sect-bg .footer-sect p {
  font-size: 0.875rem;
  color: #fff;
}

.footer-sect-bg .footer-sect .btn-group a {
  margin-right: 1.25rem;
}

.environment-font	{

	color: #0036AD;
	font-family: "Open Sans";
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.14px;
	line-height: 27px;
	text-align: center;

}

.rectangle {
	border-radius: 5px;
	background-color: #EC8A18;
	margin-left: 10rem!important;
	margin-top: 1.1rem!important;
}
    
   
.env-image {
		margin-left: 14rem;
		margin-top: 1.6rem;
}





.nav-links-font {
	color : #fff !important;
    font-weight: 600 !important;
    line-height: 1.37rem;
    letter-spacing: 0.03rem;
    font-size: 0.87rem;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}


	
.navbar-background {
	background:url(../images/CaresAccess_BG@3x.svg) no-repeat;
	height: 64px;
	background-size:cover;
}
.header-logo {
    color: #fff !important;
    font-family: "Open Sans";
    font-size: 28px;
    font-weight: 300;
    line-height: 0;
    cursor: pointer;
    padding-top: 1.4em;
    /* text-transform: uppercase; */
}
.environment-label {
    background-color: #EC8A18;
    font-family: "Open Sans";
    padding: 3px 13px;
    padding-bottom: 4px;
    font-size: 18px;
    font-weight: 500;
    margin-left: 15px;
    /* display: inline-block; */
    border-radius: 4px;
    color: #0036AD;
    position: relative;
	height: 32px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 40%; /* Could be more or less, depending on screen size */
  border-radius: 0px;
  text-align:center;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.confirmHeader{
	font-size: 24px;
	color: #0036AD;
	font-family: "Open Sans";
}

.btn {
    // margin-left: 0.625rem !important;
    text-shadow: none;
    box-shadow: none;
    font-size: 0.875rem;
    font-family: "Open Sans";
    min-height: 2.5rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
    border-radius: 0;
	margin-bottom: 0.5rem;
}

.btn-primary{
	    background: #006400;
        border-color: #006400;
        
}

.btn-primary:hover, .btn-primary:focus {
            background-color: #0f3c11 !important;
            border-color: #0f3c11 !important;
        }
        
.btn-primary:hover{
            background-color: #0f3c11 ;
            border-color:#0f3c11 ;
}
 
.btn-secondary {
        border-color: #0036ad;
        color: #0036ad;
        background-color: #fff;
        
    }
    
.btn-secondary:hover, .btn-secondary:focus {
            background-color: #fff;
            color: #0036ad;
            border: 2px solid #0036ad;
        } 

.confirmButtonYes{
        padding-left: 1.2rem!important;
        padding-right: 1.2rem!important;
}

.confirmMessage{
	color: #000000 !important;
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 24px;
}

.envWarningBG {	
	background-color: rgba(236,138,24,0.1);
    border-top: 3px solid #FDAB4B;
    z-index: 3 !important;
}

@media (max-width: 575px){
	
	.envWarningMsgTxt {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		padding-left: .5rem !important;
	}

}

@media (min-width: 576px) and (max-width: 767px){
	
	.envWarningMsgTxt {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		padding-left: .5rem !important;
	}

}

@media (min-width: 768px) and (max-width: 991px){
	
	.envWarningMsgTxt {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		padding-left: 0rem !important;
	}

}

@media (min-width: 992px) and (max-width: 1199px){
	
	.envWarningMsgTxt {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		padding-left: 0rem !important;
	}

}

.envWarningIconContainer {
    flex: 0 0 5.333333% !important;
    max-width: 5.333333%  !important;
}

.header-branding {
  /*  height: 114px;*/
    width: 100%;
    background: linear-gradient(90deg, #0036AD, #0067E1);
}
.header-branding-horHelp{
	height: 66px;
    width: 100%;
    background: linear-gradient(90deg, #0036AD, #0067E1);
}
.duplicate-navbar-bg {
	background: linear-gradient(90deg, #0036AD, #0067E1);
}

.cww-cmb-fixedheader {
	width: 770px;
}

.footerLinks {
	font-family : "Open Sans";
	font-size : 12px;
	line-height: 40px;
	margin-top : 0px;
}




@media (max-width: 385px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.45, 0.7);
    margin: -3rem 0 -2rem -13rem;
	}
}

@media (min-width: 386px) and (max-width: 430px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.5, 0.7);
    margin: -3rem 0 -2rem -12rem;
	}
}

@media (min-width: 431px) and (max-width: 500px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.55, 0.75);
    margin: -3rem 0 -2rem -10.5rem;
	}
}

@media (min-width: 501px) and (max-width: 575px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.65, 0.85);
    margin: -2rem 0 -1rem -8.5rem;
	}
}

@media (min-width: 576px) and (max-width: 650px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.75, 0.85);
    margin: -2rem 0 -1rem -6.2rem;
	}
}

@media (min-width: 651px) and (max-width: 710px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.85, 0.9);
    margin: -2rem 0 -1rem -4rem;
	}
}

@media (min-width: 711px) and (max-width: 767px) {
	.shrinkNonResponsiveSection {	
		transform: scale(0.9, 0.9);
    margin: -2rem 0 -1rem -3rem;;
	}
}


@media (max-width: 575px){
	.footerLegal {	
		color: #FFFFFF !important;	
		font-family: "Open Sans" !important;	
		font-size: 13px !important;	
		line-height: 19px !important;
		padding: 0px;
		margin-left: 0px;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.footerLegal {	
		color: #FFFFFF !important;	
		font-family: "Open Sans" !important;	
		font-size: 13px !important;	
		line-height: 19px !important;
		padding: 0px;
		margin-left: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footerLegal {	
		color: #FFFFFF !important;	
		font-family: "Open Sans" !important;	
		font-size: 13px !important;	
		line-height: 19px !important;
		padding: 3px;
		margin-left: 1.2rem;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.footerLegal {	
		color: #FFFFFF !important;	
		font-family: "Open Sans" !important;	
		font-size: 13px !important;	
		line-height: 19px !important;
		padding: 3px;
		margin-left: 3.5rem;
	}
}
@media (min-width: 1200px){
	.footerLegal {	
		color: #FFFFFF !important;	
		font-family: "Open Sans" !important;	
		font-size: 13px !important;	
		line-height: 19px !important;
		padding: 3px;
		margin-left: 5rem;
	}	
}




/* CSS for screens 768px and Up */
@media only screen and (min-width: 768px) { 
  .navbar, .navbar-expand-lg, .navbar-dark {
    display: block;
  }
  .closebtn {
  	display: none;
	}
	.nav-links-font {
		color : #fff !important;
	    font-weight: 600 !important;
	    line-height: 1.37rem;
	    letter-spacing: 0.03rem;
	    font-size: 0.87rem;
		font-weight: bold;
		font-family: 'Open Sans', sans-serif;
	}
  .nav-drop-position {
	z-index: 999 !important;
	}
	.nav-link:hover{
		text-decoration: underline;
	}
	.border-bottom {
		border-bottom: none !important;
	}
	.border-top{
	border-top: none !important;
		}
	.nav-link {
		padding-bottom: 0!important;
		padding-top: 0.25rem!important;
	}
	.logoutDropPosition{
	    margin-top: 0.95rem !important;
	}
	.dropdown-menu {
		min-width: 7.05rem !important;
	}	
		
	#userLogOutDeskTop{
		display: inline !important;
	}
	#userLogOutMobile{
		display: none !important;
	}
	
	
}
/* CSS for screens 767px and Below */


#LogOutLink{
	padding-left: 1.7rem !important;
}

.programInfoHeader{
	display: table-cell;
}

.userSpecificNavMenu{
	min-width: 5.5rem;
}

@media (min-width: 575px){

	.websitepolicies-sect{
		padding-bottom: 1rem!important;
		padding-top: 1rem!important;
		padding-right: 1rem!important;
    	padding-left: 1rem!important;
    	display: block;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;
	}
	.terms-sect{
		padding-bottom: 1rem!important;
		padding-top: 1rem!important;
		padding-right: 1rem!important;
    	padding-left: 1rem!important;
    	display: block;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;

	}
	.disclaimer-sect{
		padding-bottom: 1rem!important;
		padding-top: 1rem!important;
		padding-right: 1rem!important;
    	padding-left: 1rem!important;
    	display: block;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;

	}
}
@media (min-width: 767px) {

	.websitepolicies-sect{
		padding: 0rem!important;
		display: inline;
		flex: 0 0 16.666667%;
    	max-width: 16.666667%;
	}
	.terms-sect{
		padding: 0rem!important;
		display: inline;
		flex: 0 0 16.666667%;
    	max-width: 16.666667%;
						
	}
	.disclaimer-sect{
		padding: 0rem!important;
		display: inline;			
		flex: 0 0 16.666667%;
    	max-width: 16.666667%;

	}
	
}

@media (min-width: 1200px){
	.websitepolicies-sect{
		padding: 0rem!important;
		display: inline;
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;
		
	}
	.terms-sect{
		padding: 0rem!important;
		display: inline;				
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;

	}
	.disclaimer-sect{
		padding: 0rem!important;
		display: inline;			
    	flex: 0 0 66.666667%;
    	max-width: 66.666667%;

	}

}

.notificationMsgBG{
	background-color: #B9F3FF;

}

.notificationMsgTxt{
	color: #000000;	
	font-family: "Open Sans";	
	font-size: 14px;	
	line-height: 18px;
	margin-top: 1rem;
}

.notificationMsgClosebtn {
	  	position: relative;
	    font-size: 30px;
	    color: blue;
	    cursor: pointer;

}
.notificationMsgBtnDiv{

    flex: 0 0 4.333333%;
    max-width: 4.333333%;

}
.broadcastMsgTxtDiv{

    flex: 0 0 95.666667%;
    max-width: 95.666667%;

}
.bdcastnotificationMsgTxt {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 1.25rem;
    margin-top: 1.5rem;
}

.headerNavMenupadding{
	padding-top: .25rem!important;
}

.disableVerticalScrolling{
	position: fixed !important;
    overflow-y: hidden;	
}

.moveCloseButtonToRight{
	margin-right: auto !important;
    margin-left: unset !important;
}

body {
  height: 100vh !important;
}

.logo-background{
	
    height: 64px;
    background-size: cover;
}
.logo-text{
	color: #fff !important;
	font-family: Open Sans;
	font-size: 28px;
	font-weight: 300;
	line-height: 0;
	cursor: pointer;
	padding-left: 3rem!important;
	padding-top: 1rem!important;
	text-align: left;
	font: 13px;
}

.logo-text:hover{
  text-decoration: none;
}

.bodyTable {
	margin-top: 0px;
	margin-left: 0px; 
	background-color: #ffffff; 
}
@media only screen and (max-width: 767px) {
	.bodyTable {
		width: 770px; 
	}
}

.programMobile{
	font-size: 1.25rem;
    font-family: "Open Sans";
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.00875rem;
    padding-left: 10px;
}
.footerDesktop{
	display:block;
}
.footerMobile{
	font-weight: 700;
    font-size: 1.125rem;
    color: #fff;
    font-family: "Open Sans";
}

@media (max-width:768px){
	.programInfoHeader{
		display:none;
	}
	.footerDesktop{
		display:none;
	}
}