@font-face {
    font-family: 'sf_pro_displaybold';
    src: url('sf-pro-display-bold-webfont.woff2') format('woff2'), url('sf-pro-display-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_pro_displaylight';
    src: url('sf-pro-display-light-webfont.woff2') format('woff2'), url('sf-pro-display-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_pro_displayregular';
    src: url('sf-pro-display-regular-webfont.woff2') format('woff2'), url('sf-pro-display-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #f4f8f9;
    border-top: 5px solid #3db8db;
    font-family: 'sf_pro_displayregular';
    color: #758089;
}

header {
    background: #fff;
    box-shadow: 0px 3px 5px 0px #e6eff1;
}

.bg-light {
    background: #fff !important;
}

.navbar-brand img {
    width: 185px;
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'sf_pro_displayregular';
    text-transform: uppercase;
    color: #758089 !important;
    font-size: 16px;
    padding: 5px 15px;
}

    .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
        color: #fff !important;
        background: #3db8db !important;
    }

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #fff !important;
        background: #3db8db !important;
    }

.buttons {
    color: #fff !important;
    background: #3db8db !important;
    border: none;
    text-transform: uppercase;
    font-size: 16px;
    width: 128px;
    margin: 2px;
}

    .buttons:hover {
        color: #fff !important;
        background: #1c667c !important;
    }

.formhead {
    border-bottom: 1px solid #e3ecee;
}

    .formhead h6 {
        font-family: 'sf_pro_displaybold';
        text-transform: uppercase;
        color: #758089 !important;
        font-size: 20px;
    }

.loginform {
    background: #fff;
    padding: 35px;
    border-radius: 3px;
}

    .loginform h5 {
        font-family: 'sf_pro_displaybold';
        text-transform: uppercase;
        color: #3db8db !important;
        font-size: 20px;
        padding: 15px 0;
    }

    .loginform label {
        text-transform: uppercase;
        color: #9ea8aa;
    }

.form-control:focus {
    border-color: inherit !important;
    box-shadow: inherit !important;
}

.loginput {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    text-transform: capitalize;
    color: #9ea8aa !important;
}

.loginform p {
    font-family: 'sf_pro_displayregular';
    font-size: 18px;
    text-transform: uppercase;
    color: #9ea8aa;
}

    .loginform p a {
        color: #3db8db;
    }

.logbutton {
    height: 45px;
    font-family: 'sf_pro_displaybold';
    font-size: 20px;
}

footer {
    background: #001f28; /*bottom: 0; position:absolute; width: 100%;*/
    text-align: center;
    color: #3db8db;
    font-size: 18px;
}

    footer a {
        color: #3db8db;
        padding: 0px 18px;
        font-size: 18px;
    }

        footer a:hover {
            color: #fff;
            padding: 0 18px;
            text-decoration: none;
        }

.copyright {
    background: #00161c;
    padding: 8px 0;
}

/**/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-bottom: 5px solid #3db8db;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    background-color: #f4f8f9;
    border-width: 0 0 5px;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-bottom: 5px solid #3db8db;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-width: 0 0 5px;
}

.nav-tabs .nav-link {
    border-bottom: 5px solid transparent;
    border-radius: 0px;
    font-family: 'sf_pro_displayregular';
    text-transform: uppercase;
    color: #697782;
    padding: 30px 15px 12px;
    border-width: 0 0 5px;
}

.nav-tabs {
    border-bottom: none;
}

.company {
    background: url(../images/company.svg) no-repeat center top;
}

    .company:hover {
        background: url(../images/company_h.svg) no-repeat center top;
    }

    .company.active {
        background: url(../images/company_h.svg) no-repeat center top;
    }

.tendersicon {
    background: url(../images/folder.svg) no-repeat center top;
}

    .tendersicon:hover {
        background: url(../images/folder_h.svg) no-repeat center top;
    }

    .tendersicon.active {
        background: url(../images/folder_h.svg) no-repeat center top;
    }

.privateicon {
    background: url(../images/private.svg) no-repeat center top;
}

    .privateicon:hover {
        background: url(../images/private_h.svg) no-repeat center top;
    }

    .privateicon.active {
        background: url(../images/private_h.svg) no-repeat center top;
    }

.auctionicon {
    background: url(../images/auction.svg) no-repeat center top;
}

    .auctionicon:hover {
        background: url(../images/auction_h.svg) no-repeat center top;
    }

    .auctionicon.active {
        background: url(../images/auction_h.svg) no-repeat center top;
    }

/*Data Table*/
table.dataTable thead th, table.dataTable thead td {
    border: none !important;
    font-family: 'sf_pro_displayregular';
}

table.dataTable thead th, table.dataTable tfoot th {
    border: none !important;
    font-family: 'sf_pro_displayregular';
    font-weight: normal !important;
}

.table-bordered {
    border: none !important;
}

.table td, .table th {
    border-top: none !important;
}

table.dataTable tbody tr {
    border-collapse: separate;
}

table.dataTable {
    border-spacing: 0em .3em !important;
}

    table.dataTable, table.dataTable th, table.dataTable td {
        font-size: 18px;
    }

        table.dataTable, table.dataTable th, table.dataTable td p {
            margin: 0px;
        }

            table.dataTable h4 {
                font-family: 'sf_pro_displaybold';
                font-size: 18px;
                margin: 0px;
            }

.dataTables_wrapper .dataTables_filter input {
    border: none;
    padding: 5px 10px;
}

.dataTables_length select {
    border: none;
    padding: 5px 10px;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 4px 18px !important;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

.red {
    color: #ff0000;
    font-size: 16px !important;
}

.green {
    color: #39b54a;
    font-size: 16px !important;
}

.purple {
    background: #ffe8fb;
    color: #5b124e;
    border-radius: 100px;
    padding: 3px 15px;
}

.viewgreen {
    background: #c4f4ea;
    color: #129c80;
    border-radius: 100px;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.rechargereport {
    border: 1px solid #fff;
    box-shadow: 0px 0px 3px 0px #d1d1d1;
    margin-top: 60px;
    padding: 12px 12px 5px 12px;
    background-color: white
}

.reporthead {
    text-align: center;
    margin-top: -27px;
    margin-bottom: 15px;
}

    .reporthead p {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        border-radius: 100px;
        padding: 5px 30px;
        background: #5ffd5f; /* Old browsers */
        background: -moz-linear-gradient(left, #a6ce39 0%, #a6ce39 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #a6ce39 0%,#a6ce39 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ef191a 0%,#ef191a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ce39', endColorstr='#a6ce39',GradientType=1 );
    }