/* CSS from designers, largely untouched except for some name changes */

html, body { font-family: 'Lato', sans-serif; height: 100%; margin: 0;}

.wrapper {  height: 100%; display: flex; flex-direction: column; }
.textflex { flex: 1; overflow: auto; }

.header { width: 100%; }

section.content { min-height: 85vh; }

.border-bottom-dotted { border-bottom: 1px dotted #000;}


/* triage */
.triage-color-primary { color: #F09DA3 !important; }
.triage-color-secondary { color: #212529 !important; } /*{ color: #FFBCC2 !important; }*/
.triage-color-bgprimary { background-color: #F09DA3; }
.triage-circle { border-color: #F09DA3 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.triage-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* stress */
.stress-color-primary { color: #FFCA64 !important; }
.stress-color-secondary { color: #212529 !important; } /* { color: #FFE680 !important; }*/
.stress-color-bgprimary { background-color: #FFCA64; }
.stress-circle { border-color: #FFCA64 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.stress-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* burnout */
.burnout-color-primary { color: #99CEED !important; }
.burnout-color-secondary { color: #212529 !important; } /* { color: #C0E4F4 !important; }*/
.burnout-color-bgprimary { background-color: #99CEED; }
.burnout-circle { border-color: #99CEED !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.burnout-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* angst */
.anxiety-color-primary { color: #E0705C !important; }
.anxiety-color-secondary { color: #F0B8AE !important; } /* { color: #DEE2E1 !important; }*/
.anxiety-color-bgprimary { background-color: #E0705C; }
.anxiety-circle { border-color: #E0705C !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.anxiety-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* depressie */
.depression-color-primary { color: #E4A977 !important; }
.depression-color-secondary { color: #212529 !important; } /* { color: #FFD7A4 !important; }*/
.depression-color-bgprimary { background-color: #E4A977; }
.depression-circle { border-color: #E4A977 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.depression-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* bipolair */
.bipolar-color-primary { color: #AFCF90 !important; }
.bipolar-color-secondary { color: #212529 !important; } /* { color: #CFF1B2 !important; }*/
.bipolar-color-bgprimary { background-color: #AFCF90; }
.bipolar-circle { border-color: #AFCF90 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.bipolar-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* alcohol */
.alcohol-color-primary { color: #87C5C5 !important; }
.alcohol-color-secondary { color: #212529 !important; } /* { color: #B9E0E6 !important; }*/
.alcohol-color-bgprimary { background-color: #87C5C5; }
.alcohol-circle { border-color: #87C5C5 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.alcohol-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* drugs */
.drugs-color-primary { color: #B3B5B3 !important; }
.drugs-color-secondary { color: #212529 !important; } /* { color: #DEE2E1 !important; }*/
.drugs-color-bgprimary { background-color: #B3B5B3; }
.drugs-circle { border-color: #B3B5B3 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.drugs-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }

/* suicide */
.suicide-color-primary { color: #C188C9 !important; }
.suicide-color-secondary { color: #212529 !important; } /* { color: #EBC9E7 !important; }*/
.suicide-color-bgprimary { background-color: #C188C9; }
.suicide-circle { border-color: #C188C9 !important; border-width:2px !important; width: 68px; height: 68px; padding-top:20px; display: inline-block; position:relative; }
.suicide-circle:before { content: " ";  position: absolute; z-index: -1; top: 2px; left: 2px;  right: 5px;  bottom: 5px;  border: 1px dotted #333; border-radius: 30px; width: 60px; height: 60px; }


.answer { bottom: 30px; margin: 0 auto; width: 100%; position:relative; }
.breadcrumb-item+.breadcrumb-item::before { content: '>'; color: #e2a4bc; }

.pt-custom { padding-top: 12px;}

.panel-heading.collapsed .fa-chevron-down,
.panel-heading .fa-chevron-right {
  display: none;
}

.panel-heading.collapsed .fa-chevron-right,
.panel-heading .fa-chevron-down {
  display: inline-block;
}

i.fa {
  cursor: pointer;
  margin-right: 5px;
}

.collapsed ~ .panel-body {
  padding: 0;
}


.gradient-whitetopink { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2a4bc+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #e2a4bc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#e2a4bc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#e2a4bc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2a4bc',GradientType=1 ); /* IE6-9 */ }

.gradient-greytogrey{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,333333+100 */
height:3px;
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(left, #eaeaea 0%, #CCC 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #eaeaea 0%,#CCC 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #eaeaea 0%,#CCC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#333333',GradientType=1 ); /* IE6-9 */}  


@media only screen and (max-width: 800px) {
    .alcohol-img {
        padding-top:27px;
    }
}