/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

.blueBackground {
	background: #004b8e;
}

.find-care-btn-mobile {
	display: inline-block;
	width: 100%;
	height: 48px;
	color: #fff !important;
	line-height: 3.4;
	font-size: 100%;
	font-weight: 600;
    text-decoration: none !important;
    background: #00315c;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	/*background-image: none;*/
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.with-chevron {
    background: url(../../images/2.0/pl-chevron-up-circle.svg) no-repeat 75% 13px #00315c;
    background-size: 20px 20px;
}

@media (max-width: 320px) {
   .with-chevron {
        padding-right: 23px;
        background-position-x: 82%;
    }
}

@media (min-width: 321px) and (max-width: 375px) {
   .with-chevron {
       padding-right: 26px;
       background-position-x:  77%;
    }
}

@media (min-width: 376px) and (max-width: 414px) {
   .with-chevron {
       padding-right: 26px;
       background-position-x:  75%;
    }
}

@media (min-width: 415px) and (max-width: 600px) {
   .with-chevron {
       padding-right: 26px;
       background-position-x:  67%;
    }
}

@media (min-width: 601px) and (max-width: 700px) {
   .with-chevron {
        background-position-x:  67%;
    }
}


@media (min-width: 701px) and (max-width: 992px) {
   .with-chevron {
        background-position-x:  65%;
    }
}

#commentButtonMobile {

}

.find-care-btn-mobile-clicked {
    color: #ffde3a !important;
	text-decoration: none !important;
    /*background: #004b8e;*/
    /*background: #00315c;*/

/*    background-image: url(../../images/2.0/pl-chevron-up-circle-ylw.svg);*/
}

#findCareButtonMobile.find-care-btn-mobile-clicked {
    background-image: url(../../images/2.0/pl-chevron-up-circle-ylw.svg);
}

/*.find-care-btn-mobile > span {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    padding: 2px;
    border-radius: 100%;
    background: #fff;
}

.find-care-btn-mobile > span .glyphicon-chevron-up {
    padding-left: 2px;
    color: #00315c;
}*/


.find-care-btn-mobile:focus {

}


/* GLOBAL STYLES - BEGIN */

* {
	font-family: Arial, sans-serif;	
}

body {
    color: #666;
    /*overflow: hidden;*/
}

/*body, html {
    position: relative;
    height: 100vh;
}*/

@media (max-width: 991px) {
    body {
	    /*padding-top: 93px;*/
    }
}


h1 {
	color: #004b8e;
	font-weight: bold;
    margin-top: 10px;
}

@media (max-width: 767px) {
	h1 {
        /*margin-top: 30px;*/
        margin-bottom: 10px;
	}
}

h1.title {
    margin-bottom: 25px;
}

h2 {
	color: #004b8e;
}

.h2-forms {
    margin-top: 4px;
}

p {
	/*font-size: 16px;*/
    font-size: 1em;
	line-height: 1.7em;

    margin-bottom: 27px;
}
body #main-container {
    /*font-size: 16px;*/
    font-size: 1em;
}

select {
	padding-left: 8px !important;
}

*::selection {
	color: #fff;
	background: #004b8e;
}

*::-moz-selection {
	color: #fff;
	background: #004b8e;
}

.header {
	position: relative;
	background: #fff;
    z-index: 1000;
}

a.normal-link {
    cursor: default;
    color: #666;
}

a.normal-link:hover {
    text-decoration: inherit;
}

@media (max-width: 991px) {
	.header {
        position: fixed;
        width: inherit;
		height: 78px;
        border-bottom: 1px solid #004b8e;
	}
}

@media (min-width: 768px) and (max-width: 991px)  { 
    .mobile-top {
        padding-top: 94px;
    }
    .container .cntHP-ImageCarousel {
        margin-top: -94px;
    }
}

@media (min-width: 992px) {
	.header {
		/*height: 156px;*/
        min-height: 156px;
        /*height: 140px;*/
	}
}

@media (max-width: 768px) {
	.header {
		width: 100%;
		height: 78px;
	}
    
    .mobile-top {
        padding-top: 94px;
    }
}

/* new - 28MAR17 - testing */
@media (min-width: 568px) and (max-width: 736px) {
	.header {
        /*position: relative;*/
        position: fixed;
	}

    .mobile-top {
        /*PLS2-232 Missing Title.*/
        /*padding-top: 15px;*/
    }
}

@media only screen and (min-width: 568px) and (max-width: 736px) and (orientation: landscape)  {
    .swiper-container {
       top: 0 !important;
     }
    .swiper-slide .swiper-content h1 {
         margin-top: 70px !important;
    }
}

.hr-footer {
	margin: 10px 0 25px 0;
	border-color: #c6c6c6;
}


.hr-dotted {
	margin: 40px 0 40px 0;
	border: none;
	border-top: #e6e6e6 1px dotted;
}





.hr-dotted-responsive {
    display: none;
}

@media (max-width: 991px) {
    .hr-dotted-responsive {
        display: block;
	    margin: 35px 0 20px 0;
	    border: none;
	    /*border: #004b8e 1px dotted;
        border: #ffde3a 1px solid;*/
        border-top: #b8d0e5 1px solid;
    }
}





.hr-dotted2 {
	margin: 0 0 15px 0;
	border: none;
	border-top: #ccc 1px dotted;
}

.hr-dotted-headline {
    margin-top: 0;
    border: none;
    border-top:#e6e6e6  1px dotted;
}

hr.spacer {
	margin: 40px 0 40px 0;
	border: none;
}

hr.spacer-small {
	margin: 20px 0 20px 0;
	border: none;
}

.row-spacer {
    margin: 20px 0 20px 0;
}

#footer {
	background-color: #e6e6e6;
	padding-top: 26px;
    padding-bottom: 20px;
	margin-top: 48px;
    min-height: 325px;
}

@media (max-width: 767px) {
	#footer {
		margin-top: 78px;
	}
}

.footer-links {
	list-style: none;
    padding-left: 0;
}

.footer-links li:last-child {
    padding-right: 0;
}

@media (max-width: 991px) {
	.footer-links {
		line-height: 2.5;
	}
}

@media (min-width: 992px) {
	.footer-links li {
		float: left;
		padding-right: 20px;
	}

    #footer > div.container > div:nth-child(2) > div:nth-child(1) > div > ul {
        float: left;
    }
}

.footer-links li.last {
	padding-right: 0;
}

.footer-links a {
	color: #666;
}

.copyright {
	font-size: 0.75em;
}

.uiSM {
	position: absolute;
	left: 487px;
	z-index: 1;
	top: 20px;
	text-align: center;
}

.uiSearchLogin {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 2;
}

.pl-search {
	position: absolute;
    top: 35px;
	/*z-index: 2;*/
    z-index: 101;
}

#txtSearchBox {
    border-color: #7fa5c6;
}

#txtSearchBox:focus {
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7fa5c6;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7fa5c6;
}

@media (max-width: 767px) {
	.pl-search {
		display: none;
	}
}

@media (min-width: 768px) {
	.pl-search {
		right: 120px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.pl-search {
		top: 22px;
	}
}

@media (min-width: 992px) {
    .pl-search {
        /*right: 106px;*/
        /*right: 110px;*/
        /*PLS2-759*/
        right: 230px;
    }
}

article.search-result > div > div > a {
    font-weight: bold;
}

.blue-text {
	color: #004B8E;
}

div.side-column div.cl-control:not(:empty),
div.main-column div.cl-control:not(:empty) {
	padding: 10px 0;
}

div[class*=col].side-column div:first-of-type.cl-control,
div[class*=col].main-column div:first-of-type.cl-control {
	padding-top: 0;
	margin-top: 0;
}

div[class*=col].side-column div:last-of-type.cl-control,
div[class*=col].main-column div:last-of-type.cl-control {
	padding-bottom: 0;
	margin-bottom: 0;
}

.disable-body-scroll {
    overflow: hidden;
    height: 100%;
}


.pl-chevron-down {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 10px;
    background-image: url(../../images/2.0/pl-chevron-down.svg);
    background-repeat: no-repeat;
}

.pl-chevron-blue-down {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 10px;
    background-image: url(../../images/2.0/pl-chevron-blue-down.svg);
    background-repeat: no-repeat;
    background-position: right;
}

/*#loginButton > span{
    margin-left: 5px !important;
}*/

.info-board-break-word {
    word-wrap: break-word;
}

/* GLOBAL STYLES - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* BOOTSTRAP OVERRIDES - BEGIN */

.navbar-default {
	background: none;
	border: none;
}

.navbar-brand {
	max-width: 352px !important;
	max-height: 77px !important;
	background: url(../images/plasp-logo-24.png) no-repeat 0px 0px;
}

@media (max-width: 320px) {
	.navbar-brand {
		margin-top: 16px;
		width: 40%;
		height: auto;
		background-size: contain !important;
	}
}

@media (min-width: 321px) and (max-width: 767px) {
	.navbar-brand {
		margin-top: 14px;
		width: 50% !important;
		height: auto;
		background-size: contain !important;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.navbar-brand {
		margin-top: 14px;
		width: 200px;
		height: 100px;
		background-size: contain;
	}
}

.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}

.navbar-brand > img {
	display: block;
}

.dropdown {
    /*position: relative;
    height: 100vh;*/
	margin-left: 1px;
}

/*.dropdown a {
	background-color: #f2f6f9;
}*/

/*.dropdown a:hover {
	background-color: #ffde3a !important;
}*/

.btn-lg,
.btn-group-lg > .btn {
	padding: 10px 16px 8px 16px;
	/*
    font-size: 17px;
    line-height: 1.3333333;
    border-radius: 6px;
*/
}

a.btn span.glyphicon {
    padding-left: 5px;
}

.form-control {
	height: 42px;
    font-size: 16px;
}
.form-control option {
    font-size: 15px;
}

.pl-search .input-group-addon {
    display: inline-block;
    width: 45px;
    cursor: pointer;
}

/* responsive video embed */


/* RS!
.embed-responsive {
	margin-bottom: 30px;
}
*/

.embed-responsive {
	margin-bottom: 5px;
}

.embed-responsive-video {
	margin-bottom: 30px;
}

.embed-responsive iframe {
	padding-left: 15px;
	padding-right: 15px;
}


/*
.embed-responsive-video {
    margin-right: 0;
}
*/

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}

.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}

@media (min-width: 992px) {
	.col-md-3.embed-responsive.embed-responsive-16by9 > iframe {
		padding-bottom: 95%;
	}
	.col-md-4 > .embed-responsive-video .embed-responsive {
		padding-bottom: 54%;
	}
}

.side-video .embed-responsive,
.side-video .embed-responsive iframe {
	padding-left: 0;
	padding-right: 0;
}

.panel-primary > .panel-heading .row > div {
	color: #ffde3a;
}

.pl-login .has-error .control-label,
.pl-panel .has-error.form-group .control-label,
.pl-panel .has-error.form-group .help-block {
    color: #ff6764;
}

.pl-login .has-error .form-control,
.pl-panel .has-error.form-group .form-control {
	border-color: #ff6764;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.pl-login .has-error .form-control:focus,
.pl-panel .has-error.form-group .form-control:focus {
	border-color: #ff3b37;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ff6764;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ff6764;
}

.pl-login .login-message {
    color: #fff;
}

.pl-login .login-error-message {
    color: #ff6764;
}

.border-form-control {
    border: 3px solid #a94442;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.075);
}

/* DocumentList - docs with thumbnail text needs to float left on mobile devices */
@media (max-width: 374px) {
    li.list-group-item > div > div.col-xs-7 > div.media > div.media-body {
        float: left;
        padding-top: 10px;
    }
}

.table-striped > thead {
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}


/* BOOTSTRAP OVERRIDES - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* BOOTSTRAP ADDITIONS - BEGIN */

.glyphicon-yellow {
	color: #ffde3a;
}


/* yellow button - BEGIN */

.btn-brand-yellow {
	/*color: #004b8e;*/
    color: #00315c;
	/*base*/
	background-color: #ffde3a;
	/*10% darker*/
	border-color: #e5c835;
}

.btn-brand-yellow:focus,
.btn-brand-yellow.focus {
	/*color: #004b8e;*/
    color: #00315c;
	/*10% darker*/
	background-color: #e5c835;
	/*40% darker*/
	border-color: #998523;
}

.btn-brand-yellow:hover {
	color: #004b8e;
	/*10% darker*/
	background-color: #e5c835;
	/*30% darker*/
	border-color: #b39c29;
}

.btn-brand-yellow:active,
.btn-brand-yellow.active,
.open > .dropdown-toggle.btn-brand-yellow {
	/*color: #004b8e;*/
    color: #00315c;
	/*20% darker*/
	background-color: #ccb22f;
	/*30% darker*/
	border-color: #b39c29;
}

.btn-brand-yellow:active:hover,
.btn-brand-yellow.active:hover,
.open > .dropdown-toggle.btn-brand-yellow:hover,
.btn-brand-yellow:active:focus,
.btn-brand-yellow.active:focus,
.open > .dropdown-toggle.btn-brand-yellow:focus,
.btn-brand-yellow:active.focus,
.btn-brand-yellow.active.focus,
.open > .dropdown-toggle.btn-brand-yellow.focus {
	/*color: #004b8e;*/
    color: #00315c;
	/*30% darker*/
	background-color: #b39c29;
	/*40% darker*/
	border-color: #998523;
}

.btn-brand-yellow:active,
.btn-brand-yellow.active,
.open > .dropdown-toggle.btn-brand-yellow {
	background-image: none;
}

.btn-brand-yellow.disabled:hover,
.btn-brand-yellow[disabled]:hover,
fieldset[disabled] .btn-brand-yellow:hover,
.btn-brand-yellow.disabled:focus,
.btn-brand-yellow[disabled]:focus,
fieldset[disabled] .btn-brand-yellow:focus,
.btn-brand-yellow.disabled.focus,
.btn-brand-yellow[disabled].focus,
fieldset[disabled] .btn-brand-yellow.focus {
	/*base*/
	background-color: #ffde3a;
	/*10% darker*/
	border-color: #e5c835;
}

.btn-brand-yellow .badge {
	/*base*/
	color: #ffde3a;
	background-color: #ffffff;
}

.btn-primary[disabled] {
    background-color: #004b8e;
}

/* yellow button - END */


/* blue button - BEGIN */

.glyphicon-blue {
	color: #004b8e;
}
.glyphicon-white {
	color: #fff;
}
.glyphicon-red {
	color: #FF3C00;
}
.glyphicon-orange {
	color: #FF7E00;
}

.glyphicon-black {
	color: #000;
}

/* blue button - END */


/* add dropdown sub-menus to Bootstrap dropdown - BEGIN */

/*.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}*/


/* add dropdown sub-menus to Bootstrap dropdown - END */


/* BOOTSTRAP ADDITIONS - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* icon related styles - BEGIN */


/* icon related styles - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* large yellow "REGISTER FOR PLASP" button - BEGIN */

.register-btn {
	display: block;
	position: relative;
	width: 100%;
	height: 70px;
	/*margin-top: 0;*/
    margin-bottom: 20px;
	padding: 15px;
	border-radius: 4px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2.2;
}

.register-btn:hover,
.register-btn:focus {
	text-decoration: none;
	color: #00315c;
}

.register-btn:before,
.register-btn:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	border-radius: 4px;
}

.register-btn:before {
	opacity: 0.35;
	z-index: -1;
}

.register-btn:after {
	content: "";
	background-color: #ffde3a;
	z-index: -2;
}

.register-btn span {
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	border-radius: 8px;
	color: #ffde3a;
	background-color: #004B8E;
	font-size: 16px;
	line-height: 1.9;
}

.register-btn:hover span {
	background-color: #00315c;
}

@media (max-width: 991px) {
	.register-btn {
		display: none;
	}
}


/* large yellow "REGISTER FOR PLASP" button - END */



/* large "PROGRAM" buttons - BEGIN */

.programs-btn,
.lg-resp-btn {
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 104px;
    margin-bottom: 20px;
	padding: 15px 42px 15px 15px;
	border-radius: 4px;
    color: #fff;
	/*font-size: 20px;*/
    font-size: 19px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
    text-decoration:  none !important;
}

/*.lg-resp-btn {
	min-height: unset;
}*/

.programs-btn span.program-sub-title,
.lg-resp-btn span.program-sub-title {
	font-weight: normal;
    font-size: 0.75em;
}

.lg-resp-btn-blue {
    background-color: rgb(0,75,142);
}

.lg-resp-btn-yellow {
    color: rgb(0,75,142);
    background-color: rgb(255,222,58);
}

.lg-resp-btn-green{
    background-color: rgb(25,137,69);
}

.lg-resp-btn-orange{
    background-color: rgb(255,129,12);
}

.programs-green {
    background-color: rgb(24,135,69);
}

.programs-purple {
    background-color: rgb(165,67,153);
}

.programs-red {
    background-color: rgb(229,25,55);
}

.programs-teal {
    background-color: rgb(22,112,118);
}

.lg-resp-btn span.glyphicon {
    padding-left: 7px;
}

.lg-resp-btn-blue span.glyphicon {
    color: rgb(0,75,142);
}

.lg-resp-btn-yellow span.glyphicon {
    color: rgb(255,222,58);
}

.lg-resp-btn-green span.glyphicon {
    color: rgb(25,137,69);
}

.lg-resp-btn-orange span.glyphicon {
    color: rgb(255,129,12);
}





.programs-green span.glyphicon {
    padding-left: 7px;
    color: rgb(25,137,69);
}

.programs-purple span.glyphicon {
    padding-left: 7px;
    color: rgb(165,67,153);
}

.programs-red span.glyphicon {
    padding-left: 7px;
    color: rgb(229,25,55);
}

/*PLS2-791*/
.programs-teal span.glyphicon {
    padding-left: 7px;
    color: rgb(22,112,118);
}



.programs-btn:hover,
.programs-btn:focus,
.lg-resp-btn:hover,
.lg-resp-btn:focus {
	text-decoration: none;
	color: #e6e6e6;
}

.lg-resp-btn-blue:hover,
.lg-resp-btn-blue:focus,
.lg-resp-btn-green:hover,
.lg-resp-btn-green:focus {
	/*text-decoration: none;*/
	color: rgb(255,222,58);
}

.lg-resp-btn-yellow:hover,
.lg-resp-btn-yellow:focus {
    color: #00315c;
}

.lg-resp-btn-orange:hover,
.lg-resp-btn-orange:focus {
    color: rgb(0,75,142);
}



/*.programs-btn:before,
.programs-btn:after {
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	border-radius: 4px;
}*/

/*.programs-btn:before {
	background: url(../../images/2.0/boy-and-girl.svg) no-repeat left top;
	opacity: 0.35;
    opacity: 0.1;
	z-index: -1;
}*/

/*.programs-btn:after {
	content: "";
	z-index: -2;
}

.programs-green:after {
    background-color: rgb(25,137,69);
}

.programs-purple:after {
    background-color: rgb(165,67,153);
}

.programs-red:after {
    background-color: rgb(229,25,55);
}*/

.programs-btn span.program-arrow,
.lg-resp-btn span.program-arrow {
	display: block;
    position: absolute;
    right: 12px;
    bottom: 12px;
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background-color: #fff;
	font-size: 16px;
	line-height: 2;
}

.lg-resp-btn-yellow span.program-arrow {
    background-color: rgb(0,75,142);
}



.programs-btn:hover span.program-arrow,
.lg-resp-btn:hover span.program-arrow {
	background-color: #e6e6e6;
}

.lg-resp-btn-blue:hover span.program-arrow {
	background-color: rgb(255,222,58);
}

.lg-resp-btn-yellow:hover span.program-arrow {
	background-color: #00315c;
}

.lg-resp-btn-green:hover span.program-arrow {
    background-color: rgb(255,222,58);
}

.lg-resp-btn-orange:hover span.program-arrow {
    background-color: rgb(0,75,142);
}






/* large "PROGRAM" buttons - END */


/* Login - BEGIN */
.pl-login {
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 3000;
}

@media (max-width: 767px) {
    .pl-login.mobile.username-focus{
        top: -115px !important;
    }
    .pl-login.mobile.password-focus {
        top: -135px !important;
    }
}

.logged-in-as {
    position: absolute;
    top: 5px;
    right: 0;
    color: #004b8e;
    font-weight: bold;
}

.logged-in-as-mobile {
    position: absolute !important;
    right: 0 !important;
    bottom: 30px !important;
    line-height: 1 !important;
}

.logged-in-as-mobile .btn-lg {
    display: inline-block;
    float: right;
    margin: 0 15px 25px 0;
    padding: 10px 16px 8px 16px !important;
    height: 35px;
    line-height: 0.8;
    color: #004b8e !important;
    margin-bottom: 4px;
}

.logged-in-as-mobile-link {
    bottom: 15px !important;
    left: 0;
    width: 100% !important;
    padding: 0 15px 0 0 !important;
    color: #fff !important;
    background: initial;
}

.logged-in-as-mobile-link:hover {
    background: initial !important;
}

@media (max-width: 767px) {
	.pl-login {
		top: 22px;
/*		right: 0;
		left: 0;
*/	}
    .logged-in-as {
        display: none;
    }
}

/*@media (min-width: 768px) and (max-width: 991px) {
    .logged-in-as {
        right: 21px;
    }
}*/

@media (max-width: 991px) {
    .search-for-care-login-screen,
    #pnlCarePopup {
        display: none;
        position: fixed;
        right: 0;
        bottom: 48px;
        left: 0;
        z-index: 100000;
    }
}

@media (min-width: 992px) {
    .search-for-care-login-screen {
        display: none !important;
        position: fixed;
        right: 0;
        bottom: 48px;
        left: 0;
        z-index: 100000;
    }
}


/* mobile - landscape orientation */
@media (min-width: 568px) and (max-width: 736px) and (min-height: 320px) and (max-height: 414px) {
	#pnlCarePopup {
        overflow-y: scroll;
        height: 90%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	.pl-login {
        top: 31px;
/*        right: 20px;*/
		/*width: 360px;*/
	}

    /*.logged-in-as-mobile {
        display: none !important;
    }*/
}

@media (min-width: 767px) {
    .logged-in-as-mobile {
        display: none !important;
    }
}

#plLogin.pl-panel {
	margin-top: 43px;
    display: none;
}

@media (min-width: 768px) {
	#plLogin.pl-panel {
		margin-top: 40px;
        /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
	}
    #plResetPassword {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    }
}

@media (min-width: 1200px) {
	#plLogin.pl-panel {
		/*margin-top: 36px;*/
	}
}

.forgetPwd {
	display: block;
	margin-top: 10px;
}

.pl-login .forgetPwd {
	color: white;
    margin-top: 30px;
}

#bLogout {
    /*position: absolute;
    top: -5px; right: 0;
    height: 35px;
    line-height: 0.8;
    color: #ffde3a;*/
}




/* Login - BEGIN */


/*--------------------------------------------------------------------------------------------------------------------------*/

/*#loginButton,
#bLogout {
	position: absolute;
	top: -5px;
	right: 0;
	height: 35px;
    padding-top: 6px;
    padding-right: 7px;
    padding-left: 10px;
	line-height: 0.8;
	color: #ffde3a;
    border-radius: 0;*/
    /*background-color: #00315c !important;*/
/*}*/

/*#bLogout {
    padding-right: 11px;
    padding-left: 11px;
}
*/
@media (max-width: 767px) {
	#loginButton,
    #bLogout {
/*		top: -35px;
		height: 78px;*/
        padding-right: 12px;
        padding-left: 12px;
		color: #004b8e;
		font-size: 1.1em;
        font-size: 1em;
		font-weight: bold;
		background-color: #fff;
		/*border: none;*/
		/*border-radius: 0;*/
		/*line-height: 4;*/
		text-transform: uppercase;
        /*border-bottom: 1px solid #004b8e;*/
        /*border-bottom: 1px solid #00315c;*/
	}
	#loginButton:focus,
	#loginButton:active,
    #bLogout:focus,
	#bLogout:active {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

        #loginButton:before,
        #bLogout:before {
            background-color: #fff;
            transition: none;
        }

        #loginButton:hover:before,
        #bLogout:hover:before {
            width: 100%;
            height: 100%;            
        }
}

/*@media (min-width: 768px) and (max-width: 991px) {
    #bLogout {
        top: 4px;
    }
}*/

.login-btn-mobile {
	/*	height: 76px;*/
	top: 0;
	color: #ffde3a !important;
	/*background-color: #004b8e !important;*/
    background-color: #00315c !important;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#bLoginCtrl {
    margin-top: 18px;
    margin-bottom: 0;
}

/*PLS2-759*/
#bStaffLoginCtrl {
    position: absolute;
    right:0;
    margin-top: -5px;
    height: 35px;
    padding-right: 7px;
    padding-left: 10px;
    line-height: 0.8;
    color: #ffde3a;
    border-radius: 0;
}

@media (max-width: 767px) {
    #bStaffLoginCtrl {
        position: absolute;
        right: 0;
        margin-top: -12px;
        height: 35px;
        padding-right: 7px;
        padding-left: 10px;
        line-height: 0.8;
        color: #004b8e;
        background-color: #fff;
        border-radius: 0;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
    }
}
/*@media (max-width: 480px) {
    #bStaffLoginCtrl {
        position: absolute;
        right: 0;
        margin-top: -12px;
        height: 29px;
        padding-right: 3px;
        padding-left: 5px;
        line-height: 0;
        color: #004b8e;
        background-color: #fff;
        font-size: 0.8em;
        font-weight: bold;
        min-width: 20px;
        text-transform: uppercase;
    }
    #loginButton {
        position:absolute;
        right:0px;
        top:14px;
        height: 29px;
        padding-right: 10px;
        padding-left: 15px;
        color: #004b8e;
        font-size: 0.8em;
        font-weight: bold;
        background-color: #fff;
        line-height: 0;
        text-transform: uppercase;
        border: 1px solid #00315c;
        width:98px;
    }
}*/


/* ".pl-panel" - BEGIN (this is container for pop-up panels and widget panels, such as "Search for Care") */

.pl-panel .subheader {
    margin-bottom: 15px;
    color: #fff; 
    font-size: 1.25em; 
    font-weight: normal;
}

.pl-panel {
	left: 0;
	margin-top: 25px;
	padding: 24px;
	/*background-color: #004b8e;*/
    background-color: #00315c;
}

@media (min-width: 992px) {
    #plLogin {
	    width: 380px;
    }
}

.pl-panel-light-blue {
    left: 0;
	margin-top: 25px;
	padding: 15px 24px 24px 24px;
    background-color: #f2f6f9;
}

@media (max-width: 413px) {
    .pl-panel-light-blue {
	    padding: 0;
    }
}

.pl-panel__title {
	margin-top: 0;
	color: #ffde3a;
}

@media (max-width: 413px) {
	.pl-panel {
		padding: 15px;
	}
}

.pl-panel label,
.pl-panel label > span {
	font-weight: normal;
	color: #fff;
}

.panel img.captcha,
.pl-panel img.captcha,
.modal-dialog img.captcha {
	display: block;
}

.panel a.captcha-change-link,
.pl-panel a.captcha-change-link,
.modal-dialog a.captcha-change-link {
	display: block;
}

.pl-panel a.captcha-change-link {
    color: #fff;
}

.panel .captcha-block,
.pl-panel .captcha-block,
.modal-dialog .captcha-block {
	margin-bottom: 15px;
}

/* ".pl-panel" - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* social media icons - BEGIN */


/* iPad portrait: main menu should be full width of viewport and located under the PLASP logo - Social Icons and Search should be aligned right of the logo  */

@media (max-width: 768px) {
	#plSocial {
		display: none;
	}
}

@media (max-width: 991px) {
	#plSearch {
		display: none !important;
	}
}

.pl-social {
	z-index: 200;
}

/* ".pl-social--lg" is used for the HEADER social media links*/

.pl-social--lg {
	position: absolute;
	top: 35px;
	left: 488px;
	z-index: 100;
}

@media (max-width: 991px) {
	.pl-social--lg {
		display: none;
	}
}

@media (min-width: 768px) {
	.pl-social--lg {
		left: 418px;
	}
}

@media (min-width: 992px) {
	.pl-social--lg {
		left: 638px;
		left: 363px;
	}    
}

#txtSearchBox {
    /*width: 250px;*/ 
    /*PLS2-759*/
    width:215px;
    height: 35px;
}

@media (min-width: 1200px) {
	.pl-social--lg {
		/*left: 563px;*/
        left: 454px;
	}
}


/* ".pl-social--sm" is used for the FOOTER social media links*/

.pl-social--sm {
	right: 10px;
}

.pl-social__lg {
	display: block;
	width: 35px;
	height: 35px;
	margin-right: 8px;
	background-color: #7fa5c6;
	float: left;
}

.pl-social__lg:hover, .pl-social__lg:focus {
	background-color: #ffde3a;
}

.pl-social__sm {
	display: block;
	width: 32px;
	height: 32px;
	background-color: #666;
}

@media (min-width: 320px) {
    .pl-social--sm {
        min-height: 10px;
        margin-top: -10px;
        margin-bottom: 50px;
	}
}

@media (min-width: 375px) {
    .pl-social--sm {
        margin-bottom: 60px;
	}
}

@media (min-width: 414px) {
    .pl-social--sm {
        margin-bottom: 70px;
	}
}

@media (min-width: 320px) and (max-width: 767px) {
	.pl-social__sm {
		width: 100%;
		padding-top: 100%;
	}

    .pl-social--sm > div:nth-child(1) {
        padding-right: 4%;
        padding-left: 0;
    }

    .pl-social--sm div:nth-child(2) {
        padding-right: 3%;
        padding-left: 1%;
    }

    .pl-social--sm div:nth-child(3) {
        padding-right: 2%;
        padding-left: 2%;
    }

    .pl-social--sm div:nth-child(4) {
        padding-right: 1%;
        padding-left: 3%;
    }

    .pl-social--sm div:nth-child(5) {
        padding-right: 0;
        padding-left: 4%;
	}
    
    .pl-social--sm div:nth-child(6) {
        padding-right: 0;
        padding-left: 4%;
/*        right: -27px;*/
	}

	#pl-social-desktop {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    .pl-social--sm {
        width: 75%;
    }

	.pl-social__sm {
		width: 50%;
		padding-top: 50%;
	}

    .pl-social--sm > div:nth-child(1) {
        margin-right: -30px;
        padding-right: 0;
        padding-left: 0;
    }

    .pl-social--sm div:nth-child(2) {
        margin-right: -30px;
        padding-right: 0;
        padding-left: 0;
    }

    .pl-social--sm div:nth-child(3) {
        margin-right: -30px;
        padding-right: 0;
        padding-left: 0;
    }

    .pl-social--sm div:nth-child(4) {
        margin-right: -30px;
        padding-right: 0;
        padding-left: 0;
    }

    .pl-social--sm div:nth-child(5) {
        margin-right: -30px;
        padding-right: 0;
        padding-left: 0;
	}
    
    .pl-social--sm div:nth-child(6) {
        padding-right: 0;
        padding-left: 0;
	}

	#pl-social-desktop {
		display: none;
	}
}

@media (min-width: 992px) {
	#pl-social-mobile {
		display: none;
	}

    .pl-social--sm {
        position: absolute;

    }
}

.pl-social__sm:hover {
	background-color: #999;
	text-decoration: none;
}

.pl-social__facebook {
	background-image: url(../../images/2.0/facebook.svg);
}

.pl-social__twitter {
	background-image: url(../../images/2.0/twitter.svg);
}

.pl-social__x_twitter {
    background-image: url(../../images/2.0/x_twitter.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}

.pl-social__youtube {
	background-image: url(../../images/2.0/youtube.svg);
}

.pl-social__linkedin {
	background-image: url(../../images/2.0/linkedin.svg);
}

.pl-social__instagram {
	background-image: url(../../images/2.0/instagram.svg);
}

.pl-social__blog {
	background-image: url(../../images/2.0/blog.svg);
	right: -15px;
}


/* social media icons - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* "Search for Care" panel - BEGIN */


/* !!! NEED TO CLEAN THIS CODE UP !!! */

#byPostal,
#byInt {
	display: none;
}

@media (max-width: 768px) {
	#byPostal > div > div:nth-child(1),
	#byInt > div > div:nth-child(1) {
		padding-right: 8px;
	}
	#byPostal > div > div:nth-child(2),
	#byInt > div > div:nth-child(2) {
		padding-left: 8px;
	}
}

@media (min-width: 769px) {
	#byPostal > div > div:nth-child(1),
	#byInt > div > div:nth-child(1) {
		padding-right: 12px;
	}
	#byPostal > div > div:nth-child(2),
	#byInt > div > div:nth-child(2) {
		padding-left: 12px;
	}
}


.panel .panel-heading span.panel-btn:before {
	font-family: 'Glyphicons Halflings';
	content: "\2212";
	padding-right: 5px;
	color: #004b8e;
}

.panel .panel-heading .accordion-toggle.collapsed span.panel-btn:before {
	content: "\002b";
}

.panel .panel-heading a.accordion-toggle,
.panel .panel-heading a.accordion-toggle:hover {
	text-decoration: none;
}

.panel-yellow .panel-heading {
	background-color: #ffde3a;
	border-color: #e5c835;
}

#sfc-accordian .panel-heading .panel-title span.school {
	color: #004b8e;
	font-weight: bold;
}

#sfc-accordian .panel-heading span.badge {
	background-color: #004b8e;
	color: #fff;
}

#sfc-accordian .sfc-buttons {
	padding-top: 3px;
}

#sfc-accordian .sfc-buttons a.favourite {
	display: none;
}

#sfc-accordian .sfc-buttons a.favourite.text-success:not(.selected) {
	display: inline;
}

#sfc-accordian .sfc-buttons a.favourite.selected.text-danger {
	display: inline;
}

#sfc-accordian .sfc-buttons a.favourite span.glyphicon {
	padding-right: 5px;
}

#sfc-accordian .sfc-buttons a.viewonmap {
	padding-left: 5px;
}

#sfc-accordian .sfc-buttons a.viewonmap,
#sfc-accordian .sfc-buttons a.viewonmap span.glyphicon-map-marker {
	color: #004b8e;
}

@media (min-width: 992px) {
	#plasp-location-search .popover {
		width: 390px;
		max-width: 390px;
	}
}

.panel-red .panel-heading {
	background-color: #e11f1b;
	color: #fff;
}

.panel-purple .panel-heading {
	background-color: #AC52B3;
	color: #fff;
}

.panel-green .panel-heading {
	background-color: #31AA00;
	color: #fff;
}
/*PLS2-791*/
.panel-teal .panel-heading {
    background-color: #167076;
    color: #fff;
}

.panel-orange .panel-heading {
    background-color: #FF810C;
    color: #fff;
}

#employment-view .panel-blue .panel-heading,
#mdlRegConfirm .panel .panel-blue,
.panel-blue .panel-heading {
	background-color: #004b8e;
	color: #fff;
}

.panel.panel-blue.card .panel-heading h2, 
.panel.panel-orange.card .panel-heading h2 {
    color: #fff;
}

.panel.panel-yellow.card .panel-heading h2 {
    color: #000;
}

#mdlRegConfirm .panel .panel-blue .bold {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

#mdlRegConfirm .panel .panel-yellow {
    background-color: #ffde3a;
    color: #004b8e;
}

#sfc-accordian .panel-body {
	padding-left: 5px;
	padding-right: 5px;
}
#employment-view .panel-body .no-padding .panel-body,
#sfc-accordian .panel-body .sfc-program-offerings.panel-body {
	padding: 0;
}

#sfc-accordian .panel-body table tr th {
	border: none;
}

#sfc-accordian .panel .panel-heading h4 {
	margin: 0;
	font-size: 15px;
}

#map-bar #largebtn {
	background: url(../../images/2.0/sfcUI-map-mapsize.png) no-repeat top right;
	width: 31px;
	height: 22px;
	cursor: pointer;
	overflow: hidden;
	float: right;
}

#map-bar #largebtn.on {
	background: url(../../images/2.0/sfcUI-map-mapsize.png) no-repeat bottom right;
}

#map-bar #smallbtn {
	background: url(../../images/2.0/sfcUI-map-mapsize.png) no-repeat top left;
	width: 31px;
	height: 22px;
	margin-right: 0px;
	overflow: hidden;
	float: right;
}

#map-bar #smallbtn.on {
	background: url(../../images/2.0/sfcUI-map-mapsize.png) no-repeat bottom left;
}

#map-bar #enlargebtn {
	background: url(../../images/2.0/enlarge.png) no-repeat;
	width: 31px;
	height: 22px;
	margin-right: 0px;
	overflow: hidden;
	float: right;
}

#map-bar {
	width: 100%;
	background-color: #f5f5f5;
	padding: 0px;
	margin-bottom: 24px;
}

#map-bar .map-bar-controls span.left {
	margin-left: 10px;
}

#map-bar .map-bar-controls span.right {
	float: right;
	margin-right: 10px;
}

#map-bar .map-bar-controls span,
#map-bar a {
	margin-top: 3px;
	font-size: 11px;
	color: #003364;
}

#map-bar span.badge {
	font-size: 5px;
	background-color: #004b8e;
	margin-top: 0;
}

#map_canvas:-webkit-full-screen {
	width: 100% !important;
	height: 100% !important;
}

#map_canvas:-moz-full-screen {
	width: 100% !important;
	height: 100% !important;
}

#map_canvas:-ms-full-screen {
	width: 100% !important;
	height: 100% !important;
}

#map_canvas:-o-full-screen {
	width: 100% !important;
	height: 100% !important;
}

#map_canvas {
	height: 350px;
}

#map_canvas.large {
	height: 600px;
}

#map_canvas .mapLabel {
	color: white;
	background: none;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 40px;
	border: 0px solid black;
	white-space: nowrap;
}

@media (max-width: 600px) {
	/*#map,
	#map-bar {
		display: none;
	}*/
}

.scf-panel.pl-panel {
	margin-top: 0;
}

.btn-brand-yellow .glyphicon {
	color: #004b8e;
	margin-bottom: 5px; 
}

#favourites {
	/*position: absolute;*/
	left: 15px;
	right: 15px;
	padding: 24px;
	border: 1px solid #004b8e;
	background-color: #fff;
    overflow-y: scroll;
	z-index: 10000;
}

#favourites h3 {
	margin: 0 0 3px 0;
	/*font-weight: bold;*/
	text-transform: uppercase;
}

#favourites h3.school {
	color: #004b8e;
}

#favourites .link-close-container {
    position: fixed;
    top: 36px;
    right: 25px;
    font-size: 1.25em;
}

@media (min-width: 992px) {
    #favourites .link-close-container {
        display: none !important;
    }
}

#favourites a {
	padding-right: 5px;
}

#favourites a span.glyphicon {
	padding-right: 5px;
}

@media (max-width: 991px) {
	#favourites {
        position: fixed;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        z-index: 100000;
	}
}

@media (min-width: 992px) {
    #favourites {
        max-height: 300px;
    }
}

@media (max-width: 768px) {
	/*#favourites {
		display: none;
	}*/
}

@media (min-width: 320px) and (max-width: 374px) {
    #pnlCarePopup .fav-button-col > span {
        font-size: 0.75em;
    }
    #rblType > label {
        font-size: 0.9em;
    }
}

/*#pnlCarePopup label {
    font-size: 14px;
}*/


#pnlCarePopup label {
    padding-left: 2px;
    margin-right: 15px;
}


@media (max-width: 320px) {
    #pnlCarePopup label {
        padding-left: 2px;
        margin-right: 10px;
        font-size: 13px;
        line-height: 1.75;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #pnlCarePopup .fav-button-col {
        padding-left: 0;
    }

    #pnlCarePopup .fav-button-col > span {
        padding-right: 0;
        font-size: 0.75em;
    }
    #rblType > label {
        margin-right: 12px;
        font-size: 0.9em;
    }

    #pnlCarePopup label {
        padding-left: 2px;
        margin-right: 10px;
        font-size: 13px;
        line-height: 1.75;
    }

    #rblType > span:nth-child(3) > label {
        margin-right: 0;
    }
}





/* "Search for Care" panel - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* ticker - BEGIN */

.red-alert-ticker {
    margin-top: 15px;
/*    margin-bottom: 15px;*/
    margin-bottom: 0;
	color: #8a6d3b;
	/*background-color: #fcf8e3;*/
    background-color: #ffee9c;
	border: 1px solid #faebcc;
}

.normal-alert-ticker {
/*    margin-top: 15px;*/
    margin-top: -10px;
    margin-bottom: 15px;
	background-color: #fff;
	border: none;
}

.tickercontainer {
	/* outer div */
	border-radius: 6px;
	width: 100%;
	height: 50px;
	margin: 0;
/*	padding-top: 8px;*/
    padding-top: 2px;
	overflow: hidden;
}

.tickercontainer .mask {
	/* a mask - a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 98%;
	overflow: hidden;
}

ul.newsticker {
	/* ticker item list */
	position: relative;
	/*left: 750px;*/
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left;
	/* display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;

	/*color: #8a6d3b;*/
    color: #00315c;



	font: bold 16px Verdana;
	margin: 0 50px 0 0;
}

ul.newsticker span {
	margin: 0 10px 0 0;
}

ul.newsticker a span.ticker-date {
    color: #8a6d3b;
	margin: 0 10px 0 0;
}


ul.newsticker span.more {
	padding-left: 8px;
	text-transform: uppercase;
}



#main-container > div:nth-child(2) > div > div.red-alert-ticker > div > div > ul > li > a {
    /*color: #a94442;*/
    color: #00315c;
}

/* ticker - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* FORM STYLES - BEGIN */


/* group for select element and all of its option elements*/

.select-group {
	margin-bottom: 25px;
}


/* radio button styles - BEGIN */


/* hide default radio buttons */


/*
input[type="radio"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
    */

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: relative;
	margin-left: 0;
}

input[type="checkbox"] {
    margin-right: 4px;
}

.checkbox label {
    padding-left: 30px;
    margin-left: -20px;
    vertical-align: top;
}

.checkbox-strong label {
    font-weight: bold;
}

/* */

input[type="radio"] + span {
	/*display: block;*/
	margin-right: 18px;
}


/* unchecked style
input[type="radio"] + label:before {
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	border-radius: 1em;
	border: 1px solid #ffde3a;
	box-shadow: inset 0 0 0 3px #fff;
	margin-right: 0.3em;
	transition: 0.5s ease all;
	background: #fff;
}
     */


/* checked style using the :checked pseudo class */

input[type="radio"]:checked + span:before {
	background: #004b8e;
}


/* radio button group*/

.radio-group, checkbox-group {
	margin-bottom: 10px;
    display: block;
}

/* remove margin on last radio button label*/

.radio-group > label:last-child > span {
	margin-right: 0;
}

.modal .radio-group label,
.pl-panel .radio-group label,
.panel .radio-group label,
.panel .checkbox-group label,
.reg-survey .radio-group label,
.ow-list .radio-group label {
	padding-left: 5px;
	margin-right: 18px;
    font-weight: normal;
    display:inline;
    vertical-align: top;
}

@media (min-width: 320px) and (max-width: 991px) {
    #rblEmpType .radio-nowrap {
        display: block;
    }
}

@media (min-width: 768px) {
    .radio-nowrap {
        display: inline-block;
    }
}

.pl-panel .radio-group .radio-nowrap label {
    margin-right: 10px;
}

.has-error .radio-group label, 
.has-error .checkbox-group label,
.has-error small {
    color: #a94442;
}

.has-error input[type="radio"],
.has-error input[type="checkbox"] {
    outline: 1px solid #a94442;
}

/* radio button styles - END */


/* FORM STYLES - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Responsive list view tables - BEGIN */

table.list-view-responsive {
	width: 100%;
	margin: 14px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table.table {
    margin-top: 14px;
}
table#program-results-summary,
table#program-results {
    width: 100%;
}
#program-results .program-header {
    background-color: #004b8e;
    padding: 10px 5px;
}
#program-results-summary .program-header {
    background-color: #004b8e;
    padding: 10px 15px;
}
#np-program-list .program-header,
#cp-program-list .program-header {
    background-color: #004b8e;
    padding: 10px 15px;
}
#np-program-list .program-header .row > [class*='col-'],
#cp-program-list .program-header .row > [class*='col-'],
#program-results-summary .program-header .row > [class*='col-'],
#program-results .program-header .row > [class*='col-'] .row >  [class*='col-'] {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75em;
    letter-spacing: 1px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
#program-results-summary .program-header .row > [class*='col-'],
#np-program-list .program-header .row > [class*='col-'],
#cp-program-list .program-header .row > [class*='col-'] {
    text-align: left;

}

#program-results-summary .program-item .form-inline .form-group,
#program-results .program-item .form-inline .form-group {
    margin-bottom: 15px;
}
#program-results-summary .program-item .form-inline select,
#program-results .program-item .form-inline select {
    min-width: 115px;
}
#program-results-summary .program-item .form-inline .form-control-static,
#program-results .program-item .form-inline .form-control-static {
    display: inline;
}

@media (min-width: 992px) {
    #program-results-summary select,
    #program-results select {
        padding: 6px 3px !important;
        font-size: 15px;
    }

    #program-results-summary .program-header .row > [class*='col-'],
    #program-results-summary .program-item .row > [class*='col-'],
    #program-results .program-header .row > [class*='col-'],
    #program-results .program-item .row > [class*='col-'] {
        padding-left: 15px;
        padding-right: 15px;
    }
    #program-results-summary .program-header .row > [class*='col-'] > .row > [class*='col-'],
    #program-results-summary .program-item .row > [class*='col-'] > .row > [class*='col-'],
    #program-results .program-header .row > [class*='col-'] > .row > [class*='col-'],
    #program-results .program-item .row > [class*='col-'] > .row > [class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    #program-results-summary .program-item,
    #program-results .program-item {
        padding: 20px 15px;
    }
}

.shrdpkgtooltip.input-group-addon {
    padding: 6px;
}

#program-results div.sub-type {
    padding: 10px;
}
#program-results-summary div.sub-type {
    padding: 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}


#program-results-summary div.sub-type.red,
#program-results div.sub-type.red {
    background-color: rgb(229,25,55) !important;
}
#program-results-summary div.sub-type.green,
#program-results div.sub-type.green {
    background-color: rgb(25,137,69) !important;
}
#program-results-summary div.sub-type.purple,
#program-results div.sub-type.purple {
    background-color: rgb(165,67,153) !important;
}
#program-results-summary div.sub-type.red span,
#program-results-summary div.sub-type.purple span,
#program-results-summary div.sub-type.green span,
#program-results div.sub-type.red span,
#program-results div.sub-type.purple span,
#program-results div.sub-type.green span {
    color: #fff;
    font-weight: bold;    
}
#np-program-list .program-item,
#cp-program-list .program-item,
#program-results .program-item {
    padding: 30px 15px;
    border: 1px solid #ddd;
    border-top: none;
}

#cp-program-list .program-item {
    padding-top: 10px;
}

#program-results-summary .program-item {
    padding: 30px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: none;
}
#program-results-summary .program-item.program-item-main {
    border-top: 1px solid #ddd;
}
#program-results-summary .program-item.program-item-ext {
    border-top: 1px dashed #ddd;
}
#program-results-summary .program-item:last-child {
    border-bottom: 1px solid #ddd;
}

#np-program-list .program-item .detail label,
#np-program-list .program-item .control-label,
#cp-program-list .program-item .detail label,
#cp-program-list .program-item .control-label,
#payer-request-table td label,
#program-results-summary .program-item .detail label,
#program-results-summary .program-item .control-label,
#program-results .program-item .detail label,
#program-results .program-item .control-label {
    font-size: 0.9em;
}
#program-results-summary .program-item .detail input,
#program-results-summary .program-item .program input,
#program-results .program-item .detail input,
#program-results .program-item .program input {
    margin-bottom: 15px;
}
/*#program-results-summary .program-item:nth-child(even),*/
#program-results .program-item:nth-child(even) {
    background-color: #f9f9f9 !important;
}
#np-program-list .program-item:nth-child(odd),
#cp-program-list .program-item:nth-child(odd) {
    background-color: #f9f9f9;
}
/*#np-program-list .program-item  > .row:first-child,*/
#cp-program-list .program-item > .row:first-child {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}

@media (max-width: 991px) {
    #np-program-list .program-header,
    #cp-program-list .program-header,
    #program-results-summary .program-header,
    #program-results .program-header {
        display: none;
    }         
    #np-program-list .program-item,
    #cp-program-list .program-item {
        background-color: transparent;
    }
    #np-program-list .program-item:nth-child(odd),
    #cp-program-list .program-item:nth-child(odd) {
        background-color: transparent;
    }

    #np-program-list .program-item .row:nth-child(2),
    #cp-program-list .program-item .row:nth-child(3) {
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px dashed #ccc;
    }
    #program-results .program-item .row:nth-child(2) {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px dashed #ccc;
    }
    #np-program-list .program-item,
    #cp-program-list .program-item {
        margin-top: 20px;
        border-top: 1px solid #ddd !important;
    }
    #np-program-list h2,
    #cp-program-list h2 {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    #program-results-summary .row [class*='col-'],
    #program-results .row [class*='col-'] {
        min-height: 0;
    }
}

#np-program-list .program-item .form-control-static:not(:empty),
#cp-program-list .program-item .form-control-static:not(:empty),
#program-results-summary .program-item .form-control-static:not(:empty),
#program-results .program-item .form-control-static:not(:empty) {
    display: block;
}

.panel-search {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 40px;
}

table.list-view-responsive > thead > tr:not(.empty-table),
table.list-view-responsive > tbody > tr:not(.empty-table) {
	border: 1px solid #dddddd;
	padding: 5px;
}

.forum table.list-view-responsive tr {
	border: none;
}

.forum table.list-view-responsive thead tr {
	border-bottom: 1px solid #dddddd;
}

table.list-view-responsive > thead > tr > th,
/*table td*/ 
table.list-view-responsive td
{
	padding: 10px 15px 10px 15px;
	vertical-align: top;
}

/*@media (min-width: 992px) {
table.list-view-responsive td
    {
        padding-bottom: 0;
    }
}*/

table.list-view-responsive > thead > tr > th a,
table.list-view-responsive > thead > tr > th {
	color: #fff;
	background-color: #004b8e;
	text-transform: uppercase;
    font-size: 0.75em;
	letter-spacing: 1px;
}

/*Temp commenting out*/
/*
#payer-requests .list-view-responsive > tbody > tr:nth-of-type(odd),
#payer-requests .list-view-responsive > tbody > tr:nth-of-type(even)
{
    background-color: #ffde3a;
    border: none;
}*/

#payer-requests .list-view-responsive > tbody > tr > td .name {
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    #payer-requests .list-view-responsive > tbody > tr > td .program:before {
        content: '\2022';
        float: left;
        padding-right: 5px;
    }
}

#payer-requests .list-view-responsive > tbody > tr > td .program,
#payer-requests .list-view-responsive > tbody > tr > td .desc  {
    display: block
}

#payer-requests .list-view-responsive > tbody > tr > td .location {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
}

#payer-requests .pap-upload-container {
    margin-top: 20px;
}
#child-program-listing div.program-edit-visit .link-group,
#child-program-listing div.program-edit-visit,
#child-program-listing div.program-edit
{
    background-color: #fff8d5 !important;
    border: none;
    color: #004b8e;
}


#payer-requests .list-view-responsive > tbody > tr.tr-dotted:nth-of-type(odd),
#payer-requests .list-view-responsive > tbody > tr.tr-dotted:nth-of-type(even),
#child-program-listing .list-view-responsive > tbody > tr.tr-dotted:nth-of-type(odd),
#child-program-listing .list-view-responsive > tbody > tr.tr-dotted:nth-of-type(even) {
	border-top: #e6e6e6 1px dotted;
}

#payer-requests .list-view-responsive > tbody > tr.tr-dotted:last-child,
#child-program-listing .list-view-responsive > tbody > tr.tr-dotted:last-child {
	border-bottom: #e6e6e6 1px dotted;
}
#program-results-summary .list-view-responsive > tbody > tr:nth-of-type(odd),
#program-results-summary .list-view-responsive > tbody > tr:nth-of-type(even),
#program-results .list-view-responsive > tbody > tr:nth-of-type(odd),
#program-results .list-view-responsive > tbody > tr:nth-of-type(even),
#payer-requests .list-view-responsive > tbody > tr:nth-of-type(even),
#payer-requests .list-view-responsive > tbody > tr:nth-of-type(odd),
#child-program-listing #program-cart-to-payee .list-view-responsive > tbody > tr:nth-of-type(even),
#child-program-listing #program-cart-to-payee .list-view-responsive > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.list-view-responsive > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.list-view-responsive > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

/* This fixes empty cells...*/
@media (max-width: 991px) {
    table.list-view-responsive > tbody > tr td:after {
        content: "\200b";
        visibility: hidden;
    }
}


table > tbody > tr.force-odd {
    background-color: #fff !important;
 }

/*table.list-view-responsive > tbody > tr.force-odd {
    border-bottom-color: #fff;
}*/

table > tbody > tr.force-even {
     background-color: #f9f9f9 !important;
 }

/*table.list-view-responsive > tbody > tr.force-even {
    border-bottom-color: #f9f9f9;
}*/

@media (max-width: 991px) {
	table.list-view-responsive {
		border: 0;
	}
	table.list-view-responsive > thead {
		display: none;
	}
	table.list-view-responsive > thead > tr,
    table.list-view-responsive > tbody > tr {
		margin-bottom: 20px;
		display: block;
		padding-right: 15px;
		padding-left: 15px;
	}
    #program-results-summary table.list-view-responsive > tbody > tr:last-child {
		margin-bottom: 0px;
    }
    table.list-view-responsive > tbody > tr.no-gutter {
		margin-bottom: 0px;
        border-bottom: none;
	}
    table.list-view-responsive > tbody > tr.sub-type > td {
        text-align: left;
    }

	table.list-view-responsive > tbody > tr > td {
		color: #004b8e;
		display: block;
		/*text-align: right;*/
		border-bottom: 1px dotted #ccc;
		padding-right: 0;
		padding-left: 0;
	}

    table.list-view-responsive > tbody > tr > td .msgBody {
        text-align: left;
    }

	table.list-view-responsive > tbody > tr > td span {
		color: #004b8e;
	}

    
	table.list-view-responsive > tbody > tr td:last-child {
		border-bottom: 0;        
    /*  background-color: #f9f9f9;
        text-align: center;        
        margin-top: 5px;
    */
	}
    

	table.list-view-responsive > tbody > tr td:not(.link-group):before {
		content: attr(data-label);
		float: none;
		text-transform: uppercase;
		font-weight: bold;
        display: block;
	}

    table.list-view-responsive > tbody > tr td.checkbox-column:before {		
		display: inline;		
	}

    table.list-view-responsive > tbody > tr td.checkbox-column .cbPayee {
        float: left;
        padding-right: 5px;
    }

    table.list-view-responsive > tbody > tr {
        background-color: #fff !important;
    }

    table.list-view-responsive > tbody > tr > td.link-group {
        text-align: center;
        background-color: #f9f9f9;
    }

    table.list-view-responsive > tbody > tr > td.link-group a {
        white-space: nowrap;
    }
    #child-program-listing .program-item .link-group {
        text-align: center;
        background-color: #f9f9f9;
        margin-top: 15px;
    }

    #child-program-listing .program-item.program-edit .link-group {
        text-align: center;
        background-color: #fff8d5 !important;
        margin-top: 15px;
    }

    #child-program-listing .program-item .link-group .actions {
        padding: 10px 0px;
    }
    #np-program-list .program-item,    
    #cp-program-list .program-item {
        padding: 30px 15px 0px;
    }
}

table.list-view-responsive tr.empty-row {
    border: none;
    padding: 0;
}

table.list-view-responsive tr.empty-row td {
    padding: 0;
}

table.list-view-responsive tr.empty-row .alert {
    text-align: left;
}

.has-error table.form-table-responsive th, 
.has-error table.form-table-responsive tr,
.has-error table.form-table-responsive tbody tr td   {
    border: 1px solid #a94442;
}

@media (max-width: 700px) {
	table.form-table-responsive {
		border: 0;
	}
	table.form-table-responsive thead {
		display: none;
	}
	table.form-table-responsive tr {
		margin-bottom: 20px;
		display: block;
		padding-right: 15px;
		padding-left: 15px;
	}
	table.form-table-responsive td {
		display: block;
		text-align: right;
		/*border-bottom: 1px dotted #ccc;*/
        border: none;
		padding-right: 0;
		padding-left: 0;
	}

    table.form-table-responsive td:first-child {
		text-align: left;
        border: none;
	}

	table.form-table-responsive td:last-child {
		border-bottom: 0;
	}
	table.form-table-responsive td:before {
		content: attr(data-label);
		float: left;
		/*text-transform: uppercase;*/
		font-weight: bold;
	}

    table.form-table-responsive.table-striped > tbody > tr {
        background-color: #fff;
    }

    .has-error table.form-table-responsive tr {
         border: none;  
    }
}


@media (max-width: 991px) {
	table.medical-table-responsive {
		border: 0;
        margin-top: 0;
	}
	table.medical-table-responsive thead {
		display: none;
	}
	table.medical-table-responsive tr {
		margin-bottom: 20px;
		display: block;
	}
	table.medical-table-responsive > tbody > tr > td {
		display: block;
		text-align: right;
        border: none;
		padding-right: 0;
		padding-left: 0;
	}

    table.medical-table-responsive td:first-child {
		text-align: left;
        border: none;
	}

	table.medical-table-responsive td:last-child {
		border-bottom: 0;
	}
	table.medical-table-responsive td:before {
		content: attr(data-label);
		float: left;
		/*text-transform: uppercase;*/
		font-weight: bold;
	}

    table.medical-table-responsive.table-striped > tbody > tr {
        background-color: #fff;
    }

    .has-error table.medical-table-responsive tr {
         border: none;  
    }
}







/* Responsive list view tables - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Breadcrumb Navigation (PLS2-32) - BEGIN */

.breadcrumb {
	padding: 8px 15px;
	/*margin-bottom: 5px;*/
	list-style: none;
    font-size: 14px;
	background-color: #f2f6f9;
	border-radius: 4px;
}

@media (max-width: 767px) {
    .breadcrumb {
	    display: none;
    }
}

.breadcrumb > li {
	display: inline-block;
}

.breadcrumb > li + li:before {
	content: "/\00a0";
	padding: 0 5px;
	color: #cccccc;
}

.breadcrumb > .active {
	color: #777777;
}


/* Breadcrumb Navigation (PLS2-32) - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Blog/News List Widget (PLS2-12) and (PLS2-23) - BEGIN */

.pl-list {
	padding-left: 15px;
	list-style: none;
}

.page-control .pl-list {
	padding-top: 20px;
}

.pl-list li {
	position: relative;
	/*margin-bottom: 20px;*/
    margin-bottom: 0;
    line-height: 1.7em;
}

.page-control .pl-list li {
	margin-bottom: 20px;
}

.pl-list li.pl-list-boy:before {
    position: absolute;
    display: inline-block;
    content: '\2022';
    /* bullet point, for screen readers */
    text-indent: -999999px;
    /* move the bullet point out of sight */
    top: 8px;
    left: -16px;
    width: 8px;
    background-repeat: no-repeat;
    background-image: url('../../images/2.0/blue-ball.svg');
}

p.indent {
    text-indent: 20px;
}

.pl-list li.pl-list-girl:before {
    position: absolute;
    display: inline-block;
    content: '\2022';
    /* bullet point, for screen readers */
    text-indent: -999999px;
    /* move the bullet point out of sight */
    top: 8px;
    left: -16px;
    width: 8px;
    background-repeat: no-repeat;
    background-image: url('../../images/2.0/yellow-ball.svg');
}

.blog-rotate .pl-list li.pl-list-boy:before,
.blog-rotate .pl-list li.pl-list-girl:before {
	position: static;
}

.blog-border {
	border-bottom: 1px dotted #e8e4e4;
	margin-bottom: 10px;
}

.pl-list li a {
	text-decoration: none;
	color: #666;
}

.blog-nav {
	margin-top: 10px;
}

.pl-list li a:hover,
.pl-list li a:hover span,
.pl-list li a:hover div {
	/*color: #a94442;*/
    color: #004b8e;
}

.list-group li.list-group-item .thumbnail {
	max-width: 96px;
	float: left;
	margin: 0 10px 0 0;
}

.list-group li.list-group-item .description {
	font-style: italic;
}

a.btn-back {
	padding-left: 0;
    white-space: normal;
    text-align: left;
    padding-left: 1em;
    text-indent: -0.8em;
}

a.btn-back:hover {
	text-decoration: underline;
}

a.btn-back span.glyphicon {
	padding-right: 5px;
}

article header {
	margin-bottom: 10px;
}

article header h1 {
	margin-bottom: 30px;
}

article header time {
	display: block;
	font-weight: bold;
}

article header a {
	display: block;
}

article img.news-header-image {
	margin-bottom: 20px;
}

article address {
	display: inline-block;
	font-weight: bold;
	margin-top: 16px;
	font-style: italic;
}

article section.comments h2 {
	border-top: 3px solid #000;
	background-color: #FBFBFB;
	font-size: 16px;
	margin: 4px 0 9px -1px;
	padding: 15px 0 15px 0;
	font-weight: bold;
	color: #000;
}

article section.comments article {
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 10px 0px 3px 24px;
	background: url(../../images/2.0/comment-start.png) no-repeat scroll 0 3px transparent;
}

article section.comments article h3 {
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	color: #000;
}

article section.comments article address,
article section.comments article time {
	color: #ccc;
	padding-bottom: 0;
	margin: 0;
	font-weight: normal;
}

.pl-list.news-list li span.date {
	font-weight: bold;
}

.pl-list.news-list li div.summary {
	font-style: italic;
}


ul.news-list img {
    width: 200px; height: auto;
}

#ctl00_c_ctl25_lv_ctrl0_iS {

}


/* Blog/News List Widget (PLS2-12 and (PLS2-23)) - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Photo Gallery (Main and Side) (PLS2-26 and PLS2-27) - BEGIN */

.pl-gallery {
	width: 100%;
	margin-bottom: 50px;
	float: left;
}

.pl-gallery img {
	width: 100%;
	height: auto;
}

.pl-gallery figure {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	width: 150px;
}

.pl-gallery-sm figure {
	width: 100px;
}

@media (max-width: 991px) {
	.pl-gallery-sm figure {
		width: 150px;
	}
}

.pl-gallery-lg figure {
	width: 150px;
}

.pl-gallery-lg figure.no-thumb {
	width: 100% !important;
}

.pl-gallery figcaption {
	display: none;
}

.outercontainer {
	height: 100%;
	background: #000;
	position: relative;
}

.gallery {
	position: relative;
	padding: 50px 0;
	height: 100%;
}

.gallery div {
	text-align: center;
	height: 100%;
	float: left;
}

.gallery div img {
	margin: auto;
	height: 100%;
}


/* Photo Gallery (Main and Side) (PLS2-26 and PLS2-27) - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Image Slider (PLS2-21) - BEGIN */

 .feature-box {
     color: #fff; 
     /*margin-top: 50px;*/
 }



@media (min-width: 992px) {
    .feature-box {
        padding: 20px;
        background: rgba(0,0,0,0.6);
    }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../../images/2.0/slider-arrow-left.svg) !important;
    left: 0 !important;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../../images/2.0/slider-arrow-right.svg) !important;
    right: 0 !important;
}

.swiper-button-next, .swiper-button-prev {
    width: 36px !important;
    height: 44px !important;
    -moz-background-size: 36px 44px !important;
    -webkit-background-size: 36px 44px !important;
    background-size: 36px 44px !important;
}



/* Swiper Slider parent container */

.swiper-container {
	width: 1140px;
	height: 380px;
	background-color: #fff;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0 !important;
}

div.swiper-wrapper > div > div > div > p {
   font-size: 14px;
}

@media (max-width: 768px) {
	.swiper-container {
		margin-top: -94px;
	}
}

@media (max-width: 991px) {
	.slider-container {
		margin-top: 78px;
	}
}

@media (max-width: 1140px) {
	.swiper-container {
		width: 100%;
	}
}

@media (max-width: 991px) {
    .container .cntHP-ImageCarousel {
        margin-right: -15px;
        margin-left: -15px;
    }
}


/* Swiper Slider pagination controls */

.swiper-pagination {
	display: table;
	bottom: 0;
	height: 60px;
	background: rgba(0, 75, 142, 0.4);
}

@media (max-width: 991px) {
	.swiper-pagination {
		display: none;
	}
}

@media (min-width: 992px) {
	.swiper-pagination {
		width: 1140px;
	}
}

body .swiper-pagination-bullet {
	display: table-cell;
	/*width: 20%;*/
    width: 14%;
	height: 60px;
	padding: 1px 20px 0 20px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	opacity: 1;
	/*background: rgba(0, 75, 142, 0.4);*/
    background: rgba(0, 75, 142, 0.1);
	border-right: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 0;
	outline: none;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}

.swiper-pagination-bullet:last-child {
	border: none;
}

.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
	background: rgba(255, 222, 58, 0.3);
	/*color: #004b8e;*/
	text-decoration: none;
}

.swiper-pagination .swiper-pagination-bullet-active {
	/*color: #004b8e;*/
    color: #ffde3a;
	/*background: rgba(255, 222, 58, 0.5);*/
}

/* SLIDE GLOBAL STYLES */

/* '.swiper-content' is the parent element of heading (h1), sub-heading (p) and button (a) */

.swiper-slide {
    background-image: no-repeat top left;
    background-color: #004b8e; 
}

.swiper-slide .swiper-content {
	position: absolute;
/*
	top: 45px;
	left: 50%;
	width: 40%;
*/
	padding: 0;
}

/* '.swiper-content-bottom' is the parent element of sub-heading (p) and button (a) - used mainly to position sub-heading and button at the bottom of slide in mobile views */

.swiper-slide .swiper-content-bottom {
	position: relative;
}

.swiper-slide .swiper-content .swiper-content-bottom p {
	margin: 0;
	padding: 0 0 15px 0;
	color: #004b8e;
	font-size: 16px;
	line-height: 1.5;
}

.swiper-wrapper > .swiper-slide {
    cursor: pointer;
}

.swiper-content p {
    margin: 0;
    padding: 0 0 15px 0;
/*    color: #004b8e;*/
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    font-family: Arial, sans-serif;
/*    text-shadow: none !important;*/
}

.swiper-slide .swiper-content h1,
.swiper-slide .swiper-content h2  {
	margin: 0 0 20px 0;
	line-height: 1.25;
/*    color: #004b8e;*/
    color: #ffde3a;
    text-shadow: 1px 1px #000;
    font-size: 30px;
    font-weight: bold;
}
.swiper-slide .swiper-content h3 {
    color: #004b8e;
    margin: 0 0 20px 0;
    text-transform: capitalize;
    font-weight: bold;
}

@media (max-width: 991px) {
	.swiper-slide .swiper-content {
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		padding: 15px !important;
	}   
     
	.swiper-slide .swiper-content h1,
    .swiper-slide .swiper-content h2 {
		font-size: 30px;
        position: absolute;
/*
        top: 10px;
        right: 20px;
        left: 20px;
*/
        top: 0;
        right: 0;
        left: 0;
        padding: 10px 20px 12px 20px;
        font-size: 24px;
        text-shadow: 1px 1px 2px #000;
        background-color: rgba(0,0,0,0.5)
	}

    .feature-group {
        position: absolute;
/*
        right: 20px;
        bottom: 20px;
        left: 20px; 
*/
        right: 0;
        left: 0;
        bottom: 0;
        padding: 10px 20px 20px 20px;
        background-color: rgba(0,0,0,0.5)
    }
}

@media (max-device-width: 991px) and (orientation:landscape) {
    .swiper-slide .swiper-content h1,
    .swiper-slide .swiper-content h2 {
        top: -70px;
    }
}

    .swiper-slide .swiper-content p {
/*        color: #fff;*/
        text-shadow: 1px 1px #000;
    }

	.swiper-slide .swiper-content-bottom {
		position: absolute;
		bottom: 15px;
	}
	.swiper-slide .swiper-content .swiper-content-bottom p {
		padding-right: 15px;
		color: #fff;
		font-size: 16px;
		text-shadow: 1px 1px 1px #000;
	}

/* slide backgrounds - global styles */

.swiper-Left .swiper-content {
/*
	top: 45px;
	left: 10%;
	width: 50%;
*/
    
	left: 5%;
	width: 45%;
}

.swiper-Right .swiper-content {
/*
	top: 45px;
	left: 45%;
	width: 50%;
*/
   
    right: 5%;
	width: 40%;
}

@media (min-width: 992px) {
    .swiper-Left .swiper-content,
    .swiper-Right .swiper-content {
        top: 45%;
        transform: translateY(-45%);
        -ms-transform: translateY(-45%);
        -moz-transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        -o-transform: translateY(-45%);
    }  
}

@media (max-width: 991px) {	
	.swiper-slide a {
		pointer-events: auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {	
    .swiper-slide.swiper-Left {
        background-position-x: -250px;
    }
}
    
/* slide-specific styles - can be overriden by user */


/* slide 1 - BEGIN */
/* slide 1 - END */


/* slide 2 - BEGIN*/

@media (max-width: 991px) {
	#slide2 {
		background-position: -220px 0;
	}
}

/* slide 2 - END */


/* slide 3 - BEGIN */

@media (max-width: 991px) {
	#slide3 {
		background-position: -450px 0;
	}
}

/* slide 3 - END */


/* slide 4 - BEGIN */

@media (max-width: 991px) {
	#slide4 {
		background-position: -300px 0;
	}
}

/* slide 4 - END */


/* slide 5 - BEGIN*/

@media (max-width: 991px) {
	#slide5 {
		background-position: -370px 0;
	}
}

/* slide 5 - END*/


/* Image Slider (PLS2-21) - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* Increment button - BEGIN */

/*@media (max-width: 991px) {*/
.increment-btn {
    display: inline-block;
	width: 42px;
	height: 42px;
	margin-right: 3px;
	margin-left: 3px;
    padding-left: 2px;
    color: #ffde3a;
	border-radius: 12px;
    background-color: #004B8E;
	font-size: 19px;
	line-height: 2.25;
}
/*}*/

.increment-btn:hover {
	color: #004B8E;
	background-color: #ffde3a;
}

/* Increment button - END */


/*--------------------------------------------------------------------------------------------------------------------------*/


/* UTILITY CLASSES - BEGIN */

.responsive-align {
	float: right;
}

@media (max-width: 991px) {
	.responsive-align {
		float: left;
	}
}

.btn-grid {
    margin: -5px 0;
    text-align: left;
}

.btn-grid.text-right {
    margin: -5px 0;
    text-align: right;
}

.btn-grid > .btn
{
    margin: 5px 0;
}

@media (max-width: 500px) {
    .btn-grid {
        margin: 10px 0;
    }

    .btn-grid  > .btn {
        width: 100%;
    }
}


.text-xs-left {
	text-align: left;
}

.text-xs-right {
	text-align: right;
}

.text-xs-center {
	text-align: center;
}

.text-xs-justify {
	text-align: justify;
}

@media (min-width: 414px) {
	.text-sm-left {
		text-align: left;
	}
	.text-sm-right {
		text-align: right;
	}
	.text-sm-center {
		text-align: center;
	}
	.text-sm-justify {
		text-align: justify;
	}
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left;
	}
	.text-md-right {
		text-align: right;
	}
	.text-md-center {
		text-align: center;
	}
	.text-md-justify {
		text-align: justify;
	}
}

@media (min-width: 992px) {
	.text-lg-left {
		text-align: left;
	}
	.text-lg-right {
		text-align: right;
	}
	.text-lg-center {
		text-align: center;
	}
	.text-lg-justify {
		text-align: justify;
	}
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.col-xs-15 {
	width: 16%;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 16%;
		float: left;
	}
}

@media (max-width: 991px) {
	.col-xs-15 {
		width: 16%;
		float: left;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 16%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.first {
	left: -15px;
}

.last {
	right: -15px;
}

.text-char-count {
	/*color: #b5b5b5;*/
    color: #4d4d4d;
	font-style: italic;
}

a.view-all-link {
	color: #fff !important;
	float: right;
	margin-right: 5px;
	cursor: pointer;
    background-color: #004b8e;
}
a.view-all-link.right {
	margin-right: 0px;
}


table.borderless tr th,
table.borderless tr td {
	border: none !important;
}


.break {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}




/* UTILIITY CLASSES - END */

a.btn-back {
	margin-bottom: 15px;
}


.page-control h1 {
	margin-top: 0;
}


/* image slider */

.learnmore {
	color: #ffde3a;
	background-color: #004b8e;
	border-color: #003e75;
}

.learnmore.focus {
	color: #ffde3a;
	background-color: #00305b;
}

.learnmore:hover {
	color: #ffde3a;
	background-color: #00305b;
	border-color: #001d37;
}

.learnmore:active,
.learnmore.active,
.open > .dropdown-toggle.learnmore {
	color: #ffde3a;
	background-color: #00305b;
	border-color: #001d37;
}

.learnmore:active:hover,
.learnmore.active:hover,
.open > .dropdown-toggle.learnmore:hover,
.learnmore:active:focus,
.learnmore.active:focus,
.open > .dropdown-toggle.learnmore:focus,
.learnmore:active.focus,
.learnmore.active.focus,
.open > .dropdown-toggle.learnmore.focus {
	color: #ffde3a;
	background-color: #001d37;
	border-color: #000000;
}

.learnmore,
.learnmore-ylw,
.learnmore-white {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.learnmore-ylw {
	color: #004b8e;
	background-color: #ffde3a;
	border-color: #e5c835;
}

.learnmore-ylw.focus {
	color: #00315c;
	background-color: #e5c835;
    border-color: #998523;
}

.learnmore-ylw:hover {
	color: #004b8e;
	background-color: #e5c835;
	border-color: #b39c29;
}

.learnmore-ylw:active,
.learnmore-ylw.active,
.open > .dropdown-toggle.learnmore-ylw {
	color: #00315c;
	background-color: #ccb22f;
	border-color: #b39c29;
}

.learnmore-ylw:active:hover,
.learnmore-ylw.active:hover,
.open > .dropdown-toggle.learnmore-ylw:hover,
.learnmore-ylw:active:focus,
.learnmore-ylw.active:focus,
.open > .dropdown-toggle.learnmore-ylw:focus,
.learnmore-ylw:active.focus,
.learnmore-ylw.active.focus,
.open > .dropdown-toggle.learnmore-ylw.focus {
	color: #00315c;
	background-color: #b39c29;
	border-color: #998523;
}


.learnmore-white {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.learnmore-white.focus {
	color: #fff;
	background-color: #000;
}

.learnmore-white:hover {
	color: #fff;
	background-color: #000;
}

.learnmore-white:active,
.learnmore-white.active,
.open > .dropdown-toggle.learnmore-white {
	color: #fff;
	background-color: #000;
}

.learnmore-white:active:hover,
.learnmore-white.active:hover,
.open > .dropdown-toggle.learnmore-white:hover,
.learnmore-white:active:focus,
.learnmore-white.active:focus,
.open > .dropdown-toggle.learnmore-white:focus,
.learnmore-white:active.focus,
.learnmore-white.active.focus,
.open > .dropdown-toggle.learnmore-white.focus {
	color: #fff;
	background-color: #000;
}

/*//image slider */


/* Calendar - BEGIN */

td.fc-event-container span.fc-title {
	color: #fff;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 0 !important;
    padding: 20px 10px;
    /*background-color: #ffea80;*/
    background-color: #ddd;
}

.fc-toolbar.fc-header-toolbar h2 {
	color: #004b8e;
    font-weight: bold !important;
}

.fc-day-grid-event .fc-time {
    color: #fff;
}

.fc-day-header {
    background-color: #004b8e;
}

.fc-day-header span {
    color: #fff;
    font-weight: normal;
}

.fc-state-default {
    /*color: #ffde3a !important;*/
    color: #fff !important;
    /*border-color: #ffea80 !important;*/
    border-color: #fff !important;
    background: #004b8e !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.fc-icon {
    /*color: #ffde3a;*/
    color: #fff;
}

.fc-scroller {
   height: auto !important;
}

.uiCalendar-Full-upcoming {
	margin-top: 10px;
}

.uiCalendar-Full-upcoming h3 {
    margin-top: 15px;
    /*color: #004b8e;*/
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.uiCalendar-Full-upcoming > div > div.col-md-8 {
    min-height: 42px;
    margin-right: -15px;
    margin-left: 15px;
    /*background-color: #ffea80;*/
    background-color: #004b8e;
}

.uiCalendar-Full-upcoming > div > div.col-md-4 {
    min-height: 42px;
    margin-right: 15px;
    margin-left: -15px;
    /*line-height: 3em;*/
    /*background-color: #ffea80;*/
    background-color: #004b8e;
}

.uiCalendar-Full-upcoming div.upEvts-links {
    padding: 10px 0px 10px 15px;
    border-bottom: 1px solid #004b8e;
/*    line-height: 2.5em;*/
}

.uiCalendar-Full-upcoming a.upEvts:hover {
    color: #a94442;
    text-decoration: none;
}

.uiCalendar-link {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    display: block;
    line-height: 1.1;
}
.uiCalendar-link:hover {
    color: #fff;    
}

@media (max-width: 600px) {
	.fc-toolbar.fc-header-toolbar h2 {
		padding-top: 20px;
	}
}

@media (max-width: 374px) {

    .uiCalendar-Full-upcoming > div > div.col-md-8,
    .uiCalendar-Full-upcoming > div > div.col-md-4 {
        height: 54px;
    }

    .uiCalendar-Full-upcoming > div > div.col-md-4 {
        line-height: 4em;
    }
}

@media (max-width: 420px) {   
    .fc-button {
        margin: 0 !important;
        font-size: 0.75em !important;
    }
}


@media (min-width: 992px) {
	.uiCalendar-Mini .fc-toolbar.fc-header-toolbar h2 {
		padding-top: 20px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
    .uiCalendar-Mini .fc-button {
        margin: 0 !important;
        font-size: 0.80em !important;
    } 
}

.fc-event-container > p {
    display:none;
    margin:0; 
    padding:0;
}

#myCalHeader p{
    display:none;
}
/* Calendar - END */


/* UI Autocomplete - BEGIN */

.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid #222;
	position: absolute;
	padding: 0;
}

.ui-widget {
	font-family: Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #eee;
	color: #333;
	background-color: #fff;
}

.ui-widget-content a {
	color: #333;
	cursor: pointer;
}

.ui-widget-header {
	border: 1px solid #e3a1a1;
	color: #fff;
	font-weight: 700
}

.ui-widget-header a {
	color: #fff
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	width: 100%;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	zoom: 1;
	font-weight: normal;
}

.ui-helper-hidden-accessible {
	display: none;
}


/* UI Autocomplete - END */


/* Calendar - END */


/*
.bubble {
	position: relative;
	background: #FFFFCC;
	border: 1px solid #FFCC00;
    max-width:250px;
    padding:10px;
    font-family:arial;
    margin:0 auto;
    font-size: 16px;
    border-radius:6px;
    
}
.bubble:after,
.bubble:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.bubble:after {
	border-color: rgba(255, 255, 204, 0);
	border-right-color: #FFFFCC;
	border-width: 15px;
	margin-top: -15px;
}
.bubble:before {
	border-color: rgba(255, 204, 0, 0);
	border-right-color: #FFCC00;
	border-width: 16px;
	margin-top: -16px;
}
*/

.bbcode_container {
	margin: 20px;
	margin-top: 5px;
	display: block;
}

.bbcode_container div.bbcode_quote {
	margin: 0 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F2F6F8 none;
	border-radius: 5px;
	border: 1px solid #417394;
	font: italic normal 13px Tahoma, Calibri, Verdana, Geneva, sans-serif;
	position: relative;
	top: 0;
}

.bbcode_quote div.quote_container {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
}

.bbcode_container .bbcode_quote_container {
	background: transparent url(quote-left.png) no-repeat left;
	display: block;
	width: 9px;
	height: 13px;
	position: absolute;
	top: 5;
	left: -9px;
}

.brand {
/*    display: block;
    float: left;
    width: 125px;
    height: 58px;
    background: url(../../images/2.0/plasp-logo-24.png) no-repeat 0 0;
    background-size: contain;*/
    /*background-position:50% 50%;*/
    image-rendering: -webkit-optimize-contrast;
    z-index: 10000000;
/*    background-position: 0 2px;
    margin-left: 70px;*/
}

@media (min-width: 414px) and (max-width: 991px) {
    .brand {
        width: 160px;
        height: 74px;
        /*background-position: 0 -6px;*/
    }
}

@media (min-width: 992px) {
    .brand {
        width: 240px;
        height: 110px;
        margin-left: 0;
        /*background-position: 0 15px;*/
    }
}

@media (min-width: 1200px) {
    .brand {
        width: 278px;
        height: 128px;
        /*background-position: 0 0;*/
    }
}

.brand:hover,
.brand:focus {
	text-decoration: none;
}


/* NEW menu BEGIN ------------------------------------------------------------------------*/

.pl-blue-block {
    color: #fff;
    background-color: #004b8e;
}

.pl-yellow-block {
    color: #004b8e !important;
    background-color: #ffde3a;
}

.cf:after {
	content: "";
	display: table;
	clear: both;
}

#menu {
	/*position: fixed;*/
	top: 78px;
	/*height: auto;*/
    /*height: 48px;*/
    z-index: 100;


    float: right;
}

@media (max-width: 991px) {
    #menu {
        position: fixed;
    }
}


@media (max-width: 768px) {
	#menu {
		width: 100%;
        height: auto;
	}
    #menu > .main-menu > li.last{
        display:block !important;
        cursor:pointer;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	#menu {
		width: 768px;
	}
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu .main-menu {
	display: none;
}

@media(max-width: 991px) {
    .main-menu {
        display: block;
        /*height: 80vh;*/
        margin-top: -5px;
        background-color: rgba(0, 75, 142, 1);
    }
}

/*height*/
@media (max-width: 767px){
    .main-menu {
        height: 75vh;
        /*overflow-y: scroll !important;*/
    }
    .parentMenu {
        height: 60vh;
    }
    .main-menu > li font{
        font-size: 11px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-menu {
        height: 90vh;
    }
    .parentMenu {
        height: 80vh;
    }
}

@media (min-width: 568px) and (max-width: 736px){
    #menu {
        position: absolute;
    }
}
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
    .main-menu {
        height: 85vh;
    }
    .parentMenu {
        height: 75vh;
    }
    .main-menu > li font{
        font-size: 11px;
    }
}

/*#tm + .main-menu {
	display: block;
	height: 100vh;
	margin-top: -5px;
	background-color: rgba(0, 75, 142, 0.9);
}*/

#menu input[type="checkbox"],
#menu ul span.drop-icon {
	display: none;
    color: #004b8e;
}

#menu li,
#toggle-menu,
#menu .sub-menu {
	border-color: rgba(0, 0, 0, .05);
}

#menu li,
#toggle-menu {
	border-width: 0 0 1px;
}

#menu .sub-menu {
	background-color: #004b8e;
	margin: 0 0 0 1em;
}

#menu li:not(.responsive-google-translate),
#toggle-menu,
#menu a {
	position: relative;
	display: block;
}

@media(max-width: 991px) {
	/*#menu-top-level01 {
		background: url(../../images/2.0/mbl-mnu-icon01-wh.svg) no-repeat;
	}
	#menu-top-level02 {
		background: url(../../images/2.0/mbl-mnu-icon02-wh.svg) no-repeat;
	}
	#menu-top-level03 {
		background: url(../../images/2.0/mbl-mnu-icon03-wh.svg) no-repeat;
	}
	#menu-top-level04 {
		background: url(../../images/2.0/mbl-mnu-icon04-wh.svg) no-repeat;
	}
	#menu-top-level05 {
		background: url(../../images/2.0/mbl-mnu-icon05-wh.svg) no-repeat;
	}
	#menu-top-level06 {
		background: url(../../images/2.0/mbl-mnu-icon06-wh.svg) no-repeat;
	}
    #menu-top-level01 > label,
    #menu-top-level02 > label,
    #menu-top-level03 > label,
    #menu-top-level04 > label,
    #menu-top-level05 > label,
    #menu-top-level06 > label {
        display: none;
    }*/
    
    .menu-top-level {
        display: none;
    }
}

@media(min-width: 992px) {
    .menu-top-level {
        margin-right: 2px;
        color: #004b8e !important;
        /*background-color: #2e6799 !important;*/
        background-color: #f2f6f9 !important;
		background-image: none !important;
        font-weight: bold !important;
        /*font-size: 1.1em;*/
        font-size: 0.965em;
    }

    #menu-top-level06 {
        margin-right: 0;
    }
    
    .menu-top-level:hover, .menu-top-level:focus {
        color: #004b8e !important;
        background-color: #ffde3a !important;
    }

	/*#menu-top-level01,
    #menu-top-level02,
    #menu-top-level03,
    #menu-top-level04,
    #menu-top-level05,
    #menu-top-level06 {
        color: #fff !important;
        background-color: #2e6799 !important;
		background-image: none !important;
        font-weight: normal !important;
	}
    #menu-top-level01:hover,
    #menu-top-level02:hover,
    #menu-top-level03:hover,
    #menu-top-level04:hover,
    #menu-top-level05:hover,
    #menu-top-level06:hover {
        color: #004b8e !important;
        background-color: #ffde3a !important;
	}*/
}

#toggle-menu {
    display: inline-block;
    width: 78px;
	height: 78px;
}

#toggle-menu,
li.responsive-google-translate #google_translate_element2,
#menu a {
	padding: 1em 3.5em;
}

#toggle-menu {
    padding: 0;
}

#menu a {
	color: white;
	text-decoration: none;
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;
}

@media(min-width: 992px) {
	#menu a {
        /*background-color: #4597ec;*/
        background-color: #3779bf;
	}

	#menu a:hover,  #menu a:focus {
		background-color: #ffde3a;
		color: #004b8e;
	}

    #menu a:hover .drop-icon,  #menu a:focus .drop-icon{
		color: #004b8e;
	}
}

@media(max-width: 991px) {
	#menu a:focus {
		background-color: #ffde3a !important;
		color: #004b8e !important;
	}

    #menu-top-level01 > span,
    #menu-top-level02 > span,
    #menu-top-level03 > span,
    #menu-top-level04 > span,
    #menu-top-level05 > span,
    #menu-top-level06 > span {
        display: none;
    }
}

#menu .sub-menu {
	display: none;

    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#toggle-menu .drop-icon,
#menu li span.nested-drop-icon,
#menu li a.drop-icon
 {
	position: absolute;
	top: 0;
	right: 46px;
	text-align: right;
}
#menu li span.nested-drop-icon {
    cursor: text;
}

#menu a.drop-icon,
#menu span.nested-drop-icon,
#toggle-menu span.drop-icon {
  width: 44px;
  height: 48px;
  text-align: center;
  background-color: rgba(0, 0, 0, .15);
  padding: 1em;
  font-size: 1em;
  text-align: center;
  color: rgba(255, 255, 255, .75);
}




.ipad-drop-icon {
    display: block;
    position: absolute;
    width: 44px;
    /*height: 48px;*/
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 3.5;
    /*background: #275882;*/
    background-color: rgba(0, 75, 142, .1);
    
    background-image: url(../../images/2.0/pl-chevron-blue-down.svg);
    background-position: 4px 16px;
    background-repeat: no-repeat;
    background-size: 60%;
}

.ipad-drop-icon:hover {
    color: #004b8e !important;
    background-color: #ffde3a;
}

@media (min-width: 992px) {

    #menu {
        top: 90px !important;
    }

    .mobile-top {
        margin-top: 30px;
        margin-top: 0;
    }

}

@media (max-resolution: 1dppx) {
    #menu .sub-menu .nested-drop-icon,
    #menu .sub-menu .drop-icon {
        background-color: unset;
    }
    .parentMenu > li:hover > a.nested-drop-icon,
    .parentMenu > li:hover > a.drop-icon {
        color: #004b8e;
    }
}

#toggle-menu .drop-icon {
	display: none;
}

.parentMenu {
    position: fixed;
    right: 0;
    top: 134px;
    left: 768px;
    width: 100%;
    /*height: 60vh;*/
    /*height: 60vh;*/
    z-index: 100;
}

@media(max-width: 991px) {
	.parentMenu {
        overflow-y: scroll !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.75) !important;
        -webkit-overflow-scrolling:touch;
    }
}

@media(min-width: 992px) {
	.parentMenu {
        width: 300px !important;
		height: auto;     
    }

    .parentMenu li a {
        padding-left: 1em;
    }
}
.parentMenu > li > ul.sub-menu {
    margin-left: 0 !important;
}
.parentMenu > li > ul > li > a {
    padding-left: 1.5em;
	background: #005fb3;
}

.parentMenu > li > ul > li > a:hover {
    padding-left: 1.5em;
	background: #005fb3;
}

.parentMenu li a {
    padding-left: 1em !important;
}

/* new - 28MAR17 - testing */
@media (min-width: 568px) and (max-width: 736px){
    .parentMenu {
        position: absolute;
        top: 0;
	    /*height: 100vh;*/
        height: 80vh;
    }
}

.parentMenuHeader {
	height: 50px;
	/*padding-left: 1em;*/
	color: #004b8e;
	font-weight: bold;
	line-height: 3.8em;
	text-transform: uppercase;
	background-color: #ffde3a;
}

@media(min-width: 992px) {
	#menu {
		/*position: absolute;*/
        /*position: relative;*/
		/*top: 90px;*/
		/*right: 0;*/
		/*background-color: #fff;*/

       /*display: inline-block;*/
       /*margin-top: 93px;*/
       /*margin-left: 300px;*/

       /*margin-bottom: 50px;*/
       bottom: 0;
	}
	#menu a {
		/*padding: 1em 1em;*/
        padding: 0.62em 0.65em;
	}
	#menu .main-menu {
		display: block;
	}

	#toggle-menu
    {
		display: none;  /* need to check to see if user is on mobile and set 'display to be 'block' - need caret buttons as hover won't work on mobile */
	}

	#menu ul span.drop-icon {
		display: inline-block;
	}

	#menu li {
		float: left;
		border-width: 0 1px 0 0;
	}

	#menu .sub-menu li {
		float: none;
	}

	#menu .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 300px;
		z-index: 3000;
	}

	#menu .sub-menu
	/*#menu input[type="checkbox"]:checked + .sub-menu*/
    {
		/*display: none;*/
	}

	#menu .sub-menu li {
		border-width: 0 0 1px;
	}
	#menu .sub-menu .sub-menu {
		top: 0;
		left: 100%;
	}

    /* need to show '.drop-icon on tablet only' */
	#menu .sub-menu .nested-drop-icon,
    #menu .sub-menu .drop-icon {
		position: absolute;
		top: 0;
		right: 0;
		padding: 1em;
        line-height: 0.8;
	}

    /* top level menu links (1-6) show sub-menu*/
	#menu li:hover > .sub-menu {
		display: block;
	}

	#mobile-search {
		display: none !important;
	}
	.parentMenuHeader {
		display: none !important;
	}
	.parentMenu {
        /*box-shadow: none !important;*/

    }
}

.mobile-search-label {
    display: none !important;
}

@media (min-width: 992px) and (max-width: 1575px) {
    #parentMenu01,
    #parentMenu02,
    #parentMenu03,
    #parentMenu04,
    #parentMenu05,
    #parentMenu06 {
        left: unset !important;
        right: 0 !important;
    }
}

.parentMenuToLeft {
    left: -100% !important;
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation:portrait) {
	#menu .sub-menu .sub-menu {
		/*top: 0;
        position: relative;*/
		/*left: -100%;*/
	}
}





.nav-container {
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 auto;
    --bs-gutter-x: 1.5em;
    --bs-gutter-y: 0;
}

@media (max-width: 991px) {
	.nav-container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.nav-container {
		width: 768px;
        margin: 0 auto !important;
	}
}

@media (min-width: 992px) {
	.nav-container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.nav-container {
		width: 1170px;
	}
}

.nav-mobile {
	display: none;
	position: absolute;
	top: 0;
	height: 78px;
	width: 78px;
    /*height: 20vh;*/
}

@media (max-width: 991px) {
	.nav-mobile {
		display: block;
	}
}

#nav-toggle {
	position: absolute;
	left: 20px;
	top: 28px;
	cursor: pointer;
	padding: 10px 35px 16px 0px;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
	cursor: pointer;
	height: 3px;
	width: 30px;
	background: #004b8e;
	position: absolute;
	display: block;
	content: '';
	transition: all 300ms ease-in-out;
}

#nav-toggle span:before {
	top: -10px;
}

#nav-toggle span:after {
	bottom: -10px;
}

#nav-toggle.active span {
	background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
	top: 0;
}

#nav-toggle.active span:before {
	transform: rotate(45deg);
}

#nav-toggle.active span:after {
	transform: rotate(-45deg);
}

@media (min-width: 992px) and (max-width: 1199px) {
    #menu {
        /*margin-top: 15px;*/
        width: 100%;
    }
    #menu ul {
        float: right;
    }
    .mobile-top {
        margin-top: 30px;
    }

    .pl-social--lg,
    .pl-search {
        top: 55px;
    }

/*    .pl-login {
        top: 60px;
    }*/

    #txtSearchBox {
        /*width: 230px;*/
        /*PLS2-759*/
        width: 105px;
    }
}

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #menu {
        top: 120px !important;
    }
}*/


@media only screen and (min-width: 568px) and (max-width: 568px) and (orientation: landscape)  {
    .header {
        position: static;
    }

    .slider-container {
        margin-top: 0;
    }
}


/* NEW menu END --------------------------------------------------------------------------*/


/* Forms  --------------*/

.form-inline .form-group label {
    margin-right: 5px;
}

/* Forms END  --------------*/


.navbar-fixed-bottom {
	z-index: 25;
}

body.logged-in #mobileFooter {
    display: none;
}

@media (min-width: 992px) {
    #mobileFooter {
        display: none;
    }
}

/* unnecessary */
/*.slider-container {
	margin: 0 auto;
    margin-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 320px) {
	.slider-container {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 992px) {
	.slider-container {
		width: 970px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

@media (min-width: 1200px) {
	.slider-container {
		width: 1170px;
	}
}*/

.file-download-link {
    display: inline-block;
    padding-bottom: 10px;
}

/* UTILIITY CLASSES - END */

.glyphicon-large {
    font-size: 18px;    
}

.panel-plasp-form, .row-top-buffer {
    /*border-top: 1px solid #e6e6e6;*/
    margin-top: 15px;
}

.panel-plasp-form h2, h2.underline {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
}

.panel-plasp-form .panel {
    box-shadow: none;
}

.panel-plasp-form .panel .panel-body .button-block,
.button-block.btn-grid {
    padding: 20px 5px;
    margin-top: 40px;
    border-top: 1px solid #e8e8e8;   
}

.panel .button-block {
    padding-top: 15px;
}

/* commented out on May 28th - [PLS2-158] */
/*.panel-plasp-form .panel-heading {
    padding-bottom: 0;
}*/

.panel-plasp-form .panel-heading.panel-warning {
    padding-bottom: 10px;
}

.panel-plasp-form .glyphicon-question-sign {
    color: #4d4c54;
}

.no-margin-top {
    margin-top: 0 !important;
}

.panel-warning .panel-heading .glyphicon {
    color: #8a6d3b;
}

/* UTILIITY CLASSES - END */

#overlay, #mfaOverlay {
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity = 50);
    z-index: 1000;
    display:none;
}

#img-spin
{
    top: 50%; 
    left: 50%; 
    position: fixed;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 25px 50px 50px 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    z-index: 1050;
    display: none;
}

#img-spin img {
    margin: 0 auto;
    display: block;
}

#img-spin p {
    text-align: center;     
    color: #004b8e;
    font-weight: bold;
    margin-bottom: 25px;
}


#login-spin {
    z-index: 1050;
    position: relative;
    display: none;
}

    #login-spin img {
        margin: 0 auto;
        display: block;
    }

        #login-spin p {
            text-align: center;
            color: #004b8e;
            font-weight: bold;
            margin-bottom: 25px;
        }


.panel-plasp-form .panel.panel-warning {
    margin-top: 20px;
}

.alert-success p {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.form-control-static {
    padding-top: 0;
}

.panel .panel-body h2 {
  	margin: 40px 0 15px 0;
	padding-bottom: 15px;
	border-bottom: #e6e6e6  1px dotted;
    color: #004b8e;
}

.panel .panel-body h2.no-underline {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.date-no-bottom-margin,
.phone-no-bottom-margin {
	margin-bottom: 0;
}

.panel .panel-body .row:first-child h2 {
  	margin-top: 10px;
}

.pl-survey .form-group {
    margin-bottom: 25px;
}
#unregister-program-validator .form-group {
    margin-bottom: 0px;
}
ul.pagination li.active a span {
    color: #fff;
}


.document-list span.glyphicon {
    color: #5a5a5a;
    font-size: 17px;
    padding-right: 6px;
}

@media (max-width: 992px) {
    .document-list span.glyphicon {
        font-size: 14px;    
	}
}

ul.three-column-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 250px;
    -moz-column-width: 250px;
    column-width: 250px;
    list-style-type: none;
}

ul.three-column-list li { 
    padding: 5px 0;
}

.vacation-request-form h3 {
    margin-top: 0;
}

@media (min-width: 992px) {
    .vacation-list-view > tbody > tr.no-child-row {
        border-top: none;
        border-bottom: none;
    }

    .vacation-list-view > tbody > tr.child-row {
        border-bottom: none;
    }

    .vacation-list-view > tbody > tr:last-child {
        border-bottom: 1px solid #dddddd;
    }
}

.custom-bullet {
    padding-left: 17px;
}

#employment-detail .custom-bullet li {
    /*display: block;*/
}

#employment-opportunities-mini .custom-bullet li {
    display: block;
    border-bottom: #ccc 1px dotted;
    margin: 10px 0;
    margin-left: 0;
    padding-bottom: 10px; 
}

#employment-opportunities-mini .custom-bullet li:first-child {
    padding-top: 10px;
    border-top: #ccc 1px dotted;
}

#employment-detail .custom-bullet li:before
{
    /*content: "\e074";
    font-family: 'Glyphicons Halflings';*/
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -35px;
    color: #CCCCCC;
}

#employment-view .map-link {
    display:block;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .survey-questions .radio-group label:after {
        content: '\A';
        white-space: pre; 
    }

    /* This fixes a bug on IE11 */
    .survey-questions .radio-group label {
        margin-right: 0;
    }
}

.cancel-programs-checkbox input {
    vertical-align: top; 
}

.label-not-bold {
    font-weight: normal !important;
}

#cpv-accordian .panel-heading {
    padding: 6px 15px;
}
#cpv-accordian .panel-heading a {
    color: #fff;
    font-size: 19px;
}

#cpv-accordian .panel-heading .panel-btn {
    font-size: 15px;
}

#cpv-accordian .panel-heading .panel-btn:before {
  color: #fff;
}

#cpv-button-block {
    padding: 20px 0;
}


#cpv-accordian .panel-heading span.badge {
    background-color: #fff;
    color: #666;
}

#cpv-accordian .status-red {  
    color: #ff0000; 
}

#cpv-accordian .status-green {  
    color: #1d8900; 
}

#cpv-accordian .status-orange { 
    color: #ff5400; 
}

#cpv-accordian .panel-heading span.badge { 
    padding: 5px 20px;
}

#cpv-accordian h2 {
    margin-top: 0;
}

#cpv-accordian .panel-heading h3 { 
    margin: 0;
}
@media (max-width: 768px) {
    #cpv-accordian .panel-heading h3 { 
        margin-bottom: 5px;
    }
}

#cpv-accordian .panel {
    border: 1px solid #f5f5f5;
}

#cpv-accordian .panel.panel-red {
    border-color: #F64C47;
}

#cpv-accordian .panel.panel-purple {
    border-color: #AC52B3;
}

#cpv-accordian .panel.panel-green {
    border-color: #31AA00;
}

#cpv-accordian .panel { 
    margin-bottom: 20px;
}

.has-error b {
    color: #a94442;
}

#program-results-summary tr.red,
#program-results tr.red {
    background-color: rgb(229,25,55) !important;
}
#program-results-summary tr.purple,
#program-results tr.purple {
    background-color: rgb(165,67,153) !important;
}
#program-results-summary tr.green,
#program-results tr.green {
    background-color: rgb(25,137,69) !important;
}
#program-results-summary tr.red span,
#program-results-summary tr.purple span,
#program-results-summary tr.green span,
#program-results tr.red span,
#program-results tr.purple span,
#program-results tr.green span {
    color: #fff;
    font-weight: bold;
}

.program-description {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 7px;
}

#program-results-summary .program-description label,
#program-results .program-description label {
    display: inline;    
    font-weight: bold;
    padding-bottom: 5px;
}
#program-results-summary .program-description .blue-part-time label,
#program-results .program-description .blue-part-time label {
    color: #004990;    
}
#np-program-list .program-cell label,
#cp-program-list .program-cell label {
    vertical-align: top;
}

.media.notification-item {
    margin-top: 20px;
    padding-bottom: 20px;
}

.media.notification-item .glyphicon {
    font-size: 30px;
}

.media.notification-item h3 {
    font-size: 16px;
    font-weight: bold;
}

.media.notification-item .media-left {
    padding-left: 10px;
    padding-right: 20px;
}

@media (max-width: 500px) {
    .media.notification-item .glyphicon {
        font-size: 20px;
    }
}

.pt-visit-item a.btn {
    margin-bottom: 15px;
}

#msg-list .well.email, .msgBody .well.email {
    background-color: #fcfcfc;
}

#msg-list .well.email p, .msgBody .well.email p  {
    border-top: 1px solid #e2e1e1;
    padding-top: 15px;
    margin-top: 10px;
}

div#msg-link {
    padding-bottom: 10px;
}

div#msg-link a:focus {
    text-decoration: none;
    color: #004b8e;
}

.panel.card {
    border: none;
    box-shadow: none;
}

.panel.card .panel-heading h2 {
    margin: 0;    
    font-size: 18px;
}

.panel.card .panel-heading h3 {
    margin: 0;    
}

.panel.card.panel-yellow .panel-heading {
    color: #000;
}

.panel.card.panel-yellow .panel-heading .button-view {
    color: #000;
    display: inline;
}

.panel.card .panel-heading .button-view {
    white-space: nowrap;
}

.panel.card.panel-orange .panel-heading .button-view{
    color: #fff;    
}
.panel.card.panel-blue .panel-heading .button-view {
    color: #fff;
    display: inline;
}
.panel.card.panel-orange .panel-heading .button-view {
    display: inline;
}

.panel.card .panel-body .form-group {
    padding: 7px 0;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.panel.card .panel-body .form-group label.control-label {
    padding-top: 0;
}

img.profile-image {
    width: 200px;
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    img.profile-image {
        width: 100%;
    }
}

span.pre-rbl-label {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.modal-footer {
    text-align: left;
}

/* Current Parent - plasp form overrides */
.panel-plasp-form .panel:not(.panel-warning) .panel-body {
    padding-right: 0;
    padding-left: 0;
}
.panel-plasp-form .panel-body .panel.panel-warning .panel-body, .pgm-not-available .panel.panel-warning .panel-body {
    padding-right: 15px;
    padding-left: 15px;
}

.panel-plasp-form .panel-heading h2 {
    margin-left: -15px;
}

/* ----- */

.waiver-list div.row.waiver-row:first-child {
    border-top: none;
    padding-top: 10px;
}

.waiver-list div.row.waiver-row {
    padding-bottom: 25px 0 15px 0;    
    border-top: #ccc 1px dotted;
    margin: 0 15px;
}

.psa-list div.row:first-child, .ow-list div.row:first-child {
    border-top: none;
    padding-top: 0;
}

.psa-list div.row:not(:last-child), .ow-list div.row {
    padding-bottom: 20px;    
}

.vol-control-body {
    /*padding: 0 10px 10px 10px;*/
}

.vol-control-body div.star {
    background: url(../../images/2.0/vol-requirement-off.png) left 10px no-repeat;
    padding: 10px 0 10px 30px;        
    
    margin: 0;
}

.vol-control-body div.star.ON {
    background: url(../../images/2.0/vol-requirement-on.png) left 10px no-repeat;
}


/* Volunteer Recognition styles - BEGIN */
.vrec-container {
    width: 100%;
    border: 1px solid #004b8e;
}

.vrec {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    height: 10px;
    margin: 60px auto;
    border-top: 1px solid #004b8e;
    border-bottom: 1px solid #004b8e;
    background: #004b8e;
    background: linear-gradient(to right, #004b8e , #ffde3a);
}

.vrec-rating {
    position: absolute;
    display: block;
    top: -10px;
    width: 50px;
    height: 30px;
    left: calc(50% - 25px);
    color: #004b8e;
    line-height: 1.8em;
    text-align: center;
    font-weight: bold;
    border: 2px solid #004b8e;
    border-radius: 4px;
    background: #ffde3a;
}

.vrec-rule {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.vrec-with-rule .vrec-rule {
    display: block;
}

.vrec-star {
    position: absolute;
    top: -22px;
    left: 0;
    padding: 0;
    background: url(../../images/2.0/vol-requirement-off.png) no-repeat;
    width: 20px;
    height: 20px;
}

.vrec-star.ON {
    background: url(../../images/2.0/vol-requirement-on.png) no-repeat;
}

.vrec-star01 {
    left: calc(20% - 9px);
}
.vrec-star02 {
    left: calc(40% - 9px);
}
.vrec-star03 {
    left: calc(60% - 9px);
}
.vrec-star04 {
    left: calc(80% - 9px);
}

.vrec-rule-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 30px;
    background-color: #004b8e;
}

.vrec-rule-line01 {
    left: 20%;
}
.vrec-rule-line02 {
    left: 40%;
}
.vrec-rule-line03 {
    left: 60%;
}
.vrec-rule-line04 {
    left: 80%;
}

.vrec-rule-text {
    position: absolute;
    top: 36px;
    bottom: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 1em;
    line-height: 1em;
    color: #004b8e;
}

.vrec-rule-text00 {
    left: calc(0% + 5px);
    text-align: left;
}
.vrec-rule-text01 {
    left: calc(20% - 20px);
}
.vrec-rule-text02 {
    left: calc(40% - 20px);
}
.vrec-rule-text03 {
    left: calc(60% - 20px);
}
.vrec-rule-text04 {
    left: calc(80% - 20px);
}
.vrec-rule-text05 {
    left: calc(100% - 45px);
    text-align: right;
}

.vrec-service-container {
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #004b8e;
}

.vrec-service .star {
   padding-left: 25px !important; 
}

@media (max-width: 414px) {
    .vrec-rule-text {
        font-size: 0.7em; 
    }
    .vrec-rule-text00 {
        left: calc(0% + 3px);
    }
    .vrec-rule-text01 {
        left: calc(20% - 14px);
    }
    .vrec-rule-text02 {
        left: calc(40% - 14px);
    }
    .vrec-rule-text03 {
        left: calc(60% - 14px);
    }
    .vrec-rule-text04 {
        left: calc(80% - 14px);
    }
    .vrec-rule-text05 {
        left: calc(100% - 30px);
    }
    .vrec-service {
        font-size: 0.75em;
    }
}

@media (max-width: 320px) {
    .vrec-service {
        padding-left: 8px;
        padding-right: 8px;
    }
    .vrec-service {
        font-size: 0.65em;
    }
}
/* Volunteer Recognition styles - END */


.recog-star {
    background: url(../../images/2.0/vol-requirement-off.png);
    width: 19px;
    height: 19px;    
    display: inline-block;
    vertical-align: middle;
}

.recog-star.ON {
    background: url(../../images/2.0/vol-requirement-on.png);
    width: 19px;
    height: 19px;    
    display: inline-block;
    vertical-align: middle;
}

.recog-text {
    vertical-align: middle;
}

.row.padding-top {
    padding-top: 20px;
}
		
.reg-container {
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	/*padding-left: 15px;*/
	padding-right: 30px;
}
		
.reg-step-container {
	width: 16.6%;
	float: left;
	background: #ccc;
}

.reg-step-container-4-step {
	width: 25%;
	float: left;
	background: #ccc;
}

.reg-step-headlines {
	width: 16.6%;
	float: left;
	padding-right: 15px;
    margin-bottom: 35px;
}

.reg-step-headlines-4-step {
    width: 25%;
    float: left;
    padding-right: 15px;
    margin-bottom: 35px;
}
		
.reg-step-headlines h3 {
	margin-bottom: 0;
}
	
.reg-step-headlines h4 {
	margin-top: 6px;
}
		
.reg-step-h3-selected {
	color: #004b8e;
	font-weight: bold;
}
		
.reg-step-headlines h4 {
			
}
		
.reg-step-container-completed {
	background: #004b8e;
	background: linear-gradient(to right, #004b8e, #004b8e, #004b8e, #003c71);
}
		
.reg-step {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
	color: #ccc;
	background: #fff;
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
}
		
.reg-step-default {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-left: 2px solid #ccc;
}
		
.reg-step-selected {
	color: #004b8e;
	background: #ffde3a;
	border-top: 2px solid #004b8e;
	border-bottom: 2px solid #004b8e;
	border-left: 2px solid #004b8e;
}
		
.reg-step-completed {
	color: #fff;
	background: #004b8e;
	border-top: 2px solid #004b8e;
	border-bottom: 2px solid #004b8e;
	border-left: 2px solid #004b8e;
}
		
.reg-step:hover,
.reg-step:focus {
	text-decoration: none;
}
		
.reg-step:hover {
	color: #004b8e;
}
		
.reg-step:focus {
	color: #004b8e;
}
		
.reg-step-completed:hover,
.reg-step-completed:focus {
	color: #ffde3a;
}
		
#mobileRegHeadline {
	display: none;
}

.mobileRegHeadline {
    display: none;
}
		
#mobileRegHeadline h2 {
			
}

.mobileRegHeadline h2 {

}

.no-bottom-margin {
    margin-bottom: 0 !important;
}
@media (max-width: 766px) {
    .date-no-bottom-margin {
        margin-bottom: 15px;
    }
}


@media (max-width: 767px) {
	.reg-container {
		/*margin-left: -14px !important;*/
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.reg-container {
		/*margin-left: -22px !important;*/
	}
}
		
@media (max-width: 991px) {
	/*body {
		padding-top: 0;
	}*/
	.reg-container {
		width: 100%;
		position: fixed;
		bottom: 0;
		float: none;
		padding-left: 0;
		padding-right: 0;
		box-shadow: 0 -20px 15px #fff;
		z-index: 100;
	}

    .phone-no-bottom-margin {
        margin-bottom: 15px;
    }
	.reg-step {
		width: 37px;
	}
	#regHeadlines {
		display: none;
	}
   
    .regHeadlines {
        display: none;
    }

	#mobileRegHeadline {
		display: block;
	}

    .mobileRegHeadline {
        display: block;
    }
}
		
@media (min-width: 992px) {
	.reg-container {
		width: 970px;
	}
    .regHeadlines {
        padding-left:0 !important;
    }
}
		
@media (min-width: 1200px) {
	.reg-container {
		width: 1170px;
	}
    .regHeadlines {
        padding-left:0 !important;
    }
}
		
.arrow-right {
	width: 0;
	height: 0;
	float: left;
}
		
.arrow-right-default {
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 15px solid #ccc;
}
		
.arrow-right-selected {
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 15px solid #004b8e;
}
		
.arrow-right-completed {
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 15px solid #fff;
}
		
.inner-triangle {
	position: relative;
	top: -23px;
	left: -15px;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 14px solid #fff;
}
		
.inner-triangle-completed {
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 14px solid #004b8e;
}
		
.inner-triangle-selected {
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 14px solid #ffde3a;
}

/*PLS2-18*/
body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

ul.favourite-locations {
    margin-left: -10px;
}

ul.favourite-locations li {
    display: block;
}

ul.favourite-locations li:before {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
}

table.sortable > tbody.disabled > tr {
    background-color: #f5f5f5;
    color: #999;
}

table.sortable > tbody.disabled > tr a {
    display: none;
}

.mq-item, #childInfo, .pap-upload-container {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 15px 20px 0 20px;    
    margin-bottom: 20px;
}

#childInfo {
    padding-bottom: 20px;
}

.mq-item .mq-form .row .mq-col {
    background-color: #f5f5f5;
    padding: 10px;
    margin-bottom: 20px;
}

table.minor-table-responsive .button-col {
    text-align: right;
    padding-right: 25px;
}

@media (max-width: 700px) {
	table.minor-table-responsive {
		border: 0;
        width: 100%;
        margin: 14px 0 0 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
	}
	table.minor-table-responsive thead {
		display: none;
	}
	table.minor-table-responsive tr {
		margin-bottom: 20px;
		display: block;
		padding-right: 15px;
		padding-left: 15px;
        border: 1px solid #ccc;
	}
	table.minor-table-responsive > tbody > tr > td {
		display: block;
		text-align: right;
        border: none;
		padding-right: 0;
		padding-left: 0;
	}

	table.minor-table-responsive td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
	}

    table.minor-table-responsive.table-striped > tbody > tr {
        background-color: #fff;
    }

    /* This fixes empty cells...*/
    table.minor-table-responsive > tbody > tr td:after {
        content: "\200b";
        visibility: hidden;
    }

    table.minor-table-responsive .button-col { 
        padding-right: 0;
    }
}

/* "View All" button overrides */
/* BlogListWidget.ascx */
/*#ctl00_c_ctl29_hlViewAll.button-view {
    line-height: 4.6em;
}*/

/*#ctl00_c_ctl45_hlViewAll.button-view {
    line-height: 4.6em;
}*/

/*#ctl00_c_spContent_ctl24_hlViewAll.button-view {
    line-height: 4.6em;
}*/


.button-view {
    display: block;
    margin-top: 22px;
}

a.button-view {
    white-space: nowrap;
}


/*div.col-xs-4.col-md-4.text-right > a {
    line-height: 4.6em;
}*/

/*@media (max-width: 991px) {
    div.col-xs-4.col-md-4.text-right > a {
        line-height: 7em;
    }
}*/





div.payment-waivers, div.effectiveCancelDateContainer, 
div.PayerAccount, div.ParentAccount {
    border: 1px solid #ccc;
    padding: 15px 20px;
    border-radius: 10px;    
    margin-bottom: 15px;
}

div.PayerAccount.disabled, div.ParentAccount.disabled {
    background-color: #f5f5f5;
}

.has-error-mop label {
    color: #a94442;
}

.has-error-mop .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* PLS2-781 select2 dropdown style customization */
.select2-container .select2-selection--single {
    height: 42px !important;
    border-radius: 0px !important;
    padding-top: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-top: 8px !important;
}

/* ====================================== Google Translate ========================================*/
#google_translate_element2 {
    margin-top: -30px;
    /*padding-bottom: 5px;*/
    display: table;
}
.responsive-google-translate {
     /*list-style:none;*/    
     /*bottom: 0px;*/ 
     /*position: absolute !important;*/      
     margin: 10px 0 50px 0;
}
.goog-te-menu-value {
    padding: 0 !important;
    display: inline !important;
    text-decoration: none !important;
    color: #0000cc !important;
    white-space: nowrap !important;
    
}
#menu a.goog-te-menu-value:focus{
    background-color: transparent !important;
}

/*.goog-te-gadget > span { 
    display: none !important;
}
.goog-te-gadget div:first-child:after{
    display: none !important;
}*/

/*.goog-te-gadget > span:before{
    content: " "; 
    display: inline-block; 
    width: 0;
}*/
/* ====================================================================================================*/

/*PLS2-117*/
@media (min-width: 992px) {
    .col-tbPhone {
        padding-right: 1px !important;
    }
    .col-ddlPhoneType {
        padding-left: 1px; 
        padding-right: 1px !important;
    }
    .col-tbPhoneExtension {
        padding-left: 1px; 
        padding-right: 0 !important;
    }
}

table.gvCustodyDoc .badge {
    background-color: #31708f;
}

table.gvCustodyDoc i {
    float: right;
    padding-right: 10px;
    cursor: pointer;
}

table.gvCustodyDoc a:hover {
    text-decoration: none;
    color: red;
}

table.gvCustodyDoc tbody tr {
    padding: 0;
}

.newCustodyDocContainer .newCustodyDoc {
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px;
    color: #ffffff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
    margin: 5px;
}

.newCustodyDocContainer .newCustodyDoc.error {
    background-color: #f2dede;
    color: #a94442;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
 
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

/*PLS2-75*/
#menu a.book {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon01-wh.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.book.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon01-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
/*-------------------------------------------------------------------------------------*/
#menu a.backpack.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon02-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
#menu a.backpack {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon02-wh.svg) no-repeat transparent;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------*/
#menu a.dollar.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon03-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
#menu a.dollar {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon03-wh.svg) no-repeat transparent;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------*/
#menu a.question.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon04-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
#menu a.question {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon04-wh.svg) no-repeat transparent;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------*/
#menu a.register.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon05-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
#menu a.register {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon05-wh.svg) no-repeat transparent;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------*/
#menu a.hand.selected {
    color: #004b8e;
    background: url(../../images/2.0/mbl-mnu-icon06-bl.svg) no-repeat #ffde3a;
    font-weight: bold;
}
#menu a.hand {
    color: #fff;
    background: url(../../images/2.0/mbl-mnu-icon06-wh.svg) no-repeat transparent;
    font-weight: normal;
}
/*-------------------------------------------------------------------------------------*/

/*PLS2-215*/
/*============= Payee =====================*/
#menu a.payee-requests {
    color: #fff;
    background: url(../../images/2.0/menu-payee-requests-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.payee-requests.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-payee-requests-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.payee-myaccount {
    color: #fff;
    background: url(../../images/2.0/menu-payee-my-account-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.payee-myaccount.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-payee-my-account-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.payee-taxreceipts {
    color: #fff;
    background: url(../../images/2.0/menu-payee-tax-receipts-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.payee-taxreceipts.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-payee-tax-receipts-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

/*============= Volunteer =====================*/
#menu a.volunteer-myinformation {
    color: #fff;
    background: url(../../images/2.0/menu-volunteer-my-info-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.volunteer-myinformation.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-volunteer-my-info-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.volunteer-myprograms {
    color: #fff;
    background: url(../../images/2.0/menu-volunteer-my-programs-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.volunteer-myprograms.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-volunteer-my-programs-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.volunteer-resources {
    color: #fff;
    background: url(../../images/2.0/menu-volunteer-resources-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.volunteer-resources.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-volunteer-resources-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.volunteer-positions {
    color: #fff;
    background: url(../../images/2.0/menu-volunteer-positions-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.volunteer-positions.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-volunteer-positions-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

/*================== Board Menu ================*/
#menu a.board-handbook {
    color: #fff;
    background: url(../../images/2.0/menu-board-handbook-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.board-handbook.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-board-handbook-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.board-resources {
    color: #fff;
    background: url(../../images/2.0/menu-board-resources-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.board-resources.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-board-resources-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.board-myprofile {
    color: #fff;
    background: url(../../images/2.0/menu-board-my-profile-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.board-myprofile.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-board-my-profile-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

/*================== Staff Menu =================*/
#menu a.staff-benefits {
    color: #fff;
    background: url(../../images/2.0/menu-staff-benefits-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-benefits.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-benefits-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.staff-forms {
    color: #fff;
    background: url(../../images/2.0/menu-staff-forms-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-forms.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-forms-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.staff-myprofile {
    color: #fff;
    background: url(../../images/2.0/menu-staff-my-profile-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-myprofile.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-my-profile-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.staff-healthsafety {
    color: #fff;
    background: url(../../images/2.0/menu-staff-health-safety-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-healthsafety.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-health-safety-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.staff-training {
    color: #fff;
    background: url(../../images/2.0/menu-staff-training-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-training.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-training-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.staff-resources {
    color: #fff;
    background: url(../../images/2.0/menu-staff-resources-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.staff-resources.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-staff-resources-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

/*================== CP Menu ====================*/

#menu a.cp-myprofile {
    color: #fff;
    background: url(../../images/2.0/menu-current-parent-my-profile-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.cp-myprofile.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-current-parent-my-profile-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.cp-myprograms {
    color: #fff;
    background: url(../../images/2.0/menu-current-parent-my-programs-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.cp-myprograms.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-current-parent-my-programs-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.cp-myresources {
    color: #fff;
    background: url(../../images/2.0/menu-current-parent-resources-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.cp-myresources.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-current-parent-resources-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

#menu a.cp-myaccount {
    color: #fff;
    background: url(../../images/2.0/menu-current-parent-my-account-white.svg) no-repeat transparent;
    font-weight: normal;
}
#menu a.cp-myaccount.selected {
    color: #004b8e;
    background: url(../../images/2.0/menu-current-parent-my-account-blue.svg) no-repeat #ffde3a;
    font-weight: bold;
}

/*=================================================================*/

div.error-item  {
    margin-bottom: 20px;
}
div.error-item .error-message {
    color: #a94442;
    font-weight: bold;
    display: block;
}

div.error-item .error-sub-item {
    display: inline-block;
    padding-right: 5px;
    padding-left: 20px;
}

div.error-item .error-sub-item:not(:last-of-type) {
    display: block;    
}
@media (max-width: 325px) {
    .pagination-mobile-font-size {
        font-size: 14px;
    }
}

.empty-list {
    margin-bottom: 50px;     
    font-style: italic;
    color: #a94442;
}

.empty-table {

}


@media (max-width: 991px) {
    .goog-te-banner-frame.skiptranslate {
        display: none !important;
    }

    body {
        top: 0px !important;
    }
}

.widget-control {
    margin-top: 40px;
    margin-bottom: 50px;
}

.pap-payee-warning, .pap-payee-warning > p {
    line-height: 1.2 !important;
    min-height: 40px;
}
@media (max-width: 991px) {
    .pap-payee-warning, .pap-payee-warning > p {
        min-height: 0px;
    }
}
@media (min-width: 992px) {
    .text-lg-right {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .btn-responsive-padding input {
        margin-top: 10px;
    }
}

#lblPromoSuccessResult.text-success {
    color: #3c763d !important;
}

.modal.modal-plasp .modal-header {
    padding: 10px;
}

.modal.modal-plasp .modal-header h1 {    
    color: #666;
    font-size: 15px;
}

.modal.modal-plasp .modal-body {
    padding: 20px 20px 40px 20px;
    min-height: 150px;    
}

.modal.modal-plasp .glyphicon {    
    font-size: 60px;
}

.modal.alert .glyphicon {
    color: #ec3737;
}    

.modal.question .glyphicon {
    color: #004b8e;
}

.modal.modal-plasp .modal-footer {
    border-top: 0;
    text-align: center;
}

.modal.modal-plasp .modal-footer a.btn {
    width: 250px;
    padding: 10px 12px;
}

.modal.modal-plasp .modal-footer .three-button a.btn {
    width: 125px;
    padding: 10px 12px;
}

.modal.alert .modal-footer a.btn:not(.btn-default) {
    background-color: #ec3737;
    color: #fff;
}

.modal.question .modal-footer a.btn:not(.btn-default) {
    background-color: #004b8e;
    color: #fff;
}

.modal.alert .modal-footer a.btn:not(.btn-default):hover {
    background-color: #da3030;
}

.modal.question .modal-footer a.btn:not(.btn-default):hover {
    background-color: #00305b;
}

.modal.modal-plasp .message   {
    margin-top: 10px;
}

@media (max-width: 768px) {
    .modal.modal-plasp .modal-body {
        padding: 20px;
    }

    .modal.modal-plasp .col-xs-12 {
        padding-bottom: 20px;
    }

    .modal.modal-plasp .modal-footer a.btn {
        width: 100%;
    }

    .modal.modal-plasp .center {
        text-align: center;
    }

    .modal-footer .btn + .btn {
        margin-left: 0;
    }
}

#form-close-container {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 10px 0px;
    opacity: 0.9;
    background-color: #999;
    border-top: 1px solid #e8e8e8;
}

#form-close-container a.btn,
.btn-grid a.btn,
input[type="button"].btn,
input[type="submit"].btn {
    min-width: 125px;
}

@media (min-width: 992px) {
    .text-right-lg {
        text-align: right;
    }
}

span.request-number {
    font-weight: bold;
}

.parentMenuHeader a{
    border-width: 0 0 1px;
    border-color: rgba(0, 0, 0, .05);
    height: 50px;
    padding: 1px 0px 0px 0px !important;
    color: #004b8e !important;
    background-color: #ffde3a;
}
.program-cell label,
.payment-info-cell label {
    margin-bottom: 0px;
/*    color: #004b8e; */
/*    text-transform: uppercase; */
}
#cp-program-list .program-cell span {
    display: inline-block;
}

#np-program-list .program-cell span {
    display: inline;
}

#np-program-list .payment-info-cell label {
    display: block;
}

@media (max-width: 991px) {
    #np-program-list .payment-info-cell label {
        display: inline-block;
    }
}

/*==================================================================== Payer Request ==================================================================================*/

#payer-requests .list-view-responsive > tbody > tr.action-row  {
    display: none;
}

#payer-requests .list-view-responsive > tbody > tr.top-row.upload-open + tr.action-row,
#payer-requests .list-view-responsive > tbody > tr.top-row.email-open + tr.action-row {
    display: table-row;
    border-right: 1px dotted #ccc !important;
    border-left: 1px dotted #ccc !important;
    padding-top: 0;
    padding-bottom: 0;
}

#payer-requests .list-view-responsive > tbody > tr.action-row .well {
    margin-bottom: 10px;
}

#payer-requests .list-view-responsive > tbody > tr.email-open,
#payer-requests .list-view-responsive > tbody > tr.upload-open {
    border-bottom: 0;
}

#payer-requests .list-view-responsive header.desktop-label {
    margin-top: 0;
}

#payer-requests .list-view-responsive > tbody > tr.top-row > td:after {
    content: none;
}

#payer-requests .list-view-responsive > tbody > tr.action-row span.action-label  {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
}

@media (min-width: 992px) {
    #payer-requests .list-view-responsive > tbody > tr.evenRow {
        background-color: #fff !important;
    }
    #payer-requests .list-view-responsive > tbody > tr.oddRow {
        background-color: #f9f9f9 !important;
    }

    #payer-requests .list-view-responsive > tbody > tr.action-row {
        border: none;
    }

    #payer-requests .list-view-responsive {
        border: 1px solid #ddd;
    }

    #cp-program-list div.payer-name {
      white-space: nowrap; 
      width: 170px; 
      overflow:  hidden;
      text-overflow: ellipsis; 
      display: inline-block;
    }
}
@media (max-width: 991px) {        
     #payer-requests table.list-view-responsive > tbody > tr {
         margin: 0;
     }

    #payer-requests .list-view-responsive > tbody > tr.email-row, 
    #payer-requests .list-view-responsive > tbody > tr.upload-row {
        border-top: 0;
        border-bottom: 0;
    }

    #payer-requests .list-view-responsive > tbody > tr.top-row:not(.upload-open):not(.email-open) {
        margin-bottom: 40px;        
    }

    #payer-requests .list-view-responsive > tbody > tr.top-row.email-open > td.link-group,
    #payer-requests .list-view-responsive > tbody > tr.top-row.upload-open > td.link-group {
        border-bottom: 1px dotted #ccc;
    }

    #payer-requests .list-view-responsive > tbody > tr.top-row.upload-open + tr.action-row,
    #payer-requests .list-view-responsive > tbody > tr.top-row.email-open + tr.action-row {
        margin-bottom: 40px;
        border-top: 0;
        display:block;
    }

    #payer-requests .list-view-responsive > tbody > tr.action-row span.action-label {
        margin-top: 0;
        text-transform: uppercase;
        color: #004b8e;
        font-size: 16px;
    }

    #payer-requests .list-view-responsive > tbody > tr.action-row .msgBody {
        padding: 0 5px;
    }

    #program-cart-to-payee .list-view-responsive input[type=file] {
        width: 100%;
    }

    #payer-requests .list-view-responsive > tbody > tr.top-row.upload-open + tr.action-row > td > div.email-row {
        border-top: 1px dotted #ccc;
        margin-top: 10px;
        padding-top: 10px;
    }
    #cp-program-list div.payer-name {
      display: inline-block;
    }
}

/*======================================================================================================================================================*/
#program-results-summary .program-item .mobile-label,
#program-results .program-item .mobile-label,
#np-program-list .program-item .mobile-label,
#cp-program-list .program-item .mobile-label {
    color: #004b8e;
}

@media (max-width: 991px) {
    #program-results-summary .program-item .control-label,
    #program-results .program-item .control-label {
        color: #004b8e;
    }
}

.mobile-data-label {
    color:#666 !important;
}

.display-none,
.mobile-data-label {
    display: none;
}
.mobile-label {
   clip: rect(1px, 1px, 1px, 1px); 
   height: 1px; 
   width: 1px; 
   overflow: hidden; 
   position: absolute !important;
}

@media (min-width: 992px) {
    #np-program-list .program-item .link-group .action-link,
    #cp-program-list .program-item .link-group .action-link,
    #payer-requests table.list-view-responsive tbody > tr > td > a {
        display: block;
        padding-left: 10px;
    }

    #child-program-listing .program-item .link-group .actions .action-link {
        padding-bottom: 10px;
    }

    .availPadMod,
    .form-control.spin,
    .pnlPackage > select.form-control {
        padding-right: 0;
        padding-left: 5px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .availPadMod,
    .pnlPackage > select.form-control {
        font-size: 0.75em;
        padding-left: 2px !important;
    }
}

@media (max-width: 991px) {
    #np-program-list .program-item .actions a:not([style*="display: none"]):after,
    #cp-program-list .program-item .actions span:not([style*="display: none"]):after,
    #payer-requests table.list-view-responsive tbody > tr > td > a:after {
        content: ' | ';
    }
    #np-program-list .program-item .actions a:not([style*="display: none"]):last-child:after,
    #cp-program-list .program-item .actions span:not([style*="display: none"]):last-child:after,
    #payer-requests table.list-view-responsive tbody > tr > td:not(:last-child) > a:after {
        content: '';
    }

    #cp-program-list .program-item .actions .wl-link:not(:last-child):after {
        content: ' | ';
        width: 0;
        color: #666;
        pointer-events: none;
        font-size: 1em;
        font-weight: normal;
        display: inline-block;
        padding: 0 5px;
    }
}

@media (max-width: 991px) {
    .mobile-data-label,
    .mobile-label {
        display: block;
        height:100%;
        width: 100%;
        overflow: visible;
        position: relative !important;
    }
}
@media (max-width: 1210px) {
    .availability-label span {
        display: block;
    }
}

 .desktop-label {
    display: block;
}

@media (max-width: 991px) {
    .desktop-label {
        display: none;
    }
}

a.menu-top-level.selected, .sub-menu a.selected {
    color: #004b8e;
    background-color: #ffde3a !important;
    font-weight: bold;
}

a.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

fieldset.custom-fs {

    border:none;
}
fieldset.custom-fs legend{
    display: none;
    margin: 0px;
    border: none;
    line-height: 0;
    height: 0;
}

.title.custom-header,
.panel-heading > .custom-header
{
    font-weight: bold;
    font-size: 30px;
    font-family: inherit;
    padding: 0;
    height: inherit;
}

.panel-heading > h3 {
    color: #004b8e;
    font-size: 1.75em;
    font-weight: bold;
}


.pl-panel__title.custom-header {
    font-size: 30px;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.1;
}

.title.custom-header,
.panel.pl-panel-light-blue > .panel-heading .custom-header{
    color: #004b8e; /*blue*/
    margin-top: 10px;
}
.uiCalendar-Mini .mini-event .fc-content {
    display: none;
}

#favourites .favourites-header {
    margin: 0 0 3px 0;
    text-transform: uppercase;
}

.photo-header {
    margin: 20px 0 10px 0;
}

.early-learning-faq-title {
    color: #004b8e;
}

.early-learning-faq-title-accordion.div-h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.div-h3 {
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.div-h1 {
    font-weight: bold;
    margin: 10px 0 10px 0;
    font-size: 30px;
    line-height: 1.1;
    font-family: inherit;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.div-h4 {
    font-family: inherit;
    margin: 10px 0 10px 0;
    font-weight: 500;
    line-height: 1.1;
    font-size: 14px;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.ecsrow td:nth-child(2) label{
    font-weight: normal;
}

.cp-payee-pnl a {
    font-weight: bold;
}

.program-item span.bold {
    font-weight: bold;
}

p a.strong, li > a.strong {
    font-weight: bold;
}

p a.underline, li > a.underline {
    text-decoration: underline;
}

p.LEFT {
	text-align: left;
}
p.RIGHT {
	text-align: right;
}

p.CENTER {
	text-align: center;
}

.copyright > a{
	font-weight: bold;
}

.info-card {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    background: #ddd;
}

#main-container a {
    text-decoration: underline;
    font-weight: bold;
}

td.fc-event-container i {
    text-decoration: none;
}

#main-container .slider-container a, 
#main-container .tickercontainer a, 
#main-container a.programs-btn, 
#main-container a.button-view, 
#main-container a.register-btn, 
#main-container a.btn-brand-yellow,
#main-container a.btn,
#main-container .pl-list a,
#main-container .breadcrumb a {
    text-decoration: none;
    font-weight: normal;
}

.survey-matrix-header th {
    padding-right: 15px;
}
.survey-matrix-row span.survey-description-placeholder {
    font-weight: bold;
    visibility: hidden;
}
span.hidden {
    margin:0; 
    padding:0; 
    display:none;
}

.survey-matrix-row input[type="radio"] + span {
    margin-right: 0px;
}
fieldset table.survey-matrix-row {
    margin-top: 0px;
}
@media (max-width: 991px) {
    .survey-matrix-header th {
        display: none;
    }
    .survey-matrix-row td {
        display: block;
    }
    .survey-matrix-row span.survey-description-placeholder {
        font-weight: bold;
        visibility: visible;
    }
    .survey-matrix-row input[type="radio"] + span {
        margin-right: 0px;
    }
}
#bodyCell table.ceo-newsletter, #bodyCell table.newsletter  {
    margin: 0 auto;
}
table.border-grey, table.border-grey th, table.border-grey td {
	border: 1px solid grey;
}
table.cell-center td {
    text-align: center;

}

@media only screen
    and (max-device-height: 773px)
    and (min-device-width: 320px)
    and (orientation: landscape) {
    
    #pnlCarePopup {
        overflow-y: scroll;
        height: 90%;
    }
}

div.hide-swiper-img {
    display: none;
}

.warning-message {
    color: #A94442;
}


/* PLS2-349 - Handbook updates */
@media (max-width: 991px) {
    .toc-handbook {
        position: fixed;
        top: 78px;
        left: 100%;
        margin-left: 0;
        width: 100%;
        height: 100%;
        transition: 0.5s;
        z-index: 100000;
        overflow-y: auto;
        background: #004b8e;
    }
  
    .toc-close {
        position: fixed;
        display: none;
        top: 78px;
        right: 0;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 2.5;
        background: #a94442;
        z-index: 100001;
    }

    .toc-open {
        position: fixed;
        display: block;
        top: 78px;
        right: 0;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 1.7;
        background: #00315c;
        z-index: 100001;
    }
}
@media (min-width: 992px) {
    .toc-open, .toc-close {
        display: none;
    }

    div.cl-control.toc-handbook {
       margin-bottom: -20px !important;
    }
}

.toc-icon {
    color: #fff;
    background: url(../../images/2.0/handbook-toc-wh.svg) no-repeat transparent;
    font-weight: normal;
}

span.aria-description-hidden {
    display: none;
}


/* AODA: Skip navigation link */
#skip a
{ 
    position: absolute; 
    left: -10000px; 
    top: auto; 
    width: 1px; 
    height: 1px; 
    overflow: hidden;
} 
 
#skip a:focus 
{ 
    /*position: fixed;*/ 
    top: 0;
    left: 0;
    width: auto; 
    height: auto; 
    
} 

/* image carousel play controls */
.pause-slider,
.play-slider {
    position: absolute;
    z-index: 1000;
}

@media (min-width: 992px) {
    .pause-slider,
    .play-slider {
        width: 30px;
        height: 30px;
        bottom: 70px;
        padding-top: 6px;
        padding-left: 9px;
        font-size: 0.75em;
        background-color: rgba(0,0,0,0.5);
    }
    .pause-slider:focus,
    .pause-slider:active,
    .play-slider:focus,
    .play-slider:active {
        background-color: unset;
    }
    .pause-slider {
        right: 45px;
    }
    .play-slider {
        right: 10px;
    }
}

@media (max-width: 991px) {
    .pause-slider,
    .play-slider { 
        bottom: 20px;
        width: 36px;
        height: 36px;
        padding-top: 7px;
        padding-left: 9px;
    }
    .pause-slider {
        right: 65px;
    }
    .play-slider {
        right: 15px;
    }
}

.search-magnifying-glass {
    position: absolute; top: 1px; height: 33px; margin-right: 4px; font-size: 1.25em; line-height: 1.5em; border: none; color: #7fa5c6; background-color: transparent; margin-left: -40px; z-index: 10000;
}

#txtSearchBox::-ms-clear, #mobile-searchbox::-ms-clear  {
    display: none;
}

/* Add Programs, remove left padding, part of PLS2-462 */
@media (min-width: 992px) {
    .remove-left-padding {
        padding-left: 0 !important;
        /*padding-right: 20px !important;*/
    }
}

.mobile-fixed {
    position: fixed !important;
	top: 0px !important;
	width: 100%;
	background: #fff;
	z-index: 999;
}

.login-links a{
    color: white;
    margin-top: 15px;
    display: block;
}

ul.login-links {
    padding: 0;
    list-style-type: none;
}

/*My home page_cancel request related btns PLS2-687*/
.cancel-btn{
    font-size:12px !important
}

.sms-group {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 15px 15px 10px 15px;
    margin-bottom: 15px;
}
    .sms-group .control-label {
        font-weight: normal;
    }
    .sms-group #pnlPhone {
        border: 1px solid #ececec;
        border-radius: 10px;
        padding: 15px;
        margin-bottom: 15px;
    }
    .sms-group .new-field-marker {
        color: #fd9e2f;
        padding-left: 20px;
    }
    span.group-label {
        font-weight: bold;
        margin-bottom: 5px;
        display: block;
    }

.row.vertical-align-row {
    display: flex;
    flex-direction: row;
}

    .row.vertical-align-row > .vertical-align-column {
        display: flex;
        align-items: center;
    }

/* Turn off the flexible box layout */
@media (max-width: 767px) {
    .row.vertical-align-row {
        display: block;
    }   
}

@media (min-width: 767px) {
    .sms-group #pnlPhone {
        margin-left: auto;
        margin-right: 30px;
    }
}

#SMSChangeMessage {
    color: #de1111;
    display: inline-block;
}

#smsModalWizard .modal-content > .step {
    display: none;
}

    #smsModalWizard .modal-content > .step.js-active {
        display: block;
    }

#smsModalWizard .modal-body p {
    margin-bottom: 5px;
}

#smsModalWizard .resend-verification-text, #lblResendEmailVerification {
    color: #3c763d;
    padding-top: 5px;
    display: inline-block;
}

#smsModalWizard .modal-header h1.modal-title {
    font-size: 20px;
}

.mfa-panel .highlight {
    font-weight: bold;
}

.mfa-panel h1 {
    margin-bottom: 20px;
}

.mfa-panel p {
    margin-bottom: 15px;
}

.mfa-panel input[type="text"] {
    margin-bottom: 10px;
}

.mfa-panel .checkbox label {
    padding-left: 20px;
}

.mfa-panel a.resend {
    display: block;
    padding-top: 10px;
}

.mfa-panel .help-block.custom-form-error {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #940909;
}

.mfa-panel .verify-message {
    color: #3c763d;
    padding-top: 5px;
}

.mfa-panel .verify-message.error {
    color: #940909;
    padding-top: 5px;
}

#pendingVerifyEmail {
    color: #de1111 !important;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 0px;
}
.verify-email-warning {
    color: #de1111 !important;
}
.verify-email-warning i {
    padding-right: 5px;
}

#sectApplyPaymentAllocSAC .mq-item {
    margin-bottom: 0px;
}

.prog-pref-warning {
    color: #fa0c0c;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 15px;
}

.prog-pref-label {
    font-weight: normal !important;
}

.pwd-input-group {
    width: 100%;
}

.btn-reveal-pwd {
    position: absolute;
    right: 2px;
    top: 2px;
    bottom: 2px;
    z-index: 4;
    height: 38px;
    width: 38px;
    border: 0;
    margin: 0;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye-slash' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/%3E%3Cpath d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z'/%3E%3C/svg%3E");
}
    .btn-reveal-pwd:hover, .btn-reveal-pwd:active, .btn-reveal-pwd:focus {
        background-color: #fff;
    }

.btn-eye {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0'/%3E%3C/svg%3E");
}

#waitlistprograms .list-view-responsive .radio-group label {
    vertical-align: initial;
}

.childsection .alert, #cp-program-list .alert {
    margin-top: 20px;
}

#wait-list-page h3 {
    margin: 0 0 8px 0;
    font-size: 21px;
    font-weight: bold;
}

#wait-list-page .panel > .panel-heading {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

#wait-list-page .radio-section {
    flex: 0 0 auto;
    min-width: 200px;
    text-align: left;
    align-self: center;
}

    /* Remove any default spacing */
    #wait-list-page .radio-section .radio-group label {
        display: inline-block;
        margin-top: 2px;
    }

#wait-list-page .section-flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 16px;
}

#wait-list-page .program-section {
    flex: 1 1 0;
    min-width: 0;
}

    #wait-list-page .program-section h3:not(:first-of-type) {
        border-top: 1px solid #e0e0e0;
        padding-top: 15px;
    }

    #wait-list-page .program-section .program-detail-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        margin: 0;
        padding: 10px 0 15px 5px;
    }

        #wait-list-page .program-section .program-detail-grid dt {
            font-weight: bold;
            font-size: 0.95em;
        }

        #wait-list-page .program-section .program-detail-grid dd {
            margin: 0;
            font-size: 0.95em;
        }

/* Large screen */
@media (min-width: 992px) {
    .wl-response-date-item {
        grid-column: span 2;
    }
}

/*  2 columns  */
@media (min-width: 768px) and (max-width: 991px) {
    #wait-list-page .program-section .program-detail-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Single column */
@media (max-width: 767px) {
    #wait-list-page .section-flex {
        flex-direction: column;
    }

    #wait-list-page .program-section .program-detail-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #wait-list-page .radio-section {
        align-self: flex-start;
    }
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.portal-template.container, .portal-template .container, .portal-template .container-fluid, .portal-template .container-xxl, .portal-template .container-xl, .portal-template .container-lg, .portal-template .container-md, .portal-template .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}


body .portal-template.container, body .portal-template .container {
    max-width: 1366px
}

@media(max-width: 1392px) {
    body .portal-template.container, body .portal-template .container {
        margin-left: 0;
        margin-right: 0
    }
}

@media(max-width: 1392px) {
    body .portal-template.container, body .portal-template .container.max_986 {
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 576px) {
    .portal-template .container-sm, .portal-template .container, .portal-template.container, {
        max-width: 540px
    }
}

@media(min-width: 768px) {
    .portal-template .container-md, .portal-template .container-sm, .portal-template .container, .portal-template.container {
        max-width: 720px
    }
}

@media(min-width: 992px) {
    .portal-template .container-lg, .portal-template .container-md, .portal-template .container-sm, .portal-template .container, .portal-template.container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {
    .portal-template .container-xl, .portal-template .container-lg, .portal-template .container-md, .portal-template .container-sm, .portal-template .container, .portal-template.container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {
    .portal-template .container-xxl, .portal-template .container-xl, .portal-template .container-lg, .portal-template .container-md, .portal-template .container-sm, .portal-template .container, .portal-template.container {
        max-width: 1320px
    }
}

@media(max-width: 986px) {
    body .portal-template .container.max_986 {
        margin-left: 0;
        margin-right: 0
    }
}

body .portal-template .container-fluid.no_side_padding {
    padding-left: 0;
    padding-right: 0
}

body .portal-template .container-fluid.no_margin_bottom {
    margin-bottom: 0
}

body .portal-template .content_max_700_w {
    max-width: 700px
}

    body .portal-template .content_max_700_w p:last-child {
        margin: 0
    }

@media(max-width: 1100px) {
    body .portal-template .content_max_700_w {
        max-width: 100%
    }
}


.portal-template .spacer {
    display: inline-block;
    width: 100%;
    height: 0px;
    margin-bottom: 80px
}

@media(max-width: 1100px) {
    .portal-template .spacer {
        margin-bottom: 40px
    }
}

.portal-template {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0
}

.logged-in .header_site_logo {
    max-width: calc(218px + var(--bs-gutter-x) * .5 * 2);
    padding-top: 4px;
}

.header_site_logo {
    padding-top: 12px;
}
 
.header_site_logo a img {
    transition: transform .3s ease-in-out;
}

.header_site_logo a:hover img {
    transform: scale(1.05);
}

@media (max-width: 992px) {
    .header_site_logo {
        max-width: 100%;
        text-align: left;
        padding-left: calc(var(--bs-gutter-x)*1);
        padding-top: 12px;
    }
    .header_site_logo a img {
        max-height: 50px;
        min-width: 135px;
    }

        .header_container .header_site_logo a img {
            max-height: 100px;
        }

    .logged-in .header_site_logo  {
        padding-left: 77px;
    }
}

@media (max-width: 767px) {
    a.solid_button.return_to_site {
        display: none;
    }
}
   
a.solid_button {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-align: center;
    align-content: center;
    align-items: center;
    color: #004890;
    font-size: 12px;
    line-height: 18px;
    font-family: quicksand,sans-serif;
    font-weight: 700;
    font-style: normal;
    background-color: #f5cc00;
    border-radius: 3px;
    padding: 5px 21px;
    height: 40px;
    transition: color .5s ease-in-out;
    vertical-align: top;
    text-decoration: none !important;
    }

    a.solid_button span {
        position: relative;
        z-index: 2;
        font-family: quicksand,sans-serif;
    }

    a.solid_button:before {
        content: "";
        -webkit-border-top-right-radius: 50px;
        -moz-border-radius-topright: 50px;
        border-top-right-radius: 50px;
        background-color: #004890;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width .25s ease-in-out,height .25s ease-in-out;
        z-index: 1
    }

    a.solid_button:hover {
        color: #f5cc00;
        text-decoration: none
    }

        a.solid_button:hover:before {
            width: 150%;
            height: 150%
        }
    

a.solid_button.large {
    font-size: 16px;
    line-height: 22px;
    padding: 5px 27px
}

@media(max-width: 850px) {
    a.solid_button.large {
        font-size: 12px;
        line-height: 18px
    }
}

    .page_banner_no_image_container {
        overflow: hidden;
        background-color: #004890;
        height: 250px;
        position: relative
    }

    @media(max-width: 850px) {
        .page_banner_no_image_container {
            height: auto;
            min-height: 125px;
            padding-top: 40px;
            padding-bottom: 40px
        }
    }

    .page_banner_no_image_container:after {
        content: "";
        position: absolute;
        z-index: 1;
        background: url("../../images/2.0/registrationbanner.jpg") no-repeat center center/cover;
        width: 800px;
        height: 221px;
        right: -150px;
        bottom: 0
    }

    @media(max-width: 850px) {
        .page_banner_no_image_container:after {
            width: 800px;
            height: 120px;
            right: -365px;
            bottom: -190px;
            transform: rotate(-90deg)
        }
    }

    .page_banner_no_image_container .container {
        position: relative;
        z-index: 2;
        height: 100%
    }

        .page_banner_no_image_container .container .breadcrumbs_container a {
            color: #fff
        }

            .page_banner_no_image_container .container .breadcrumbs_container a:after {
                color: #fff
            }

        .page_banner_no_image_container .container .breadcrumbs_container strong {
            color: #fff
        }

        .page_banner_no_image_container .container .banner_caption_container {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: calc(var(--bs-gutter-x)*.5)
        }

    @media(max-width: 850px) {
        .page_banner_no_image_container .container .banner_caption_container {
            position: static;
            transform: unset;
            left: unset
        }
    }

    .page_banner_no_image_container .container .banner_caption_container h1 {
        color: #f5cc00;
        margin: 0
    }

    .page_banner_w_image_container {
        position: relative;
        height: 490px;
        overflow: hidden
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container {
            height: unset;
            padding: 0;
            background: rgba(0,0,0,0) radial-gradient(closest-side at 50% 35%, #C880C8 0, #900090 150%) 150% 120% no-repeat padding-box
        }

            .page_banner_w_image_container.yellow {
                background: rgba(0,0,0,0) radial-gradient(closest-side at 50% 35%, #FDF3C0 0, #F5CC00 150%) 150% 120% no-repeat padding-box
            }

            .page_banner_w_image_container.blue {
                background: rgba(0,0,0,0) radial-gradient(closest-side at 50% 35%, #4076AC 0, #004890 150%) 150% 120% no-repeat padding-box
            }
    }

    .page_banner_w_image_container > .container {
        position: relative;
        height: 100%;
        z-index: 2
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container > .container {
            padding: 0
        }
    }

    .page_banner_w_image_container > .container .breadcrumbs_container a, .page_banner_w_image_container > .container .breadcrumbs_container strong {
        color: #fff
    }

        .page_banner_w_image_container > .container .breadcrumbs_container a:after, .page_banner_w_image_container > .container .breadcrumbs_container strong:after {
            color: #fff
        }

    .page_banner_w_image_container > .container .banner_caption_container {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 465px
    }

    @media(max-width: 1235px) {
        .page_banner_w_image_container > .container .banner_caption_container {
            max-width: 40%
        }
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container > .container .banner_caption_container {
            max-width: 100%;
            transform: unset;
            position: relative;
            top: unset;
            left: unset;
            display: inline-block;
            width: 100%;
            padding: 30px calc(var(--bs-gutter-x)*.5*2)
        }
    }

    .page_banner_w_image_container > .container .banner_caption_container h1 {
        color: #f5cc00;
        margin-bottom: 20px;
        line-height: 85px;
        font-family: chaloops,sans-serif;
        font-size: 64px;
        font-weight: 700;
        font-style: normal;
    }


    @media(max-width: 1100px) {
        .page_banner_w_image_container > .container .banner_caption_container h1 {
            font-size: 40px;
            line-height: 44px;
        }
    }

    .page_banner_w_image_container > .container .banner_caption_container p {
        color: #fff;
        margin: 0;
        font-size: 21px;
        line-height: 29px;
        font-family: open-sans,sans-serif;
        font-weight: 400;
        font-style: normal
    }

    @media(max-width: 1235px) {
        .page_banner_w_image_container > .container .banner_caption_container p {
            font-size: 18px;
            line-height: 26px
        }
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container > .container .banner_caption_container p {
            font-size: 16px;
            line-height: 21px
        }
    }

    .page_banner_w_image_container > .container .banner_caption_container .banner_buttons {
        margin-top: 40px
    }

        .page_banner_w_image_container > .container .banner_caption_container .banner_buttons .solid_button {
            margin: 0;
            margin-right: 40px;
            margin-bottom: 15px
        }

    @media(max-width: 850px) {
        .page_banner_w_image_container > .container .banner_caption_container .banner_buttons .solid_button {
            margin-right: 20px
        }
    }

    .page_banner_w_image_container > .container .banner_caption_container .banner_buttons .solid_button:last-child {
        margin-right: 0
    }

    .page_banner_w_image_container .banner_mask_wrapper {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 2
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container .banner_mask_wrapper {
            display: none
        }
    }

    .page_banner_w_image_container .banner_mask_wrapper .banner_colour.bg {
        z-index: 3;
        mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black);
        background: rgba(0,0,0,0) radial-gradient(closest-side at 70% 50%, #C880C8 0, #900090 150%) 150% 120% no-repeat padding-box;
        -webkit-mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black)
    }

    .page_banner_w_image_container .banner_mask_wrapper .banner_colour {
        z-index: 2;
        position: absolute;
        top: -50%;
        left: -1px;
        height: 150%;
        width: 108%;
        background-color: purple;
        -webkit-mask: radial-gradient(58vw 90% at right, transparent 99.9%, black)
    }

    .page_banner_w_image_container .banner_image_container {
        position: absolute;
        top: 0;
        right: 0;
        width: 60%;
        height: 100%;
        overflow: hidden;
        z-index: 1
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container .banner_image_container {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
            width: 100%;
            max-width: 100%;
            display: inline-block;
            height: 350px;
            border: 0px;
            border-radius: 0;
            padding: 0
        }
    }

    .page_banner_w_image_container .banner_image_container > div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    @media(max-width: 850px) {
        .page_banner_w_image_container .banner_image_container > div {
            border-bottom-left-radius: 50%;
            top: 0%;
            height: 110%
        }
    }

    .page_banner_w_image_container.blue .banner_mask_wrapper .banner_colour {
        background: none;
        background-color: #004890;
        -webkit-mask: radial-gradient(58vw 90% at right, transparent 99.9%, black)
    }

        .page_banner_w_image_container.blue .banner_mask_wrapper .banner_colour.bg {
            mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black);
            background: rgba(0,0,0,0) radial-gradient(closest-side at 70% 50%, #4076AC 0, #004890 150%) 150% 120% no-repeat padding-box;
            -webkit-mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black)
        }

    .page_banner_w_image_container.yellow .banner_mask_wrapper .banner_colour {
        background: none;
        background-color: #f5cc00;
        -webkit-mask: radial-gradient(58vw 90% at right, transparent 99.9%, black)
    }

        .page_banner_w_image_container.yellow .banner_mask_wrapper .banner_colour.bg {
            mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black);
            background: rgba(0,0,0,0) radial-gradient(closest-side at 70% 50%, #FDF3C0 0, #F5CC00 150%) 150% 120% no-repeat padding-box;
            -webkit-mask: radial-gradient(calc(60vw + 40px) 95% at right, transparent 99.9%, black)
        }

    .page_banner_w_image_container.yellow > .container .breadcrumbs_container a, .page_banner_w_image_container.yellow > .container .breadcrumbs_container strong {
        color: #004890
    }

        .page_banner_w_image_container.yellow > .container .breadcrumbs_container a:after, .page_banner_w_image_container.yellow > .container .breadcrumbs_container strong:after {
            color: #004890
        }

    .page_banner_w_image_container.yellow > .container .banner_caption_container h1, .page_banner_w_image_container.yellow > .container .banner_caption_container p {
        color: #004890
    }


.registration_form_container {
    padding-top: 20px;
    padding-bottom: 100px
}

@media(max-width: 1100px) {
    .registration_form_container {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.registration_form_container .nav-tabs {
    margin: 0;
    display: flex;
}

    .registration_form_container .nav-tabs .nav-item {
        padding: 0;
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0;
        pointer-events: none;
    }

        .registration_form_container .nav-tabs .nav-item .nav-link {
            width: 100%;
            height: 100%;
            cursor: pointer;
            background: none;
            text-align: center;
            background-color: #e7f0f8;
            padding: 16px 40px;
            border: 0;
            border-bottom: 2px solid #a5c5e4;
            font-size: 16px;
            line-height: 25px;
            text-transform: uppercase;
            color: #206ebc;
            font-family: quicksand,sans-serif;
            font-weight: 500;
            font-style: normal;
            position: relative;
            border-radius: 0
        }

@media(max-width: 800px) {
    .registration_form_container .nav-tabs .nav-item .nav-link {
        color: #000;
        font-size: 48px;
        line-height: 62px;
        font-family: quicksand,sans-serif;
        font-weight: 700;
        font-style: normal
    }
}

.registration_form_container .nav-tabs .nav-item .nav-link .text_mobile {
    display: none
}

@media(max-width: 800px) {
    .registration_form_container .nav-tabs .nav-item .nav-link .text_mobile {
        display: inline-block
    }
}

@media(max-width: 800px) {
    .registration_form_container .nav-tabs .nav-item .nav-link .text {
        display: none
    }
}

.registration_form_container .nav-tabs .nav-item .nav-link:before {
    content: "";
    width: 0px;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    right: 0;
    height: 2px;
    background-color: #004890;
    transition: width .35s ease-in-out
}

@media(max-width: 800px) {
    .registration_form_container .nav-tabs .nav-item .nav-link:before {
        background-color: #f5cc00
    }
}

.registration_form_container .nav-tabs .nav-item .nav-link.active {
    color: #004890;
    font-family: quicksand,sans-serif;
    font-weight: 700;
    font-style: normal
}

    .registration_form_container .nav-tabs .nav-item .nav-link.active:before {
        left: 0;
        width: 100%
    }

.registration_form_container .tab-content .tab-pane {
    padding-top: 40px
}

    .registration_form_container .tab-content .tab-pane .row.form_fields {
        margin-bottom: 60px
    }

        .registration_form_container .tab-content .tab-pane .row.form_fields.reduced_margin {
            margin-bottom: 30px
        }

@media(max-width: 991px) {

    .registration_form_container .tab-content .tab-pane .row.form_fields .col .form-group {
        margin-bottom: 0;
    }

    .registration_form_container .tab-content .tab-pane .row.form_fields {
        margin-bottom: 30px
    }

        .registration_form_container .tab-content .tab-pane .row.form_fields .col.form_field {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 30px
        }

            .registration_form_container .tab-content .tab-pane .row.form_fields .col.form_field:last-child {
                margin: 0
            }

    .registration_form_container .tab-content .tab-pane .checkbox [type=checkbox]:not(:checked) + label, .registration_form_container .tab-content .tab-pane .checkbox [type=checkbox]:checked + label {
        padding-top: 0
    }
}

.registration_form_container label {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-family: open-sans,sans-serif;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 10px;
    display: block;
    text-transform: lowercase;
}

    .registration_form_container label.hide_label {
        position: absolute;
        text-indent: -9999px;
        left: -9999px
    }

.registration_form_container label span.text-danger {
    color: #000;
}

.registration_form_container .form-group.has-error label span.text-danger {
    color: #a94442;
}

.registration_form_container .help-block {
    display: inline-block;
    width: 100%;
    position: relative;
    padding-top: 5px;
    padding-left: 30px;
    font-size: 12px;
    line-height: 17px;
    color: #000;
    font-family: open-sans,sans-serif;
    font-weight: 300;
    font-style: normal
}

    .registration_form_container .help-block:before {
        content: "";
        width: 20px;
        height: 20px;
        background: url("/images/2.0/misc/alert.svg") no-repeat center center/cover;
        position: absolute;
        left: 0;
        top: 5px
    }


.registration_form_container h3 *, .registration_form_container p * {
    font-family: open-sans,sans-serif;
}

.registration_form_container .checkbox [type=checkbox]:not(:checked), .registration_form_container .checkbox [type=checkbox]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.registration_form_container .checkbox [type=checkbox]:focus + label {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.registration_form_container .checkbox [type=checkbox]:not(:checked) + label, .registration_form_container .checkbox [type=checkbox]:checked + label {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    color: #000;
    font-family: open-sans,sans-serif;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    width: 100%;
    text-transform: none;
    border: 0;
    margin: 0;
    align-items: center;
    align-content: center;
    min-height: 32px
}

    .registration_form_container .checkbox [type=checkbox]:not(:checked) + label:before, .registration_form_container .checkbox [type=checkbox]:checked + label:before {
        content: "";
        position: absolute;
        left: 0;
        top: 2px;
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 0;
        border: none;
        -webkit-transition: all .35s;
        transition: all .35s;
        border: 1px solid #004890
    }

    .registration_form_container .checkbox [type=checkbox]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0) rotate(90deg);
        transform: scale(0) rotate(90deg)
    }

    .registration_form_container .checkbox [type=checkbox]:not(:checked) + label:after, .registration_form_container .checkbox [type=checkbox]:checked + label:after {
        content: "";
        position: absolute;
        top: 3px;
        left: 1px;
        -webkit-transition: all .25s;
        transition: all .25s;
        background: url("/images/2.0/misc/check.png") no-repeat center center/cover;
        width: 30px;
        height: 30px
    }

    .registration_form_container .checkbox [type=checkbox]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1) rotate(-10deg);
        transform: scale(1) rotate(-10deg)
    }

.registration_form_container .checkbox [type=checkbox]:focus + label {
    outline: unset
}


.registration_form_container input[type=text], .registration_form_container input[type=email], .registration_form_container input[type=password], .registration_form_container input[type=email] {
    display: inline-block;
    width: 100%;
    height: 41px;
    background-color: #fff;
    border: 1px solid #004890;
    padding: 10px;
    font-size: 14px;
    line-height: 23px;
    color: #001629;
    font-family: open-sans,sans-serif;
    font-weight: 400;
    font-style: normal
}

    .registration_form_container input[type=text]:focus, .registration_form_container input[type=email]:focus, .registration_form_container input[type=password]:focus, .registration_form_container input[type=email]:focus {
        outline: unset;
        border: 2px solid #004890
    }

.registration_form_container input[type=text]::placeholder, .registration_form_container input[type=email]::placeholder, .registration_form_container input[type=password]::placeholder, .registration_form_container input[type=email]::placeholder {
    font-size: 14px;
    line-height: 23px;
    color: #65737e;
    font-family: open-sans,sans-serif;
    font-weight: 400;
    font-style: normal
}

.registration_form_container .form-group.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .registration_form_container .form-group.has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.registration_form_container .form-group.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.nav-container.portal-template {
    width: 100%;
    padding: 0;
}

    .nav-container.portal-template .header {
        height: 128.5px;
        min-height: 0;
        border-top: 12px solid #e7f0f8;
        border-bottom: none;
        padding-left: calc(var(--bs-gutter-x)*.5);
        padding-right: calc(var(--bs-gutter-x)*.5);
    }


@media (max-width: 991px) {
    .nav-container.portal-template .header {
        border-width: 5px;
        height: 86px;
        display: block;
    }

    .mobile-top.portal-template {
        padding-top: 0px;
    }
}

@media (max-width: 991px) {
    .nav-container.portal-template {
        border-width: 5px;
    }
}

.mobile-top.portal-template {
    margin-top: 0;
}

@media(max-width: 991px) {
    .header_container {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 100;
    }
}

.header_container.condensed {
    border-top: 12px solid #e7f0f8;
    height: 128.5px;
    background-color: #fff
}

@media(max-width: 1100px) {
    .header_container.condensed {
        display: block
    }
}

@media(max-width: 800px) {
    .header_container.condensed {
        border-width: 5px;
        height: 86px;
        display: block
    }
}

.header_container.condensed > .container > .row .header_site_logo {
    max-width: calc(218px + var(--bs-gutter-x)*.5*2);
    padding-left: 0;
    padding-top: 12px;
    padding-bottom: 12px
}

@media(max-width: 800px) {
    .header_container.condensed > .container > .row .header_site_logo {
        max-width: 100%;
        text-align: left;
    }
}

.header_container.condensed > .container > .row .header_site_logo a img {
    transition: transform .3s ease-in-out
}

@media(max-width: 800px) {
    .header_container.condensed > .container > .row .header_site_logo a img {
        max-height: 50px
    }
}

.header_container.condensed > .container > .row .header_site_logo a:hover img {
    transform: scale(1.05)
}

.header_container.condensed > .container > .row .header_return_to_site {
    padding-top: 40px
}

@media(max-width: 800px) {
    .header_container.condensed > .container > .row .header_return_to_site {
        padding-top: 24px;
    }
}

@media(max-width: 768px) {
    .header_container.condensed > .container > .row .return_to_site {
        display: none;
    }

    .header_container.condensed > .container > .row .header_return_to_site {
        padding-top: 24px;
        padding-right: 0;
    }
}


.header_container .container .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

    .header_container .container .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x)*.5);
        padding-left: calc(var(--bs-gutter-x)*.5);
        margin-top: var(--bs-gutter-y)
    }


    .header_container .container .row .col {
        flex: 1 0 0;
    }


.header_container .pl-login {
    position: static;
}

.header_container .header_site_logo {
    max-width: calc(218px + var(--bs-gutter-x) * .5 * 1);
    padding-top: 12px;
    padding-bottom: 12px;
}

*::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

*::-webkit-scrollbar-track-piece {
    background-color: #e5e7e9;
    border-radius: 3px
}

*::-webkit-scrollbar-thumb:vertical {
    background-color: #206ebc;
    border-radius: 3px
}

*::-webkit-scrollbar-thumb:horizontal {
    background-color: #206ebc
}

@media (max-width: 767px) {
    .header_container #loginButton,
    .header_container #bLogout {
        /*		top: -35px;
		height: 78px;*/
        padding-right: 0px;
        padding-left: 0px;
    }
}

/* new payment allocation */
#payment-allocations tbody > tr:not(.comment-row) {
    border-bottom: none !important;
    margin-bottom: 0;
}

#payment-allocations tbody tr.comment-row {
    border: 1px solid #dddddd;
    border-top: none;
}

#payment-allocations .comment-row td {
    border-top: none !important;
    background-color: inherit !important;
    padding-top: 0 !important;
}

/* Column width adjustments */
#payment-allocations th.col-payer-name,
#payment-allocations td[data-label="Payer"] {
    width: 25%;
}

#payment-allocations th.col-allocation,
#payment-allocations td[data-label="% Allocation"] {
    width: 10%;
}

#payment-allocations th.col-payment-info,
#payment-allocations td[data-label="Payment Info"] {
    width: 65%;
}
    #payment-allocations .program-info-header .row {
        margin-left: 0;
        margin-right: 0;
    }

        #payment-allocations .program-info-header .row > div {
            font-weight: bold;
            padding: 0;
            padding-right: 10px;
        }


    /* Program info styles */
    #payment-allocations .payment-info-container .program-item {
        background-color: #fff;
        padding: 0 0 10px 0;
        border: none;
    }

        #payment-allocations .payment-info-container .program-item:last-child {
            border-bottom: none;
        }

        /* Fix for Bootstrap row negative margins inside table cells */
        #payment-allocations .payment-info-container .program-item .row {
            margin-left: 0;
            margin-right: 0;
            margin-bottom: 0;
            border: none;
        }


    #payment-allocations .payment-info-container .program-info-header {
        padding: 4px 8px 4px 8px;
    }

        #payment-allocations .payment-info-container .program-info-header .row {
            margin-left: 0;
            margin-right: 0;
        }

            #payment-allocations .payment-info-container .program-info-header .row > div {
                font-weight: bold;
                padding: 0;
                padding-right: 5px;
            }

    #payment-allocations .payment-info-container .program-item .row > div {
        padding: 0;
        padding-right: 10px;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word;
    }

#payment-allocations tbody > tr > td {
    border-bottom: none;
}

#payment-allocations > thead > tr > th {
    vertical-align: middle;
}

    .toggle-comment-btn {
        font-weight: bold;
        margin: 10px 0;
    }

/* Ensure checkbox aligns properly in header */
#payment-allocations thead th.col-payer-name {
    vertical-align: middle;
}

    #payment-allocations thead th.col-payer-name #cbPaymentAllocationAll {
        margin-right: 8px;
    }

@media (max-width: 991px) {
    #payment-allocations th,
    #payment-allocations td {
        width: 100% !important;
    }

    #payment-allocations .payment-info-container {
        margin: 0;
    }

        #payment-allocations .payment-info-container .program-item, #payment-allocations .payment-info-container .program-info-header {
            padding: 4px 0;
        }

        #payment-allocations .payment-info-container .program-item {
            margin-top: 0;
            border-top: none !important;
        }

        #payment-allocations tr.comment-row td {
            margin-top: 0 !important;
        }

    .toggle-comment-btn {
        margin: 0;
        margin-bottom: 4px;
    }
}

@media (max-width: 768px) {
    /* Reset column widths on mobile */
    #payment-allocations th,
    #payment-allocations td {
        width: auto !important;
    }

    #payment-allocations .payment-info-container .program-info-header {
        display: none;
    }

    #payment-allocations .payment-info-container .program-item .row > div {
        width: 100% !important;
        margin-bottom: 8px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #payment-allocations .payment-info-container .program-item .row .form-group {
        margin-bottom: 0;
    }

    #payment-allocations .payment-info-container .program-item .row > div:before {
        content: attr(data-label) ": ";
        font-weight: bold;
        margin-bottom: 5px;
        color: #004b8e;
    }

    /* Mobile-specific fix for comment row spacing */
    #payment-allocations tbody > tr > td {
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }
}

/* Payer detail spacing */
#payment-allocations .payer-detail-line {
    display: block;
    padding-left: 21px;
    margin-top: 5px;
}

/* Status colors */
#payment-allocations .status-active {
    color: #31AA00;
}

#payment-allocations .status-inactive {
    color: #A94442;
}

/* Custom 2.5 column width for payment allocation form */
.col-xs-2-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 20.83333333%; /* 2.5/12 * 100% */
}