/*@import url("//fonts.googleapis.com/css?family=Nunito Sans:400,600");
@font-face {
 font-family: "Nunito Sans";
}

body {
  font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
}


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,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) {
    font-family: "Nunito Sans", Helvetica, Arial, sans-serif;
}*/


/*alerts*/

/*take out bg on existing bootstrap css and change the colours */
.alert-info{
background: none;
    border-width:1px;
    color: #444;
    border-color: #31708f;
}
.alert-danger {
background: none;
    border-width:1px;
    border-color: #CC0000;
    color: #444;
}

.alert-success{
background: none;
    border-width:1px;
    border-color: #076440;
    color: #444;
}

.alert-warning {
  color: #444;
    background: none;
    border-color: #FF860D;
    border-width:1px;
}

.alert-instruct {
color: #444;
    border-color: #6C38A1;
border-width:1px;
}


.alert{
text-align: left!important;
 /*  display: flex;
   flex-wrap: wrap;
   align-items:center;*/
line-height: 1.6em;
}

/* this is a cop out */
.alert a{
  margin-left:5px;
  margin-right:5px;
}

/*.alert:before {
  display: inline-block;
  vertical-align: middle;

   display: flex;
   align-items:center;
  margin-right: 10px;
  margin-bottom: 5px;
  content: ' ';
  background-image: url('https://static.warwickshire.gov.uk/firmstep/shared/img/info100x100.svg');
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  opacity: 0.4;
}*/


/*.alert:before {
  display: block;
  margin-bottom: 5px;
  content: ' ';
  background-image: url('https://static.warwickshire.gov.uk/firmstep/shared/img/info100x100.svg');
  background-size: 30px 30px;
  height: 30px;
  width: 80px;
  opacity: 0.4;
  background-repeat: no-repeat;
}*/

/* panels */
/*setting the panels up correctly */

.panel{
margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
 
}
.panel-body {
     line-height: 1.6em;
    padding: 10px 5px;
}
.panel-heading {
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
}

.panel-heading a{
  color:#fff;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}


.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-info>.panel-heading {
    color: #fff;
    border-bottom: 1px solid;
     background-image: -webkit-linear-gradient(top,#31708f 0,#31708f 100%); 
    background-image: linear-gradient(to bottom,#31708f 0,#31708f 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#31708f', endColorstr='#31708f', GradientType=0);
}
.panel-info {
    border-color: #31708f;

}

.panel-default>.panel-heading {
    color: #fff;
    border-bottom: 1px solid;
     background-image: -webkit-linear-gradient(top,#a3a3a3 0,#a3a3a3 100%); 
    background-image: linear-gradient(to bottom,#a3a3a3 0,#a3a3a3 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3', endColorstr='#a3a3a3', GradientType=0);
}
.panel-default {
    border-color: #a3a3a3;

}

.panel-danger>.panel-heading {
    border-bottom: 1px solid ;
    color: #fff;
    background-image: -webkit-linear-gradient(top,#CC0000 0,#CC0000 100%); 
    background-image: linear-gradient(to bottom,#CC0000 0,#CC0000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#CC0000', GradientType=0);
}

.panel-danger{
  border-color: #CC0000;
}


.panel-instruct {
    border-color:#6C38A1;
}
.panel-instruct>.panel-heading {
    color: #fff;
    background-image: -webkit-linear-gradient(top,#6C38A1 0,#6C38A1 100%); 
    background-image: linear-gradient(to bottom,#6C38A1 0,#6C38A1 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6C38A1', endColorstr='#6C38A1', GradientType=0);
}

.panel-warning {
    border-color: #FF860D;
}
.panel-warning>.panel-heading {
    color: #fff;
    border-color: #FF860D;
    background-image: -webkit-linear-gradient(top,#FF860D 0,#FF860D 100%); 
    background-image: linear-gradient(to bottom,#FF860D 0,#FF860D 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF860D', endColorstr='#FF860D', GradientType=0);
}

.panel-success {
    border-color: #076440;
}
.panel-success>.panel-heading {
    color: #fff;
    border-color: #076440;
    background-image: -webkit-linear-gradient(top,#076440 0,#076440 100%); 
    background-image: linear-gradient(to bottom,#076440 0,#076440 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#076440', endColorstr='#076440', GradientType=0);
}




/* buttons */
.btn-default {
   border-color: #a3a3a3;
}

.btn-primary {
    color: #fff!important;
    background-color: #076440;
    border-color: #076440;
}
.btn-success {
    color: #fff!important;
    background-color: #076440;
    border-color: #076440;
}
.btn-info {
    color: #fff!important;
    background-color: #31708f;
    border-color: #31708f;
}
.btn-warning{
    color: #fff!important;
    background-color:#FF860D;
    border-color: #FF860D;
}
.btn-danger {
    color: #fff!important;
    background-color:#CC0000;
    border-color: #CC0000;
}

.btn-instruct {
color: #fff!important;
    background-color: #6C38A1;
border-color: #6C38A1;
}
.btn-instruct:hover{
  color:#fff;
  background-color: #8042bd;

}

/* wells */

.well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#f5f5f5 100%);
    line-height: 1.6em;
}

.well p{
  margin-bottom: 0;
}

.well-lg {
    padding: 18px;
    border-radius: 6px;
}

.well-sm {
    padding: 5px;
    border-radius: 3px;
}

.well-primary {
    border-color: #076440;
}
.well-success {
    border-color: #076440;
}
.well-info {
    border-color: #31708f;
}

.well-warning {
border-color: #FF860D;
}

.well-danger {
border-color: #CC0000;
}

.well-instruct {
border-color: #6C38A1;
}





/* complimentary */

.quotation{
  /*font-size: 20px;*/
  quotes: "\201C""\201D""\2018""\2019";
  padding: 5px 10px;
  line-height: 1.2;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 20px;
  color: #595959;
  font-size: 3em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 20px;
  color: #595959;
  font-size: 3em;
}



/* callouts */
div[class*='bs-callout-']{
padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: #a3a3a3!important;
    background-color: #f5f5f5;
    color:#4d4d4d;
}

div[class*='bs-callout-'] h1,
div[class*='bs-callout-'] h2,
div[class*='bs-callout-'] h3,
div[class*='bs-callout-'] h4,
div[class*='bs-callout-'] h5,
div[class*='bs-callout-'] h6 {
    color: #096f48!important;
}

a div[class*='bs-callout-']:hover{
  border-color: #d4d4d4;
  border-left-color: #096f48!important;
  background-color: #f2f2f2;
}


a.callout-link:focus div[class*='bs-callout-']{
    border-color: #ffc848;
  border-left-color: #ffc848!important;
  background-color: #f2f2f2;
  border-width:3px;
}


.all-services .form-link-color{
  color: #096f48;
  text-decoration: none;
}

.all-services .form-link-color:hover{
  text-decoration: underline;
}


.service-groups a.fsservice-pretty-link:hover{
    border: 1px #096f48 solid;
    background-color: #f2f2f2;
    color: #404040;
}



/* firmstep styling amendments */

/* references at bottom of forms */
.form-reference-wrapper{
  font-weight: 900;
  font-size: 90%;
}



/*homepage boxes */
.service-groups a.fsservice-pretty-link.active {
    border: 1px #096f48 solid !important;
    background-color: #096f48 !important;
    color: #fff !important;
}

.service-groups a.fsservice-pretty-link h2 {
font-size: 120%;
}



/* tabs */
.nav{
  background-color: #fff;
}

/* a tab link */
.nav li a{
  background-color: #ddd;
}

/*active tab */
.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.active .sectionNameTab{
  background-color: #808080;
  color:#fff!important;
 }

/* background of tab */
.achieveforms-container .sectionsHead .sectionsHeadInner {
    border-bottom: solid 1px #fff!important;
}

/* background of active tab */
.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.active .sectionNameTab {
    border-color: #fff;
    border-bottom-color: rgba(0,0,0,0);
}

.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.valid {
    color: #444;
}

.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.invalid {
    color: #444;
}

/* smaller screens */
@media only print, only screen and (max-width: 768px){

/* tabs */
.achieveforms-container .sectionsHead .sections-toggle-wrapper {
    min-height: 3em;
    border:none;
}

.achieveforms-container .sectionsHead {
    background: #ddd;

}

.achieveforms-container .sectionsHead .sections-toggle-wrapper .active-section-name,.achieveforms-container .sectionsHead .sections-toggle-wrapper .navbar-toggle i  {
    color: #444;
}

.achieveforms-container .sectionsHead .sections-toggle-wrapper .active-section-name{
  font-weight: bold;
}


} /* end 767px */