.bumpversion-4.3.8_7.4.0_4.3.1 {background-color: transparent;}

:root {
  --orangish: #F1844F;
  --ugly-blue: #316174;
  --ugly-purple: #3a5575;
  --dark-ugly-blue: #265163;
  --melon: #EE7263;
  --peach: #F49B78;
  --light-yellow: #FAEF80;
  --light-yellow-25percent: rgba(250,239,128,0.25);
  --light-yellow-45percent: rgba(250,239,128,0.45);
  --egg-shell: #FEE6C2;
  --teal: #00847f;
  --aqua-marine: #5CBDB3;
  --cool-blue: #42ADC7;
  --dark-cool-blue: #2d8095;
  --robin-s-egg: #77CAE2;
  --light-cyan: #B4DEE8;
  --light-cyan-25percent: rgba(180,222,232,0.25);
  --light-cyan-45percent: rgba(180,222,232,0.45);
  --white: #FFFFFF;
  --black: #000000;
  --brownish-grey: #676767;

	/* bootstrap before scss customisation */
	--bs4-primary: #007bff;
	--bs4-secondary: #6c757d;
	--bs4-success: #28a745;
	--bs4-info: #17a2b8;
	--bs4-warning: #ffc107;
	--bs4-danger: #dc3545;
	--bs4-light: #f8f9fa;
	--bs4-dark: #343a40;

--font-family-onbrand: europa, "Source Sans Pro", Helvetica, Arial, sans-serif, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}


body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}




.bg-light {
    background-color: #fff !important; background-color: var(--white)!important;
}

.bg-orangish {	background-color: #F1844F !important; background-color: var(--orangish) !important; color: #fff; color: var(--white);} .bg-orangish h3 { color: #fff; color: var(--white);}
.bg-ugly-blue { background-color: #316174 !important; background-color: var(--ugly-blue) !important; color: #fff; color: var(--white);scrollbar-color: var(--brownish-grey) var(--ugly-blue);} .bg-ugly-blue h3 { color: #fff; color: var(--white);}
.bg-ugly-purple { background-color: #3a5575 !important; background-color: var(--ugly-purple) !important; color: #fff; color: var(--white);} .bg-ugly-purple h3 { color: #fff; color: var(--white);}
.bg-dark-ugly-blue {	background-color: #265163 !important; background-color: var(--dark-ugly-blue) !important; color: #fff; color: var(--white);scrollbar-color: var(--brownish-grey) var(--dark-ugly-blue);} .bg-dark-ugly-blue h3 { color: #fff; color: var(--white);}
.bg-melon { background-color: #EE7263 !important; background-color: var(--melon) !important; color: #fff; color: var(--white);} .bg-melon h3 { color: #fff; color: var(--white);}
.bg-peach { background-color: #F49B78 !important; background-color: var(--peach) !important; color: #fff; color: var(--white);} .bg-peach h3 { color: #fff; color: var(--white);}
.bg-light-yellow { background-color: #FAEF80 !important; background-color: var(--light-yellow) !important; color: #676767; color: var(--brownish-grey);} .bg-light-yellow h3 { color: #316174; color: var(--ugly-blue);}
.bg-light-yellow-25percent { background-color: rgba(250,239,128,0.25) !important; background-color: var(--light-yellow-25percent) !important; color: #676767; color: var(--brownish-grey);} .bg-light-yellow-25percent h3 { color: #316174; color: var(--ugly-blue);}
.bg-light-yellow-45percent { background-color: rgba(250,239,128,0.45) !important; background-color: var(--light-yellow-45percent) !important; color: #676767; color: var(--brownish-grey);} .bg-light-yellow-45percent h3 { color: #316174; color: var(--ugly-blue);}
.bg-egg-shell { background-color: #FEE6C2 !important; background-color: var(--egg-shell) !important; color: #676767; color: var(--brownish-grey);} .bg-egg-shell h3 { color: #316174; color: var(--ugly-blue);}
.bg-teal { background-color: #00847f !important; background-color: var(--teal) !important; color: #fff; color: var(--white);scrollbar-color: var(--brownish-grey) var(--teal);} .bg-teal h3 { color: #fff; color: var(--white);}
.bg-aqua-marine { background-color: #5CBDB3 !important; background-color: var(--aqua-marine) !important; color: #fff; color: var(--white);} .bg-aqua-marine h3 { color: #fff; color: var(--white);}
.bg-cool-blue { background-color: #42ADC7 !important; background-color: var(--cool-blue) !important; color: #fff; color: var(--white);} .bg-cool-blue h3 { color: #fff; color: var(--white);}
.bg-dark-cool-blue { background-color: #2d8095 !important; background-color: var(--dark-cool-blue) !important; color: #fff; color: var(--white);scrollbar-color: var(--brownish-grey) var(--dark-cool-blue);} .bg-dark-cool-blue h3 { color: #fff; color: var(--white);}
.bg-robin-s-egg { background-color: #77CAE2 !important; background-color: var(--robin-s-egg) !important; color: #fff; color: var(--white);} .bg-robin-s-egg h3 { color: #fff; color: var(--white);}
.bg-light-cyan { background-color: #B4DEE8 !important; background-color: var(--light-cyan) !important; color: #676767; color: var(--brownish-grey);} .bg-light-cyan h3 { color: #316174; color: var(--ugly-blue);}
.bg-light-cyan-25percent {  background-color: rgba(180,222,232,0.25) !important; background-color: var(--light-cyan-25percent) !important; color: #676767; color: var(--brownish-grey);} .bg-light-cyan-25percent h3 { color: #316174; color: var(--ugly-blue);}
.bg-light-cyan-45percent { background-color: rgba(180,222,232,0.45) !important; background-color: var(--light-cyan-45percent) !important; color: #676767; color: var(--brownish-grey);} .bg-light-cyan-45percent h3 { color: #316174; color: var(--ugly-blue);}
.bg-white { background-color: #fff !important; background-color: var(--white) !important; color: #676767; color: var(--brownish-grey);} .bg-white h3 { color: #316174; color: var(--ugly-blue);}
.bg-black { background-color: #000 !important; background-color: var(--black) !important; color: #fff; color: var(--white);} .bg-white h3 { color: #fff; color: var(--white);}
.bg-brownish-grey { background-color: #676767 !important; background-color: var(--brownish-grey) !important; color: #fff; color: var(--white);} .bg-brownish-grey h3 { color: #fff; color: var(--white);}
.bg-gray-dark { background-color: #343a40 !important; background-color: var(--gray-dark) !important; color: #fff; color: var(--white);} .bg-gray-dark h3 { color: #fff; color: var(--white);}

.bg-ugly-blue html, .bg-ugly-blue iframe, .bg-ugly-blue body {scrollbar-color: var(--brownish-grey) var(--ugly-blue);}
.bg-dark-ugly-blue html, .bg-dark-ugly-blue iframe, .bg-dark-ugly-blue body {scrollbar-color: var(--brownish-grey) var(--dark-ugly-blue);}
.bg-teal html, .bg-teal iframe, .bg-teal body {scrollbar-color: var(--brownish-grey) var(--teal);}
.bg-dark-cool-blue, .bg-dark-cool-blue iframe, .bg-dark-cool-blue body html {scrollbar-color: var(--brownish-grey) var(--dark-cool-blue);}


.bg-bs4-primary { background-color: #007bff !important; background-color: var(--bs4-primary) !important;}
.bg-bs4-secondary { background-color: #6c757d !important; background-color: var(--bs4-secondary) !important;}
.bg-bs4-success { background-color: #28a745 !important; background-color: var(--bs4-success) !important;}
.bg-bs4-info { background-color: #17a2b8 !important; background-color: var(--bs4-info) !important;}
.bg-bs4-warning { background-color: #ffc107 !important; background-color: var(--bs4-warning) !important;color:#000;}
.bg-bs4-danger { background-color: #dc3545 !important; background-color: var(--bs4-danger) !important;}
.bg-bs4-light { background-color: #f8f9fa !important; background-color: var(--bs4-light) !important;}
.bg-bs4-dark { background-color: #343a40 !important; background-color: var(--bs4-dark) !important;}

.orangish {	color: #F1844F !important; color: var(--orangish) !important;}
.ugly-blue { color: #316174 !important; color: var(--ugly-purple) !important;}
.ugly-purple { color: #3a5575 !important; color: var(--ugly-blue) !important;}
.melon { color: #EE7263 !important; color: var(--melon) !important;}
.peach { color: #F49B78 !important; color: var(--peach) !important;}
.light-yellow { color: #FAEF80 !important; color: var(--light-yellow) !important;}
.egg-shell { color: #FEE6C2 !important; color: var(--egg-shell) !important;}
.teal { color: #00847f !important; color: var(--teal) !important;}
.aqua-marine { color: #5CBDB3 !important; color: var(--aqua-marine) !important;}
.cool-blue { color: #42ADC7 !important; color: var(--cool-blue) !important;}
.dark-cool-blue { color: #2d8095 !important; color: var(--dark-cool-blue) !important;}
.robin-s-egg { color: #77CAE2 !important; color: var(--robin-s-egg) !important;}
.light-cyan { color: #B4DEE8 !important; color: var(--light-cyan) !important;}
.white { color: #fff !important; color: var(--white) !important;}
.black { color: #000 !important; color: var(--black) !important;}
.brownish-grey { color: #676767 !important; color: var(--brownish-grey) !important;}

.bs4-primary { color: #007bff !important; color: var(--bs4-primary) !important;}
.bs4-secondary { color: #6c757d !important; color: var(--bs4-secondary) !important;}
.bs4-success { color: #28a745 !important; color: var(--bs4-success) !important;}
.bs4-info { color: #17a2b8 !important; color: var(--bs4-info) !important;}
.bs4-warning { color: #ffc107 !important; color: var(--bs4-warning) !important;}
.bs4-danger { color: #dc3545 !important; color: var(--bs4-danger) !important;}
.bs4-light { color: #f8f9fa !important; color: var(--bs4-light) !important;}
.bs4-dark { color: #343a40 !important; color: var(--bs4-dark) !important;}


/*
.text-info {color: #0c5460 !important;}
.text-success {color: #155724 !important;}
*/

.pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.daterangepicker {
    border: 1px solid silver !important;
}    

.bg-dark .daterangepicker {
    color: #212529;
}    
    
.card.dmHTML-teaser-card, .card.news-teaser-card {
	padding-bottom: 50px;
}
.card.news-teaser-card {
	min-height:465px;
}
.card.dmHTML-teaser-card {
	min-height:250px;
}

.card.news-teaser-card img.card-img-top, .card.dmHTML-teaser-card img.card-img-top {
	max-height: 100%;
	overflow: hidden;
}

.card.news-teaser-card .card-body .buttoncontainer, .card.dmHTML-teaser-card .card-body .buttoncontainer {
	margin: 0px;
	position: absolute;
    bottom: 15px;
}    
  
.card.card-testimonials .card-body {
	padding-top: 2rem;
	height: 360px;
	overflow: hidden; 
}

.slick-track .card.card-testimonials .card-body, #section_rule_latestTestimonials .card.card-testimonials .card-body {
	height: auto;
	overflow: visible; 
}

.slick-caption {
	position: relative;
	bottom: 0px;
	font-size:0.8rem;
	padding-top: 5px;
    padding-bottom: 5px
}
.card.card-testimonials .card-body-2 {
	height: 140px;
	overflow: hidden; 
	background-color: rgba(112,209,232,0.2);
	background-image: url(https://www.wellmindhealth.com/wsimages/testimonial-speech-spout.png);
	background-position: right top;
    -webkit-background-size: 33% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 33% auto;
    background-repeat: no-repeat;
    background-attachment: initial;
}
.card.card-testimonials .card-body-2 .card-text p {
	margin-top: 10px;
}
.card.card-testimonials .card-body small {
	margin-bottom:30px;
}
.card.card-testimonials .card-body h6 {
	font-size: 1.1rem;
}

.card.card-feature {
	height:460px;
	overflow: hidden;
}
.card.card-feature-short {
	height:300px;
	overflow: hidden;
}
.card.card-feature-mini {
	height:260px;
	overflow: initial;
}
.card.card-feature-mini-short {
	height:180px;
	overflow: initial;
}

.card.card-feature .card-img-top {
  max-width:180px;
	margin: 50px auto auto auto;
}

.card.rounded .card-img-top, .card.rounded-4 .card-img-top {
    border-top-left-radius: calc(0.625rem - 1px);
    border-top-right-radius: calc(0.625rem - 1px);
}
.card.rounded .card-img-bottom, .card.rounded-4 .card-img-bottom {
    border-bottom-left-radius: calc(0.625rem - 1px);
    border-bottom-right-radius: calc(0.625rem - 1px);
}

.card.card-feature-big .card-text {
	font-size: 1rem;
}


.custom-select-xl {
    font-size: 1.5rem;
}


/* customising bootstrap label tags */
label {
    display: inline-block;
    font-weight: 700;
}
.multiField.checkbox > label {
    font-weight: 400;
}

.checkbox-lg input[type=checkbox] {width: 20px; height: 20px;}
.radio-lg input[type=radio] {width: 20px; height: 20px;}


.responsive-slick-reserve {
  margin-right: auto;
}
.responsive-slick-reserve-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 75% for 4:3 aspect ratio       56.25 for 16x9 aspect ratio   e.g 9 is what percentage of 16? */
  height: 0;
}

.responsive-player-reserve {
  margin-right: auto;
  padding-bottom:2px;
}
.responsive-player-reserve-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%; /* 75% for 4:3 aspect ratio       56.25 for 16x9 aspect ratio   e.g 9 is what percentage of 16? */
  height: 0;
}


.responsive-inline-frame {
  max-width: 1200px; 
  margin-right: auto;
}
.responsive-inline-frame-xlarge {
  max-width: 1800px; 
}
.responsive-inline-frame-inner {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 75%; /* 75% for 4:3 aspect ratio       56.25 for 16x9 aspect ratio   e.g 9 is what percentage of 16? */
  height: 0;
}
.responsive-inline-frame-inner-gds {
  padding-top: 77%; /*(add a couple for GDS embed footer!)   75% for 4:3 aspect ratio       56.25 for 16x9 aspect ratio   e.g 9 is what percentage of 16? */
}
.responsive-inline-frame-inner-gds-short {
  padding-top: 28%; 
}
.responsive-inline-frame-inner-16-9 {
  padding-top: 56.25%; /* 75% for 4:3 aspect ratio       56.25 for 16x9 aspect ratio   e.g 9 is what percentage of 16? */
}
.responsive-inline-frame-inner-looker-with-tab-nav {
  padding-top: 62%; 
}
.responsive-inline-frame-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
.container-fluid {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}
*/

.modal-dialog {
    padding-right: 1rem;
    padding-left: 1rem;
}
.modal-body {
    padding-right: 0rem;
    padding-left: 0rem;
	
	padding-top: 1rem;
    padding-bottom: 1rem;
}


.playable-container, .downloadable-container  {
  position: relative;
}   

.playable-container span.fa {
  color: #fff; color: var(--white);
  opacity: 0.50;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:translate(-50%,-50%);
}   

.downloadable-container span.fa {
  position: absolute;
  top: 110%;
  left: 100%;
  transform: translate(-110%, -110%);
  -webkit-transform:translate(-110%,-110%);
}   

.playable-container:hover span.fa, .downloadable-container:hover span.fa {
	padding-bottom:5px;
	opacity: 0.90;
}   

/* webskin tracer jquery-ui */
.ui-front {
	z-index:1110;
}

a:focus, a:hover {
	text-decoration: none;
}

body.webtop a:focus, a:hover {
	color: #91cfde;
}


.gritter-item a {
	color: #fff; color: var(--white);
	text-decoration: underline;
}
  
.controls input.fc-datepicker {
	max-width: 205px;
	min-width: 208px;
}

    
.painscale .btn-light:focus, .painscale .btn-light:hover {
	background-color: transparent; 
}
.painscale .btn-light.active:hover, .painscale .btn-light.active:focus {
	background-color: #d4d4d4;
}

.btn.focus,.btn:focus, .form-control:focus {
	outline: 5px auto -webkit-focus-ring-color;
}


.btn, .popover {
}

.btn-lg {
	font-weight: 400;
}

.btn-xl, .btn-group-xl>.btn {
    padding: 0.55rem 1.05rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-xxl, .btn-group-xxl>.btn {
    padding: 0.6rem 1.1rem;
    font-size: 1.35rem;
    line-height: 1.6;
    border-radius: 0.35rem;
}

.btn-success-pale {
	background-color: #dce5d1;
}

.btn-Azure-Ad-Logo:before {
	position: absolute;
	content:url(https://www.wellmindhealth.com/webtop/icons/Azure-Ad-Logo.png);
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.25;
}

.btn-ms-login {
	margin: 0px !important;
	padding: 0px !important;
}
.btn-ms-login:after {
	margin: 0px;
	padding: 0px;
	content:url(https://www.wellmindhealth.com/webtop/icons/ms-symbollockup_signin_light.svg);
}

.btn .fab /*, .btn .fad, .btn .fal, .btn .far, .btn .fas */ {
	font-weight: initial;
}


/* Doesn't work with form-spam-prevention as we end up with fields between the btns */
.btn-block+.btn-block {
	margin-top: 0px !important; 
}
.btn-block {
	margin-bottom: 5px;
}


.error {
	color: #c00;
}

.success {
	color: #360;
}

.bg-light .highlight, .highlight {
	color: #26568D !important;
}
.bg-dark .highlight {
	color: #FEE6C2 !important; color: var(--egg-shell);
}

.subdued {
	color: #999;
}
.badge.subdued {
	color: #fff;
	background-color: #ccc;
}
.badge2line {
	line-height: inherit;
	text-align: left;
}

.disabled {
	color: #bcbcbc;
}

.btn[disabled] {
   	pointer-events: auto !important;
}
.bright { color: #73e4ff; }


.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
}

h1 {
}

h2, h3 {
}

h5 {
}

/*
.bg-alert-success {
  color: #29400e !important;
  border-color: #cddabf !important;
  background-color: #dce5d1 !important;
}
.bg-alert-info {
  color: #29305a !important;
  border-color: #ced2e8 !important;
  background-color: #dcdfef !important;
}
.bg-alert-warning {
  color: #115142 !important;
  border-color: #c1e3db !important;
  background-color: #d3ebe5 !important;
}
.bg-alert-danger {
  color: inherit !important;
  border-color: #f0c4d7 !important;
  background-color: #f5d5e2 !important;
}
*/

#bubbles {
	margin-top: 0rem;
	margin-bottom: 0rem;
	margin-right: 0rem;
	margin-left: 0rem;
}

main.modal-main div#bubbles {
	margin-top: 0rem;
	margin-bottom: 0rem;
	margin-right: 1rem;
	margin-left: 1rem;
}

#bubbles .alert {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	min-height: 75px;
}

.alert-primary { /* blue box - like highlightBoxonYellow */
  color: #fff; color: var(--white);
  background-color: #347999;
  border-color: #e3e3e3;
}

.alert-info .badge {
	vertical-align: inherit;
}

.alert-no-border {
	border: none !important;
	border-color: transparent !important;
} 

/*********
 main
 *********/
body#tinymce {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



.main .breadcrumb:first-child {
}

.main .breadcrumb+.section {
}

/*********
 footer
 *********/
.footer {
}

.footer .btn-light {
}

#myJiraIssueCollectorTrigger {
}

.footer p {
}

.footer .main {
}

.footer .footer-logo {
	margin-top: 20px;
}

.footer .footer-logo a {
}


/* hide Zingcharts context menu
commit 1ff6081fd08ced94697f75742bb4b587bb54b707 destroys any menus lying around after ajax load   
.zc-menu {
	display: none !important;
}
*/
.zc-data-table {
	color: #000;
}

/*********
 carousel
 *********/
/*
.carousel img {
  width:100%;
}
.carousel-caption a,
.carousel-caption p {
  color:#dddddd;
}
*/
.carousel-control.right, .carousel-control.left {
	background-image: none;
}

.carousel-control {
	width: 10%;
	font-size: 100px;
}

.carousel-caption {
	padding-left: 12px;
	padding-right: 12px;
	background-color: rgba(0, 0, 0, .8);
}

.carousel-caption a {
	color: #fff; color: var(--white);
	text-decoration: none;
}


/*********
 teaser
 *********/
.teaser .thumbnail {
	float: left;
	height: 100px;
	margin: 0px 15px 10px 0px;
	width: 100px;
	object-fit: cover;
    aspect-ratio: 1/1;
}

.teaser .thumbnail i {
	display: block;
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.teaser .thumbnail img {
	width: 100%;
}

.teaser .thumbnail+.teaser-content {
	margin-left: 130px;
}

[data-toggle="collapse"] {   
  cursor: pointer;
}

[data-toggle="collapse"] .fa:before {   
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

.btn-bottom-align {
	padding-top: 40px;
}

.btn-bottom-align .btn {
	position: absolute;
	bottom: 10px;
}

.icon-tooltip {
	background-image: url(images/icons/icons-white.png);
	margin-top: -1px;
}

.img-holder {
	margin-bottom: 20px;
}

.img-holder img {
	min-width: 100%;
}

.thumbnail-avatar {
	float: left;
	height: 30px;
	margin: 10px 0;
	width: 30px;
}

.thumbnail-avatar+h5 {
	margin-left: 50px;
}

.thumbnail-avatar ~ p {
	clear: both;
}

.well-mini {
	padding: 8px 0;
}

.well-mini .nav-list .divider {
	margin: 5px -15px;
	*margin: 0 0 10px;
}


.fa {
/*	font-weight: 400 !important; */  /*to mimic .far */
}

.fas {
/*	font-weight: 900 !important; */
}

.fa.float-left {
    margin-right: .3em;
}
.fa.float-right {
    margin-left: .3em;
}

.fa-2x {
	min-height: 28px;
}
.fa-3x {
	min-height: 42px;
}
.fa-4x {
	min-height: 56px;
}


/*********
 forms
 *********/
/*
.btn-download {
    color: #333;
}
*/

.btn .fa {
	margin: 0 4px 0 0;
	text-shadow: none;
}

.btn-lg .fa {
	margin: 0 6px 0 0;
	text-shadow: none;
}


.btn-group-xs>.btn .fa, .btn-xs .fa {
	margin: 0 2px 0 0;
}


.btn .fa.only-icon {
	margin: 0 -3px 0 0px;
}

.displayOnly.form-control {
	padding: 0px;
}

.controls textarea {
	min-height: 200px;
}

.controls textarea.short {
	min-height: 50px;
}

.controls textarea.tall {
	min-height: 500px;
}

.controls textarea.verytall {
	min-height: 1200px;
}


.controls textarea.select2-search__field {
	min-height: 22px;
}
input.select2-search__field {
	min-height: 35px;
	border: none !important;
}
.select2-container .select2-selection--single, .select2-container .select2-selection--multiple {
	min-height: 35px;
	line-height: 1.5;
	border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0.215rem 0.75rem;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 4px;
}

/* This (copied from BS) handles server-side validation where the class is difficult to apply to the inner HTML */    
div.controls.is-invalid .form-control {
    border-color: #cb2e6f;
    border-width: 2px;
	background-image: none !important;
/*
	border-color: #cb2e6f;
    padding-right: calc(1.5em+0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23cb2e6f' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23cb2e6f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
    background-repeat: no-repeat;
    background-position: center right calc(0.375em+0.1875rem);
    background-size: calc(0.75em+0.375rem) calc(0.75em+0.375rem);
*/
}    

.form-control.is-invalid, .was-validated .form-control:invalid, div.controls.is-invalid .form-control {
    border-color: #cb2e6f;
    border-width: 2px;
	background-image: none !important;
/*    background-position: center right; */
}    




.helpsection {
	opacity: 0.8
}
/*
.helpsection:before {
	display: inline-block;
    font: normal normal normal 14px/1.2 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05a";
    margin: 5px 5px 0 0 ;
	opacity: 0.5;
	float:left;
}
*/
.helpsection .fa {
	opacity: 0.5;
}
.help-block {
	opacity: 0.75;
}
p.help-block {
	margin-top: 5px;
	margin-bottom: 0;
	line-height: inherit;
}

.pagination>li>a, .pagination>li>a:hover {
/*	color: #e17000; */
}
.pagination-sm .page-link {
    font-size: .775rem;
}
body.webtop .page-item.disabled .page-link {
    color: #fff;
}
body.webtop .page-item.disabled .page-link, .page-link {
    background-color: transparent;
    border-color: #93c0d2;
}



/*********
 for typography examples only.
 *********/
.the-icons {
}

.the-icons li {
}



.jw-tab-focus:focus {
	outline: none;
}

.modal-dialog.modal-xl {
	max-width: 100vw;
}

.modal-dialog.modal-lg {
	max-width: 1300px;
}

#mpModal .modal-dialog.modal-xl {
	max-width: 1300px;
}

.modal-header {
	padding: 0 1rem;
}
.modal-header .modal-title {
	margin-top: 12px;
}
.modal-header .close {
	font-size: 3.1rem;
	font-weight: 400;
}
.modal .bg-dark .close {
	color: #fff; color: var(--white);
	opacity: 0.9;
}

.modal-backdrop {
	z-index: 1031; /* low enough for all */
}
.modal-backdrop.show {
	opacity: 0.35;
}

.modal-content{
	-webkit-box-shadow: 6px 8px 10px rgb(0 0 0 / 40%);
    -moz-box-shadow: 6px 8px 10px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 15px 2px rgb(0 0 0 / 40%);
}

#bubbles .alert button.close {
	display: none;
}


.popover {
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 400;
	z-index: 2000;
	max-width: 500px;
}

.popover-title {
	min-width: 120px;
	font-size: 1rem;
	padding: 8px 14px 0px 14px;
	border-bottom: none;
}

.popover-header {
  color: #212529;
}

.popover-content {
	
}
.popover-content ul {
	margin-top: 10px;
}

.popover .close {
	font-size: 2rem;
	opacity: 0.5;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: -5px;
	display: none;
}


/* overrides jquery.loadmask.css */
.masked-relative {
	position: inherit !important;
}

body.masked-relative {
	position: relative !important;
	/* margin-right: 17px; */
	overflow-y: auto !important;
	overflow-x: clip !important;
}
.loadmask {
/*
    min-width: 100vw;
*/
    min-height: 100vh;
    opacity: 0.3;
    background-color: #000;
}
.loadmask-msg {
}
.loadmask-msg h4.badge {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.loadmask-msg {
/*
  	position: relative;
*/	
}
.loadmask-msg h4.badge {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 4px;
}

.loadmask-msg h4.badge-info {
    color: #fff;
    background-color: #4f5dad;
}

/* overrides fc-bootstrap-accessibility.css */
div.active:focus {
/*    outline: none; */
}

td.objectadmin-actions {
	max-width: 200px;
}

tr.highlight-objectadmin-row {
	border-left: 20px solid var(--light-yellow);
	border-right: 20px solid var(--light-yellow);
}


tr.highlight-objectadmin-row, span.highlight-objectadmin-row {
	border-left: 10px solid var(--light-yellow);
}
tr.highlight-progrole, span.highlight-progrole {
	border-left: 10px solid var(--melon);
	padding-left:6px;
}



.table-responsive {
	border: 1px solid #ddd;
}


.table-not-striped tbody tr td, .table-notstriped tbody tr td {
	border-top: none !important;
}



.mce-container {
	padding-left: 0px;
	padding-right: 0px;
}



#favourites a {
	display: inline-block;
}

#favourites .favourited {
	padding-right: 2px;
	display: inline-block;
}

#favourites .favourited.active {
	color: #ffff00;
}

#favourites .favourites-toggle {
	padding-left: 2px;
	display: inline-block;
}

#favourites .dropdown-menu .none {
	font-weight: normal;
	color: #333333;
	filter: none;
	padding: 1px 16px;
}

#favourites .dropdown-menu a {
	display: block;
}

.dropdown-menu-2 {
	-webkit-padding-start: 0px;
	padding-left: 0px;
}
.dropdown-menu-2 > li > a {
    text-decoration: none;
    outline: 0;
    padding: 1px 20px;
    display: block;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
}
.dropdown-menu-2>.active>a, .dropdown-menu-2>.active>a:focus, .dropdown-menu-2>.active>a:hover {
    color: #fff; color: var(--white);
    background-color: #337ab7;
}
.nav>li:hover>a.favourited {
    color: #ee0033;
}

.dropdown-menu {
	padding: 0px 0px 0px 0px;
}
.dropdown-menu>li>a {
	padding: 5px 20px;
}

table.cfdump_query, table.cfdump_struct, table.cfdump_array, table.cfdump_udf {
	position: relative;
	z-index: 1034 !important;
}
div.modal table.cfdump_query, div.modal table.cfdump_struct, div.modal table.cfdump_array, div.modal table.cfdump_udf {
	position: relative;
	z-index: 1065 !important;
}

.bg-dark table.cfdump_query, .bg-dark table.cfdump_struct, .bg-dark table.cfdump_array, .bg-dark table.cfdump_udf {
	color: #000 !important;
}
.bg-light table.cfdump_query, .bg-light table.cfdump_struct, .bg-light table.cfdump_array, .bg-light table.cfdump_udf {
	color: #000 !important;
}

.slider.slider-horizontal {
    width: 100%;
    height: 20px;
}


.slider .tooltip.show, .slider .tooltip.in {
	opacity:0.8 !important;
}
.slider .tooltip.top{
	margin-top: -50px;
}


.slider .slider-track {
	background-image: none;
    webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.slider .slider-track-high {
	opacity:1;
}
.slider .slider-tick-label {
	opacity:0.75 !important;
	font-size: 85%;
}
.slider .slider-tick {
	opacity:0;
}
.slider .slider-tick.in-selection {
	opacity:0;
}
.slider .slider-selection.tick-slider-selection, .slider-selection.tick-slider-selection.valid {
	background-image: none;
}
.slider .slider-selection.tick-slider-selection {
/*
	background-color: var(--ugly-blue) !important;
*/
}
.slider .slider-selection.tick-slider-selection.valid {
	background-image: linear-gradient(to bottom, var(--peach) 0, var(--peach) 100%);
}
.slider .slider-handle {
	background-image: none;
	background-color: var(--melon) !important;
    webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
}

.slider-maxzone {
	margin-right: -15px;width:50%;
}
.slider-minzone {
	margin-left: -15px;width:50%;
}



.userstatus-normal, .userstatus-normal:hover, .userstatus-normal:focus {
	color: #26568D !important;
}
.bg-dark .userstatus-normal, .bg-dark .userstatus-normal:hover, .bg-dark .userstatus-normal:focus {
	color: #FEE6C2 !important; color: var(--egg-shell);
}
.userstatus-pending, .userstatus-pending:hover, .userstatus-pending:focus, .userstatus-pending td {
	color: #d16000;
}
.userstatus-inactive, userstatus-inactive:hover, .userstatus-inactive:focus, .userstatus-inactive td {
	color: #CCC;
	font-style: italic;	
}
.userstatus-retired, userstatus-retired:hover, .userstatus-retired:focus, .userstatus-retired td {
	color: #f55b9b;
	font-style: italic;	
}
.userstatus-unknown, userstatus-unknown:hover, .userstatus-unknown:focus, .userstatus-unknown td {
	color: #C00;
	font-style: italic;	
}

ul.userstatus > span.badge { cursor:pointer;}


hr.short {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 1px solid grey;	
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: center;
  height: 1.5em;
  opacity: .5;
  &:before {
    content: '';
    // use the linear-gradient for the fading effect
    // use a solid background color for a solid bar
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
  }
  &:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;

    padding: 0 .5em;
    line-height: 1.5em;
    // this is really the only tricky part, you need to specify the background color of the container element...
    color: #818078;
    background-color: #fcfcfa;
  }
}


div#sessionReload {
	z-index: 30011 !important;
}
div#sessionReloadBackdrop {
	z-index: 30010 !important;
}
.modal-sessionReload > div.modal-dialog {
	max-width:450px !important;
}

.min-vh-80 {
  min-height: 80vh !important;
}
.min-vh-75 {
  min-height: 75vh !important;
}
.min-vh-67 {
  min-height: 67vh !important;
}
.min-vh-50 {
  min-height: 50vh !important;
}
.min-vh-40 {
  min-height: 40vh !important;
}
.min-vh-30 {
  min-height: 30vh !important;
}
.min-vh-25 {
  min-height: 25vh !important;
}
.min-vh-20 {
  min-height: 20vh !important;
}
.min-vh-15 {
  min-height: 15vh !important;
}


.w-33 {
  width: 33% !important;
}

.w-66 {
  width: 66% !important;
}


#mpModal div.modal-header {
	border-bottom: none;
}


/*********
 responsive
 *********/
@media ( min-width : 0px) {
	.SSQ .col-md-3, .SSQ .col-md-9 {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media ( min-width : 480px) {
	.form-inline .form-group {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.form-inline .form-group.longchar {
		display: inherit;
	}
	.form-inline .form-group.mySlider {
		display: inherit;
	}
}

@media ( min-width : 768px) {
	.modal-dialog {
	    max-width: 700px;
	}
	.form-inline .form-group {
		margin-bottom: 15px;
	}
	.form-inline .form-group.mySlider {
		display: inherit;
	}
	.form-inline .checkbox, .form-inline .radio {
		margin-top: 10px;
	}
	.SSQ .col-md-3, .SSQ .col-md-9 {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media ( min-width : 992px) {
	.modal-md, .modal-lg, .modal-xl {
	    max-width: 900px;
	}
	.col-form-label {
	    text-align: right;
	    padding-top: 0;
	    padding-bottom: 0;
	}

	.col-form-label, .col-form-label-lg, .col-form-label-sm {
		line-height: 150%;
	}

	
	.SSQ .col-md-3 {
		width: auto;
		float: none;
	}

	.SSQ .col-md-9 {
		width: 100%;
	}

	.SSQ .control-group.mySlider > .col-md-3 {
		width: 25%;
		float: left;
	}
	.SSQ .control-group.mySlider > .col-md-9 {
		width: 75%;
	}



	.programmeBody .container {
	}
	.programmeBody .main {
	}
	.form-inline .form-group.longchar { /*display:-webkit-box;*/
		
	}
	.form-inline .form-group.longchar .controls { /*min-width:100%;*/
		
	}
}

@media ( min-width :1200px) {

	#mpModal div.modal-dialog.modal-lg {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}


@media ( max-width : 991px) {
	.modal-header .modal-title {
		font-size: 1.6rem;
		margin-top: 10px;
	}
	.col-form-label {
	    padding-top: .375rem;
	    padding-bottom: 1rem;
	}		
}

@media ( max-width : 767px) {
	.form-group {
		margin-left: -15px !important;
	}
	.well .col-xs-12 address:last-child, .well .col-sm-12 address.last-child,
		.well .col-xs-12 blockquote:last-child, .well .col-sm-12 blockquote.last-child,
		.well .col-xs-12 ol:last-child, .well .col-sm-12 ol.last-child, .well .col-xs-12 p:last-child,
		.well .col-sm-12 p.last-child, .well .col-xs-12 table:last-child,
		.well .col-sm-12 table.last-child, .well .col-xs-12 ul:last-child,
		.well .col-sm-12 ul.last-child, .well .col-xs-12 .alert:last-child,
		.well .col-sm-12 .alert.last-child {
		margin-bottom: 15px;
	}
	body.masked-relative {
		margin-right: 0px;
	}

	.btn-bottom-align {
		margin-bottom: 20px;
		padding-top: 10px;
	}
	.btn-bottom-align .btn {
		position: static;
	}
	.carousel-caption {
		position: relative;
		margin-top: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
		right: 0;
		left: 0;
		bottom: 0;
	}
/*
	.btn+.btn, a.btn+a.btn {
		margin-bottom:15px;
	}
*/
}

@media ( max-width :480px) {
	.brand img {
		max-width: 260px;
	}
	.carousel-control {
		top: 35px;
	}
	/*zzzZilvester 07/11/2016 thumbnails are only 100px wide - they look awful when stretched to 280px!
  .teaser .thumbnail {
    float:none;
    width:auto;
  }
  .teaser .thumbnail img {
    min-height:100%;
    position:absolute;
      top:-100%;
  }
*/
	.teaser .thumbnail+.teaser-content {
		margin-left: 0;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
		.table>thead>tr>td, .table>thead>tr>th {
		max-width: 11em !important;
		overflow: hidden;
	}
	
}

@media ( max-width :370px) {
	.brand {
		min-height: 75px;
	}
	.brand img {
		max-width: 230px;
	}
	#gritter-notice-wrapper {
		right: 3%;
	}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
		.table>thead>tr>td, .table>thead>tr>th {
		padding: 5px;
		max-width: 8em !important;
		overflow: hidden;
	}
	.table {
		zoom: 0.85;
	}
}