/*
    PLEASE NOTE: This file details only with the colour scheme of the site.
                 In effect this file shall only ever contain colours and borders.
                 For all other CSS, look in structure.css

                 Also in case you are not aware the files will be combined hence
                 classes and ids are split across both

    border colour: #d4d0c8
    heading text colour: navy
    light background: #E0EFFF
    lighter background: #F1F3F9
*/

body {
    font-family: Arial;
    font-size: 10pt;
    /*background-color: #AAAAAA;        */
    background: url(Background.gif);
}

img {
    border: 0;
}

#main h1 {
    color: #231F20;
    border: solid 1px #d4d0c8;
    background: transparent url(headerBackground.jpg);
}

h2, h3, h4 {
    color: #231F20;
}

h1 {
    font-size: 1.3em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1.0em;
}

a:hover, a:link, a:visited, a:active {
    color: #233444;
    text-decoration: underline;
}

fieldset {
    border: solid 1px #d4d0c8;
}

.PageTitleSection {
    margin-bottom: 5px;
}

.PageHeaderItem {
    margin: 0;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bold;
    padding: 2px 10px 5px 10px;
    border-bottom: 1px solid #444;
    border-width: 0;
    background: transparent url(headerBackground.jpg);
    height: 20px;
}

#container {
    background-color: #FFF;
    border: solid 1px black;
    border-bottom: 0;
}

#footer {
    font-size: 80%;
    background-color: #FFF;
    border: solid 1px black;
    border-top: 0;
}

.desktopIcon {
    color: #000;
    border: solid 1px #d4d0c8;
    background-color: #EAF0F7;
}

    .desktopIcon a {
        font-weight: bold;
        font-size: 15px;
        font-family: Arial;
        color: #231F20;
        text-decoration: none;
    }

    .desktopIcon img {
        margin-right: 6px;
    }

.styledForm fieldset legend {
    color: #233444;
    font-weight: bold;
    /*font-size:1.0em;*/ /* bump up legend font size, not too large or it'll overwrite border on left */
    /* be careful with padding, it'll shift the nice offset on top of border  */
    /* border-bottom: 0.2em  solid #cccccc; */
}

.styledForm small {
    font-size: 88%;
}

.styledForm th {
    vertical-align: top;
    text-align: left;
}

.styledForm .required {
    font-weight: bold;
}
/* uses class instead of div, more efficient */

.filterControl {
    font-size: 0.95em;
}

    .filterControl fieldset legend {
        color: #233444;
        font-weight: bold;
        font-size: 13px;
    }
/* .filterControl fieldset { border: solid 1px #d4d0c8; } */ /* if specified breaks rounded corners in IE */

.errorBox {
    border: solid 1px #000000;
    border-style: dashed;
    background: #FFCCCC;
    color: Black;
    padding: 4px;
    margin: 4px 0;
    font-weight: bold;
    box-sizing: border-box;
}

.infoBox {
    /* org padding: 4px; */
    border: solid 1px #d4d0c8;
    background: #eaf0f7;
    color: Black;
}

.userAlert {
    color: #cc0000;
}

.applicationError {
    font-size: 1.2em;
}

/* Use only on Application error pages */
/* Override #main h1 to improve readability */
.applicationError h1 {
    color: #FFFFFF !important;
}

.table_view {
    border: solid 1px #d4d0c8;
    border-collapse: collapse;
}

    .table_view th, .table_view td {
        border-bottom: solid 1px #d4d0c8;
        border-collapse: collapse;
    }

    .table_view th {
        color: #233444;
    }

/* use this for alternating row colours */
.rowA {
    background-color: #eaf0f7;
}

.datagrid {
    border: solid 1px #d4d0c8;
}

    .datagrid td {
        border: solid 1px #d4d0c8;
    }

#linkButtonContainer {
    border: solid 1px #d4d0c8;
}

    #linkButtonContainer a {
        background-color: #CFDBE9;
        border: solid 1px #d4d0c8;
    }

        #linkButtonContainer a:hover {
            border: solid 1px #0066B3;
        }

        #linkButtonContainer a:link, #adminControl a:visited, #adminControl a:active {
            text-decoration: none;
        }

#tabbody {
    border: solid 1px #d4d0c8;
}

#tabmenu {
}

    #tabmenu a {
        text-decoration: none;
        background: transparent url(../../_images/rounder-corner-left.gif) top left no-repeat;
    }

        #tabmenu a:hover {
            text-decoration: underline;
        }

    #tabmenu span {
        height: 20px;
        background: #eaf0f7 url(../../_images/rounder-corner-right.gif) top right no-repeat;
    }

.selectedTab {
    background-color: #32679C !important;
}

    .selectedTab a {
        font-weight: bold;
        color: #FFFFFF !important;
        text-decoration: none !important;
    }

#pager {
    background: WhiteSmoke;
    font-weight: bold;
    font-size: 13px;
}


.HeaderAward {
    background-color: #F5F5F5;
}

#tableFooter {
    margin-left: auto;
    margin-right: auto;
}

#footer {
    padding: 2px 0;
    padding-bottom: 12px;
    width: 1022px;
    text-align: center;
    margin: auto;
    padding-top: 100px;
    background-position: top;
    background-repeat: no-repeat;
}
/*Following style is added specifically to traget mozilla.
    Any style for mozilla can be put in the following line
    and it will only effect on Mozilla.*/
@-moz-document url-prefix() {
    #footer {
        padding-bottom: 18px;
    }
}

/* PLEASE DO NOT ADD CSS FOR SPECIFIC PAGES HERE, THAT DEFEATS THE PURPOSE OF THIS FILE! */

/* TODO: Refactor this into the skin file */
.GridViewClass a, .GridViewClass span {
    color: #233444;
}

.GridViewClass {
    background: WhiteSmoke;
}

    .GridViewClass td {
        padding-right: 15px;
        padding-left: 2px;
        text-align: left;
    }

    .GridViewClass th {
        height: 20px;
        vertical-align: middle;
        text-align: left;
    }

.LicenseAgreementSection {
    width: 100%;
    text-align: center;
}

    .LicenseAgreementSection Label, .LicenseAgreementSection Input {
        float: none;
        width: auto;
        display: inline;
        margin-right: 5px;
    }

    .LicenseAgreementSection .LicenseAgreementBox {
        background-color: White;
        border: 1px solid #999999;
        width: 600px;
        height: 300px;
        margin: 5px 0;
        padding: 3px;
    }

.ConfidentialityAgreementText {
    overflow: auto;
    background-color: White;
    border: 1px solid #999999;
    width: 99%;
    height: 300px;
    margin: 5px 0;
    padding: 3px;
}

.ConfidentialityAgreementSection {
    width: 100%;
    text-align: center;
}



/***** START Sidebox START *****/
.SideBox {
    background: transparent;
    width: 160px;
    float: left;
    margin: 0 0;
    margin-bottom: 15px;
}

.SideBoxHeader {
    margin: 0;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.0em;
    font-weight: bold;
    padding: 0 0 5px 8px;
    border-bottom: 1px solid #444;
    border-width: 0;
    background: transparent url(headerBackground.jpg);
    background-position: center;
    height: 22px;
}

    .SideBoxHeader span {
        vertical-align: middle;
    }

.SideBoxContent {
    display: block;
    border: 0 solid #444;
    border-width: 0 1px;
    height: auto;
}

.iconHelp {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    float: right;
    background: transparent url(images/help.png) no-repeat;
    margin-right: 8px;
    margin-top: -3px;
}

.iconSearch {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent url(images/icon_Search.gif) no-repeat;
    margin-right: 8px;
}

.iconViewTenders {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent url(images/icon_ViewTenders.gif) no-repeat;
    margin-right: 8px;
}

.iconMyAccount {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent url(images/icon_Account.gif) no-repeat;
    margin-right: 8px;
}

.iconAdministration {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: transparent url(images/icon_Admin.gif) no-repeat;
    margin-right: 8px;
}

.SideBox ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}

.SideBox li:last-child {
    border-style: none;
    border-width: 0;
}

.SideBox li {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid Gray;
}

    .SideBox li.noBorders {
        border-style: none;
        border-width: 0;
    }


.SideBox a {
    color: #233444;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
}

.sb1, .sb2, .sb3, .sb4 {
    display: block;
    overflow: hidden;
}

.sb1, .sb2, .sb3 {
    height: 1px;
}

.sb2, .sb3, .sb4 {
    background: #497CAF;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
}

.sb1 {
    margin: 0 5px;
    background: #444;
}

.sb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.sb3 {
    margin: 0 2px;
}

.sb4 {
    height: 2px;
    margin: 0 1px;
}

/***** END Sidebox END *****/

.HighlightRespondentQuery {
    background-color: #FFA500;
    font-weight: bold;
    font-style: italic;
}

.clear-fix:after {
    display: table;
    content: '';
    clear: both;
}

.d-flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.spacer-v {
    display: block;
    margin-top: 1em;
}

.data-grid-header th,
.data-grid-row td {
    padding: 2px 5px;
}

.search-input-wrapper {
    position: relative;
}
    .search-input-wrapper:before {
        font-family: "Font Awesome 5 Free";
        content: "\f002";
        position: absolute;
        right: 5px;
        top: 2px;
        font-weight: 900;
        color: #436E9B;
    }
.search-input {
    box-sizing: border-box;
    width: 100%;
    padding: 2px 2em 2px 2px;
    margin: 0;
    outline: none;
    border: 1px solid #231f20;
    transition: all 0.1s ease-in-out;
}
    .search-input:focus {
        padding: 2px 2em 2px 2px;
        margin: 0;
        box-shadow: 0 0 2px #124981;
        box-shadow: 0 0 2px rgba(18,73,129, 1);
        border: 1px solid #124981;
        border: 1px solid rgba(18,73,129, 1);
    }

.input-tip {
    font-size: .75em;
    font-style: italic;
    color: #999999;
}

.yesNoDropdown {
    width: 80px !important;
    text-indent: 50%;
}

.socialAndSustainabilitySpan {
    width: 41%;
    display: inline-block;
    padding-bottom: 5px;
}

.socialAndSustainabilityTextbox {
    display: none;
}