﻿/* Document body */
body {
    background-color: #FFF;
    margin: 0;
    font-family: Roboto, sans-serif;
}



.overridefont {
    font-family: Roboto, sans-serif;
}



/* Material Icons */
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: top;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}



/* Shared navbar customisations */
.navbar {
    box-shadow: none;
    padding: 0;
    font-weight: 500;
}

a.nav-link {
    padding: 12px 16px !important;
    color: #002d54 !important;
}

@media (max-width: 991px) {
    .navbar {
        padding: 8px 16px;
    }

    a.nav-link {
        padding: 8px 0 8px 12px !important;
    }
}

.navbar-light {
    background-color: #f8f8f8;
}

li.nav-item.active {
    background-color: #d9effc;
}

li.nav-item:hover {
    background-color: #d9effc;
}

.nopad-container {
    padding: 0 0;
}


.navbar-contact {
    font-size: 1.6em;
}

.navbar-contact span {
    color: #00437e;
}

.navbar-contact span i {
    color: #0065bd;
}

.navbar-burger {
    color: #002d54;
    font-size: 1.8em;
}




/* Shared header logo, contact bar and footer */
.pcs-header-l, .pcs-header-r {
    background-color: #fff;
    padding: 30px 30px 50px 30px;
}

.pcs-header-l img {
    width: 420px;
    /*padding-top:9px;*/
}

.pcs-header-contact-box {
    float: right;
}

.pcs-header-contact, .pcs-header-phone, .pcs-header-opening, .pcs-header-support {
    color: #00437e;
    font-size: 1.6em;
    line-height: 1.3em;
    font-weight: bold;
}

.pcs-header-contact i, .pcs-header-phone i {
    width: 40px;
    color: #0065bd;
}
.pcs-header-contact a {
    color: #00437e;
    text-decoration: none;
}
.pcs-header-opening {
    padding-left: 40px;
    font-size: 0.84em;
}
.pcs-header-support {
    padding-left: 40px;
    font-size: 0.84em;
}

@media (max-width: 575px) {
    .pcs-header-r {
        padding-top: 0;
    }

    .pcs-header-contact {
        float: left;
    }

    .pcs-header-r {
        padding: 0;
    }
}





.pcs-footer {
    background-color: #002d54;
    color: #fff;
    padding: 40px;
}

.pcs-footer-linklist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pcs-footer-linklist li a {
    color: #e5f0f8;
}

.pcs-footer-abnet, .pcs-footer-scotgov, .pcs-footer-ogl {
    display: block;
    margin-bottom: 25px;
}

.pcs-footer-abnet {
    margin-top: 5px;
    width: 200px;
}

.pcs-footer-scotgov {
    width: 150px;
}

.pcs-footer-ogl {
    width: 66px;
}

.pcs-footer-contact, .pcs-footer-phone, .pcs-footer-opening, .pcs-footer-support {
    font-size: 1.6em;
}

.pcs-footer-contact i {
    width: 40px;
}

.pcs-footer-phone i {
    width: 40px;
}
.pcs-footer-contact a {
    color: #fff;
    text-decoration: none;
}
.pcs-footer-opening {
    padding-left: 40px;
    font-size: 0.84em;
}

.pcs-footer-support {
    padding-left: 40px;
    font-size: 0.84em;
}
.pcs-footer-social {
    margin-top: 30px;
    margin-left: 40px;
}

@media (max-width: 767px) {
    .pcs-footer-opening {
        padding-left: 0;
    }

    .pcs-footer-social {
        margin-left: 0;
    }
}

.pcs-footer-social a {
    font-size: 1.3em;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    color: #0065bd;
    display: inline-block;
    text-align: center;
    line-height: 1.4em;
    margin-right: 20px;
}

.pcs-footer-social a i {
    display: inline-block;
    vertical-align: bottom;
}

.pcs-footer-social a:hover {
    background-color: #0065bd;
    color: #fff;
}

.pcs-footer-copyright {
    margin-top: 20px;
    text-align: center;
}

.pcs-footer-copyright hr {
    margin-bottom: 20px;
    border-color: #00437e;
}

.pcs-footer-copyright a {
    color: #fff;
}









/* Paging */

.pcs-paging-item a, .pcs-paging-item button {
    background-color: #033f81;
    color: #fff;
    width: 30px;
    text-align: center;
}

.pcs-paging-item a:hover, .pcs-paging-item button:hover {
    background-color: #0d5eb7;
    color: #eee;
}

.pcs-paging-dropdown {
    background-color: #033f81;
    color: #fff;
    height: 100%;
}

.pcs-paging-dropdown:hover {
    background-color: #0d5eb7;
    color: #fff;
}






#animatedContainer {
    background-color: #193c6d;
    filter: progid: DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#003073', endColorstr='#029797');
    background-image: url(//img.alicdn.com/tps/TB1d.u8MXXXXXXuXFXXXXXXXXXX-1900-790.jpg);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0, #003073), color-stop(100%, #029797));
    background-image: -webkit-linear-gradient(135deg, #003073, #029797);
    background-image: -moz-linear-gradient(45deg, #003073, #029797);
    background-image: -ms-linear-gradient(45deg, #003073 0, #029797 100%);
    background-image: -o-linear-gradient(45deg, #003073, #029797);
    background-image: linear-gradient(135deg, #003073, #029797);
    margin: 0px;
    overflow: hidden;
    width: 100%;
    height: 220px;
    position: relative;
}

@media (max-width: 767px) {
    #animatedContainer {
        height: 120px;
    }
}




/* Page banner */
.pcs-banner {
    padding: 40px 40px 30px 40px;
    background-size: cover;
    /*margin-top:-220px;*/
    top: 0;
    position: absolute;
}

.pcs-banner h1 {
    font-size: 2em;
    font-weight: 700;
    color: #d9effc;
}

.pcs-banner p {
    font-size: 1.4em;
    margin-top: 20px;
    color: #fff;
}

.pcs-banner a {
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .pcs-banner {
        padding: 30px 30px 15px 30px;
        /*margin-top:-120px;*/
    }

    .pcs-banner h1 {
        font-size: 1.3em;
    }
}



/* BANNER for all other non-default pages */
.pcs-staticbanner {
    background-color: #00437e;
    color: #fff;
    padding: 30px 20px 20px 30px;
    width: 100%;
}

.pcs-staticbanner h1 {
    color: #d9effc;
    font-size: 1.4em;
}

.pcs-staticbanner span {
    color: #fff;
}

.pcs-staticbanner p {
    font-size: 1em;
    line-height: 1.3em;
    margin-top: 15px;
}

.pcs-staticbanner a {
    color: #fff;
    text-decoration: underline;
}





/* Tables */
.pcs-tbl-row {
    background-color: #fbfbfb;
}

.pcs-tbl-altrow {
    background-color: #f5f5f5;
}



/* Message bars */
.pcs-errorbar {
    border: 1px solid #4a0000;
    color: #000;
    background-color: #ffe1e1;
    margin: 20px 0;
    padding: 5px 10px;
}

.pcs-messagebar {
    border: 1px solid #003306;
    color: #000;
    background-color: #c1ffc2;
}

.pcs-errorbar ul, .pcs-messagebar ul {
    list-style-type: square;
    margin: 0;
    padding: 5px 10px;
}

.pcs-errorbar ul li, .pcs-messagebar ul li {
    padding: 0;
    margin: 0 10px;
}




/* Default buttons */
.pcs-button {
    white-space: nowrap;
    color: #fff;
    background-color: #00437e;
    padding: 14px 18px;
    text-decoration: none;
    font-size: 0.9em;
}

.pcs-button-white {
    white-space: nowrap;
    padding: 12px 18px;
    text-decoration: none;
    font-size: 0.9em;
}

.pcs-button i {
    width: 30px;
    padding-left: 10px;
}

.pcs-button:hover, .pcs-button-white:hover {
    color: #fff;
    background-color: #0065bd;
    text-decoration: none;
}

.pcs-button-white {
    color: #00437e;
    background: #fff;
    border: 2px solid #00437e;
}



/*  Cookies Bar */
.pcs-cookies-container {
    /*position: fixed;*/
    width: 100%;
    top: 0;
    z-index: 9;
    background-color: #ebebeb;
}

.pcs-cookiesbar-height-5rem {
    min-height: 5rem;
    line-height: 5rem;
}

/* The following breaks on < .md bootstrap class */
@media(max-width: 768px) {
    .sm-align-text-center {
        text-align: center !important;
    }
}

.pcs-checkspace input[type="checkbox"] {
    margin-right: 7px;
}





.pcs-skip-to-content {
    color: #fff;
}

.pcs-skip-to-content:focus {
    color: #00437e;
}


/*
form *:focus {
    background-color: #FEC66C;
}



.pcs-banner a:focus,
.pcs-footer-linklist li a:focus,
.pcs-footer-copyright a:focus {
    color: #000;
}

.pcs-footer-social a:focus {
    background-color: #FEC66C;
}



*/



.form-control,
.RadInput_Bootstrap.riSingle .riTextBox,
.RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated,
.RadPicker_Bootstrap .rcCalPopup,
.RadPicker_Bootstrap .rcTimePopup {
    border-color: #767676 !important;
}



.img-focus-block {
    display: block;
}




.text-right{
    text-align: right;
}