/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.table > thead > tr > th {
    vertical-align: top !important;
}

.menu-home{
    margin-left: -15px;
}
@media (max-width: 767px) {
    .menu-home{
        margin-left: 0;
    }
}

.subheading-small{
    color: #777;
    font-size: 16px;
    margin-top: 0.6em;
}

.asterisk-spaced {
    color: #D53B1E;
    margin-left: 0.4em;
}

.asterisk-no-space{
    color: #D53B1E;
}

.label-required{
    content:"*";
    color: #66ff66;
    margin-left: 0.4em;
}

.icon-yes {
    color:#00af24;
    padding-right: 1em;
}

.icon-no{
    color:#ff0031;
    padding-right: 1em;
}

.icon-warning{
    color: #F0AD4E;
    padding-right: 0.5em;
}

.icon-danger{
    color: #D52B1E;
    padding-right: .5em;
}

.has-success {
    border: 2px solid #5cb85c !important;
    background-color: white !important;
}
.has-danger  {
    border: 2px solid #d9534f !important;
    background-color: white !important;
}

.breadcrumb{
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 0;
    padding-left: 0;
}

.checkbox-squished{
    margin: 0 !important;
}

.secondary-text{
    color: #6F777B;
}

.callout-info, .callout-notice, .callout-note, .callout-attention, .callout-success, .callout-outage {
    border-radius: 0.1rem;
    border-style: solid;
    border-width: 1px 1px 1px 0.2rem;
    margin-bottom: 1em;
    margin-top: 1.4em;
    min-height: 60px;
    padding: 15px 20px 10px 50px;
    position: relative;
}
.callout-tools {
    border-style: solid;
    border-width: 0 0 0 0.2rem;
    margin-bottom: 1em;
    margin-top: 1.4em;
    min-height: 60px;
    padding: 15px 20px 10px 50px;
    position: relative;
}
.callout-info a, .callout-info a:visited {
    color: #333;
    text-decoration: underline;
}
.callout-notice a, .callout-attention a,.callout-notice a:visited, .callout-attention a:visited {
    color: #014c8c;
    text-decoration: underline;
}
.callout-info a:hover, .callout-notice a:hover, .callout-attention a:hover, .callout-info a:focus, .callout-notice a:focus, .callout-attention a:focus {
    color: #0275d8;
    text-decoration: none;
}

.callout-success{
    border-color: #E9F1FA #E9F1FA #E9F1FA #2FBA54 ;
    background: #EAF8EE none repeat scroll 0 0;
}
.callout-success > h4:first-child, .callout-success > h3:first-child {
    color: #2FBA54  !important;
    margin-top: 0;
    font-size: 1.3em;
}

.callout-outage{
    border-color: #FBE4D3 #FBE4D3 #FBE4D3 #ED7A23;
    background: #FBE4D3 none repeat scroll 0 0;
}

.callout-outage > h4:first-child, .callout-outage > h3:first-child {
    color: #ED7A23  !important;
    margin-top: 0;
    font-size: 1.3em;
}

.callout-info {
    border-color: #E9F1FA #E9F1FA #E9F1FA #5A9AD7;
    background: #E9F1FA none repeat scroll 0 0;
}
.callout-info > h4:first-child, .callout-info > h3:first-child {
    color: #5A9AD7!important;
    margin-top: 0;
    font-size: 1.3em;
}
.callout-notice {
    border-color: #FFFAE5 #FFFAE5 #FFFAE5 #E5B900;
    background: #FFFAE5 none repeat scroll 0 0;
}
.callout-notice > h4, .callout-notice > h3 {
    color: #E5B900!important;
    margin-top: 0;
    font-size: 1.3em;
}
.callout-note {
    border-color: #FFF #FFF #FFF #B3B3B3;
    /* background: #FFF none repeat scroll 0 0;*/
    background-color: #f2f2f2;
    padding: 5px 0px 5px 22px;
}
.callout-note.info-resource {
    padding-left: 50px;
}
.callout-note > h4, .callout-note > h3 {
    margin-top: 0;
}
.callout-note p:last-child {
    margin-bottom: 5px;
}
.callout-attention {
    border-color: #FAEAEF #FAEAEF #FAEAEF #CC3366;
    background: #FAEAEF none repeat scroll 0 0;
}
.callout-attention > h4, .callout-attention > h3 {
    color: #CC3366!important;
    margin-top: 0;
    font-size: 1.3em;
}
.callout-tools {
    border-color: #FFF #FFF #FFF #21578A; /*#373a3c or #815374*/
    background: #FFF none repeat scroll 0 0;
}
.callout-tools> h4, .callout-tools > h3 {
    color: #21578A;
    margin-top: 0;
    /*font-size: 1.3em;
    font-weight:400;*/
}
.callout-success:before, .callout-info:before, .callout-notice:before, .callout-attention:before, .callout-outage:before, .callout > h3:first-child {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    left: 0;
    position: absolute;
    text-decoration: inherit;
    top: 5px;
}

.callout-success:before{
    content: "\f058";
    color: #2FBA54 ;
    padding-left: 10px;
    font-size: 32px;
}
.callout-info:before {
    content: "\f05a"; /* fa-info-circle */
    /*content: "\f059"; octicon octicon-info*/
    color: #5A9AD7;
    padding-left: 10px;
    font-size: 32px;
}
.callout-notice:before {
    content: "\f12a"; /* fa-exclamation */
    /*content: "\f026"; octicon octicon-issue-opened*/
    color: #E5B900;
    padding-left: 20px;
    font-size: 36px;
}
.callout-attention:before {
    content: "\f071"; /* fa-exclamation-triangle */
    /*content: "\f02d"; octicon octicon-alert*/
    color: #CC3366;
    padding-left: 10px;
    font-size: 28px;
}

.callout-outage:before{
    content: "\f0e7";
    color: #ED7A23;
    padding-left: 10px;
    font-size: 32px;
}

/* left aligned lists in callout boxes*/
.callout-outage  ul, .callout-success  ul, .callout-info  ul, .callout-notice ul, .callout-attention ul, .callout-tools ul,
.callout-outage  ol, .callout-success  ol, .callout-tools  ol, .callout-info  ol, .callout-notice ol, .callout-attention ol {
    padding-left: 20px;
}
.callout-outage .fa-ul, .callout-success .fa-ul, .callout-info .fa-ul, .callout-notice .fa-ul, .callout-attention .fa-ul, .callout-tools .fa-ul {
    margin-left:0;
}
.callout-outage  li, .callout-success  li, .callout-info  li, .callout-notice li, .callout-attention li, .callout-tools .li {
    padding-left: 10px;
}
/* replace QCAA red of list icons where there is a background colour */
.callout-info ul.fa-ul li:before {
    color: #5BC0DE;
}
.callout-notice ul.fa-ul li:before {
    color: #F0AD4E;
}
.callout-attention ul.fa-ul li:before {
    color: #D9534F;
}
/* callout lists with paragraphs - alignment issue */
div ul.fa-ul li p:first-child {
    margin-top: -28px;
}
/* callout with list icons - alignment */
.callout-outage ul.fa-ul li.li-fa-pdf-ico p,
.callout-success ul.fa-ul li.li-fa-pdf-ico p,
.callout-note ul.fa-ul li.li-fa-external-ico p,.callout-notice ul.fa-ul li.li-fa-external-ico p, .callout-info ul.fa-ul li.li-fa-external-ico p, .callout-tools ul.fa-ul li.li-fa-external-ico p,
.callout-notice ul.fa-ul li.li-fa-doc-ico p, .callout-info ul.fa-ul li.li-fa-doc-ico p, .callout-tools ul.fa-ul li.li-fa-doc-ico p,
.callout-notice ul.fa-ul li.li-fa-pdf-ico p, .callout-info ul.fa-ul li.li-fa-pdf-ico p, .callout-tools ul.fa-ul li.li-fa-pdf-ico p {
    padding-left: 0;
}