/* GRANICUS SELF */

@import url('https://fonts.googleapis.com/css?family=Quicksand:wght@400;500;700&display=swap');

/* DASH = #704681 / #3c1053   SELF = #008572 / #007867  */
:root {
  --main: #006456;
  --shaded: #007867;
  --alt: #704681
}

html *{
  font-family: "Quicksand",sans-serif;
}

html, body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: 16px / 1.5 "Quicksand",sans-serif !important;
    font-weight: 500;
    margin: 0;
    height: 100%;
}
body#self-body {
    color: #3c3c3b;
    min-height: 100vh;
    padding-top: 0;
    display: flex;
    flex-direction: column;
	font-size:1rem;
	font-family: "Quicksand",sans-serif;
}
p{
    font-weight:500;
    line-height:1.5;
}

#main-content {
  flex: 1;
}


/* General Granicus Overrides for RBC styling */

.achieveforms-container .all-sections .field .fieldContent .fieldInput.content, .achieveforms-container .all-sections .field .fieldContent .fieldInput.upload, .achieveforms-container .all-sections .field .fieldContent .prefix-suffix-mode.content, .achieveforms-container .all-sections .field .fieldContent .prefix-suffix-mode.upload, .achieveforms-container .sectionsHead .sections-toggle-wrapper .active-section-name{
    font-size:inherit;
}
html._AF body{
	color:#3c3c3b;
}
.achieveforms-container .help-text{
	font-size:inherit;
}
.lead{
    font-size:1rem;
}

body._AF a, body._AF div, body._AF h1, body._AF h2, body._AF h3, body._AF h4, body._AF h5, body._AF p, body._AF span:not(.fa), div._AF a, div._AF div, div._AF h1, div._AF h2, div._AF h3, div._AF h4, div._AF h5, div._AF p, div._AF span:not(.fa), html._AF a, html._AF div, html._AF h1, html._AF h2, html._AF h3, html._AF h4, html._AF h5, html._AF p, html._AF span:not(.fa), body._AF article, body._AF footer, body._AF form, body._AF header, body._AF input, body._AF label, body._AF nav, body._AF section, body._AF select, body._AF textarea, div._AF article, div._AF footer, div._AF form, div._AF header, div._AF input, div._AF label, div._AF nav, div._AF section, div._AF select, div._AF textarea, html._AF article, html._AF footer, html._AF form, html._AF header, html._AF input, html._AF label, html._AF nav, html._AF section, html._AF select, html._AF textarea{
    font-family: "Quicksand",sans-serif;
}
.help-text, .help-text span{
    font-weight: 700;
    font-size:1em;
}

h1,.top-tasks .widget__heading,.h1,.alpha, body._AF h1, div._AF h1, html._AF h1
h1,.top-tasks .widget__heading,.h1,.alpha, body._AF h1, div._AF h1, html._AF h1 {
    font-size: 36px;
}

h2,.h2,.gamma,body._AF h2, div._AF h2, html._AF h2 {
    font-size: 26px;
}

h3,.h3,.delta, body._AF h3, div._AF h3, html._AF h3 {
    font-size: 22px;
}

.button--large,.button--large:visited,.alert__heading,.epsilon {
    font-size: 1.25rem;
}

h4,.h4,.widget-feeds .listing .listing__heading,.widget-latest-news .listing .listing__heading,.listing--compact .listing__heading,.zeta, body._AF h4, div._AF h4, html._AF h4 {
    font-size: 18px;
}

h5,.h5,h6,.h6, body._AF h5, div._AF h5, html._AF h5, body._AF h6, div._AF h6, html._AF h6 {
    font-size: 16px;
}

h1, .top-tasks .widget__heading, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    color: #3c3c3b;
    font-family: "Quicksand",sans-serif;
    font-weight: 700;
}
h6, .h6 {
    color: #3c3c3b;
    font-family: "Quicksand",sans-serif;
    font-weight: 500;
}


.login-link {
    border: 2px solid #fff;
    font-size: 1rem;
    padding: .5rem .75rem;
    position: relative;
    text-decoration: none;
    background-color: var(--main);
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Quicksand",sans-serif;
    font-weight: 700;
    margin: .25rem;
}

/* Header */
#session-badge{
    max-width: 70%;
    float: right;
}
#session-badge .dropdown-toggle{
    font-size:0.9rem;
    text-align: right;
}
#session-badge li{
    float:right;
}
#session-badge li ul li{
    float:none;
}

/* Navigation */

#header, #navigation {
    background-color: var(--main);
    margin-top: 0;
    position: relative;
    width: 100%;
    z-index: 996;
}
.navbar-inverse {
    background-color: var(--main);
    border-color: var(--main);
}
.navbar-inverse .dropdown-toggle {
    color: #FFF !important;
}

@media (max-width: 785px) {
    fs-caseviewer-root div#qa-third-cell{
        display:none !important;
    }
    fs-caseviewer-root div#qa-first-cell{
        height:auto !important;
    }
    fs-caseviewer-root .notes-and-continue-link{
        min-height: auto;
    }
    fs-caseviewer-root .d-md-block {
        display: block!important;
    }
    fs-caseviewer-root .collapse:not(.show){
        display: block;
    }
    fs-caseviewer-root .fs-primary{
        display:none;
    }
    fs-caseviewer-root .font-weight-bold-sm{
        font-weight:600;
    }
}

.navbar{
    margin-bottom:0;
    min-height:auto;
}
.navbar .btn{
    padding:10px 15px;
}
#navigation .btn-primary {
    color: #fff;
    background-color: var(--main);
    border: none;
	margin:0;
    font-weight: 400;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#navigation .btn.active{
    background-color:#3c3c3b;
}
#navigation .btn-primary:hover {
    background-color: var(--shaded);
}
.navbar a.active .caret{
    border-top-color: #3c3c3b; 
    bottom:-9px;
}
.navbar-inverse .navbar-nav>li>a#registerLink:hover,
.navbar-inverse .navbar-nav>li>a#loginLink:hover{
    background-color: var(--alt);
}
.login-btn-group .btn {
    background-color: #3c3c3b;
    border: 1px solid #3c3c3b;
    color: #fff;
}
.login-btn-group .btn.primary{
    background-color: var(--main);
    border: 1px solid var(--main);
    color: #fff;
}

/* Footer */

div#footer{
	font-size:14px;
    background-color: var(--main);
    color: #fff;
    width: 100%;
    padding: 10px;
    margin-top: auto;
}
div#footer a{
    background-color: var(--main);
    color: #fff;
}


/* Button and Form Styles */
.product_self .achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput .checkbox-wrapper label, .product_self .achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput .radio-wrapper label, .product_service .achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput .checkbox-wrapper label, .product_service .achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput .radio-wrapper label{
	font-size:16px;
}
._fieldName{
    color: #3c3c3b;
    font-family: "Quicksand",sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
}
.checkbox-label {
    margin: 0 0 0.75rem;
}

.input-group-btn .btn {
    margin: 0;
}

._AF .btn-af, .achieveforms-container .btn-af,
.achieveforms-container .fillinButtons .btn,
.btn{
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-family: "Quicksand",sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    -webkit-transition: background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;
    -o-transition: background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;
    transition: background-color .1s ease-out,border-color .1s ease-out,color .1s ease-out;
    vertical-align: middle;
	min-width:initial;
}

._AF .btn-af, .achieveforms-container .btn-af, .achieveforms-container .fillinButtons .btn, .btn,
.achieveforms-container .fillinButtons-wrapper .fillinButtons .btn{
    font-size: 18px;
    padding: 14px 22px;
    font-weight: 700;
}
.input-group .btn {
    padding: 10px;
}
#app-content .btn-group .btn{
    padding:3px 10px;
}
#faq-search .btn-info {
    color: #fff;
    background-color: var(--main);
    border-color: var(--main);
}
#faq-search .btn-info:hover {
    background-color: var(--alt);
    border-color: var(--alt);
}

.btn.btn-af.nextbutton,
.btn.btn-af.upload-button,
.btn.btn-af.submitbutton,
fs-caseviewer-root .btn.btn-secondary{
    background-color: var(--main);
    border: 1px solid var(--main);
    color: #fff;
}
button.btn.btn-af:hover,
.btn.btn-default:hover,
.btn:hover{
    background-color: var(--alt);
    color:#FFF;
}
.btn.btn-af.previousbutton,
.btn.btn-af.cancelbutton{
    background-color: #3c3c3b;
    border: 1px solid #3c3c3b;
    color: #fff;
}
.btn.active .caret{    
	border-top-color: #3c3c3b;
    bottom: -9px;
}
/* Button arrow replaced with RBC style arrow */
.fa-chevron-right:before{
    background-position: center center;
    background-size: contain;
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M19.12%2C4.22l9.29%2C9.3a2%2C2%2C0%2C0%2C1%2C0%2C2.88l-9.29%2C9.34a2.07%2C2.07%2C0%2C0%2C1-2.89-2.89L21.12%2C18a.53.53%2C0%2C0%2C0%2C0-.73.52.52%2C0%2C0%2C0-.35-.14H3.21A2.07%2C2.07%2C0%2C1%2C1%2C2.93%2C13H20.72a.52.52%2C0%2C0%2C0%2C.37-.88L16.2%2C7.15a2.07%2C2.07%2C0%2C0%2C1%2C2.89-2.89Z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1s ease-out;
    transition: -webkit-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out, -webkit-transform .1s ease-out;
    vertical-align: sub;
    height: 1rem;
    width: 1rem;
}

.navbar a.active:hover .caret{
    border-top-color: var(--shaded);
}

.navbar-inverse .navbar-brand{
    color:#FFF;
}

.thumbnail{
  border: 1px solid #3c3c3b;
  color: #3c3c3b;
}
.thumbnail:hover{
  background:#704681;
  color: #FFF;
}
.thumbnail:hover{
  background:#704681;
  border: 1px solid #704681;
  color: #FFF;
  transition: none;
  -webkit-transition: none;
}
.thumbnail:hover .text-warning{
  color: #FFF;
}


/* Services Page */

.service-groups a, .service-groups a h2{
	font-weight: 400 !important;
}
.service-groups a{
    border: 1px solid #3c3c3b !important;
}
.service-groups a.fsservice-pretty-link div{
	color:#999;
}
.service-groups a.fsservice-pretty-link.active,
.service-groups a.fsservice-pretty-link:hover{
    background-color:var(--main) !important;
}
.service-groups a.fsservice-pretty-link.active h2,
.service-groups a.fsservice-pretty-link:hover h2{
    color: #FFF !important;
}
.service-groups a.fsservice-pretty-link h2{
	overflow-x: visible;
}

.service-groups a.fsservice-pretty-link div{
	color:#666;
}
.service-groups a.fsservice-pretty-link.active, 
.service-groups a.fsservice-pretty-link.active div,
.service-groups a.fsservice-pretty-link:hover div {
    color: #fff;
}

/* Services Button Arrow Styling */
a.fsservice-pretty-link::before {
    height: 1.5rem;
    width: 1.5rem;
    content: '';
    float: right;
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2030%2030%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M19.12%2C4.22l9.29%2C9.3a2%2C2%2C0%2C0%2C1%2C0%2C2.88l-9.29%2C9.34a2.07%2C2.07%2C0%2C0%2C1-2.89-2.89L21.12%2C18a.53.53%2C0%2C0%2C0%2C0-.73.52.52%2C0%2C0%2C0-.35-.14H3.21A2.07%2C2.07%2C0%2C1%2C1%2C2.93%2C13H20.72a.52.52%2C0%2C0%2C0%2C.37-.88L16.2%2C7.15a2.07%2C2.07%2C0%2C0%2C1%2C2.89-2.89Z%22%20fill%3D%22%233c3c3b%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    margin: 20px 10px;
}
a.fsservice-pretty-link.active::before,
a.fsservice-pretty-link:hover::before{
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2030%2030%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M19.12%2C4.22l9.29%2C9.3a2%2C2%2C0%2C0%2C1%2C0%2C2.88l-9.29%2C9.34a2.07%2C2.07%2C0%2C0%2C1-2.89-2.89L21.12%2C18a.53.53%2C0%2C0%2C0%2C0-.73.52.52%2C0%2C0%2C0-.35-.14H3.21A2.07%2C2.07%2C0%2C1%2C1%2C2.93%2C13H20.72a.52.52%2C0%2C0%2C0%2C.37-.88L16.2%2C7.15a2.07%2C2.07%2C0%2C0%2C1%2C2.89-2.89Z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}




/* Case Viewer Page Styling */

fs-caseviewer-custom-views p{
    font-weight: 300;
    font-size: 1.1rem;
    padding: 10px 0 0 10px;
}
fs-caseviewer-root .btn {
    font-size: 0.9em;
}
.custom-views button{
    font-weight:300;
}
.btn-primary {
    background-color: var(--main);
    border-color: var(--main);
    color: #FFF !important;
}
.btn-default{
    background-color: var(--main);
    border-color: var(--main);
    color: #FFF !important;
}
.btn-secondary,
.btn-secondary[_ngcontent-wsb-c14]{
    background-color: var(--main);
    border-color: var(--main);
    color: #FFF;
}
.btn-secondary[_ngcontent-wsb-c14]:hover:not([disabled]){
    background-color: var(--alt);
    border-color: var(--alt);
    color: #FFF;
}
.btn-outline-secondary{
    border:1px solid var(--main);
    color:var(--main);
}
.btn-outline-secondary:hover,
fs-caseviewer-root .btn.btn-secondary:hover,
.btn-secondary:hover:not([disabled]){
    background-color: var(--shaded) !important;
    border-color: var(--shaded);
}
.btn:focus:not([disabled]){
    background-color: var(--alt);
    border-color: var(--alt);
}
.ui-pnotify button {
    margin-top: 3px;
}

.ui-pnotify .btn-danger {
    background-color: #3c3c3b;
    border-color: #3c3c3b;
}

.ui-pnotify .btn-danger:hover {
    background-color: var(--alt) !important;
    border-color: var(--alt);
}

.ui-pnotify .btn-success {
    background-color: var(--main);
}

.ui-pnotify .btn-success:hover {
    background-color: var(--alt) !important;
}

.ui-pnotify .btn-default:hover{
    background-color: var(--alt) !important;
}

/* hide date started column */
.date_started {
	display: none;
}

/* replace mandatory asterix icon (*) with text 'Required' */
.mandatory {
  visibility: hidden;
}

.mandatory::after {
  content: " Required";
  visibility: visible;
  position: absolute;
  color: #ae0034;
  font-weight: bold;
}

#anonymousLoginScreen .btn-custom {
    color: #3c3c3b !important;
}

/* Case Viewer Mobile Styling */
@media (max-width: 785px) {
    fs-caseviewer-root div#qa-third-cell{
        display:none !important;
    }
    fs-caseviewer-root div#qa-first-cell{
        height:auto !important;
    }
    fs-caseviewer-root .notes-and-continue-link{
        min-height: auto;
    }
    fs-caseviewer-root .d-md-block {
        display: block!important;
    }
    fs-caseviewer-root .collapse:not(.show){
        display: block;
    }
    fs-caseviewer-root .fs-primary{
        display:none;
    }
    fs-caseviewer-root .font-weight-bold-sm{
        font-weight:600;
    }
	fs-caseviewer-root .pt-3,
	fs-caseviewer-root .py-3,
	fs-caseviewer-root .pl-3,
	fs-caseviewer-root .px-3,
	fs-caseviewer-root .pb-3,
	fs-caseviewer-root .pr-3{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.case{
		padding-top:0.5rem !important;
		padding-bottom:0.5rem !important;
	}
}
@media (max-width: 450px){
    fs-caseviewer-root *,
    fs-caseviewer-custom-views p{
        font-size:0.7rem;
    }
    fs-caseviewer-cases-filters .btn{
        padding:0;
        font-size:0.7rem;
    }
    .accordion-container .card-body{
        padding:0 0 0 3px !important;
    }
}




@media (max-width: 1000px) {
    .nav dropdown .dropdown-toggle {
        display: initial;
    }
}


/* Responsive Styling for header and footer */

@media (max-width: 750px){
	div#footer .span12{
		width:100%;
		margin:0 auto;
	}
}
@media (min-width: 750px) and (max-width: 992px){
    #navigation .row {
        width: 730px;
        margin: auto;
    }   
	div#footer .span12{
		width:730px;
		margin:0 auto  !important;
	}
}
@media (min-width: 992px) and (max-width: 1200px){	
	#navigation .row{
		width: 970px;
		margin:auto;
	}
	div#footer .span12{
		width:970px;
		margin:0 auto !important;
	}
}
@media (min-width: 1200px){	
	#navigation .row{
		width: 1170px;
		margin:auto;
	}
	div#footer .span12{
		width:1170px;
		margin:0 auto !important;
	}
}
@media (max-width: 768px) {
    #navigation .row{
        width: auto;
    }
    #navigation ul.nav li,
    #navigation ul.nav li:first-child{
        border:none;
    }
    #navigation div.visible-xs ul li a{
        color:#FFF;
    }
    #navigation div.visible-xs ul li a:hover{
        background:#3c3c3b;
        text-decoration: underline;
    }
	#navigation .btn-primary[aria-expanded="true"]{
        background:#3c3c3b;
	}
    .navbar-collapse{
        box-shadow:none;
        background:#3c3c3b;
    }
}

@media (max-width: 1160px) {
	.achieveforms-container div.repeatable-table-wrapper table.repeatable-table th:not(.edit-column){
		min-width:auto;
	}
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>td,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>thead>tr>th{
		white-space: normal;
	}
    .achieveforms-container div.repeatable-table-wrapper{
        /*overflow:hidden;*/
    }
}

/* Hide various links on Self */

#session-badge, .navbar-header, .navbar a[aria-label="Home"], .navbar a[aria-label="Rochdale Homepage"], #cookie-message { display:none !important; }
#header { padding-top: 24px; }