﻿body {
    font-family: 'Ruda', sans-serif;
    font-size: 14px;
    padding-top: 70px;
    background-color: #e8e8e8 !important;
    height: 100%;
}

table {
    border-collapse: collapse;
    padding: 0px;
}

    table th {
        color: black;
        text-align: left;
        height: 30px;
    }

.container-main {
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 60px;
    /*border: 1px solid rgb(221, 221, 221); (JS) - commented out incase needs pulling back*/
    border: 1px solid #f5f5f5;
    min-height: 850px;
    background: rgba(256, 256, 256, 0.9);
    border-radius: 2px;
}

.calendar-opacity {
    background-color: #fff;
}

.master-page-footer {
    height: 100px;
}

.font-12 {
    font-size: 12px;
}

.panel-footer{
    min-height: 38px;
}

#overlay {
    font-family: 'Noto Sans', sans-serif;
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#theprogress {
    background-color: #efefff;
    border: 2px solid #000;
    width: 352px;
    height: 150px;
    line-height: 0px;
    text-align: center;
    filter: Alpha(Opacity=100);
    opacity: 1;
    padding: 10px;
    text-align: left;
    border-radius: 3px;
    
    -webkit-box-shadow: 7px 4px 12px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 4px 12px 0px rgba(0,0,0,0.75);
    box-shadow: 7px 4px 12px 0px rgba(0,0,0,0.75);
    background-color: white;
}

#modalprogress {
    position: absolute;
    top: 40%;
    left: 49%;
    margin: -11px 0 0 -150px;
    color: #990000;
    font-weight: bold;
    font-size: 14px;
}

.FeedItem {
    border: 1px solid #ccc;
    min-width: 100%;
}

    .FeedItem tr td:first-child {
        padding: 20px;
        width: 150px;
        background-color: #ccc;
        vertical-align: top;
        text-align: right;
    }

    .FeedItem tr td:nth-child(even) {
        padding: 20px;
        vertical-align: top;
        border-bottom: 1px solid #ccc;
    }

.Register {
    cursor: pointer;
    font-size: smaller;
    background-color: #e7e7e7;
    float: right;
    margin-right: 60px;
    padding-top: 5px;
}

    .Register:hover {
        background-color: #e7e7e7;
    }

.validationCheck {
    color: #f00;
}

.CompanyLogo {
    min-height: 76px;
    min-width: 100px;
    max-height: 180px;
    max-width: 230px;
    background-color: #c7c7c7;
    font-size: 18px;
}

.UserImage {
    max-height: 60px;
    max-width: 60px;
}

.view-user-img {
    max-height: 120px;
    max-width: 120px;
}

.ConfirmRegDetails {
    vertical-align: top !important;
}

    .ConfirmRegDetails td {
        vertical-align: top !important;
        padding: 0px 20px 0px 20px;
        width: 320px;
        line-height: 25px;
    }

.BusinessCategories {
    padding: 10px;
    height: 229px;
}

.failMandatory {
    display: none;
    vertical-align: middle;
}

.hideGridColumn {
    /* Style to hide a column in a Grid View*/
    display: none;
}

.removeBottomPadding {
    /* Overrides any parent styling - mainly used for questions
       with an answer box under it and helps with spacing (i.e. NPQQ) */
    padding-bottom: 0px !important;
}

.remove-bottom-margin {
    /* Overrides any parent styling - mainly used for questions
       with an answer box under it and helps with spacing (i.e. NPQQ) */
    margin-bottom: 0px;
}

.Regions {
    display: none;
}

.invoice-table {
    width: 95%;
    font-size: 13px;
}

.invoice-value-cell {
    text-align: right;
    /*padding-left: 20px;*/
    width: 13%;
}

/*----------------------------------------------------------
  ----------------------------------------------------------

        Form Page Style

  ----------------------------------------------------------
  ----------------------------------------------------------*/

/*
    Canvas          - The main area for tables to be drawn on to - centered at 1024 x 640
    questionTable   - The table within the Canvas area which is centred at 600px width
    questionCol     - Controls the width of the column where questions are side by side with answers (ie Registration)
    BusinessCategories - Controls the BC on the Registration form
    failMandatory   - Controls the cross image for mandatory answers being failed
    hideGridColum   - Hides a column in the GridView where you need to reference a bound column but do not want to see it on screen
    removeBottomPadding - Removes the padding where the padding is set by the parent element (ie question is above the answer - brings the2 together more)
    */

.Canvas {
    max-width: 100%;
    width: 100%;
    margin: 0px auto 80px auto;
    border: 0px solid;
    padding-bottom: 30px;
    background-color: #FFF;
}


    .Canvas > tr {
        vertical-align: top;
    }

.Inner-Canvas {
    width: 90%;
    border: 0px solid;
    margin: 0px auto;
}

    .Inner-Canvas > table {
        margin: 0px auto;
    }

.questionTable {
    width: 900px;
    margin: 0px auto;
    border: 0px solid;
}

    .questionTable > td {
        padding: 5px;
    }

    .questionTable td input[type="text"] {
        padding: 5px;
        width: 300px;
    }

        .questionTable td input[type="text"].shortFld {
            width: 100px;
        }

    .questionTable tr {
        vertical-align: middle;
        height: 40px;
    }

.questionTableUploader input[type="text"] {
    padding: 4px 0px !Important;
}

.questionTitle {
    width: 600px;
    margin: 0px auto;
    font-size: x-large;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 15px;
    padding-left: 12px;
    text-align: center;
}

.questionCol {
    width: 175px;
    vertical-align: middle;
    padding: 5px;
}

.schedulerMain {
    width: 100%;
    vertical-align: top;
}

    .schedulerMain td {
        vertical-align: top;
    }

.schedulerDiv {
    /*border: 1px solid #bbb;*/
    border-radius: 3px;
    margin: 2px;
    padding: 0px 2px 0px 2px;
}

.ToDoMain {
    width: 75%;
    height: 394px;
    overflow: auto;
    border: 1px solid;
    border-radius: 4px;
    margin: 0px auto;
}

.ToDoElements {
    border: 1px solid #666;
    border-radius: 3px;
    margin: 5px auto;
    width: 90%;
    padding: 2px 6px 2px 6px;
}

.schedulerCreate {
    width: 75%;
    cursor: pointer;
    margin: 5px auto;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 10000;
}

.sectorOptions {
    margin: 0px auto;
}

/*----------------------------------------------------------
  ----------------------------------------------------------

        Report Page Style

  ----------------------------------------------------------
  ----------------------------------------------------------*/


.reportBorder {
    width: 100%;
    border: solid 1px;
    border-radius: 5px;
    padding: 2px;
}

.reportBorderFailed {
    width: 100%;
    border: solid 1px;
    border-radius: 5px;
    padding: 2px;
    background-color: #FFB8B0;
}

.reportQuestion {
    border: solid 1px;
    border-radius: 5px;
    padding: 10px;
    background: #e6e6e6;
}

.reportQuestionFailed {
    border: solid 1px;
    border-radius: 5px;
    padding: 10px;
    background: #FF0000;
    color: #FFF;
}

.reportAnswer {
    border: solid 0px;
    width: 98%;
    padding: 10px;
}

/*----------------------------------------------------------
  ----------------------------------------------------------

        Report Page Style

  ----------------------------------------------------------
  ----------------------------------------------------------*/


.AdvertButtonTable {
    width: 100%;
}

    .AdvertButtonTable td {
        width: 20%;
        text-align: center;
    }

.AdvertButtons {
    width: 170px;
    height: 35px;
    text-align: center;
}

.displayBorderedPanel {
    border: solid 1px;
    padding: 10px;
    text-align: left;
    vertical-align: central;
    margin: 0px auto;
    margin-top: 10px;
    width: 700px;
    min-height: 60px;
    background-color: #eee;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 10px 10px 10px 10px;
}

.displayClearBorderedPanel {
    border: solid 1px;
    padding: 10px;
    text-align: left;
    vertical-align: central;
    margin: 0px auto;
    margin-top: 10px;
    width: 700px;
    min-height: 60px;
    background-color: #fff;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 10px 10px 10px 10px;
}


.displayQuestions {
    width: 130px;
    line-height: 2em;
}

.searchFilterPanel {
    float: left;
    width: 250px;
    padding: 20px 0px 20px 0px;
}

/*----------------------------------------------------------
  ----------------------------------------------------------

        Supplier Page Style

  ----------------------------------------------------------
  ----------------------------------------------------------*/

#supplier-wrapper {
    margin: 0px auto 0px auto;
    /*width: 1100px;*/
}

.supplierHeader {
    border: solid 1px;
    padding: 10px;
    text-align: left;
    vertical-align: central;
    margin: 3px auto;
    width: 95%;
    min-height: 60px;
    /*background-color: #eee;*/
    background-color: #f5f5ff;
    border-radius: 3px;
    -moz-border-radius: 10px 10px 10px 10px;
    cursor: pointer;
}

.supplier-img {
    float: left;
    max-height: 50px;
    max-width: 200px;
}

.supplierHeader > a {
    padding-left: 20px;
    text-decoration: none;
}

.supplier-on_hover {
    -moz-box-shadow: 0 0 8px #9966CC;
    -webkit-box-shadow: 0 0 8px #9966CC;
    box-shadow: 0 0 7px #9966CC;
}

.supplierHeader:hover a {
    /*background-color: #eee;*/
    background-color: #f5f5ff;
}

.supplierHeader td {
    padding: 5px 15px 5px 15px;
}

.supplierKey {
    vertical-align: top;
    height: 115px;
}

/*----------------------------------------------------------
        Account and Profile little bits
        acc = Accordian
        KP = Key People
  ----------------------------------------------------------*/

.accHeader {
    border: solid 1px;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    margin-top: 10px;
    background-color: #D0D0D0;
    border-radius: 3px;
    -moz-border-radius: 10px 10px 10px 10px;
}

    .accHeader:hover a {
        background-color: #D0D0D0;
    }

    .accHeader a {
        text-decoration: none;
    }

    .accHeader Input {
        font-size: x-large;
        width: 100px;
        border-radius: 5px 5px 5px 5px;
        background-color: #F8F8F8;
    }

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

td input[type="submit"],
td input[type="button"],
td button {
    font-size: 1em;
    padding: 2px;
    margin-right: 4px;
    cursor: pointer;
}


.pricing-table {
    margin: 0px auto 0px auto;
    border-spacing: 10px 0px;
    border-collapse: separate;
}

.pricing-table-cell {
    border: solid 1px #ccc;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    width: 140px;
    vertical-align: top;
}

th {
    height: auto;
}


/*TNS.aspx*/

.feed-controls-row {
    width: 82% !important;
}

.row-ojeu {
    border: rgb(204, 204, 204) solid 1px;
    padding: 10px;
    margin-top: -1px;
}

#map-canvas {
    margin: 0px;
    padding: 0px;
    height: 350px;
    width: auto;
    border: 1px solid rgb(204, 204, 204);
}

.tenders-list-column {
    padding: 5px 15px 5px 15px;
}

.tenders-list-column-desc {
    max-width: 600px;
    word-wrap: break-word;
}

.tenders-authority-text {
    font-size: 20px;
}

.tenders-authority-button {
    margin-top: 10px;
}

.Confirm-Company-Details-Divider {
    border-bottom: 1px solid #ccc !important;
}

.Confirm-Company-Details-Cell {
    vertical-align: top;
    padding: 15px;
}

.holderjs-fluid {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    margin: 0;
}

.gem {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    padding-top: 0px;
    padding-bottom: 0px;
    background: #d0142c;
    font-size: 10px;
    position: absolute;
    left: 10px;
    top: 5px;
}

#header-messages-count {
    left: auto;
}

.b-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
}

.logo-button {
    position: absolute;
    right: 10px;
    top: 5px;
}


.uploader-button {
    position: absolute;
    right: 0px;
    top: 5px;
    left: 8px;
    max-width: 100%;
}

/*Extra bootstrap styles*/
#wrapper {
    padding-left: 250px;
    transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
    margin-left: -250px;
    left: 250px;
    width: 250px;
    background: #556270;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.4s ease 0s;
}

.inset {
    padding: 20px;
}

@media (max-width:767px) {

    #wrapper {
        padding-left: 0;
    }

    #sidebar-wrapper {
        left: 0;
    }

    #wrapper.active {
        position: relative;
        left: 250px;
    }

        #wrapper.active #sidebar-wrapper {
            left: 250px;
            width: 250px;
            transition: all 0.4s ease 0s;
        }

    #menu-toggle {
        display: inline-block;
    }

    .inset {
        padding: 15px;
    }
}

.top-buffer-10 {
    margin-top: 10px;
}

.top-buffer-8 {
    margin-top: 8px;
}

.top-buffer-5 {
    margin-top: 5px;
}

.bottom-buffer-10 {
    margin-bottom: 10px;
}

.left-buffer-10 {
    margin-left: 10px;
}

.right-buffer-10 {
    margin-right: 10px;
}

.right-buffer-20 {
    margin-right: 20px;
}

.margin-20 {
    margin: 20px;
}

.cell-text-padding {
    padding-top: 7px !important;
    min-height: 37px !important;
}

.left-align {
    text-align: left !important;
}

.central-align {
    text-align: center !important;
}

.right-align {
    text-align: right !important;
}

.red-text {
    color: #F00;
}

.green-text {
    color: rgb(0,224,0);
}

.blue-text {
    color: #003399;
}

.font-size-09 {
    font-size: 0.9em;
}

.font-size-09-px {
    font-size: 9px;
}

.font-size-20 {
    font-size: 2em;
}

.font-size-20-px {
    font-size: 20px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-35 {
    font-size: 35px;
}

.font-size-15 {
    font-size: 15px;
}

.hide-icon {
    display: none;
}

.jumbotron {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000); /* For IE 5.5 - 7*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000)"; /* For IE 8*/
    color: #000;
    background-color: rgba(255,255,255,0.9);
}

    .jumbotron h1 {
        color: inherit;
    }

    .jumbotron p, .category-list {
        font-size: 14px;
        font-weight: 500;
    }

    .jumbotron p a, .category-list a {
        text-decoration: none;
    }

.row-padding {
    padding: 0 5px 0 5px;
}

.login-form {
    margin-top: 30px;
}

.SuccessLogOut {
    color: #333;
    font-weight: bold;
    padding-top: 6px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    width: 100%;
}

.Centerimg {
    max-width: 140px;
    max-height: 80px;
    min-width: 140px;
    min-height: 80px;
    padding-left: 10px;
}

.NewsPanelBackground {
    background-color: #E8EBEA;
    border-radius: 5px;
}

.text-white {
    color: white;
}

.paddinglogin {
    padding-left: 16px;
    padding-right: 16px;
}

.img-list {
    height: 40px;
}

.list-row-padding {
    padding-top: 4px;
    padding-bottom: 4px;
}

.red {
    color: #f00;
}

.supplier-jumbotron {
    background-color: rgb(238, 238, 238);
    border-radius: 0px;
}

    .supplier-jumbotron h1 {
        color: rgb(0, 0, 0) !important;
    }

/*End of Extra bootstrap styles*/


.home-package-text {
    text-align: center;
}

.packages-info-box {
    height: 50px;
    text-align: center;
    border: solid 1px rgb(221, 221, 221);
    padding-top: 8px;
    margin-top: 1px;
    border-radius: 4px;
    /*Removed margin-right due to space needed for 5 packages*/
    /*margin-right: 1px;*/
}

.margin-left-side {
    margin-left: 20px;
    padding-bottom: 10px;
}

.margin-right-side {
    margin-right: 15px;
}

.packages-button-area {
    height: 53px;
}

/* Additional formatting to the bootstrap alert class
    Removes the margin
    Changes padding
*/
/*.alert-formatting {
    margin: 0px !important;
    padding: 8px 14px 8px 14px !important;
}*/


.grid-list-format {
    height: 315px;
    overflow: auto;
    border-top: solid 1px #eee;
}

.grid-list-format-200 {
    height: 200px;
    border-top: solid 1px #eee;
    overflow-x: hidden;
    overflow-y: scroll;
}

.grid-list-format-300 {
    height: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: solid 1px #eee;
}

.padding-10 {
    padding: 10px;
}

.panel-body-resize {
    min-height: 65px;
}

.organiser-carousel-button {
    font-size: 2em;
    margin-top: 20px;
    color: #bbb;
}

.text-align-center {
    text-align: center;
}

.add-organiser-row-padding {
    padding-top: 20px !important;
    height: 37px !important;
}

.add-organiser-row-border {
    border-bottom: 1px solid #eee;
}

.free-package {
    background: rgb(92,167,88); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(92,167,88,1) 0%, rgba(144,219,140,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(92,167,88,1)), color-stop(100%,rgba(144,219,140,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(92,167,88,1) 0%,rgba(144,219,140,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(92,167,88,1) 0%,rgba(144,219,140,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(92,167,88,1) 0%,rgba(144,219,140,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(92,167,88,1) 0%,rgba(144,219,140,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ca758', endColorstr='#90db8c',GradientType=0 ); /* IE6-9 */
    color: white;
    border: 0px;
}

.bronze-package {
    background: rgb(138,102,70); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(138,102,70,1) 0%, rgba(211,191,154,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(138,102,70,1)), color-stop(100%,rgba(211,191,154,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(138,102,70,1) 0%,rgba(211,191,154,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(138,102,70,1) 0%,rgba(211,191,154,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(138,102,70,1) 0%,rgba(211,191,154,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(138,102,70,1) 0%,rgba(211,191,154,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a6646', endColorstr='#d3bf9a',GradientType=0 ); /* IE6-9 */
    color: white;
    border: 0px;
}

.silver-package {
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(0%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
    border: 0px;
}

.gold-package {
    background: rgb(174,123,49); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(174,123,49,1) 0%, rgba(213,170,101,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,123,49,1)), color-stop(100%,rgba(213,170,101,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(174,123,49,1) 0%,rgba(213,170,101,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(174,123,49,1) 0%,rgba(213,170,101,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(174,123,49,1) 0%,rgba(213,170,101,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(174,123,49,1) 0%,rgba(213,170,101,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7b31', endColorstr='#d5aa65',GradientType=0 ); /* IE6-9 */
    color: white;
    border: 0px;
}

.plat-package {
    background: rgb(21,18,45); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(21,18,45,1) 0%, rgba(60,65,94,1) 100%, rgba(60,65,94,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,18,45,1)), color-stop(100%,rgba(60,65,94,1)), color-stop(100%,rgba(60,65,94,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(21,18,45,1) 0%,rgba(60,65,94,1) 100%,rgba(60,65,94,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(21,18,45,1) 0%,rgba(60,65,94,1) 100%,rgba(60,65,94,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(21,18,45,1) 0%,rgba(60,65,94,1) 100%,rgba(60,65,94,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(21,18,45,1) 0%,rgba(60,65,94,1) 100%,rgba(60,65,94,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15122d', endColorstr='#3c415e',GradientType=0 ); /* IE6-9 */
    color: white;
    border: 0px;
}

.thumbnail {
    margin-bottom: 0px;
}



.price-plan-center-align {
    text-align: center;
}

.price-plan-button-130 {
    width: 130px;
}

.button-min-width-200 {
    min-width: 200px;
}

.pop-over-format {
    max-width: 500px;
}

.jumbotron-bottom-margin-0 {
    margin-bottom: 0px;
}

.jumbotron-opacity-07 {
    background-color: rgba(0,0,0,0.7);
}

    .jumbotron-opacity-07 p {
        font-size: 17px;
    }


span.radio {
    padding: 0px;
}

    span.radio > input[type="radio"] {
        margin: 8px -5px 7px 0px;
    }

    span.radio > label {
        float: left;
        margin-right: 5px;
        padding: 0px 5px 0px 10px;
    }

.npqq-bootstrap-border {
    display: block;
    width: 100%;
    min-height: 63px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.checkbox-padding > label {
    padding-left: 5px;
    font-size: 12px;
    font-weight: inherit;
}

.radio-padding {
    padding: 6px 0px;
}

    .radio-padding span label {
        padding-left: 10px;
    }

.npqq-bootstrap-border-mand {
    background-color: #fcf8e3;
}

.npqq-logo {
    max-width: 150px;
    max-height: 85px;
    margin: 0px 20px 20px 0px;
    float: left;
}

textarea {
    resize: none;
}

.supplier-col {
    min-height: 250px;
}

.search-row-padding {
    margin-top: 70px;
}

.no-column-padding-left {
    padding-left: 0px;
}

.panel-body-minheight-63 {
    min-height: 63px;
}

.panel-body-padding-10 {
    margin: 6px 0px 0px 0px;
}

.has-feedback .form-control-feedback {
    top: 0px;
}

.mandatory-formatting {
    background-color: #fcf8e3;
}

.top-buffer-40 {
    margin-top: 40px;
}

.top-buffer-20 {
    margin-top: 20px;
}

.saved-search-buffer {
    margin-top: 4px;
}

.btn-hover {
    margin-top: -1px;
}

.bottom-margin-5 {
    margin-bottom: 5px;
}

.alert-formatting {
    padding: 6px 9px 6px 15px;
    margin: 0px;
}

.alert-text {
    font-size: 0.9em;
}

.form-group-margin-0 {
    margin: 0px;
}

.packagedetails {
    text-align: center;
    padding: 15px;
    font-size: 12px;
}

.detailsbutton {
    padding: 5px;
    margin: 10px 0px;
    position: relative;
    top: 230px;
    width: 180px;
}

.more-information {
    padding-bottom: 200px;
    padding-top: 70px;
}

.top-padding {
    padding-bottom: 700px;
}

@media (min-width: 999px) {
    .modal-dialog {
        width: 950px;
    }

    /*.thumbnail {
        min-height: 276px;
        height: 300px;
    }*/


    /*.thumbnail p {
            min-height: 51px;
        }*/
}

.npqq-report-border {
    border: 1px solid #d9edf7;
    border-radius: 3px;
}

.npqq-report-flag {
    border: 1px solid #ddd;
    border-radius: 2px;
}

.npqq-report-col {
    padding: 20px;
}

.dropdown-formatting {
    padding: 7px;
    border-radius: 3px;
}

.even-row {
    display: table;
}

#even-row .even-row-cols {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.npqq-alert {
    padding-top: 15px;
    height: 0px;
    background: #C00;
    color: #000;
    border: none;
    font-family: DejaVuSansBook, Sans-Serif;
    margin-right: auto;
    margin-left: auto;
    border-radius: 4px;
    z-index: 100;
    margin-bottom: 20px;
}

.text-align-right {
    text-align: right;
}

.card-images {
    list-style: none;
}

    .card-images li {
        display: inline;
        padding-right: 5px;
    }

        .card-images li img {
            height: auto;
            width: 64px;
        }

/*Trial for add edit user to look better when in mobile view C.H 09/09/2014*/
/*.user-form-height {
    min-height: 1100px;
}*/

/*.user-form-buffer {
    height: 280px;
}*/

/*.tab-pane-fixed {
    height: 500px;
}*/

/*took npqq user height and form buffer out to see what its like in mobile view C.H 09/09/2014*/
/*.npqq-form-height {
    min-height: 500px;
    max-height: 500px;
}

.npqq-form-buffer {
    height: 10px;
}*/

#calendar {
    width: 100%;
    /*max-width:900px;*/
    margin: 0 auto;
}

.height-100 {
    height: 100px !important;
}

.OrgListLetter {
    vertical-align: top;
    width: 4%;
    font-size: 20pt;
    font-weight: bolder;
    padding-top: 60px;
    padding-bottom: 10px;
    color: #428bca;
}

.OrgListView {
    vertical-align: top;
    width: 4%;
    font-size: 20pt;
    font-weight: bolder;
    padding-bottom: 10px;
    color: #428bca;
}

.OrgIndexLetters {
    /*color: #33CC00;*/
    font-weight: bold;
}

.register-form-height {
    min-height: 850px;
}

.register-form-buffer {
    height: 10px;
}

.register-tab-pane {
    min-height: 500px;
}

.tns-panel-heading {
    padding: 4px 10px;
}

.tns-panel-title {
    font-size: 15px;
    padding-top: 9px;
}

.tns-panel-body {
    font-size: 12px;
}

.tns-panel-footer {
    min-height: 42px;
    padding: 5px 10px;
    background: #F8F8F8;
    border-top: 0px;
}

.view-btn-margin {
    margin-right: 10px;
}

.gold-color {
    color: gold;
}

.ojeu-view {
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
}

.Pricetitles {
    margin-left: 12px;
    width: 195px;
    height: 70px;
}

.PriceIncludes {
    width: 195px;
    height: 70px;
}

.planheight {
    height: 130px;
}

.remove-padding {
    padding: 0px;
}

.OrganiserHeaderLetter {
    color: #428bca;
}

.dont-display {
    display: none;
}

.left-padding-20 {
    padding-left: 20px;
}

.products-grid-align {
    margin-top: 4px;
}

.company-panel {
    min-height: 300px;
}

.cursor-pointer {
    cursor: pointer;
}

.row-highlighted {
    background-color: rgb(226, 255, 163);
}

.tab_content {
    display: none;
}

.tab-fixed-details {
    height: 1000px;
}

.ajax__calendar_day {
    background-color: lightgrey;
}

.ajax__calendar_body {
    background-color: white;
}

.rowStyling {
    min-height: 25px;
    padding-top: 2px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.width-auto {
    width: auto;
}

.page-title-padding {
    padding: 2px 10px 0px 0px;
}

.page-title-field {
    font-size: 0.6em;
    height: 41px;
}

.wait-dialog-header {
    color: white;
    background: #00237d;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 15px;
}

.loading-image {
    padding: 0px 0px 0px 30px;
}

.loading-text {
    padding: 18px 0px 0px 85px;
    font-weight: normal;
    color: #000;
}

.top-buffer-30 {
    padding-top: 30px;
}

.vertical-buffer-30 {
    padding: 30px 0px;
}

.top-buffer-1 {
    padding-top: 1px;
}

.top-buffer-15 {
    padding-top: 15px;
}

.section-header {
    border-bottom: 1px solid lightgray;
    min-height: 45px;
}

.row-headers {
    font-weight: bold;
    padding: 6px 0px;
}

.align-text-center {
    text-align: center;
}

.align-text-left {
    text-align: left;
}

.align-text-right {
    text-align: right;
}

.repeater-row-alt {
    background: #eef;
}

.blur {
    color: rgba(0,0,0,0);
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.error-label {
    position: absolute;
    top: 2015px;
    left: 368px;
    width: 346px;
    color: red;
}

.min-height-267 {
    min-height: 267px;
}

.min-height-512 {
    min-height: 512px;
}

.company-background {
    /*background-color:#e5e5e5; - (JS) commented out for reference incase needs pulling back*/
    background-color: #f5f5f5;
    background: rgba(256, 256, 256, 0.9);
}

.box-shadow {
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
    -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
    box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
}

.organiser-frame {
    background-color: white;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
    -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
    box-shadow: 1px 1px 5px 0px rgba(161,161,161,0.67);
}

.company-head-font {
    font-size: 14px;
    color: #585757;
    padding-top: 8px;
}

.ddlformc {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#footer {
    width: 100%;
    height: 40px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: white;
    text-align: center;
    z-index: 10;
    margin-bottom: 0px;
    background-color: rgba(0,0,0,0.7);
}

.left-buffer-40 {
    padding-left: 40px;
}

.footer-three-text {
    padding-left: 160px;
}

.link {
    color: white;
    text-decoration: none;
    background-color: none;
}

.left-buffer-80 {
    padding-left: 80px;
}

.Pricing-md-2 {
    position: relative;
    max-width: 16.66666667%;
    width: 16.66666667%;
    float: left;
    text-align: center;
    border-radius: 2px;
}

.ViewMoreBtn {
    padding-top: 20px;
    padding-left: 70px;
}

.col-md-5-Documents {
    width: 41.66666667%;
    position: relative;
    min-height: 1px;
    float: left;
}

.col-md-7-Documents {
    width: 58.33333333%;
    position: relative;
    min-height: 1px;
    float: left;
}

.row-Documents {
    margin-right: -40px;
    margin-left: -40px;
}

.Comp-Docs-Height {
    height: 617px;
}

.margin-Docs {
    margin-left: 1px;
    margin-right: 1px;
}

.border-bottom {
    border-bottom: 1px solid lightgray;
}

#resizable {
    width: 150px;
    height: 150px;
    padding: 0.5em;
}

    #resizable h3 {
        text-align: center;
        margin: 0;
    }

.page-header {
    margin-top: 0px !important;
}

.CompanyLogoImg {
    margin-bottom: 40px;
}

.min-height-583 {
    /*min-height:583px;*/
    /*height:815px;*/
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.free-button {
    background-color: #90DB8C;
    color: white;
}

.standard-button {
    background-color: #D3BF9A;
    color: white;
}

.professional-button {
    background-color: #FEFEFE;
}

.enterprise-button {
    background-color: #D5AA65;
    color: white;
}

.ultimate-button {
    background-color: #3C415E;
    color: white;
}

.pricing-plan-spacing {
    padding-top: 2px !important;
    min-height: 20px !important;
}

.pricing-plan-title-spacing {
    padding-top: 23px !important;
    min-height: 24px !important;
}

.caption {
    height: 130px;
    min-height: 120px;
    max-height: 120px;
}

.remove-row {
    margin-left: 0px;
    margin-right: 0px;
}

.free-row-shade:nth-child(odd) {
    background: #90DB8C;
}

.free-row-shade:nth-child(even) {
    background: #5CA758;
}

.bronze-row-shade:nth-child(odd) {
    background: #D3BF9A;
}

.bronze-row-shade:nth-child(even) {
    background: #8A6646;
}

.silver-row-shade:nth-child(odd) {
    background: #fefefe;
}

.silver-row-shade:nth-child(even) {
    background: #dbdbdb;
}

.gold-row-shade:nth-child(odd) {
    background: #D5AA65;
}

.gold-row-shade:nth-child(even) {
    background: #AE7B31;
}

.plat-row-shade:nth-child(odd) {
    background: #3C415E;
}

.plat-row-shade:nth-child(even) {
    background: #15122D;
}

.grey-row-shade:nth-child(even) {
    background: #E2E2E2;
}

.grey-row-shade:nth-child(odd) {
    background: white;
}

.price-details-row {
    height: 72px;
    padding-top: 12px;
}

.top-space-pricingplan {
    height: 121px;
}

.center-cost {
    padding-top: 8px;
}

.lightgray-text {
    color: gray;
}

.datepicker {
    z-index: 1151 !important;
}


.custom-pageheader {
    padding-bottom: 9px;
    padding-top: 9px;
    border-bottom: 1px solid #eee;
    padding-left: 10px;
}


.img-package-height {
    max-height: 102px;
}

.text-black {
    color: black;
}

.login-background {
    background-color: #979797;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
}

.search-login-warning {
    color: white;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
}

.company-header {
    font-size: 50px;
}

.site-logo-a {
    padding: 0px 0px 0px 22px !important;
}

.panel-footerTen {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0px;
    margin-right: 0px;
}

.text-black {
    color: black;
}

.left-buffer-30 {
    padding-left: 30px;
}

.medium-font {
    font-size: medium;
}

.CPVGridview {
    width: 100%;
    background-color: white;
    border-color: #e7e7ff;
    border-style: none;
    border-width: 1px;
    font-size: smaller;
}

.header-style {
    font-weight: bold;
    color: #000000;
    text-align: left;
    height: 30px;
    background-color: #f5f5f5;
}

.pager-style {
    color: #4A3C8C;
}

.row-style td {
    color: #4a3c8c;
    border-top: 1px solid #E7E7FF;
    border-bottom: 1px solid #E7E7FF;
}

.left-margin-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.cpvgridtable {
    background-color: white;
    border-color: #E7E7FF;
    border-width: 1px;
    border-style: None;
    font-size: Smaller;
    width: 100%;
    border-spacing: 30px 30px;
}

.item-class65px {
    width: 65px;
}

.item-class100px {
    width: 100px;
}

.item-class-count-supplier-padding {
    padding-left: 30px;
}

.page-title-Products {
    padding-left: 15px;
}

.sub-pad {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad-panel {
    margin-left: 15px;
    margin-right: 15px;
}

.logo-size {
    height: 51px;
}

.throbber {
    padding-left: 100px;
    padding-top: 10px;
}

.throbber1 {
    padding-left: 70px;
    padding-top: 10px;
}

.right-padding-10 {
    padding-right: 10px;
}

.right-padding-5 {
    padding-right: 5px;
}

.green {
    color: #33CC33;
}

.page-name {
    margin-top: 4px;
    margin-bottom: 7px;
    margin-left: 2px;
}

.em-editprofile {
    font-size: 0.9em;
}

.left-buffer-170 {
    margin-left: 170px;
}

.left-buffer-328 {
    margin-left: 328px;
}

.left-buffer-30 {
    margin-left: 30px;
}

.bottom-border {
    border-style: solid none solid none;
    border-bottom: thin;
    border-width: 1px;
    border-color: #C0C0C0;
}

.padding-top-20 {
    padding-top: 20px;
}

.cpv-header-style {
    font-weight: bold;
    color: #000000;
    text-align: left;
    height: 70px;
    background-color: #f5f5f5;
}

.bottom-margin-20 {
    margin-bottom: 20px;
}

.bottom-margin-30 {
    margin-bottom: 30px;
}

.cpv-header-style {
    font-weight: bold;
    color: #000000;
    text-align: left;
    height: 35px;
    background-color: #f5f5f5;
}

.cpvleftpadding50 {
    padding-left: 50px;
}

.cpvleftpadding30 {
    padding-left: 30px;
}

.nobottompaddingcpv {
    padding-bottom: 0px;
}

.height14px {
    height: 14px;
}

.height21px {
    height: 21px;
}

.pricing-panel-border {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    min-height: 45px;
    max-height: 45px;
}

.left-buffer-15 {
    margin-left: 15px;
}

.left-buffer-170 {
    margin-left: 170px;
}

.left-buffer-350 {
    margin-left: 350px;
}

.right-buffer-50 {
    margin-right: 50px;
}

.pricing-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.headingpopover {
    font-size: 14px;
    padding: 0px 10px;
}

.inlinedropdown {
    display: inline;
}

.margin-top-8 {
    margin-top: 8px;
}

.input-group-btn > .btn:last-child {
    padding-top: 5px;
    padding-bottom: 7px;
}

input[readonly="readonly"] {
    background-color: #eee;
}

/*Firefox css only*/

.input-group-btn > .btn:last-child, x:-moz-any-link {
    padding-top: 8px;
    padding-bottom: 4px;
}

/*.margin-top-8, x:-moz-any-link {
    margin-top:10px;
}*/

.height-100pct {
    height: 100%;
}

.supplier-text {
    font-size: 60px;
}

.pad-top-8 {
    padding-top: 8px;
}

.org-pad {
    padding-top: 10px;
    padding-right: 25px;
}

.top-buffer-50 {
    margin-top: 50px !important;
}

.remove-top-margin-0 {
    margin-top: 0px;
}

.remove-top-margin-20 {
    margin-top: -20px;
}

.doc-pad {
    padding-left: 32px;
}

.chat-help {
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 45px;
    right: 5px;
    color: white;
    text-align: center;
    z-index: 10;
    margin-bottom: 0px;
    background-color: rgba(256,256,256,0.7);
    padding: 5px 5px 5px 3px;
    border-radius: 5px;
}

.open-doc {
    width: 32px;
    padding-left: 3px;
    height: 39px;
}

.top-buffer-3 {
    margin-top: 3px;
}

.Empty-pricing-plan-icon {
    height: 102px;
}

.Empty-pricing-plan-title {
    height: 120px;
}

.green-add {
    color: #00710A;
}

.blue-cal {
    color: #428bce;
}

.dark-blue {
    color: #0600FF;
}

.pad-top-10 {
    padding-top: 10px;
}





.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -8px;
    right: 0px;
    margin-top: 54px;
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
    background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

    .ribbon-green:before, .ribbon-green:after {
        content: "";
        border-top: 3px solid #6e8900;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px;
    }

    .ribbon-green:before {
        left: 0;
    }

    .ribbon-green:after {
        right: 0;
    }

.pad-left {
    padding-left: 10px;
}

.left-buffer-75 {
    margin-left: 50px;
}

.margin-left-24 {
    margin-left: 24px;
}

.margin-left-12 {
    margin-left: 12px;
}

.button-tender {
    padding: 2px 20px;
}

.margin-top-22 {
    margin-top: 22px;
}

.margin-left-90 {
    margin-left: 90px;
}

.text-center {
    text-align: center;
}

.portal-logo-thumbnail {
    width: 64px;
    border-radius: 5px;
}

.vertical-padding-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.vertical-margin-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.pad-horizontal-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ErrorPanel {
    background-color: #C00;
    color: white;
    font-size: 15px;
    border: 1px solid rgb(239, 160, 160);
    margin-bottom: 15px;
    padding-top: 8px;
    padding-left: 11px;
    border-radius: 4px;
}

#dvError {
    height: 103px;
}

.container-error {
    padding-right: 0px;
    padding-left: 0px;
}

.bottom-margin-10 {
    margin-bottom: 10px;
}

.organiser-panel-height {
    height: 200px;
}

.dotted-line {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #A9A9A9;
}

.link-mask {
    cursor: pointer;
    color: #428bca;
    text-decoration: none;
}

.green-cart {
    color: #5bbf21;
    background-color: #fff;
}

.width-100pct {
    width: 100%;
}


.modal-danger {
    border-color: #ebccd1;
}

    .modal-danger > .modal-dialog > .modal-content > .modal-header {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        border-radius: 6px 6px 0px 0px;
    }

.modal-modal > .modal-dialog > .modal-content > .panel-header + .panel-collapse .panel-body {
    border-top-color: #ebccd1;
}

.modal-danger > .modal-dialog > .modal-content > .modal-footer + .modal-collapse .modal-body {
    border-bottom-color: #ebccd1;
}



.modal-success {
    border-color: #d6e9c6;
}

    .modal-success > .modal-dialog > .modal-content > .modal-header {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        border-radius: 6px 6px 0px 0px;
    }

.modal-modal > .modal-dialog > .modal-content > .panel-header + .panel-collapse .panel-body {
    border-top-color: #d6e9c6;
}

.modal-success > .modal-dialog > .modal-content > .modal-footer + .modal-collapse .modal-body {
    border-bottom-color: #d6e9c6;
}

.border-radius-0 {
    border-radius: 0px;
}

.padding-top-4 {
    padding-top: 4px;
}

.form-control, .btn, .btn-lg {
    border-radius: 2px;
}

.font-50 {
    font-size: 50px;
}


#InfoFooter {
    margin-bottom: 50px;
}

    #InfoFooter a {
        color: #5A6D7A;
        text-decoration: none;
    }

        #InfoFooter a:hover {
            color: #000000; /* black */
            text-decoration: underline;
        }


#InfoFooterMain, .public-feed-filter, .modal-bg {
    background-color: #428bca;
    color: #fff;
    border: 0px;
    border-radius: 2px;
    font-size: 1em;
    padding: 1px 30px 1px 30px;
}

    #InfoFooterMain h2 {
        color: #ffffff; /* white */
        font-size: 14pt;
        margin: 1em 0;
    }

    #InfoFooterMain ul {
        padding-left: 0px;
        list-style: none;
    }

    #InfoFooterMain a {
        color: #ffffff;
        font-size: 0.85em;
    }

        #InfoFooterMain a:hover {
            color: #bbb;
            font-size: 0.85em;
            text-decoration: none;
        }

     #InfoFooterMain #ExtraAcc tr > td
    {
      padding-bottom: 1em;
      font-size: 0.875em;
    }

    

    #InfoFooterMain #ConnectWithUs ol, ul {
        margin-top: -10px;
    }

        #InfoFooterMain #ConnectWithUs a {
            display: inline-flex;
            text-align: initial;
            padding: 0px 25px;
            margin-bottom:20px;
        }

        #InfoFooterMain #ConnectWithUs a {
            font-size: 3em;
        }

    #InfoFooterMain #ConnectWithUs {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 10px 0px;
    }

.modal-bg {
    color: #000;
}


.width-75{
    width: 75px;
}

.jumbotron {
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 2px;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        color: inherit;
    }

    .container .jumbotron{
        border-radius: 2px;
    }

.hr-grey{
    border-top: 1px solid #aaa;
}

.vr-grey{
    border-right: 1px solid #aaa;
}

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

.bottom-margin-75{
    margin-bottom: 75px;
}

.tender-flag{
    width: 15px;
    border-radius: 5px;
}

.alt-row-grey{
    background-color: #f3f3f3;
}

.vertical-padding-10{
    padding: 10px 0px;
}

#publicsearch{
    font-size: 12px;
}





.pagination-uaudit {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination-uaudit > li {
  display: inline;
}
.pagination-uaudit > li > a,
.pagination-uaudit > li > input,
.pagination-uaudit > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination-uaudit > li:first-child > a,
.pagination-uaudit > li:first-child > input,
.pagination-uaudit > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination-uaudit > li:last-child > a,
.pagination-uaudit > li:last-child > input,
.pagination-uaudit > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-uaudit > li > a:hover,
.pagination-uaudit > li > input:hover,
.pagination-uaudit > li > span:hover,
.pagination-uaudit > li > a:focus,
.pagination-uaudit > li > input:focus,
.pagination-uaudit > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination-uaudit > .active > a,
.pagination-uaudit > .active > input,
.pagination-uaudit > .active > span,
.pagination-uaudit > .active > a:hover,
.pagination-uaudit > .active > input:hover,
.pagination-uaudit > .active > span:hover,
.pagination-uaudit > .active > a:focus,
.pagination-uaudit > .active > input:focus,
.pagination-uaudit > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination-uaudit > .disabled > span,
.pagination-uaudit > .disabled > span:hover,
.pagination-uaudit > .disabled > span:focus,
.pagination-uaudit > .disabled > a,
.pagination-uaudit > .disabled > a:hover,
.pagination-uaudit > .disabled > a:focus,
.pagination-uaudit > .disabled > input,
.pagination-uaudit > .disabled > input:hover,
.pagination-uaudit > .disabled > input:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.column-filter-button{
    text-align: left;
    border: 0px ;
}

.width-40{
        width: 40px;
}

.font-underline{
    text-decoration: underline;
}

.disabled {
    cursor: not-allowed!important;
    pointer-events: all;
}

.vertical-buffer-10 {
    margin: 10px 0px;
}

.error-buffer {
    margin: 5px 0px 20px 0px;
}

.flexer, .progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.no-flexer, .progress-indicator.stacked {
    display: block;
}
.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0;
}
.flexer-element, .progress-indicator>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}
.progress-indicator {
    margin: 0 0 1em;
    padding: 0;
    /*font-size: 80%;
    text-transform: uppercase;*/
}
.progress-indicator>li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block;
}
.progress-indicator>li:hover {
    cursor:default;
}
.progress-indicator>li.completed, .progress-indicator>li.completed .bubble {
    color: #428bce;
}
.progress-indicator>li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #bbb;
    display: block;
    margin: 0 auto .5em;
    border-bottom: 1px solid #888;
}
.progress-indicator>li .bubble:after, .progress-indicator>li .bubble:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb;
}
.progress-indicator>li.completed .bubble, .progress-indicator>li.completed .bubble:after, .progress-indicator>li.completed .bubble:before {
    background-color: #428bca;
    border-color: #428bca;
}
.progress-indicator>li .bubble:before {
    left: 0;
}
.progress-indicator>li .bubble:after {
    right: 0;
}
.progress-indicator>li:first-child .bubble:after, .progress-indicator>li:first-child .bubble:before {
    width: 50%;
    margin-left: 50%}
.progress-indicator>li:last-child .bubble:after, .progress-indicator>li:last-child .bubble:before {
    width: 50%;
    margin-right: 50%}
.progress-indicator>li.active, .progress-indicator>li.active .bubble {
    color: #337AB7;
}
.progress-indicator>li.active .bubble, .progress-indicator>li.active .bubble:after, .progress-indicator>li.active .bubble:before {
    background-color: #337AB7;
    border-color: #122a3f;
}
.progress-indicator>li a:hover .bubble, .progress-indicator>li a:hover .bubble:after, .progress-indicator>li a:hover .bubble:before {
    background-color: #5671d0;
    border-color: #1f306e;
}
.progress-indicator>li a:hover .bubble {
    color: #5671d0;
}
.progress-indicator>li.danger .bubble, .progress-indicator>li.danger .bubble:after, .progress-indicator>li.danger .bubble:before {
    background-color: #d3140f;
    border-color: #440605;
}
.progress-indicator>li.danger .bubble {
    color: #d3140f;
}
.progress-indicator>li.warning .bubble, .progress-indicator>li.warning .bubble:after, .progress-indicator>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304;
}
.progress-indicator>li.warning .bubble {
    color: #edb10a;
}
.progress-indicator>li.info .bubble, .progress-indicator>li.info .bubble:after, .progress-indicator>li.info .bubble:before {
    background-color: #5b32d6;
    border-color: #25135d;
}
.progress-indicator>li.info .bubble {
    color: #5b32d6;
}
.progress-indicator.stacked>li {
    text-indent: -10px;
    text-align: center;
    display: block;
}
.progress-indicator.stacked>li .bubble:after, .progress-indicator.stacked>li .bubble:before {
    left: 50%;
    margin-left: -1.5px;
    width: 3px;
    height: 100%}
.progress-indicator.stacked .stacked-text {
    position: relative;
    z-index: 10;
    top: 0;
    margin-left: 60%!important;
    width: 45%!important;
    display: inline-block;
    text-align: left;
    line-height: 1.2em;
}
.progress-indicator.stacked>li a {
    border: none;
}
.progress-indicator.stacked.nocenter>li .bubble {
    margin-left: 0;
    margin-right: 0;
}
.progress-indicator.stacked.nocenter>li .bubble:after, .progress-indicator.stacked.nocenter>li .bubble:before {
    left: 10px;
}
.progress-indicator.stacked.nocenter .stacked-text {
    width: auto!important;
    display: block;
    margin-left: 40px!important;
}
@media handheld, screen and (max-width:400px) {
    .progress-indicator {
    font-size: 60%}
}

.summary-package-icon {
    width: 45px;
    margin-right: 20px;
}

.height-75pct{
    height: 75%;
}

.height-235{
    height: 235px;
}

.additional-info-sub-headers{
    margin: 20px 10px 10px 10px;
}

.margin-right-4 {
    margin-right:4px;
}

.text-indent-30 {
    text-indent: 30px;
}

* {
    box-sizing: border-box;
}

.columns {
    float: left;
    width: 100%;
    padding: 8px;
}

.price {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    .price:hover {
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
    }

    .price .header {
        background-color: #111;
        color: white;
        font-size: 25px;
    }

    .price li {
        border-bottom: 1px solid #eee;
        padding: 20px;
        text-align: center;
    }

@media only screen and (max-width: 600px) {
    .columns {
        width: 100%;
    }
}

.intend-green{
    color:#66bc29;
}

.border-left{
    border-left:1px solid #dedede;
}

table.terms_table {
    color: #ffffff;
    margin: 20px;
    border: 1px solid #000000;
    text-align: center;
}

table.terms_table th {
    color: #ffffff;
    background-color: #7f7f7f;
    border: 1px solid #000000;
    padding: 10px;
    text-align: center;
}

table.terms_table td {
    border: 1px solid #000000;
    padding: 10px;
    width: 50%;
}

table.terms_table tr {
    background-color: #595959;
}

.scroll-v {
    overflow-y: auto;
}