/************** Common CSS Start ************************/

@font-face {
    font-family: 'calibribold';
    src: url('../fonts/Calibri-Bold.eot');
    src: url('../fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff'),
        url('../fonts/Calibri-Bold.ttf') format('truetype'),
        url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff'),
        url('../fonts/Calibri.ttf') format('truetype'),
        url('../fonts/Calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
}

@font-face {
    font-family: 'bgi';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/bgi.eot');
    src: url('../fonts/bgi.eot?#iefix') format("embedded-opentype"),
        url('../fonts/bgi.woff2') format("woff2"), url('../fonts/bgi.woff')
        format("woff"), url('../fonts/bgi.ttf') format("truetype"),
        url('../fonts/bgi.svg#fontawesome') format("svg")
}

.fal {
    font-family: 'bgi';
    font-weight: 300
}

.font-digital {
    font-family: 'DS-Digital';
}

.txt-upper.first-letter-low:FIRST-LETTER, .first-letter-low:FIRST-LETTER
{
    text-transform: lowercase !important;
}
/******** PAGE WIDTH START HERE ********/
.w-auto {
    width: auto !important;
}

.w-auto100 {
    width: 100% !important;
}

.h-auto {
    height: auto !important;
}

.h-auto100 {
    height: 100% !important;
}

.ht-40 {
    height: 40px !important;
}

.ht-170 {
    height: 170px !important;
}

.d-flex {
    display: flex;
}

.d-block {
    display: block !important;
}

.d-inline {
    display: inline-block;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-flow-c {
    flex-flow: column;
}

#iAgreeError {
    float: left;
    width: 100%;
}

.nowrap {
    white-space: nowrap !important;
}
.noshadow{
	box-shadow:none !important;
}
 /****** FONT STYLE START HERE ******/
.txt-decorl {
    text-decoration: underline !important;
}

.txt-decorn {
    text-decoration: none !important;
}

.txt-trans-none {
    text-transform: none !important;
}

.txt-upper {
    text-transform: uppercase !important;
}

.txt-small {
    text-transform: lowercase !important;
}

.txt-capit {
    text-transform: capitalize !important;
}

.txt-mar5-0 {
    margin: 5px 0 0 0;
}

.pos-relative {
    position: relative !important
}

.pos-abs {
    position: absolute !important;
}


/*****Upload***********/
#v-t-w #documentDiv #fileToUploadName, #tenderdocument .input-group .form-control,
#poTab #documentDiv #fileToUploadName {
    width: calc(100% - 129px) !important;
}

#divColumns_header div {
    white-space: normal;
    overflow: hidden;
    text-align: center;
}

.btn-submit.btn-small {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    font-size: 14px;
}

.btn-submit.btn-small.checkSetFormula {
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    font-size: 14px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 5px;
}
/******** PAGE WIDTH START HERE ********/
.sum-align {
    padding-top: 40px;
    margin-bottom: 20px;
}

.contr{
    width: 100%;
    position: relative;
    float: left;
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.contr a {
    font-size: 18px;
    color: #186498;
    float: none;
    min-width: 95px;
    padding-right: 15px;
    margin: 0;
}

.contr a i {
    padding-right: 3px;
}

.w-c h3 {
    margin-top: 0;
    padding-top: 0;
}

.c-f-u {
    font-family: Ubuntu;
    font-weight: 400;
    color: #999999;
    font-size: 16px;
    white-space: nowrap;
    padding-right: 5px;
}

.c-f-u-b {
    font-family: Ubuntu;
    font-weight: 500;
    color: #ff6600;
    font-style: 16px;
}
.c-orange{
    color: #ff6600 !important;
}
.font-ub {
    font-family: Ubuntu !important;
}

.c-b1 {
    color: #133146 !important;
}
/****** FONT FAMILY START HERE ******/
.font-ca {
    font-family: calibri !important;
}

.font-op {
    font-family: 'Open Sans', sans-serif !important;
}

.font-tre {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

.font-mp {
    font-family: MyriadPro-Condensed;
}

.font-la {
    font-family: "Lato" !important;
}

.font-ub {
    font-family: 'Ubuntu';
}

.font-robato {
    font-family: Roboto Condensed !important;
}

.c-pointer {
    cursor: pointer;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'calibri', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 16px;
    color: #133146;
    background-color:  #ecf0f5
}
:not(:root):fullscreen::backdrop{
    background-color:  #ecf0f5
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                              supported by Chrome, Opera and Firefox */
}

* {
    outline: none;
}

*::after, *::before {
    box-sizing: border-box;
}

a {
    color: #006cb7;
}

.cali-light {
    font-family: 'calibri' !important;
}

.cali-bold {
    font-family: 'calibribold' !important;
}

ol, ul {
    list-style: none;
    margin: 0;
}

a:hover, a:active, a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}
/************** Common CSS End *************************/
/* body .row {
        margin-right: -6px;
        margin-left: -6px
}

body .col-lg-1, body  .col-lg-10, body  .col-lg-11, body .col-lg-12,
        body .col-lg-2, body .col-lg-3, body .col-lg-4, body .col-lg-5, body .col-lg-6,
        body .col-lg-7, body .col-lg-8, body .col-lg-9, body .col-md-1, body .col-md-10,
        body .col-md-11, body .col-md-12, body .col-md-2, body .col-md-3, body .col-md-4,
        body .col-md-5, body .col-md-6, body .col-md-7, body .col-md-8, body .col-md-9,
        body .col-sm-1, body .col-sm-10, body .col-sm-11, body .col-sm-12, body .col-sm-2,
        body .col-sm-3, body .col-sm-4, body .col-sm-5, body .col-sm-6, body .col-sm-7,
        body .col-sm-8, body .col-sm-9, body .col-xs-1, body .col-xs-10, body .col-xs-11,
        body .col-xs-12, body .col-xs-2, body .col-xs-3, body .col-xs-4, body .col-xs-5,
        body .col-xs-6, body .col-xs-7, body .col-xs-8, body .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 6px;
        padding-left: 6px
} */
/************** Before Login CSS Start******************/
.content-wrapper1 {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}

#login .content, #register .content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0 !important
}

#register .padd-center {
    padding: 23px 0 23px 100px !important;
}

.pageCenter {
    float: none;
    margin: auto;
}

#register .logo {
    margin-left: -10%
}

#register .nav-tabs-custom {
    position: relative;
}

div.dropdown-menu.open {
    max-height: 314px !important;
    overflow: hidden;
}

ul.dropdown-menu.inner {
    max-height: 260px !important;
    overflow-y: auto;
}

#register .nav-tabs-custom>.nav-tabs {
    border: medium none;
    position: absolute;
    right: 0;
    top: -70px;
}

#register .nav-tabs-custom>.nav-tabs>li.active a, 
#register .nav-tabs-custom>.nav-tabs>li.active a:hover
{
    width: 33px;
    height: 33px;
    -webkit-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    -moz-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    background-color: #f48425;
    line-height: 32px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #fff
}

#categoryListTable.table-bordered>tbody>tr>td>div.appendSubCategoryText span{
    color: #fff;
}

#categoryListTable.table-bordered>tbody>tr>td div a.removeSubCategoryByIcon{	
    top: 0;
    right: 5px;
}

#register .nav-tabs-custom>.nav-tabs>li {
    margin-right: 40px;
}

#register .nav-tabs-custom>.nav-tabs>li:LAST-CHILD {
    margin-right: 0;
}
#register .nav-tabs-custom>.nav-tabs>li{
    background: transparent;
}
#register .nav-tabs-custom>.nav-tabs>li a{
    width: 33px;
    height: 33px;
    -webkit-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    -moz-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    border-radius: 17px 18px 18px 17px/17px 17px 18px 18px;
    background-color: #ccd1d7;
    line-height: 33px;
    padding: 0;
    text-align: center;
    margin-top: 0;
    border:none;
    cursor: pointer;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

#register .nav-tabs-custom>.nav-tabs>li>a {
    line-height: 32px;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #333333;
}

#register .nav-tabs-custom>.nav-tabs>li:after {
    content: "";
    left: 33px;
    position: absolute;
    top: 13px;
    width: 40px;
    height: 5px;
    background-color: #ccd1d7;
    pointer-events: none;
}

#register .nav-tabs-custom>.nav-tabs>li:last-child:after {
    width: 0;
}

#register .tab-content input.form-control, #register .tab-content select.form-control,
#register .tab-content textarea.form-control {
    background: #fff;
}

.far.fa-comment-alt {
    font-family: "Font Awesome 5 Pro" !important;
}

.fa-arrow-circle-o-up:before {
    content: "\f01b" !important;
}

#register .slimScrollBar, #register .slimScrollRail {
    margin-right: 0
}

#register .tab-content {
    padding-right: 100px;
}


.bg-img:BEFORE {
    background: #fff url(../images/loginbackground.jpg) no-repeat fixed;
    background-size: cover;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 75vh;
    background-color: #fff;
    display: inline-block;
}

.login-logo-1 {
    padding-top: 25px;
    text-align: center;
    position: relative;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
}

.login-logo-1 img {
    height: 52px;
}

#formLogin.padd-center {
    padding: 23px 0% 5px 0% !important;	
    display: inline-block;
}

#register .btn-primary, #getforgotpassword .btn-primary, #datasub.btn-primary
{
    height: 51px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f48425;
    -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, .25);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .25);
    border: none;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}
/************** Before Login CSS End  *******************/

/************** Pages CSS Start  ************************/
.wrapper {

    position: relative;
    /* 	min-height: 100%;
    overflow: hidden; */
    height:100vh;
}

.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}

.wrapper:after {
    clear: both;
}

.main-header {
    position: relative;
    z-index: 99;	
    background: #fff;
    max-height:100px;
    min-height:100px;
    display: block;	
}

.main-header .navbar {
    -webkit-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
    display: none;
    margin-top: 20px;
    margin-left: 20px;
}

.main-header .logo {
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: block;
    float: left;
    height: 80px;
    font-size: 20px;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    overflow: hidden;
    margin: 0px;
    padding:10px 15px;
    align-items: center;
    justify-content: center;
}
.main-header .logo.e-tender-logo {
    padding-left: 10px;
}
.skin-blue .main-header .logo.e-tender-logo:after {
    border-right: 1px solid #9f9f9f;
    position: absolute;
    content: '';
    height: 50%;
    right: 0px;
    top: 25%;
}
.main-header .logo img {
    width: 100%;
    height: 100%;
}

.com-logo {
    height: 80px;
    padding-top: 15PX;
}

.data-time {
    width: 445px;
}

.data-time span {
    font-size: 14px;
    color: #f5882b;
    float: left;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    padding-left: 25px;
}

.main-sidebar, .left-side {
    position: absolute;
    left: 0;
    min-height: 100%;
    width: 230px;
    z-index: 1031;
    -webkit-transition: -webkit-transform .3s ease-in-out, width .3s
        ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
    transition: transform .3s ease-in-out, width .3s ease-in-out;
}

.sidebar {
    padding-top: 10px;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: nowrap;
}

.sidebar-menu {
    padding: 0;
    list-style: none;
    padding-bottom:250px;
}

.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}

.skin-blue .sidebar-menu>li>a {
    position: absolute;
}

.bg-blue {
    background-color: #0073b7 !important;
}

#right-side .sidebar-menu li a .bidsvg,
#right-side .sidebar-menu li a .fa, #right-side .sidebar-menu li a .epro
{
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #8b8b8b !important;
}
#right-side .sidebar-menu li a .bidsvg:before,
#right-side .sidebar-menu li a .fa:before, #right-side .sidebar-menu li a .epro:before
{
    speak: none;
    font-size: 24px;
    line-height: 47px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}
#right-side .sidebar-menu li a .bidsvg:before{
    font-size:28px;
}
.sidebar-menu .treeview-menu>li {
    margin: 0;
    white-space: initial;
}

.sidebar-menu .treeview-menu>li>a {
    padding: 5px 0 5px 15px;
    display: block;
    font-size: 16px;
    font-family: calibri;
    color: #fff !important;
    line-height: 20px;
}

.backHistory {
    position: fixed;
    left: 20px;
    width: 35px;
    bottom: 50px;
    z-index: 9999;
    height: auto;
    line-height: 33px;
    border-radius: 40px;
    border: 0 ;
    font-size: 18px;
    color: #333 !important;
    font-family: calibribold;
    cursor: pointer;
}

.backHistory i {
    position: relative;
    height: 35px;
    border-radius: 54px;
    background: rgb(245, 135, 44);
    color: rgb(255, 255, 255);
    font-size: 23px;
    text-align: center;
    line-height: 34px;
    width: 35px;
}

.content-wrapper, .right-side, .main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s
        ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    margin-left: 230px;
    z-index: 99;
}

.content-wrapper, .right-side {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}

.banner-color {
    color: #09867e !important;
}

.dash-update-title {
    justify-content: space-between;
}

.dash-update-title div {
    position: relative;
}

.pagesubtitle, .pagetitle, .box .pagetitle {
    width: 100%;
    float: left;
    position: relative;
    padding: 8px 15px 8px;
    font-size: 20px;
    color: #f4811f;
    font-family: 'calibri';
    font-weight: bold;
    background: #f9f1e9;
    border-bottom: 2px solid #f4811f;
}

.pagesubtitle {
    border-bottom: 0;
    background: none transparent;
    padding: 0 15px 0;
    margin-bottom: 0;
    font-size: 16px;
}

.dash-update-title {
    height: 48px;
    border-top: 5px solid #175295;
    padding: 0 10px;
    line-height: 48px;
    font-size: 15px;
    color: #175295;
    font-family: Ubuntu;
    font-weight: 500;
}

.dash-update-title>span+a {
    position: absolute;
    right: 5px;
    height: 33px;
    padding: 0 10px;
    line-height: 33px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    float: right;
    background-color: #42bab0;
    margin-top: 10px;
    font-size: 15px;
    font-family: calibri;
}

.superdash-panel-title {
    height: 48px;
    background-color: #175295;
    padding: 0 10px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    font-family: Ubuntu;
    font-weight: 500;
}

#reportsearch {
    height: 37px;
    min-height: 37px;	
    background-color: #fff;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: calibri;	
}

#daterange {
    height: 37px;
    min-height: 37px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: calibri;
}

#reportdate {
    height: 37px;
    line-height: 37px;
    background-color: #d2d2d2;
    font-size: 16px;
    font-weight: 500 !important;
    font-family: calibri;
    margin-top: 15px;
    padding: 6px 12px;
    border: none;
    margin-left: 10px;
    position: relative;
}

#reportdate+span:after {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 26px;
    color: #677782;
}

.content-header {
    position: relative;
    padding: 15px 15px 0;
    float: left;
    width: 100%;
    margin-bottom: 12px;	
    background: linear-gradient(133deg, #1d5673 26%, #1d5673 100%);
    /* W3C */
    height: 186px;
}


.com-logo img {
    height: 100%;
}

.skin-blue .content-header.new-bg>h1 {
    background: transparent;
    box-shadow: none;
    font-size: 18px;
}

.skin-blue .content-header.new-bg>h1>i {
    background: transparent;
    box-shadow: none;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0);
    border: solid 1px #fff;
    text-align: center;
    line-height: 34px;
    font-size: 18px;
}

.navbar-static-top {
    margin-bottom: 9px;
}

.navbar-custom-menu>.navbar-nav>li {
    position: relative;
}

.common-date-picker {
    position: absolute;
    top: 35px;
    right: 5px;
    z-index: 2;
    text-align: center;
    bottom: 9px;
    color: #666;
}

.navbar .nav>li>a i.fa-angle-down {
    padding-left: 10px;
}

#right-side .sidebar-menu li a .fa:after, #right-side .sidebar-menu li a .epro:after
{
    display: none;
}
#right-side .sidebar-menu li:hover a .bidsvg,
#right-side .sidebar-menu li:hover a .fa, #right-side .sidebar-menu li:hover a .epro
{
    background: rgba(219, 241, 255, 1);
    color: #01a2e0;
    box-shadow: 0 0 0 8px rgba(219, 241, 255, 0.3);
}
#right-side .sidebar-menu li:hover a .bidsvg:before,
#right-side .sidebar-menu li:hover a .fa:before, #right-side .sidebar-menu li:hover a .epro:before
{
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

#right-side .sidebar-menu>li:hover>a>span>.fa {
    width: 25px;
    top: 6px;
    height: 25px;
    margin-left: 10px;
    background: none;
    font-size: 25px;
    text-align: center;
    background: rgb(219, 241, 255);
    color: rgb(1, 162, 224);
    box-shadow: 0 0 0 8px rgba(219, 241, 255, 0.3);
}

#right-side .sidebar-menu>li:hover>a>span>.fa:before, #right-side .sidebar-menu>li:hover>a>span>.epro:before
{
    speak: none;
    font-size: 20px;
    line-height: 21px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#right-side .sidebar-menu>li:hover>a>span #notificationCount.bg-red {
    width: auto;
    height: auto;
    z-index: 5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: rgb(222, 60, 60);
    border: solid 2px rgb(255, 255, 255);
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 12px;
    font-size: 12px;
    padding: 0 5px;
    position: absolute;
    top: 8px;
    right: 12px;
}

@-webkit-keyframes toRightFromLeft { 
    49% {
        -webkit-transform: translate(100%);
    }
    50%{
        opacity:0;
        -webkit-transform:translate(-100%);
    }
    51%{
        opacity:1;
    }
}
@-moz-keyframes toRightFromLeft { 
    49% {
        -moz-transform: translate(100%);
    }
    50%{
        opacity:0;
        -moz-transform:translate(-100%);
    }
    51%{
        opacity:1;
    }
}
@keyframes toRightFromLeft { 
    49% {
        transform: translate(100%);
    }
    50%{
        opacity:0;
        transform:translate(-100%);
    }
    51%{
        opacity:1;
    }
}
.hi-icon-effect-5b .hi-icon:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight { 
    49% {
        -webkit-transform: translate(-100%);
    }
    50%{
        opacity:0;
        -webkit-transform:translate(100%);
    }
    51%{
        opacity:1;
    }
}
@-moz-keyframes toLeftFromRight { 
    49% {
        -moz-transform: translate(-100%);
    }
    50%{
        opacity:0;
        -moz-transform:translate(100%);
    }
    51%{
        opacity:1;
    }
}
@keyframes toLeftFromRight { 
    49% {
        transform: translate(-100%);
    }
    50%{
        opacity:0;
        transform:translate(100%);
    }
    51%{
        opacity:1;
    }
}
.hi-icon-effect-5c .hi-icon:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom { 
    49% {
        -webkit-transform: translateY(-100%);
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(100%);
    }
    51%{
        opacity:1;
    }
}
@-moz-keyframes toTopFromBottom { 
    49% {
        -moz-transform: translateY(-100%);
    }
    50%{
        opacity:0;
        -moz-transform:translateY(100%);
    }
    51%{
        opacity:1;
    }
}
@keyframes toTopFromBottom { 
    49% {
        transform: translateY(-100%);
    }
    50%{
        opacity:0;
        transform:translateY(100%);
    }
    51%{
        opacity:1;
    }
}
.hi-icon-effect-5d .hi-icon:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop { 
    49% {
        -webkit-transform: translateY(100%);
    }
    50%{
        opacity:0;
        -webkit-transform:translateY(-100%);
    }
    51%{
        opacity:1;
    }
}
@-moz-keyframes toBottomFromTop { 
    49% {
        -moz-transform: translateY(100%);
    }
    50%{
        opacity:0;
        -moz-transform: translateY(-100%);
    }
    51%{
        opacity:1;
    }
}
@keyframes toBottomFromTop { 
    49% {
        transform: translateY(100%);
    }
    50%{
        opacity:0;
        transform:translateY(-100%);
    }
    51%{
        opacity:1;
    }
}
/***************Quick Link******************************/
.navbar .nav>li>a.quickLink {
    margin: 0;
    min-width: 168px;
    padding: 0 10px;
    width: auto;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    float: left;
    font-family: calibri;
    line-height: 34px;
    height: 34px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #fff;
}

.navbar .nav>li>a.quickLink div.userthumb {
    float: left;
    height: 32px;
    margin: 0 8px 0 0;
    overflow: hidden;
    position: relative;
    width: 28px;
    border-right: 1px solid #fff;
}

.navbar .nav>li>a.quickLink+.dropdown-menu {
    background-color: #182d50 !important;
}

.navbar .nav>li>a.quickLink+.dropdown-menu.comp-pro {
    width: 196px;
}

.navbar .nav>li>a.quickLink+.dropdown-menu>li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.navbar .nav>li>a.quickLink+.dropdown-menu>li>a {
    color: #758db0;
}

.navbar .nav>li>a.quickLink+.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 20px;
    z-index: 1;
    border: solid 5px transparent;
    border-bottom-color: #182d50;
}

.navbar .nav>li>a .username+i.fa-angle-down {
    padding-top: 6px;
    padding-right: 10px;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    position: absolute;
    right: 4px;
    left: auto;
    top: 45px;
}

.navbar-nav>.user-menu>.dropdown-menu {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 0 !important;
    border: 0 !important;
}

.navbar-nav>.user-menu>.dropdown-menu, .navbar-nav>.user-menu>.dropdown-menu>.user-body
{
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.comp-pro.dropdown-menu>li>a {
    height: 35px;
    line-height: 35px;
    text-align: left;
    padding: 0 0 0 15px;
}

.dropdown-menu>li>a {
    color: #333;
    font-size: 16px;
}

.dropdown-menu>li>a>.glyphicon, .dropdown-menu>li>a>.fa, .dropdown-menu>li>a>.ion
{
    margin-right: 10px;
}

.nav>li.rightClock>a, .nav>li.rightClock>a:hover {
    color: #006db8;
    background: transparent;
    padding: 10px 30px 0 25px;
}

.notification-bell i {
    position: relative;
}

.navbar-custom-menu>.navbar-nav>li:LAST-CHILD {
    border-right: none;
}
/***************Quick Link End******************************/
/*******************Top Clock Start**************/
.rightClock {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #fff;
    height: 30px;
    margin: 0 20px;
}

#topClock {
    float: right;
    width: 100px;
    padding-left: 10px;
}

.dateTop {
    float: left;
    width: 100%;
}

.dateMiddle {
    float: left;
    width: 100%;
}

.dateBottom {
    float: left;
    width: 100%;
}
/*******************Top Clock End**************/
/*******************User Menu Start**************/
.navbar .nav>li>a.userdtls{
    margin: 0;
    width:auto;
    width: auto;
    float: left;
    height: 39px;
    padding: 3px;
    display: flex;
    color: #006db8;
    line-height: 21px;
    border-radius: 25px;
    font-family: calibri;
    align-items: center;
    justify-content: start;
}
.navbar .nav>li>a.userdtls div.userthumb{
    border-radius: 50%;
    float: left;
    height: 26px;
    margin: 0 8px 0 0;
    overflow: hidden;
    position: relative;
    width: 26px;
}
.navbar .nav>li>a.userdtls i.fa-user-circle{
    color: #007bba;
    font-size: 26px;
}
.navbar .nav>li>a.userdtls span.username {
    font-size: 16px;
    padding: 0;
    max-width: 100px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}
.navbar .nav>li>a .username+i.fa-angle-down {
    padding-top: 0px;
    padding-right: 10px;
}
.nav .open>a, .nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    background: transparent;
}

.nav-tabs-custom>.nav-tabs>li>a.text-muted, .sdearwaddlispage .nav-tabs>li>a.text-muted {
    color: #999;
}

.nav-tabs-custom>.nav-tabs>li>a:hover, .sdearwaddlispage .nav-tabs>li>a:hover {
    color: #fff;
}

.nav-tabs-custom>.nav-tabs>li>a:hover span{
    /* background: #fff; */
}

.nav-tabs-custom>.nav-tabs>li:not (.active )>a:hover, .nav-tabs-custom>.nav-tabs>li:not 
(.active )>a:focus, .nav-tabs-custom>.nav-tabs>li:not (.active )>a:active, .sdearwaddlispage .nav-tabs>li:not (.active )>a:hover, .sdearwaddlispage .nav-tabs>li:not 
(.active )>a:focus, .sdearwaddlispage .nav-tabs>li:not (.active )>a:active
{
    border-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.active>a, .sdearwaddlispage .nav-tabs>li.active>a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
    border-bottom: 5px solid #f37f1f !important;
    position: relative;
}
.nav-tabs-custom>.nav-tabs>li.active>a:after, .sdearwaddlispage .nav-tabs>li.active>a:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(244, 128, 31, 0);
    border-top-color: #f4801f;
    border-width: 12px;
    margin-left: -12px;
    z-index: 10;
}
.sdearwaddlispage .nav-tabs>li.active>a:after{
    top:101%;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type, .sdearwaddlispage .nav-tabs>li:first-of-type {
    margin-left: 0;
}

.nav-tabs-custom>.nav-tabs.pull-right, .sdearwaddlispage .nav-tabs.pull-right {
    float: none !important;
}

.nav-tabs-custom>.nav-tabs.pull-right>li, .sdearwaddlispage .nav-tabs.pull-right>li {
    float: right;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type, .sdearwaddlispage .nav-tabs.pull-right>li:first-of-type {
    margin-right: 0;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a, .sdearwaddlispage .nav-tabs.pull-right>li:first-of-type>a {
    border-left-width: 1px;
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a, .sdearwaddlispage .nav-tabs.pull-right>li:first-of-type.active>a {
    border-left-color: #f4f4f4;
    border-right-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.header, .sdearwaddlispage .nav-tabs>li.header {
    line-height: 35px;
    padding: 0 10px;
    font-size: 20px;
    color: #444;
}

.nav-tabs-custom>.nav-tabs>li.header>.fa, .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.nav-tabs-custom>.nav-tabs>li.header>.ion, .sdearwaddlispage .nav-tabs>li.header>.fa, .sdearwaddlispage .nav-tabs>li.header>.glyphicon,
.sdearwaddlispage .nav-tabs>li.header>.ion {
    margin-right: 5px;
}

.nav-tabs-custom>.tab-content, .sdearwaddlispage .tab-content {
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.nav-tabs-custom .dropdown.open>a:active, .nav-tabs-custom .dropdown.open>a:focus{
    background: transparent;
    color: #999;
}

.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
    border-top-color: #3c8dbc;
}

.nav-tabs-custom.tab-info>.nav-tabs>li.active{
    border-top-color: #00c0ef;
}

.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
    border-top-color: #dd4b39;
}

.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
    border-top-color: #f39c12;
}

.nav-tabs-custom.tab-success>.nav-tabs>li.active, .nav-tabs-custom.tab-success>.nav-tabs>li.active {
    border-top-color: #00a65a;
}

.nav-tabs-custom.tab-default>.nav-tabs>li.active, .nav-tabs-custom.tab-default>.nav-tabs>li.active {
    border-top-color: #d2d6de;
}

.sel-title {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: #000;
    padding-left: 15px;
    height: 50px;
    line-height: 50px;
    border-top: 0 !important;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    text-align: center;
    position: relative;;
}

.comp-pro .user-header {
    height: 95px;
    float: left;
    width: 300px;
    border-top: 1px solid #d4d9de
}

.comp-pro .user-header div.com-img {
    width: 54px;
    height: 54px;
    margin: 20px 18px 18px 18px;
    float: left;
}

.comp-pro .user-header img {
    height: 100%;
    width: 100%;
}

.comp-pro .user-header div {
    float: left;
}

.cn-un {
    width: 200px;
}

.cn-un .com {
    font-size: 18px;
    font-family: calibribold;
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    float: left;
    text-align: left;
    overflow: hidden;
    margin-top: 21px;
}

.cn-un .us {
    font-size: 18px;
    font-family: calibri;
    color: #006cb7;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    float: left;
    text-align: left;
    overflow: hidden;
    line-height: 21px;
}
/*******************User Menu End**************/
/*******************Button Start***************/
.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.btn-info {
    background-color: #0b5080;
    padding: 5px 12px;
}

#calendar .fc-button {
    box-shadow: none !IMPORTANT;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    background-image: linear-gradient(to top, #f5f5f5, #f1f1f1) !important;
    color: #444 !important;
    font-weight: 500;
}

.fc-head-container thead tr {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2),
        to(#fafafa));
    background-image: linear-gradient(to top, #f2f2f2 0, #fafafa 100%);
}

#calendar .fc button .fc-icon {
    top: -0.2em;
}

#calendar .fc-icon-right-single-arrow:after, #calendar .fc-icon-left-single-arrow:after
{
    font-weight: normal;
    font-size: 22px;
}

.btn-default, .btn-default:FOCUS, #tenderDashboard .btn-default {
    line-height: 21px;
    padding: 3px 11px;
    height: auto;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #2b8af5;
    text-align: center;
    float: left;
    color: #fff;
    margin-right:10px;
    margin-bottom: 5px;
    border: 0 ;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.10), 0 6px 7px 0
        rgba(0, 0, 0, 0.15);
    /* 	white-space:pre-line		 */
}
.btn-modal{
    white-space: pre-wrap;
}

.viewAll {
    width: 77px;
    height: 28px;
    -webkit-border-radius: 13px !important;
    -moz-border-radius: 13px !important;
    border-radius: 13px !important;
    border: 1px solid #fff;
    float: right;
    marign-right: 15px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    margin-top: 10px;
    background: transparent !important;
}
/*******************Button End ***************/
ul#top-alignment {
    -webkit-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
    -moz-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
    width: 100%;
    height: 120px;
    float: left;
    margin: 0;
    padding: 17px;
    list-style: none;
    background: #fff;
}

ul#top-alignment li {
    float: left;
    width: 25%;
}

ul#top-alignment li img {
    float: left;
    position: relative;
    height: 36px;
    left: 0;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

ul#top-alignment li div {
    width: calc(100% - 75px);
}

.sub-type {
    color: #999;
    font-size: 14px;
    float: left;
    width: 100%;
    margin-top: 25px;
    font-family: Ubuntu;
    font-weight: 400;
    white-space: nowrap;
}

.duration {
    color: #474747;
    font-size: 20px;
    float: left;
    width: 100%;
    margin-top: 4px;
    font-family: Ubuntu;
    font-weight: 400;
}

ul#top-alignment li:AFTER {
    content: "";
    float: right;
    height: 98px;
    width: 1px;
    background-color: #dbdee0
}

ul#top-alignment li:NTH-CHILD(3):AFTER {
    content: "";
    float: right;
    height: 98px;
    width: 1px;
    background-color: transparent;
}

.subscriptionDetails {
    width: 160px;
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background-color: #db7560;
    text-align: center;
    line-height: 36px;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    text-align: center;
    color: #fff;
    margin: auto;
    transform: translateY(80%);
}

ul#top-alignment li:LAST-CHILD:AFTER, ul#top-alignment li:NTH-CHILD(4):AFTER
{
    content: "";
    float: right;
    height: 98px;
    width: 0;
    background-color: #dbdee0;
}

.form-group .form-control {
    height: 45px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ecf0f5;
    border: solid 1px #d5dadf;
    display: block;
    width: 100%;
    padding: 6px 12px;
}

div.data-sub-menu {
    margin: 0 !important;
}

.data-sub-menu {
    padding: 0;
    margin: 0 !important;
    list-style: none;
}

.data-sub-menu li:nth-child(3), .data-sub-menu li:first-child {
    margin-left: 0;
    padding-left: 0
}

.data-sub-menu li:nth-child(4) {
    margin-left: 0;
    padding-left: 0
}
#bidder .data-sub-menu li {
    float: left;
    width: 33.33%;
    padding: 0 5px 10px;
    margin: 6px 0 0;
}
.data-sub-menu li {
    float: left;
    width: 40%;
    padding: 0 5px 10px;
    margin: 6px 0 0;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type, .sdearwaddlispage .nav-tabs>li:first-of-type {
    margin-left: 0;
}

.nav-tabs-custom>.nav-tabs>li>a, .sdearwaddlispage .nav-tabs>li>a {
    color: #fff;
    border-radius: 0;
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    padding: 0 18px;
}

.nav-tabs-custom>.nav-tabs>li>a, .nav-tabs-custom>.nav-tabs>li>a:hover, .sdearwaddlispage .nav-tabs>li>a, .sdearwaddlispage .nav-tabs>li>a:hover {
    background: transparent;
    margin: 0;
    border: none;
    display: inline-block;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a, .sdearwaddlispage .nav-tabs>li:first-of-type.active>a {
    border-left-color: transparent;
}

.nav-tabs-custom>.nav-tabs>li.active>a, 
.nav-tabs-custom>.nav-tabs>li.active:hover>a, .sdearwaddlispage .nav-tabs>li.active>a, 
.sdearwaddlispage .nav-tabs>li.active:hover>a
{
    background-color: #fff;
    color: #f4801f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-top: -9px;
    height: 56px;
    padding-top: 19px;
    line-height: 27px;
}

.nav-tabs-custom>.nav-tabs>li, .sdearwaddlispage .nav-tabs>li {
    margin-bottom: 0;
    margin-right: 2px;
    background: #4a788f;
}

.nav-tabs-custom>.nav-tabs>li:first-of-type, .sdearwaddlispage .nav-tabs>li:first-of-type {
    margin-left: 0;
}

.content {
    padding: 0 15px 12px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    width: 100%;
    margin-top: -110px;
    margin-bottom: 50px !important;
}

.padd-center {
    padding: 0 45px !important;
}

.nav-tabs-custom {
    margin-bottom: -1px;
    border-radius: 3px;
    float: left;
    position: relative;
    margin-top: 10px;
}

.nav-tabs-custom>.nav-tabs, .sdearwaddlispage .nav-tabs{
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    float: left;
    position: relative;
    border-bottom: 0 ;
}

.form-group {
    float: left;
    width: 100%;
    position: relative;
}

.form-group label {
    font-size: 16px;
    color: #30383e;
    font-weight: 500;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.radio, .checkbox {
    margin-bottom: 3px;
    margin-top: 3px;
    padding-left: 0;
    float: left;
}

.checkbox input[type="checkbox"] {
    height: 0;
    opacity: 0;
    width: 0;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"],
.radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: -20px;
    position: absolute;
}

.checkbox label, .radio label {
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0;
    min-height: 20px;
    padding-left: 20px;
    line-height: 20px;
}

.checkbox label {
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.radio label::before, .checkbox label::before {
    background-color: #ffffff;
    border: 1px solid #b9bec0;
    content: "";
    display: inline-block;
    height: 17px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 17px;
}

.radio label, .checkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-right: 15px;
    padding-left: 25px;
    position: relative;
    color: #30383e;
}

.checkbox label::before {
    border-radius: 3px;
    top: 1.4px;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.form-group input.code, #register .tab-content .form-group input.code {
    float: left;
    width: 66px !important;
    margin-right: 2%;
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important
}

.form-group input.code1 {
    float: left;
    margin-right: 2%;
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important
}

.form-group div.code {
    float: left;
    width: 80px !important;
    margin-right: 5px;
}

.form-group div.code input.code, .form-group div.code input.ext {
    width: 100% !important;
}

.form-group div.code .validationMsg {
    height: 100% !important;
}

.form-group input.landwext, #register .tab-content .form-group input.landwext
{
    width: calc(97% - 152px) !important;
    margin-right: 5px;
    float: left;
}

.form-group input.land, #register .tab-content .form-group input.land {
    float: left;
    width: calc(100% - 85px) !important;
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
}

.form-group .landwext, #register .tab-content .land {
    float: left;
    width: calc(100% - 156px) !important;
}

.form-group input.landline, #register .tab-content .form-group input.land
{
    float: left;
    width: calc(100% - 170px) !important;
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    margin-right: 5px;
}

.form-group .ext, #register .tab-content .ext {
    float: left;
    width: 66px !important;
    margin-left: 5px;
}

.form-group input.ext, #register .tab-content .form-group input.ext {
    float: left;
    width: 66px !important;
    border: 1px solid #b9bec0 !important;
    border-radius: 3px !important;
    margin-right: 0;
}

#register a.next, #register input.next, .sw-btn-next {
    padding: 0 50px;
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f48425;
    -webkit-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    -moz-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 18px;
}

.checkbox input[type="checkbox"]:checked+label::before {
    border-width: 8.5px;
    border-color: #0b5080;
}

.checkbox input[type="checkbox"]:checked+label::after {
    color: #fff;
    content: "\f00c";
    font-family: "FontAwesome";
}

.checkbox input[type="checkbox"]:focus+label::before {
    background-color: #e6e6e6;
}

.checkbox label::after {
    display: inline-block;
    font-size: 11px;
    height: 16px;
    left: 1px;
    position: absolute;
    top: 0;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
    width: 16px;
    text-align: center;
}

.ebidlogo {
    position: absolute;
    bottom: 25px;
    right: 33px;
    text-align: right;
    width: 100%
}

.login-foot {
    width: 100%;
    text-align: center;
    right: 0;
    position: relative;
    bottom: 30px;
    background: #fff;
    float: left;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 20px;
}

.login-foot.customreg {
    bottom: 0;
    padding: 0;
}

.login-foot img {
    height: 60px;
    margin-bottom: 15px;
}

#register .back {
    height: 44px !important;
    padding: 0 25px !important;
    line-height: 44px !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .35) !important;
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .35) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .35) !important;
}

#register .back, .sw-btn-prev {
    background-color: #ecf0f5;
    color: #30383e;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    line-height: 21px;
    padding: 12px 25px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.content-header>h1 {
    margin: 0;
    font-size: 18px;
    color: #fff;
    float: left;
    font-family: Ubuntu;
    font-weight: 500;
    margin-left: 0;
    padding: 0 10px 0 0;
    text-align: left;
    width: auto;
    line-height: 36px;
    margin-right: 15px;
}

.content-header>h1>i {
    color: #fff;
    float: left;
    font-size: 18px;
    height: 34px;
    padding: 0;
    text-transform: uppercase;
    width: 34px;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 45px;
}
ol.breadcrumb{
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
}
.content-header>h1>.breadcrumb {
    float: left;
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 0;
    position: absolute;
    top: 52px;
    left: 15px;
    border-radius: 2px;
    font-size: 14px;
    margin-right: 15px;
    text-align: left;
    width: 100%;
    z-index: 9;
}

.content-header>h1>.breadcrumb>li>a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-family: calibri;
    line-height: 14px;
    position: relative;
    z-index: 999;
}

.content-header>h1>.breadcrumb>.active {
    color: #fff;
    font-family: calibribold;
}

.content-header>h1>.breadcrumb>li+li:before {
    content: '>\00a0';
}

div.lbl-2 {
    color: #086db6;
    text-transform: capitalize;
}

div.lbl-2.normal {
    white-space: normal;
}

.colon {
    float: left;
    left: -5px;
    position: relative
}
.clr-black{
    color:#000;
}

.c-upload-h {
    height: 44px;
    line-height: 30px;
}

i.icon-info {
    cursor: pointer;
}

.errorfield .form-control, .form-control.errorEffect {
    background-color: #fff8f8 !important;
    border: solid 1px #f8b2b2 !important;
}
.form-control-e.errorEffect {
    background-color: #fff8f8 !important;
    border: solid 1px #f8b2b2 !important;
}
.note {
    color: #2e6e9e;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
    white-space: normal !important;
}

.note ul {
    padding-left: 50px;
    list-style: square;
}

.note ul li ul {
    padding-left: 15px;
}

.info-icons-1, .info-icons-2, .info-icons-3, .info-icons-4, .help {
    color: #f4811f !important;
    font-size: 16px;
    font-family: calibri;
    cursor: pointer;
}

.colorBorder {
    color: #186498;
    border-bottom: 3px solid #186498;
}

/************** Pages CSS End  *************************/

/************** Variable CSS Start *********************/
.bg-white {
    background: #fff
}
.bg-concrete-gray{
    background:#f2f2f2 !important;
}
.txt-bgi-blue {
    color: #006cb7 !important
}

.txt-gray-9 {
    color: #999999 !important
}

.txt-gray-6 {
    color: #666666 !important
}

.txt-gray-3 {
    color: #333 !important
}

.txt-gray-54 {
    color: #545454 !important
}

.txt-bgi-orange {
    color: #f48425 !important
}

.txt-white {
    color: #fff !important
}

.txt-light-blue1 {
    color: #a4c2df !important
}

.bgi-org {
    color: #f48425 !important
}

.m-t-48 {
    margin-top: 48px !important
}

.m-t-7 {
    margin-top: 7px !important
}

.m-t-m114 {
    margin-top: -114px !important
}

.m-t-m60 {
    margin-top: -60px !important;
}

.m-t-30-m {
    margin-top: -30px !important
}

.m-t-15-m {
    margin-top: -15px !important
}
.margin-0{
	margin:0px !important;
}
.m-t-0 {
    margin-top: 0 !important
}

.m-l-a {
    margin-left: auto !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-b-100 {
    margin-bottom: 100px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-t-100 {
    margin-top: 100px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-b-2 {
    margin-bottom: 2px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-t-8 {
    margin-top: 8px !important
}

.m-l-8 {
    margin-left: 8px !important
}

.m-r-8 {
    margin-right: 8px !important
}

.m-b-8 {
    margin-bottom: 8px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-t-23 {
    margin-top: 23px !important
}

.m-l-23 {
    margin-left: 23px !important;
}

.m-r-23 {
    margin-right: 23px !important;
}

.m-b-23 {
    margin-bottom: 23px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-b-3 {
    margin-bottom: 3px !important
}

.m-t-55 {
    margin-top: 55px !important
}

.m-l-55 {
    margin-left: 55px !important
}

.m-r-55 {
    margin-right: 55px !important
}

.m-b-55 {
    margin-bottom: 55px !important
}

.m-b-80 {
    margin-bottom: 80px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.padding-0{
    padding:0px !important;
}
.p-t-0 {
    padding-top: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}
.padding-3{
    padding:3px !important;
}
.p-t-3 {
    padding-top: 3px !important
}

.p-l-3 {
    padding-left: 3px !important
}

.p-r-3 {
    padding-right: 3px !important
}

.p-b-3 {
    padding-bottom: 3px !important
}
.padding-5{
    padding:5px !important;
}
.p-t-5 {
    padding-top: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}
.padding-6{
    padding:6px !important;
}
.p-t-6 {
    padding-top: 6px !important
}

.p-l-6 {
    padding-left: 6px !important
}

.p-r-6 {
    padding-right: 6px !important
}

.p-b-6 {
    padding-bottom: 6px !important
}
.padding-7{
    padding:7px !important;
}
.p-t-7 {
    padding-top: 7px !important
}

.p-l-7 {
    padding-left: 7px !important
}

.p-r-7 {
    padding-right: 7px !important
}

.p-b-7 {
    padding-bottom: 7px !important
}
.padding-8{
    padding:8px !important;
}
.p-t-8 {
    padding-top: 8px !important
}

.p-l-8 {
    padding-left: 8px !important
}

.p-r-8 {
    padding-right: 8px !important
}

.p-b-8 {
    padding-bottom: 8px !important
}
.padding-10{
    padding:10px !important;
}
.p-t-10 {
    padding-top: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}
.padding-12{
    padding:12px !important;
}
.p-t-12 {
    padding-top: 12px !important
}

.p-l-12 {
    padding-left: 12px !important
}

.p-r-12 {
    padding-right: 12px !important
}

.p-b-12 {
    padding-bottom: 12px !important
}
.padding-15{
    padding:15px !important;
}
.p-t-15 {
    padding-top: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.padding-20{
    padding:20px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}
.p-l-25 {
    padding-left: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.padding-30 {
    padding:30px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}

.padding-35 {
    padding:35px !important;
}
.p-t-35 {
    padding-top: 35px !important;
}
.p-l-35 {
    padding-left: 35px !important;
}
.p-r-35 {
    padding-right: 35px !important;
}
.p-b-35 {
    padding-bottom: 35px !important;
}

.padding-40 {
    padding:40px !important;
}
.p-t-40 {
    padding-top:40px !important;
}
.p-l-40 {
    padding-left: 40px !important;
}
.p-r-40 {
    padding-right: 40px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}

.padding-45 {
    padding:45px !important;
}
.p-t-45 {
    padding-top:45px !important;
}
.p-l-45 {
    padding-left: 45px !important;
}
.p-r-45 {
    padding-right: 45px !important;
}
.p-b-45 {
    padding-bottom: 45px !important;
}

.padding-50 {
    padding:50px !important;
}
.p-t-50 {
    padding-top:50px !important;
}
.p-l-50 {
    padding-left: 50px !important;
}
.p-r-50 {
    padding-right: 50px !important;
}
.p-b-50 {
    padding-bottom: 50px !important;
}

.padding-55 {
    padding:55px !important;
}
.p-t-55 {
    padding-top:55px !important;
}
.p-l-55 {
    padding-left: 55px !important;
}
.p-r-55 {
    padding-right: 55px !important;
}
.p-b-55 {
    padding-bottom: 55px !important;
}

.padding-60 {
    padding:60px !important;
}
.p-t-60 {
    padding-top: 60px !important;
}
.p-b-60 {
    padding-bottom: 60px !important;
}
.p-l-60 {
    padding-left: 60px !important;
}
.p-r-60 {
    padding-right: 60px !important;
}

.padding-65 {
    padding:65px !important;
}
.p-t-65 {
    padding-top: 65px !important;
}
.p-b-65 {
    padding-bottom: 65px !important;
}
.p-l-65 {
    padding-left: 65px !important;
}
.p-r-65 {
    padding-right: 65px !important;
}

.padding-70 {
    padding:70px !important;
}
.p-t-70 {
    padding-top: 70px !important;
}
.p-b-70 {
    padding-bottom: 70px !important;
}
.p-l-70 {
    padding-left: 70px !important;
}
.p-r-70 {
    padding-right: 70px !important;
}


/****** FONT SIZE START HERE ******/
.font-70 {
    font-size: 70px !important;
}
.font-60 {
    font-size: 60px !important;
}
.font-50 {
    font-size: 50px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-31 {
    font-size: 31px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-12 {
    font-size: 12px !important;
}
/****** FONT BOLD START HERE ******/
.f-weightb {
    font-weight: bold !important;
}

.f-weight6 {
    font-weight: 600 !important;
}

.f-weight5 {
    font-weight: 500 !important;
}

.f-weight4 {
    font-weight: 400 !important;
}

.f-weight3 {
    font-weight: 300 !important;
}

.f-weight2 {
    font-weight: 200 !important;
}
/****** TEXT ALIGN START HERE ******/
.txt-cent {
    text-align: center !important
}

.txt-left {
    text-align: left !important
}

.txt-right {
    text-align: right !important
}

.txt-just {
    text-align: justify !important
}

.text-normal {
    text-transform: none !important
}

.text-upper {
    text-transform: uppercase !important
}

.txt-wrap {
    word-wrap: break-word !important
}

.txt-wrapn {
    white-space: normal !important
}
/****** LINE HEIGHT START HERE ******/
.line-50 {
    line-height: 50px !important
}

.line-68 {
    line-height: 68px !important
}

.line-40 {
    line-height: 40px !important
}

.line-35 {
    line-height: 35px !important
}

.line-34 {
    line-height: 34px !important
}

.line-33 {
    line-height: 33px !important
}

.line-32 {
    line-height: 32px !important
}

.line-31 {
    line-height: 31px !important
}

.line-30 {
    line-height: 30px !important
}

.line-28 {
    line-height: 28px !important
}

.line-27 {
    line-height: 27px !important
}

.line-25 {
    line-height: 25px !important
}

.line-24 {
    line-height: 24px !important
}

.line-23 {
    line-height: 23px !important
}

.line-22 {
    line-height: 22px !important
}

.line-21 {
    line-height: 21px !important
}

.line-20 {
    line-height: 20px !important
}

.line-19 {
    line-height: 19px !important
}

.line-16 {
    line-height: 16px !important
}

.line-15 {
    line-height: 15px !important
}

.line-14 {
    line-height: 14px !important
}

.line-13 {
    line-height: 13px !important
}

.line-12 {
    line-height: 12px !important
}

.txt-center {
    text-align: center !important
}

.txt-left {
    text-align: left !important
}

.txt-right {
    text-align: right !important
}

.txt-justify {
    text-align: justify !important
}

.display-none {
    display: none !important
}

.float-none {
    float: none !important
}
/************** Variable CSS End *********************/
/*******************Plugin****************************/
/* .slimScrollDiv { */
/* 	overflow: visible !important; */
/* /* 	float: left; */ */
/* 	width: 100% !important; */
/* 	overflow-y: auto !important; */
/* } */

.select2 {
    width: 100% !important
}

#timeZoneList+.select2-container--default, #timeZoneList+.select2-container--default span.selection,
#timeZoneList+.select2-container--default span.dropdown-wrapper,
#timeZoneList+.select2-container--default span.selection .select2-selection
{
    margin: 0;
    padding: 0;
}

#select2-timeZoneList-container {
    font-size: 16px;
    font-weight: 500;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 26px !important;
    right: 10px !important;
    top: 10px !important;
}

#timeZoneList+.select2-container--default .select2-selection--single .select2-selection__arrow b
{
    right: 20px !important;
    left: auto !important;
}

.ui-widget-header {
    background: #006cb7 !important;
}

#ui-id-1.ui-dialog-title, #ui-id-2.ui-dialog-title {
    font-family: calibri;
    font-size: 20px;
    line-height: 35px;
}

.ui-dialog .ui-dialog-title {
    white-space: normal !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: none !important;
}

.customTitle.ui-widget-header .ui-dialog-titlebar-close:after {
    color: #fb7a1b;
}

.ui-dialog-titlebar-close:after {
    content: "X";
    font-family: 'calibri';
    position: relative;
    top: -5px;
    color: #fff;
    font-size: 18px;
    right: 10px;
}

.ui-dialog .info-popup.ui-dialog-content {
    padding: 0 !important;
}

.info-popup {
    background: #58a2d4 !important;
    margin: 10px;
    font-size: 15px;
    box-shadow: none !important;
    border-radius: 5px;
    float: left
}

.info-popup .row {
    margin: 0;
}

.info-popup-left {
    width: 204px;
    color: #fff;
    float: left;
    padding-left: 12px;
    padding-top: 15px;
}

.customTitle.ui-widget-header {
    background: #fff !important;
    border: 0;
    color: #fb7a1b;
    font-size: 24px;
    font-family: calibri;
    font-weight: bold;
}
/*******************Model Start **************/
.modal {
    background: rgba(0, 0, 0, 0.3);
}

.modal-header {
    border-bottom-color: #f4f4f4;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
}

.modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
    border: 0;
}

/* .modal .modal-dialog,  */
#popup_container .modal-dialog, #popup_container {
    width: 352px;
    /* left: 50%; */
    /* margin-left: -176px; */
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0 !important;
    background: #fff;
    /* margin-top: -90px; */
    top: 50%;
}

.modal .modal-dialog .modal-content, #popup_container .modal-dialog .modal-content
{
    box-shadow: none;
}

.ui-widget-header, .modal-header {
    -webkit-border-radius: 3px 3px 0 0 !important;
    -moz-border-radius: 3px 3px 0 0 !important;
    border-radius: 3px 3px 0 0 !important;
    background-color: #01a2e0 !important;
}

.modal .modal-dialog .modal-content .modal-body, #popup_container .modal-dialog .modal-content .modal-body
{
    min-height: 190px;
    width: 100%;
    padding: 0 0 15px;
    position: relative;
    background: #fff;
    display: inline-block;
}

/* .modal .modal-dialog .modal-content .modal-body span,  */
#popup_container .modal-dialog .modal-content .modal-body h2,
/* 	.modal .modal-dialog .modal-content .modal-body span,  */
#popup_container .modal-dialog .modal-content .modal-body span
{
    font-size: 18px;
    color: #3b3838;
    text-align: center;
    float: left;
    width: 100%;
    padding: 0 10px 0;
    font-family: calibri;
    text-transform: inherit;
    word-break: break-word;
}

/* .modal .modal-dialog .modal-content .modal-body span,  */
#popup_container .modal-dialog .modal-content .modal-body h2
{
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 8px;
    font-family: 'calibri', 'Helvetica Neue', Helvetica, Arial,
        sans-serif !important;
}

/* .modal .modal-dialog .modal-content .modal-body span, */
#popup_container .modal-dialog .modal-content .modal-body span ul li
{
    text-align: left;
}

.ui-widget-content, .modal.in .modal-dialog {
    border: 0 !important;
    -webkit-box-shadow: 3px 4px 20px rgba(0, 0, 0, .25) !important;
    -moz-box-shadow: 3px 4px 20px rgba(0, 0, 0, .25) !important;
    box-shadow: 3px 4px 20px rgba(0, 0, 0, .25) !important;
    padding: 0 !important;
    z-index: 99;
}

.info-popup-right {
    background: #ebf4f7;
    float: right;
    width: calc(100% - 204px);
    border-left: 7px solid #fff;
    padding-left: 12px;
    padding-top: 15px;
}

.sweet-alert {
    width: 375px !important;
    left: 50% !important;
    margin-left: -188px !important;
}

.dashbasicdetail .col-md-6 {
    float: left;
    width: 50%;
}

.data-sub-menu .col-md-12 {
    float: left;
}

.remaining-time .retinner-box {
    padding: 6px 0 !important;
}

#timeisOverhidethisButton .publish {
    padding: 10px 10px !important;
}

.backHistory {
    bottom: 0 !important;
}
/*********************************************/

/*******************Model End ****************/
/******************Box Start**********************/
#bidderDashboard .box {
    border-radius: 5px;
    overflow: visible;
    border: 1px solid #e4e4e4;
}

#bidderDashboard .dash-panel-title  select {
    width: 169px;
    height: 33px;
    border: 1px solid #d5d9df;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
}

.box {
    position: relative;
    background: #ffffff;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    float: left;
}

.box-header.with-border {
    border-bottom: 1px solid #f48425;
}

.box-header {
    color: #444;
    float: left;
    width: 100%;
    display: block;
    margin: 0 ;
    padding: 0 25px;
    position: relative;
}

.dash-panel-title {
    background-color: #fff;
    padding: 0;
    line-height: 50px;
    font-size: 18px;
    color: #186498;
    font-family: Ubuntu;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    float: left;
    width: calc(100% - 30px);
    margin-left: 15px;
}
.dash-panel-title{display: flex;
                  justify-content: space-between;}
.dash-panel-title ul{margin:0; padding:0;display: flex;}
.dash-panel-title ul li{
    list-style-type: none;
    position: relative;
    padding-left: 15px;
    align-items: center;
    padding-right: 15px;
    font-size: 15px;
}
.liveld:before{
    content: '';
    height: 10px;
    width: 10px;
    background-color: #8791d5;
    position: absolute;
    top: 20px;
    left: 0px;	
}
.scheduledld:before{
    content: '';
    height: 10px;
    width: 10px;
    background-color: #ef6191;
    position: absolute;
    top: 20px;
    left: 0px;	
}
.completedld:before{
    content: '';
    height: 10px;
    width: 10px;
    background-color: #c696f6;
    position: absolute;
    top: 20px;
    left: 0px;	
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 15px;
    overflow: visible !important;
    float: left;
    width: 100%;
    position:relative;

}

.box-header:before, .box-body:before, .box-footer:before, .box-header:after,
.box-body:after, .box-footer:after {
    content: " ";
    display: table;
}

.box-header:after, .box-body:after, .box-footer:after {
    clear: both;
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title
{
    display: inline-block;
    font-size: 18px;
    line-height: 1;
}

h3.box-title {
    text-transform: uppercase;
    color: #f4811f;
    font-size: 20px !important;
    font-family: calibribold;
}

.touchHand {
    background: url(../images/touchHand.png) left top no-repeat;
    padding-left: 36px;
    height: 40px;
    align-items: center;
}

.with-border {
    border-bottom: 2px solid #f48425;
}
.with-border-gray {
    border-bottom: 1px solid #d5dadf;
}

/******************Box End**********************/
/***************Media****************************/
@media ( max-width :1024px) {
    .conOpt {
        display: flex;
        flex-flow: column;
    }
    .duration {
        font-size: 18px;
    }
    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
        background: #367fa9 !important;
        position: absolute;
    }
    ul#top-alignment {
        -webkit-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        -moz-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        width: 100%;
        height: auto;
        float: left;
        margin: 0;
        padding: 10px;
        list-style: none;
        background: #fff;
    }
    ul#top-alignment li:AFTER {
        content: "";
        float: right;
        height: 98px;
        width: 1px;
        background-color: #dbdee0;
    }
    ul#top-alignment li:LAST-CHILD:AFTER {
        content: "";
        float: right;
        height: 98px;
        width: 0;
        background-color: #dbdee0
    }
}

@media ( max-width :767px) {
    #viewtenderResponsive .skltbs, .skltbs {
        margin-bottom: 35px
    }
}

@media ( max-width :768px) {
    .etendernumber {
        display: block !important;
    }
    .etendernumber div {
        float: left;
        width: 100%
    }
    .all-control {
        position: absolute;
        top: 30px;
        right: 5px;
    }
}

@media ( max-width :1024px) {
}

@media ( min-width :768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 75px !important;
        z-index:98;
        background: #fff !important;
        -ms-filter:
            "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#000000)";
        /*IE 8*/
        -moz-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1); /*FF 3.5+*/
        -webkit-box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
        /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
        box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
        /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135,
            Color=#000000); /*IE 5.5-7*/
    }
    .sidebar-collapse .main-sidebar, .sidebar-collapse .left-side {
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li {
        position: relative;
        margin-left: 12px;
        margin-top: 10px;
        height: 47px;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
    .sidebar-mini.sidebar-collapse .sidebar-form, 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
    .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none;
        -webkit-transform: translateZ(0);
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        border-bottom-right-radius: opx;
    }	
    .sidebar-mini.sidebar-collapse .content-wrapper, 
    .sidebar-mini.sidebar-collapse .right-side
    {
        margin-left: 75px;
        z-index: 840;
        margin-bottom: 70px;
    }
    .sidebar-collapse .content-wrapper, 
    .sidebar-collapse .right-side,
    .sidebar-collapse .main-footer {
        margin-left: 0;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
        border-top-right-radius: 0;
    }
    .sidebar-mini .sidebar-collapse .sidebar-menu > li:hover>a>.pull-right-container>.label:not(:first-of-type){
        display:none;
    }

}
/**********Dashboard*************/
.well-new {
    height: 325px;
}
/*********Report Updated date*************/
.panelHead {
    height: 38px;
    background-color: #dbf1ff;
}

.panelHead span {
    height: 38px;
    line-height: 38px;
    background-color: #006cb7;
    color: #fff;
    float: left;
    padding: 0 15px;
    text-transform: uppercase;
}
.panelHead1 span {
    height: 38px;
    line-height: 38px;
    background-color: #006cb7;
    color: #fff;
    float: left;
    padding: 0 15px;

}

table.panelTable {
    width: 100% ;
}

table.panelTable thead tr th {
    font-family: calibribold;
    font-size: 16px;
    background: #4c98cc;
    color: #fff;
    padding: 10px 20px 10px 10px;
    border: 1px solid #fff;
    vertical-align: middle !important;
}

table.panelTable thead tr th span {
    font-family: calibri;
    float: left;
    width: 100%;
    font-weight: 500;
}

table.panelTable tbody tr {
    padding: 10px;
}

table.panelTable tbody tr:nth-child(even) {
    background: #f6f8fa;
}

table.panelTable tbody tr:nth-child(odd) {
    background: #fff
}

table.panelTable tbody tr td {
    padding: 10px;
    font-size: 16px;
}

.panelHead i.table-open {
    float: right;
    color: #006cb7;
    font-size: 25px;
    line-height: 44px;
    cursor: pointer;
    margin-right: 10px;
}
/**************************************/
/***********Footer Start***************/
.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de;
    z-index: 999;
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 50px;
    left: 0;
}

.main-footer:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    /* liniar gradient for all browsers */
    background-image: -webkit-linear-gradient(0deg, #006db7 80%, #f5882b 15%);
    background-image: -moz-linear-gradient(0deg, #006db7 80%, #f5882b 15%);
    background-image: background-image: -o-linear-gradient(0deg, #006db7 80%, #f5882b 15%);
    /*end liniar gradient for all browsers */
    background-size: 100%;
}
/***********Footer End  ***************/
/**************Bidder Register Page Update************************/
.jsrssub-title {
    height: 46px;
    line-height: 36px;
    font-size: 50px;
    color: #f48425;
    font-family: bp;
    border: 1px solid #006cb7;
    padding: 0 15px;
    display: block;
}

.jsrssub-title img {
    height: 25px;
}

.enterprise {
    background: #006cb7;
    padding: 5px 15px;
    font-size: 24px;
    font-family: calibribold;
    color: #fff;
    position: relative;
}

.txtEnterpriseClassificationtop {
    font-size: 16px;
    font-family: calibri;
}

.yearcircle {
    float: right;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 60px;
    line-height: 60px;
    font-family: calibribold;
    display: none;
}

.yearcircle span {
    font-size: 17px;
    font-family: calibri;
}

div.checklist {
    height: 320px !important;
    width: calc(100% - 20px) !important;
}

div.checklistContainer {
    padding: 0 !important;
    margin-bottom: 10px !important;
    font-family: 'calibri', Helvetica, arial, verdana, sans-serif !important;
    font-size: 16px !important;
    line-height: 27px !important;
    width: 100% !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff !important;
    float: left
}

div.findInList input {
    width: 100% !important;
}

div.checklist {
    border: none !important;
    color: #555555;
    background: #FFFFFF;
}

div.findInList input {
    height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #d5dadf;
    margin-left: 10px !important;
    width: calc(100% - 30px) !important;
    margin-top: 10px !important;
}
div.checklist li {
    padding: 0 !important;
}

div.checklist li.even, div.checklist li.odd {
    background-color: #FFFFFF !important;
}

div.checklist label.leaveRoomForCheckbox {
    font-size: 16px;
    font-family: calibri;
    font-weight: 500;
    line-height: 18px;
    color: #30383e;
    padding-left: 35px !important;
    position: relative;
    padding: 5px 0;
}

div.checklist label.leaveRoomForCheckbox:before {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #b9bec0;
    position: absolute;
    content: '';
    left: 10px;
    top: 8px;
}

div.checklist li.checked label.leaveRoomForCheckbox:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    left: 11px;
    top: 5px;
    font-size: 12px;
    color: #7fb5db;
}

div.checklist li input, div.actionButtons {
    display: none !important;
}

#taxRate .actionCol {
    width: 100px !important;
}

.checklistContainer {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #d5dadf;
    position: relative;
}

#register .checklistContainer .slimScrollBar, #register .checklistContainer .slimScrollRail
{
    margin-right: 0;
}

.checklistContainer:after {
    content: '';
    width: 11px;
    height: 100%;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-color: #f5f5f5;
    position: absolute;
    right: 0;
    top: 0;
}

#register .checklistContainer .slimScrollRail {
    background: transparent !important;
}

input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.uploadClass {
    width: 90px;
    height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    position: relative;
    z-index: 9;
    float: left;
    cursor: pointer;
}

.uploadClass+span {
    width: 90px;
    height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f5f5;
    border: solid 1px #d5dadf;
    display: block;
    text-align: center;
    line-height: 42px;
    margin-left: -90px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.uploadall .uploadClass+span {
    width: 83px;
    height: 34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #0b4f7f;
    border: none;
    display: block;
    text-align: center;
    line-height: 34px;
    margin-left: -90px;
    cursor: pointer;
    float: right;
    margin-right: 0;
    color: #fff !important;
}

.upcontrol {
    position: relative;
}

.nofiticationList .checkbox label, .notifi-cont-box .checkbox label {
    margin-right: 0;
    padding-left: 15px;
}

.notifica-cont .font-18 {
    font-size: 16px !important;
}

.testArea {
    padding-right: 4px;
}

.testArea+span {
    line-height: 42px;
}

.readPdfFile {
    cursor: pointer;
}

.uploadpdf {
    top: -21px;
    left: 23px;
    position: absolute;
    color: #e1564b;
    z-index: 999;
    height: 15px;
    width: 15px;
    line-height: 15px;
}

#geteditbidder .uploadpdf {
    top: -9px;
    left: 24px;
    position: absolute;
    color: #e1564b;
    z-index: 999;
    height: 15px;
    width: 15px;
    line-height: 15px;
}

#geteditbidder .regupload i.fa-file-pdf-o {
    font-size: 35px;
    color: #e1564b;
    position: relative;
    margin-top: 0;
}

.regupload i.fa-file-pdf-o {
    font-size: 35px;
    color: #e1564b;
    position: relative;
    margin-top: 6px;
}

.regupload i.fa-file-pdf-o a {
    font-size: 15px;
    color: #e1564b;
    position: absolute;
    top: -7px;
    right: -7px;
}

.regupload i.fa-file-pdf-o a i {

}




#reglookup {
    padding: 25px !important;
}

#reglookup table {
    width: 100%;
}

#reglookup table thead tr {
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f48120;
}

#reglookup table tr th {
    background: #f48120;
    color: #fff;
    line-height: 36px;
    padding: 0 10px;
}

#subscriptionDetails table tbody tr:nth-child(even) td, #reglookup table tbody tr:nth-child(even) td
{
    background: #fef2e8;
}

#subscriptionDetails table {
    width: 100%;
}

#subscriptionDetails table tbody tr td, #reglookup table tbody tr td {
    color: #333333;
    height: 36px;
    padding: 0 10px;
}

.regselectResult {

}

.regselectResult table {
    width: 100%;
    background: #f8fcff;
    border: 1px solid #e1e1e1;
}

.regselectResult table thead tr {
    height: 53px;
    background-color: #006cb7;
}

.regselectResult table thead tr th {
    padding: 0 15px;
    color: #fff;
    vertical-align: middle !important;
}

.regselectResult table tbody tr {

}

.regselectResult table tbody tr td {
    height: 53px;
    padding: 0 15px;
}

.st-en {
    font-weight: 600;
    padding: 25px 0px 30px 0px;
    font-family: calibribold;
}

.register-layout-right h1 {
    white-space: normal !important;
    font-size: 20px !important;
    position: relative;
    margin-bottom: 15px;
}

.register-layout-right h1+h2 {
    position: relative;
}

#formLogin.padd-center {
    max-width: 343px;
}
/**************Tab Responsive***********************/
@media ( max-width : 736px) {
    .loginhome {
        left: 15px !important;
    }
    #dvFormulaCal .overall-border {
        float: none;
        margin: auto auto 15px auto
    }
}

@media ( min-width : 768px) {	
    .popover {
        white-space: nowrap;
        z-index: 9 !important;
    }
    .ten-title {
        height: auto;
    }
    .content-header>h1 {
        width: 48%;
    }
}

@media ( max-width : 991px) {
    #detail_group_count {
        display: none;
    }
    .login-logo-1 {
        width: auto;
    }
    div.register-layout-right {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .content-header>h1 {
        width: 35% !important;
    }
    .data-sub-menu li {
        width: 100% !important;
    }
    #viewtenderResponsive .skltbs-tbs, .skltbs-tab {
        width: 100%;
        float: left;
        border-bottom: 2px solid #fff;
    }
    .downloadXls, .uploadXls {
        width: 100% !important;
    }
    .downloadXls {
        margin-bottom: 15px;
    }
    .nav-tabs-custom>.nav-tabs>li>a, .sdearwaddlispage .nav-tabs>li>a {
        padding: 0 10px;
    }
    div.basic-title, div.dashbasicdetail {
        float: left !important;
    }
    #viewtenderResponsive .skltbs-tbs, .skltbs-tab {
        padding: 12px 10px !important;
    }
    form#tenderDtBean .skltbs .skltbs-panel-group div[class*="skltbs-"] {
        padding: 10px 75px !important;
    }
}

@media ( max-width : 767px) {
    .content-header>h1 {
        width: 45% !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    ul.dataCount li {
        width: 48% !important;
    }
    ul#myactiontenderbelow.dataCount li {
        width: 100% !important;
    }
    .content.m-t-48 {
        margin-top: 60px !important;
    }
    ul#top-alignment li {
        float: left;
        width: 25%;
        border-bottom: 0;
    }	
}
.adrow {
    display: flex;
    padding-right: 10px;
}

#tenderDashboard #myauction .height-eclips, #tenderDashboard .upcomingAuctions .height-eclips
{
    height: 40px;
    max-height: 60px;
}

#tenderDashboard .height-eclips {
    max-height: 60px;
    display: -webkit-box;
}



.viewBidFormBorder textarea.form-control.height-eclips-bid,
.height-eclips-bid {
    max-height: 60px;
    text-overflow: ellipsis;
    overflow: hidden !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.viewBidFormBorder textarea.form-control.height-eclips-bid {
    padding: 1px 5px;
}

.adrow div {
    word-break: break-all;
}

@media screen and (min-width: 736px) and (max-width: 767px) {
    .col-sm-11.display-inline {
        width: 91.66666667%;
    }
}

@media screen and (min-width: 736px) and (max-width: 991px) {	
    div.remaining-time .retinner-box {
        padding: 6px 0;
    }
    .adrowtop {
        display: block;
    }
    .adrow span {
        padding-left: 0 !important;
    }
    ul#top-alignment li {
        float: left;
        width: 33%;
        border-bottom: 1px solid #dbdee0;
    }
    ul#top-alignment li:LAST-CHILD {
        float: left;
        width: 100%;
        border-bottom: 1px solid #dbdee0;
    }
    .content.m-t-48 {
        margin-top: 137px !important;
    }
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable
    {
        width: 96% !important;
    }
    ul#top-alignment li img {
        margin-left: 0;
        margin-right: 5px;
    }
    .box.custombidview+ul#top-alignment li:nth-of-type(2) {
        padding-left: calc(100% - 99%) !important;
        width: 30% !important;
    }
}

@media ( max-width :767px) {
    /************Left Menu************/
    ul#tender-notify li .col-sm-6.col-md-3 {
        width: 25%;
        float: left;
    }
    .sidebar-mini.sidebar-open .sidebar-menu>li {
        position: relative;
        margin-left: 12px;
        margin-top: 10px;
        height: 47px;
    }
    .sidebar-mini.sidebar-open .main-sidebar {
        width: 75px !important;
        z-index: 98;
        top: 5px;
    }
    .sidebar-mini.sidebar-open .sidebar-menu>li:hover>.treeview-menu {
        top: 53px;
        margin-left: 0;
    }
    .sidebar-mini.sidebar-open .sidebar-menu>li:hover>.treeview-menu {
        display: block !important;
        position: absolute;
        text-align: left;
        width: 220px;
        left: 63px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 53px !important;
        margin-left: 0 !important;
        display: block !important;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
        display: block !important;
        position: absolute !important;
        text-align: left !important;
        width: 220px !important;
        left: 63px !important;
        top: 5px;
    }
    .sidebar-mini.sidebar-open .sidebar-menu>li:hover>a>span {
        top: 0;
        margin-left: 0;
        padding: 0 5px 0 20px;
        background-color: #083c61;
        color: #fff;
        text-transform: uppercase;
        line-height: 48px;
        height: 48px;
        font-size: 22px;
    }
    .sidebar-mini .sidebar-open .sidebar-menu>li:hover>a>span:not(.pull-right){
        display:block !important;		
        position:absolute;
        text-align:left;
        width:220px;
        left:63px;	
        top:5px;
    }
    /********************************/
    /**************Summary Bar*******/
    .adrowtop {
        display: block;
    }

    .c-f-u.p-l-30 {
        padding-left: 0 !important;
    }

    .navbar.navbar-static-top.w-auto.pull-right {
        height: 58px;
    }
    /********************************/
    .sidebar-mini.sidebar-open .sidebar-menu>li>a>span, #tender-notify li .cure-left span.ticketc,
    #tender-notify li .cure-left span.bottom-cir, #tender-notify li .cure-left span.top-cir,
    #tender-notify.awarder li .tenderdtls-box>.tendercard-left .ticketc.top-cir,
    .cure-left:after {
        display: none !important;
    }

    .main-header {
        position: relative;
    }

    .main-header .logo {

    }

    .main-header .navbar {
        width: 100%;
        float: none;
        margin-left: auto;
    }

    .main-header .navbar {
        margin: 0;
    }

    .main-header .navbar-custom-menu {
        float: right;
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
    }

    #register .nav-tabs-custom>.nav-tabs {
        border: medium none;
        position: absolute;
        right: 0;
        top: -20px !important;
    }

    .navbar-custom-menu>.navbar-nav>li:first-child {
        display: flex !important;
    }

    .navbar-custom-menu>.navbar-nav, .navbar-nav {
        display: flex !important;
        justify-content: space-between;
    }

    .navbar-custom-menu>.navbar-nav>li {
        padding: 0 0 0 2px;
        display: flex !important;
    }

    .e-tender-logo {
        width: 50%;
        float: left;
        margin: 0 !important;
        padding-left: 15px;
    }

    .e-tender-logo img {
        width: 100%
    }

    .line-1 {
        width: 0;
        border: 0;
    }

    .com-logo img {
        float: right;
    }

    .com-logo {
        width: 50%;
        float: right !important;
        margin-right: 0 !important;
        padding-right: 15px;
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #fff;
        background: #367fa9 !important;
        position: relative;
    }

    ul#top-alignment {
        -webkit-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        -moz-box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        box-shadow: 3px 4px 10px rgba(0, 0, 0, .05);
        width: 100%;
        height: auto;
        float: left;
        margin: 0;
        padding: 25px;
        list-style: none;
        background: #fff;
    }
    .content.m-t-48 {
        margin-top: 340px !important;
    }

}
.advancesearch {
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #186498;
    float: left;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding-left: 10px;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    padding: 0 10px
}

#info-title {
    position: absolute;
    left: 0;
    z-index: 9;
    width: 100%;
    /* padding-top: 0 !important; */
    line-height: 16px;
}

.advSerach {
    width: calc(100% - 160px)
}

#scrolll  .dataTables_filter>label {
    font-weight: 500;
    font-size: 15px;
    color: #30383e;
    display: flex;
    line-height: 50px;
    float: left;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #d5dadf;
    width: 100% !important;
    margin-top: 42px;
    position: relative;
}

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

ul#notificationdash {
    padding: 0;
    height: 267px;
}

ul#notificationdash li {
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
    padding: 10px 0;
}

ul#notificationdash li {
    display: none;
}

ul#notificationdash li:nth-child(1), ul#notificationdash li:nth-child(2),
ul#notificationdash li:nth-child(3) {
    display: list-item;
}

ul#notificationdash li:nth-child(3) {
    border-bottom: 0;
    padding-bottom: 38px;
}

ul#notificationdash li a {

}

ul#notificationdash li>a, ul#notificationdash li .noti-list-title {
    display: none;
}

ul#notificationdash li .notifica-cont, ul#notificationdash li .noti-list-desc
{
    color: #666;
    font-size: 15px !important;
    width: auto !important;
    margin-left: 0 !important;
}

ul#notificationdash li .noti-list-desc {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul#notificationdash li .noti-list-desc a {
    color: #666;
    font-size: 15px;
}

ul.dataCount {
    padding: 0;
    margin: 0;
}

ul.dataCount li {
    height: 74px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    width: 32.33%;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 15px;
    text-align: center;
}

ul#myactionevent.dataCount li {
    width: 48%;
}

ul#myactiontender.dataCount li {
    width: 32%;
}

ul#myactiontenderbelow {
    min-height: 262px;
}

ul#myactiontenderbelow.dataCount li {
    width: 100%;
    min-height: 74px;
    height: auto !important;
    padding: 9px 0;
}

ul.dataCount li a {
    font-size: 25px;
    font-family: calibribold;
    float: left;
    width: 100%;
}

ul.dataCount li div {
    font-size: 14px;
    font-family: calibribold
}

.fc-toolbar .ui-state-active {
    background: #e4395b;
    font-size: 15px !important;
    color: #fff;
    font-family: calibri !important;
    font-weight: 100;
    height: 30px;
}
.fc-popover .fc-body.ui-widget-content {
    max-height: 130px;
    overflow-y: auto;
}

#calendar .ui-widget-content {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid #ccc !important;
}

#calendar .fc-listWeek-view.ui-widget-content {
    min-height: 40px;
}

.fc-day-number {
    color: #5e5e5e;
    font-size: 13px !important;
    font-family: calibri !important;
}

.notification-ten-list li .notifica-cont {
    margin-left: 10px !important;
    width: calc(100% - 45px) !important;
}

.notify-sort ul.notify li {
    float: left;
    width: auto;
    padding: 0 5px !important;
    height: 32px;
    border-right: 1px #666 inset;
    line-height: 34px;
}

.notify-sort ul.notify li a {
    box-shadow: none;
    padding: 1px 3px !important;
    font-size: 14px;
    background: transparent;
    width: auto;
    color: #333;
}

.notify-sort ul.notify li:last-child {
    border-right: none;
    padding-right: 10px !important;
}

#calendar .fc-popover .ui-widget-content {
    height: auto;
    background: #fff !important;
}

#calendar .fc-popover .ui-widget-header {
    border-color: rgba(0, 0, 0, .2) !IMPORTANT;
    background: #4297d7 !important;
}

.ui-widget .fc-popover .fc-event {
    background: #e4395b !important;
    padding: 5px;
    border: 0 !important;
}

.ui-state-default .ui-icon {
    text-indent: 0;
}

.ui-icon-circle-triangle-e, .ui-icon-circle-triangle-w {
    position: relative;
}

.ui-icon-circle-triangle-w:BEFORE {
    content: "\f104";
    font-family: 'FontAwesome';
    color: #fff;
    position: absolute;
    font-size: 16px;
}

.ui-icon-circle-triangle-e:BEFORE {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #fff !important;
    position: absolute;
    font-size: 16px;
    left: 0;
    top: 0;
    z-index: 999;
    height: 16px;
    width: 16px;
}

.fc-toolbar button {
    position: relative;
    text-transform: capitalize;
}

.poptitle {
    background: #e1e4e7;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    font-family: Open Sans;
    font-size: 16px;
    color: #677688;
    font-weight: 600;
}

.popdynamictitle {
    font-family: Open Sans;
    font-size: 18px;
    padding: 10px 0 20px 20px;
    color: #333;
    font-weight: 600;
}

.conttab {
    padding: 15px 10px 10px 20px;
}

.leftTab {
    color: #677688;
    text-align: center;
}

.leftTab img {
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
}

.users_list+.btn-group, #selTimezoneId+.btn-group {
    width: 100%;
}

#selTimezoneId+.btn-group .multiselect {
    background: #ecf0f5 !important;
}

select+.btn-group {
    width: 100%;
}

select+.btn-group .multiselect, #module+.btn-group .multiselect,
#selTimezoneId+.btn-group .multiselect, .users_list+.btn-group .multiselect
{
    height: 45px;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ecf0f5;
    border: solid 1px #d5dadf;
    display: block;
    width: 100%;
    padding: 6px 12px;
    background: #fff;
    color: #333;
    text-align: left;
    box-shadow: none;
    overflow: hidden;
}

select+.btn-group .multiselect span, #module+.btn-group .multiselect span,
.selTimezoneId+.btn-group .multiselect span, .users_list+.btn-group .multiselect span
{
    width: calc(100% - 15px) !important;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 30px;
}

#module+.btn-group {
    width: 100%;
}

#module+.btn-group .multiselect b, #selTimezoneId+.btn-group .multiselect b,
.users_list+.btn-group .multiselect b {
    float: right;
    margin-top: 10px;
}

.multiselect-filter .input-group .form-control {
    width: calc(100% - 45px) !important;
    height: 40px !important;
}

.multiselect-filter .input-group-btn>.btn {
    width: 40px;
    padding: 0 !important;
    margin: 0 !important;
    height: 40px;
}

span.multiselect-native-select {
    height: 45px;
}

.multiselect-native-select .open>.dropdown-menu {
    top: 45px;
}

.multiselect-filter>.input-group>.input-group-addon {
    line-height: 34px;
}

.multiselect-container.dropdown-menu .multiselect-clear-filter {
    background: transparent;
    color: #333;
    box-shadow: none;
    margin-left: 2px;
    margin-top: 10px;
}

.multiselect-container>li>a>label>input[type=checkbox] {
    opacity: 1;
    width: 16px;
    height: 16px;
}

.multiselect-container>li>a>label.checkbox {
    white-space: initial;
}

.multiselect-container {
    width: 100%;
}

.ui-widget-content[aria-describedby="termandcon"] {
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: scroll;
}

.subscriptionDetails:HOVER {
    color: #fff;
}

.termsandconditions .header {
    font-family: Calibri;
    font-size: 30px;
    color: #333;
    padding-bottom: 10px;
    padding-top: 20px;
}

.termsandconditions .subheader {
    font-size: 20px;
    font-weight: bold;
    color: #f4811f;
}

.termsandconditions p {
    font-size: 16px;
    line-height: 1.5;
}

.termsandconditions .definitionheader {
    font-family: Calibri;
    font-size: 18px;
    font-weight: bold;
    color: #006db7;
    padding-top: 15px;
}

.termsandconditions ol {
    list-style-type: decimal;
}

.termsandconditions ol li {
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 10px;
}

.innerlist {
    list-style-type: lower-roman;
}

.termcenter {
    float: none;
    margin: auto;
}
.ui-dialog .ui-dialog-content {
    overflow: hidden;
}

.subheaderfooter {
    display: block;
    font-weight: 600;
    padding-top: 15px;
    position: relative;
    right: 20px;
}

.contactusinformation {
    display: block;
}

.accessdenied {
    height: 168px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #db6060;
}

.accessdenied i {
    font-size: 50px;
    color: #fff;
    width: 120px;
    text-align: center;
    line-height: 168px;
    border-right: 1px dashed #fff;
    float: left;
}

.accessdenied h1 {
    width: calc(100% - 120px);
    float: left;
    padding: 0 0 0 15px;
    color: #fff;
    font-size: 24px;
    font-family: calibribold;
    margin-top: 15px;
    margin-bottom: 5px;
}

.accessdenied h2 {
    width: calc(100% - 120px);
    float: left;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    float: left;
    margin-top: 0;
}

.accessdenied .redirect {
    width: 120px;
    height: 36px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #e79f91;
    text-align: center;
    line-height: 36px;
    display: inline-block;
    color: #fff;
    margin-left: 15px;
    margin-top: 40px;
}

form#searchForm {
    width: calc(100% - 170px);
}

.open>.slimScrollDiv .dropdown-menu {
    display: block;
    width: 100% !important;
    top: 0;
}

.multiselect-container {
    z-index: 9;
}

#register .multiselect-native-select .slimScrollBar {
    margin-right: 1px;
    z-index: 99;
}

.centerBox {
    float: none;
    margin: auto;
}

.box.custombidview {
    box-shadow: none;
    margin-bottom: 0;
}

.box.custombidview+ul#top-alignment {
    height: 85px;
}

.box.custombidview+ul#top-alignment li:AFTER {
    height: 53px;
}

.box.custombidview+ul#top-alignment li {
    width: 25%;
}

.box.custombidview+ul#top-alignment li img {
    margin-top: 7px;
}

.box.custombidview+ul#top-alignment li .sub-type {
    margin-top: 2px;
}

.box.custombidview+ul#top-alignment li .duration {
    font-size: 16px;
    color: #545454;
}

/*************Color*********************/
.text-blue {
    color: #0073b7 !important;
}

.text-lash {
    color: #677782;
}

address span {
    color: #677782;
}

.b-b-d {
    border-bottom: 1px dashed #d7dbe0;
}

.updown {
    width: 55px;
    float: left;
    text-align: center;
}

.updown a {
    font-size: 12px;
    float: left
}

.updown a i {
    font-size: 20px;
    color: #e1564b;
}

.sw-btn-next.disabled, .sw-btn-prev.disabled {
    display: none;
}

.dataTables_processing {
    top: 15px !important;
}

#uploadedFileDiv span {
    margin-left: 15px;
    position: relative;
}

#geteditbidder #uploadedFileDiv span {
    margin-left: 15px;
    position: relative;
    margin-top: 0;
}

.multiselect-item.multiselect-group a label {
    background: #006cb7 !important;
    color: #fff;
}

.selectcustom .slimScrollDiv {
    display: none
}

.btn-submit.pointer-events-none {
    display: none;
}

#register .selectcustom  .slimScrollRail {
    margin-right: 0;
}

.selectcustom .open .slimScrollDiv {
    display: block;
}
.select2-search--dropdown {
    float: left;
    width: 100%;
}

.select2-results {
    float: left;
    width: 100%;
}

.appendSubCategoryText {
    padding: 6px 5px;
    margin: 4px;
    font-size: 13px;
    font-weight: 400;
    font-family: 'calibri', 'Helvetica Neue', Helvetica, Arial,
        sans-serif !important;
    cursor: pointer !important;
}

.notifica-cont a+div {
    height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.select2-container .select2-selection--single {
    height: 40px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered
{
    line-height: 40px !important;
}

.data-fine {
    float: none;
    margin: 0;
}
/**********Summary***************/
.all-control a {
    margin-right: 10px;
}

.all-control a {
    font-family: Ubuntu;
    color: #858b92;
    font-size: 12px;
}

.all-control a i {
    color: #5d636b;
    margin-right: 4px;
    line-height: 13px !important
}

.remaining-time {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 8 !important;
}

.remaining-time .retinner-box {
    width: 100%;
    float: left;
    z-index: 10;
    margin-top: -6px;
    padding: 6px 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 0;
    position: relative;
    background: none;
    border: 0;
}

.duecountdown {
    width: 100%;
    font-size: 40px;
    font-size: 27px;
    font-family: 'DS-Digital';
    color: #e11313;
    float: none;
    font-weight: bold;
    text-align: center;
    padding-left: 7px;
    display: inline-block;
    margin-bottom: 10px;
}

.duecountdown.timeisOverhidethis {
    display: inline-block;
    white-space: normal;
    line-height: 5px;
    margin-top: 10px;
}

.remaining-time .r-title {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif !important;
}

.remaining-time .r-time {
    font-family: calibri;
    font-size: 20px;
    color: #333333;
}

.cure-right span {
    color: #000;
    font-size: 16px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 0;
}

.cure-right .ten-title {
    font-size: 24px;
    text-align: center;
    padding-top: 0;
    height: 30px;
}

.com-btn {
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 21px;
    text-align: center;
    font-size: 17px;
    color: rgb(255, 255, 255);
    font-family: calibribold;
    padding: 8px 25px;
    float: none;
    width: max-content;
    font-weight: 500;
    font-family: calibri;
    display: inline-block;
    white-space: nowrap;
    margin:0 auto;
}
/***************Report Table Filter**********************/
.tableFilter.navbar-nav>li>a.dropdown-toggle {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #007bba;
    text-align: center;
    line-height: 20px;
    padding: 0;
    margin-left: 5px;
}

.tableFilter .dropdown-menu li {
    float: left;
    width: 100%;
    padding: 5px 15px;
}

.tableFilter .dropdown-menu {
    left: auto;
    right: -15px;;
}

#register #selTimezoneId+div .multiselect-container>li>a>label {
    white-space: normal;
    padding-left: 15px;
}

#register #selTimezoneId+div .multiselect-container>li>a>label:hover {
    background: #006cb7;
    color: #fff;
}

#register #selTimezoneId+div .multiselect-container>li>a>label input[type="radio"]
{
    opacity: 0;
}
/**************************/
.grid-containerdatasecond {
    display: -ms-grid;
    -ms-grid-columns: 3fr 2fr 2fr;
    display: grid;
    grid-template-areas: 'registration active ValiPend'
        'registration  cancelled expired';
}

.grid-containerdatasecond .item1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    grid-area: registration;
}

.grid-containerdatasecond .item3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: ValiPend;
}

.grid-containerdatasecond .item4 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: active;
}

.grid-containerdatasecond .item5 {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    grid-area: expired;
}

.grid-containerdatasecond .item6 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: cancelled;
}

.grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
        'registration payPend payPend payPend ValiPend ValiPend ValiPend'
        'registration active active expired expired cancelled cancelled';
}

.grid-container>div>span, .grid-containerdatasecond>div>span {
    font-family: 'calibri';
    float: left;
    width: 100%;
    text-align: center;
}

.grid-container .item1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row-span: 2;
    grid-area: registration;
}

.grid-container .item2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-area: payPend;
}

.grid-container .item3 {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    grid-area: ValiPend;
}

.grid-container .item4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: active;
}

.grid-container .item5 {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: expired;
}

.grid-container .item6 {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    grid-area: cancelled;
}

.grid-container .item1:after {
    content: '';
    position: absolute;
    border-right: 1px solid #ccc;
    height: 80%;
    top: 10%;
    right: 0;
}

.grid-container .item2:after {
    content: '';
    position: absolute;
    border-right: 1px solid #ccc;
    height: 60%;
    width: 100%;
    top: 20%;
    right: 0;
}

.grid-container .item2:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 80%;
    bottom: 0;
    left: 20%;
}

.grid-container .item3:after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 80%;
    bottom: 0;
    right: 20%;
}

.grid-container .item4:after, .grid-container .item5:after {
    content: '';
    position: absolute;
    border-right: 1px solid #ccc;
    height: 60%;
    top: 20%;
    right: 0;
}

.grid-containerdatasecond  .item1:after {
    content: '';
    position: absolute;
    border-right: 1px solid #ccc;
    height: 80%;
    top: 10%;
    right: 0;
}

.grid-containerdatasecond .item4:after, .grid-containerdatasecond .item6:after
{
    content: '';
    position: absolute;
    border-right: 1px solid #ccc;
    height: 60%;
    top: 20%;
    right: 0;
}

.grid-containerdatasecond .item4:before, .grid-containerdatasecond .item3:before
{
    content: '';
    position: absolute;
    border-bottom: 1px solid #ccc;
    width: 60%;
    left: 20%;
    bottom: 0;
}

.grid-container>div, .grid-containerdatasecond>div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
    color: #545454;
    font-family: calibribold;
    position: relative;
}

.numofcount {
    width: calc(50% - 10px);
    height: 299px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #16a085;
    text-align: center;
    display: flex;
    flex-flow: column;
}

.numofcount span {
    font-size: 79px;
    float: left;
    width: 100%;
    margin-top: 60px;
    font-family: calibribold;
    line-height: 79px;
}

.numofcount a {
    height: 24px;
    line-height: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #007bba;
    display: inline-block;
    margin: auto;
    width: auto;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 40px;
    width: 100px;
}

#tenderChart, #auctionChart {
    height: 330px;
}

.fc-scroller {
    height: auto !important;
}

.fc-basic-view .fc-body .fc-row {
    height: auto !important;
}

.dropdown.cal_event {
    float: right;
}

.dropdown.cal_event button {
    background-color: #42bab0;
    color: #fff;
    border-radius: 2px;
    font-size: 15px;
    font-family: calibri;
}

.dropdown.cal_event ul {
    left: auto;
    right: 0;
    padding: 0;
}

.dropdown.cal_event ul li {

}

.dropdown.cal_event ul li a {
    background: transparent;
    margin: 0;
    float: left;
    width: 100%;
}

.dropdown.cal_event ul li a:hover {
    background-color: #e1e3e9;
    color: #000;
    width: 100%;
}

.notfound {
    text-align: center;
}
/*****************select2 Custom **********************/
.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus,
.select2-container--default:focus, .select2-selection:focus,
.select2-container--default:active, .select2-selection:active {
    outline: none;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    padding: 6px 12px;
    height: 45px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    background-color: #ecf0f5 !important;
    border: solid 1px #d5dadf !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 40px !important;
}

.select2-container--default.select2-container--open {
    border-color: #3c8dbc;
}

.select2-dropdown {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
    background-color: #3c8dbc;
    color: white;
}

.select2-results__option {
    padding: 6px 12px !important;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
    padding-left: 0;
    padding-right: 0;
    height: auto;
    margin-top: -4px;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered
{
    padding-right: 6px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 26px !important;
    right: 10px !important;
    top: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b
{
    margin-top: 0;
}

.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field
{
    border: 1px solid #d2d6de;
}

.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus
{
    outline: none;
    border: 1px solid #3c8dbc;
}

.select2-container--default .select2-results__option[aria-disabled=true]
{
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true]
{
    background-color: #ddd;
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover
{
    color: #444;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6de;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color: #3c8dbc;
}

.select2-container--default.select2-container--focus .select2-selection--multiple
{
    border-color: #d2d6de;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    background-color: #3c8dbc;
    border-color: #367fa9;
    padding: 1px 10px;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.7);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
    color: #fff;
}

.select2-container .select2-selection--single .select2-selection__rendered
{
    padding-right: 10px;
}

.btn-validate:hover {
    color: #fff;
}

.helpinfo {
    cursor: pointer;
}

.registerButtonCss {
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    background-color: #f48425;
    text-decoration: none;
    display: inline-block;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
}

.h-100 {
    height: 100px !important;
}

.ht-100 {
    height: 100px !important;
}

.ht-153 {
    height: 153px !important;
}

.ht-50 {
    height: 50px !important;
}

.b-r-gray {
    position: relative;
}

.b-r-gray:AFTER {
    content: '';
    position: absolute;
    height: 100%;
    border-right: 1px solid #ccc;
    right: 0;
    top: 0;
}

.alignRight {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
/************Menu******************/
.sidebar-menu .treeview-menu .treeview-menu li a {
    padding: 5px 10px 5px 20px !important;
    white-space: initial;
    height: auto;
    line-height: initial;
}

.sidebar-menu .treeview-menu .treeview-menu li a:hover {
    background: rgba(39, 111, 161, 1);
}

.uploadXls .input-group .form-control#fileToUploadName {
    width: calc(100% - 208px) !important;
    padding: 0;
    margin: 0;
    background: transparent;
    dsfds: noe;
    border: 0 !important;
    height: 40px;
}

.input-group .form-control#fileToUploadName {
    width: calc(98% - 129px) !important;
    padding: 19px 29px;
    margin: 0px 0;
}

.sidebar-menu>li .label, .sidebar-menu>li .badge {
    margin-right: 5px;
}

.sidebar-menu>li .badge {
    margin-top: 3px;
}

.sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
}

.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left
{
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
}

.sidebar-menu li.active>a>.fa-angle-left>a>.pull-right-container>.fa-angle-left
{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sidebar-menu li.active>.treeview-menu {
    display: block;
    background: rgba(39, 111, 161, 0.8);
}

.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}

.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon,
.sidebar-menu .treeview-menu>li>a>.ion {
    width: 20px;
    font-size: 12px;
}

.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left,
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down,
.sidebar-menu .treeview-menu>li>a>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down
{
    width: auto;
}

@media ( min-width :768px) {
    .sidebar-mini.sidebar-collapse .main-footer {

    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:not (.treeview )>a>span{
        border-bottom-right-radius: 0;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu
    {
        display: block !important;
        position: absolute;
        text-align: left;
        width: 220px;
        left: 63px;
        top: 5px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu:BEFORE
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #083c61 transparent transparent;
        content: "";
        position: absolute;
        left: -6px;
        top: -35px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
        top: 0;
        margin-left: 0;
        padding: 0 5px 0 20px;
        background-color: #083c61;
        color: #fff;
        text-transform: uppercase;
        line-height: 48px;
        height: 48px;
        font-size: 22px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){
        display:none;
    }

    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 53px;
        margin-left: 0;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo {
        display: flex;
        align-items: center;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }

    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
        display: none;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {

    }

}
.sidebar-menu:hover {
    overflow: visible;
}

.sidebar-form, .sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip;
}

.sidebar-menu li>a>.pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.colorBorderUpdate {
    height: 42px;
    line-height: 42px;
    background-color: #24877f;
    background-image: -webkit-linear-gradient(left, #24877f, #238686 28%, #208397 63%, #1b7fb0
        );
    background-image: -moz-linear-gradient(left, #24877f, #238686 28%, #208397 63%, #1b7fb0);
    background-image: -o-linear-gradient(left, #24877f, #238686 28%, #208397 63%, #1b7fb0);
    background-image: -ms-linear-gradient(left, #24877f, #238686 28%, #208397 63%, #1b7fb0);
    background-image: linear-gradient(to right, #24877f, #238686 28%, #208397 63%, #1b7fb0);
    font-size: 22px;
    color: #fff;
    float: left;
    width: 100%;
}

.colorBorderUpdatesub {
    background-color: #e8f2f5 !important;
    background-image: none !important;
    color: #24877f;
}

.manageupdate div.lbl-2 {
    color: #999999;
    text-transform: capitalize;
    font-size: 18px;
}

.manageupdate .form-group {
    margin-bottom: 15px;
    font-size: 18px;
}

.table.custTable {
    border: none;
}

.table.custTable thead {	
    background: #e1e4e7 !important;
    border-left: 5px solid #e1e4e7;
    border-right: 5px solid #e1e4e7;
    border-top: 1px solid #e1e4e7;
    color: #333;
}

.table.custTable thead tr th {
    text-transform: none;
    text-align: left !important;
    color: #333 !important;
    font-family: calibribold;
    font-size: 18px;
}

.table.custTable tbody tr td {
    border: none;
    font-size: 16px;
    font-family: calibri;
}

.table.custTable #catSubCatList tr {
    border: none;
}

#biddingtenderdashboardcontent #viewUploadedFile .table tbody tr td:LAST-CHILD
{
    display: block;
}

#viewUploadedFile .table tbody tr td:LAST-CHILD {
    display: contents;
}

#viewUploadedFile .table tbody tr td.txt-cent:LAST-CHILD {
    display: table-cell;
}

#viewUploadedFile .table tbody tr td:LAST-CHILD {
    display: contents;
}

#viewUploadedFile .table thead tr th {
    white-space: nowrap;
}

@media ( min-width : 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu
    {
        display: block !important;
        position: absolute !important;
        text-align: left !important;
        width: 220px !important;
        left: 63px !important;
        top: 5px !important;
    }
}

@media ( min-width : 768px) {
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 53px !important;
        margin-left: 0 !important;
        display: block !important;
    }
}

.sw-theme-arrows>.sw-container {
    min-height: 200px !important;
}

.appendSubCategoryText span {
    background: #01a2e0 !important;
}

/* .showNoValidation .validationMsg,  */
.showNoValidation #selPostalStateError,
.showNoValidation #selPostalTextError
{
    display: none !important;
}

/* .showNoValidation .errorEffect {
        border: 1px solid #ddd !important;
        background: #ecf0f5 !important;
}  */

#registerauth {
    border-radius: 3px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    box-shadow: 0 1px 3px rgb(244, 129, 31);
    height: 45px !important;
    margin-left: 10px !important;
}

#cancelbtn {
    margin-left: 7px !important;
}

.btn-secondary {
    /* min-height: 45px !important; */
    padding: 10px 30px;
    margin-right: 15px;
    text-align: center;
    font-size: 18px;
}
.btn-save-orange {
    background-color: #f4811f;
    font-weight: normal;
    color: #fff;
    /* min-height: 45px; */
    padding: 10px 30px;
    margin-right: 15px;
    font-size: 18px;
}
.btn-submit-blue {
    background-color: #006cb7;
    font-weight: normal;
    color: #fff;
    /* min-height: 45px; */
    padding: 10px 30px;
    font-size: 18px;
}
/** below are written by baktha for responsive issues**/
#divColumns_header {
    height: 45px !important;
    float: initial !important;
    display: flex;
    line-height: initial !important;
    align-items: center;
}
#createAuction .wrapper{
    overflow: visible;
}
@media ( max-width :1024px) {
    #createAuction .ui-dialog {
        width: auto !important;
    }
    .publish {
        padding: 5px 15px !important;
    }
}

.noteBox {
    align-items: center !important;
}

@media ( max-width :768px) {	
    .conOpt {
        flex-flow: row !important;
    }
    #tender-notify li .tenderdtls-box>.tendercard-left {
        padding: 35px 10px 35px !important;
    }
}

@media ( max-width : 767px) {
    .e-tender-logo img {
        width: 80%;
    }
    .e-tender-logo {
        width: 40%;
    }
}

.loginpageinputs .radio label, .loginpageinputs .checkbox label {
    color: #333;
}
.loginpagemodifed {
    max-width: 500px;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    box-shadow: 3px 4px 15px rgba(0, 0, 0, .15);
    z-index: 99;
}

.loginpagemodifed .alert-danger {
    position: absolute;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    top: 75px;
}

.loginsubmit .submitvalue {
    width: 100%;
    background: #f48425;
    height: 51px;
    border-radius: 3px;
    box-shadow: 4px 6px 15px rgba(0, 0, 0, .25);
}

.loginsubmit .submitvalue:hover {
    border: none !important;
}

.loginsubmit .submitvalue:focus {
    outline: 0 auto !important;
    border: none;
}

.loginsubmit .submitvalue:active {
    border: none !important;
    background: #f48425;
}

.forgotpassword {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gotohome a {
    display: inline-block;
    border-radius: 100%;
    padding: 15px;
    background: #083f6a;
    margin-top: 10px;
}

.gotohome a img {
    max-width: 20px;
}

.forgotpasswordbanner {
    padding-bottom: 60px;
}

.resetpassword {
    padding-top: 15px;
}

.cancelresetting {
    margin-top: 30px;
}

.cancelresetting a {
    color: #333 !important;
}

.regisrationpage {
    cursor: pointer;
}

.registrationtabcontent {
    padding: 0 15px 0 0 !important;
    max-height: 100% !important;
}

.toplogoregister {
    margin: 0 !important;
    padding: 15px;
}

.registrationheader, .registrationform {
    max-width: 65%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.heeaderlogoandlogin {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 2px solid #006db8;
}

.heeaderlogoandlogin .backtologin {
    background: #083f6a;
    color: #fff;
    padding: 3px 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-right: 15px
}

.heeaderlogoandlogin .backtologin img {
    max-width: 18px;
    padding-left: 5px;
}

.cap-img {
    width: 125px;
    height: 45px;
    float: left;
    background-color: #eceaec;
}

.refresh {
    background: #f58220;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    left: -15px;
    cursor: pointer;
    float: left !important;
    font-size: 17px !important;
    height: 33px;
    line-height: 28px !important;
    position: absolute;
    text-align: center;
    width: 33px;
    top: 6px !important;
    z-index: 5 !important;
}

.captchacode .form-group.label-floating label.control-label {
    will-change: left, top, contents;
}

.cappad {
    position: absolute;
    pointer-events: none;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    top: 0;
    font-size: 15px;
}

.captchafloatinglabel {
    width: auto !important;
}

.captchafloatinglabel .form-control {
    border-bottom: 1px solid #ddd;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-family: calibri;
    height: 45px;
    font-size: 15px;
    padding-left: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* max-width: 173px; */
}

.captchafloatinglabel .form-control:focus {
    box-shadow: none !important;
    border-color: #36537b;
}

.captchafloatshere .form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.captchafloatshere .form-control-placeholder {
    position: absolute;
    top: 5px;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
    left: 8px;
}

.captchafloatshere .form-control:focus+.form-control-placeholder,
.captchafloatshere .form-control:valid+.form-control-placeholder {
    font-size: 75%;
    -webkit-transform: translate3d(0, -45%, 0);
    transform: translate3d(0, -45%, 0);
    opacity: 1;
}

.backandnext {
    margin-bottom: 20px;
}
/******************************************/
@media ( max-width :767px) {
    .main-footer {
        height: 75px;
    }
    #manageorganization .nav-tabs-custom+.box {
        margin-bottom: 40px;
    }
}

@media ( max-width :991px) {
    .content-header {
        min-height: 250px !important;
    }
    .content-header>h1>.breadcrumb {
        top: 110px;
    }
    .navbar-custom-menu>.navbar-nav>li:first-child {
        display: flex !important;
    }	
}

@media (max-width: 1285px){
    .st-en {padding: 10px 10px 10px 10px;}
}
@media ( max-width :1199px) {
    .entiretenderinfo {
        display: inline-block;
    }
    .eauctionnumber {
        padding-left: 0 !important
    }
    .suspendaction {
        display: block !important;
        float: left !important;
        margin-top: 15px !important;
    }
}

.suspendaction {
    display: grid;
    margin: 0 auto;
}

.search-class {
    height: auto !important;
}
#listingTable_wrapper #tender-notify li.p-t-50{
    padding-top: 15px !important;
}
#listingTable_wrapper.data-count #tender-notify li.p-t-50{
    padding-top: 50px !important;
}
.termsandcondition {
    width: 100%;
}

.termsandcondition label {
    display: flex;
    width: auto;
    margin-right: 0;
}

.termsandcondition .termtext {
    display: block;
    width: 100%;
}

.regupload {
    margin-bottom: 0;
}

.regupload ~ .note {
    color: #f48120 !important;
}

.commercialregistration {
    margin-bottom: 0 !important;
}

.dataTables_filter label input[type="search"], .dataTables_filter label
{
    margin-right: 0 !important;
}

.designationcancel	button {
    margin-bottom: 0 !important;
}

.designationcancel {
    margin-top: 15px !important;
}

.footerborbidder {
    padding-top: 35px;
    padding-bottom: 15px;
}

.DataTables_sort_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.restrictwithdatabiidertable::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 0;
}

.restrictwithdatabiidertable::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.restrictwithdatabiidertable::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
    outline: 1px solid slategrey;
}

.restrictwithdatabiidertable {
    display: block;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

#searchedMapBidderTable {
    margin-top: 0;
    margin-bottom: 0;
    border-collapse: collapse;
}
.searchfilterlabel .inputfield {
    min-width: 100% !important;
}

.searchfilterlabel .searchandclear {
    position: absolute;
    right: 0;
}

#calendar .ui-state-default .ui-icon, #calendar .ui-state-default .ui-icon
{
    background: transparent;
    background-color: transparent !important;
}

#notificationCount {
    min-width: 24px;
    height: 19px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 9px;
    background-color: #de3c3c;
    text-align: center;
    color: #fff;
    line-height: 19px;
    font-size: 13px;
    position: absolute;
    top: -10px;
    left: 10px;
    padding: 0 5px;
    font-family: calibri;
}

.livehall-mrq-inner-box {
    width: 100%;
    font-size: 16px;
    color: #0b5080;
    line-height: 45px;
    padding: 0 10px;
    background-color: #e4f4ff;
    float: left
}

@media ( max-width : 768px) {
    .nav-tabs-custom>.nav-tabs>li>a {
        padding: 0 3px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu:BEFORE
    {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #083c61 transparent transparent;
        content: "";
        position: absolute;
        left: -6px;
        top: -35px;
    }
    .content-header>h1 {
        margin-right: 0;
        width: 34% !important;
    }
    .dataTables_filter label {
        width: 60% !important;
    }
    .dataTables_filter label input[type="search"] {
        width: 97% !important;
    }
    .c-f-u.p-r-5 {
        width: 100%;
        float: left;
        padding-left: 0 !important;
    }
    .c-f-u.p-r-5+span {
        width: 100%;
        float: left;
    }
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/* @media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {	 */
@media ( max-width : 991px) {
    /* Hide table headers (but not display: none;, for accessibility) */
    .divColumns_all {
        margin-top: 15px;
        height: auto !important
    }
    .divColumns_header {
        display: none;
    }
    .divColumns_all>div {
        border-bottom: 1px solid #ccc;
        margin-bottom: 0;
        padding-bottom: 20px;
    }
    .divColumns_all>div>div:before {
        /* Now like a table header */
        position: absolute;
        top: 0;
        left: 8px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        z-index: 99;
        height: 34px;
        background: #0b5080;
        color: #fff;
        padding: 6px 10px 0 10px !important;
        text-align: left;
    }
    .divColumns_all>div .checkbox {
        margin-bottom: 0;
        margin-top: 6px;
    }
    .divColumns_all>div textarea.height-40 {
        height: 34px !important;
    }
    /*
    Label the data
    */
    .divColumns_all>div>div {
        position: reletive;
        margin-bottom: 5px;
        float: left;
        width: 100%;
    }
    .divColumns_all>div>div:EMPTY {
        display: none;
    }
    .divColumns_all>div>div:before {
        content: attr(data-title);
    }
    .divColumns_all input, .divColumns_all textarea, .divColumns_all select
    {
        /* Behave  like a "row" */	
        margin-left: 37% !important;
        width: calc(100% - 37%);
    }
    .divColumns_all .validationMsg {
        margin-left: 37% !important;
        width: calc(100% - 37%);
    }
}
#hdMappedBidder {
    top: 0 !important;
    z-index: 999;
}

.ui-icon-triangle-1-s {
    background-position: -68px -16px !important;
}

.ui-icon-triangle-1-n {
    background-position: -4px -16px !important;
}

#updatedBiddingAmountTable thead tr th {
    max-width: 150px;
    min-width: 60px;
}
.dataint {
    max-width: 150px;
    min-width: 130px;
}

#selected_item_table .dataint {
    max-width: none;
    min-width: none;
}

.rank.dataint {
    max-width: 50px;
    min-width: 50px;
}

.highlight_selected_item {
    background: #e4f4ff;
}

.container img {
    transition: transform 0.25s ease;
    cursor: zoom-in;
}

input[type=checkbox]:checked ~ label>img {
    transform: scale(2);
    cursor: zoom-out;
}
/* ----------->>> GridView <<<----------*/
#hdScrollupdatedBiddingAmountTable {
    width: 100% !important;
    height: auto !important;
    max-height: 300px !important;
}

#selected_item_table thead tr th {
    white-space: nowrap;
    text-transform: uppercase;
    z-index: 95;
}

.gridView {
    width: 100%;
    clear: both;
    margin: 10px 0;
    border: medium none !important;
    border-collapse: collapse;
}

.gridView tr td {
    vertical-align: top;
}

.gridView thead tr, .footer {
    ertical-align: middle;
    text-decoration: none;
    text-align: center;
}

/* --->>> HeaderStyle (cabeçalho) <<<---*/
.gridView thead tr {
    vertical-align: middle;
}

.gridView thead tr th {
    vertical-align: middle;
}

.gridView thead tr a {
    padding: 0 0 0 10px;
    text-decoration: underline;
    vertical-align: middle;
}

.gridView thead tr a:hover {

}

/* ---->>> FooterStyle (rodapé) <<<------*/
.footer {
    height: 20px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
}
/*PagerStyle*/
.footer a, .footer span {
    color: #555;
    padding: 2px 6px 2px 6px;
    border: 1px solid #bcbcbc;
    background: #F1F1F1 url(../images/bg-pg.png) bottom repeat-x;
    text-decoration: none;
}

.footer a:hover {
    color: #C40B17;
    background-color: #fff;
    background-image: none;
    border: 1px solid #890812;
}

.footer span {
    color: #fff;
    background: #D7403F url(../images/bg-pg-focus.png) bottom repeat-x;
    border: 1px solid #890812;
}

/* ------------>>> Grid <<<--------------*/
.grid, .gridAlternada, .gridDestacada {
    font: 11px Arial, Verdana;
    text-align: left;
    text-align: center;
    vertical-align: middle;
}

.grid:hover, .gridAlternada:hover, .gridDestacada:hover {
    color: #000;
    background: #D4E5F6 url(../images/bg-dia.png) 0 0 repeat-x;
}

.grid {
    background-color: #fff;
}
/*RowStyle*/
.gridAlternada {
    background-color: #eee;
}
/*AlternatingRowStyle*/
.gridDestacada {
    background-color: #FFE082;
    color: #333;
}
/*SelectedRowStyle / EditRowStyle*/

/* -------->>> Link Grid's <<<-----------*/
.grid a, .gridAlternada a, .gridDestacada a {
    color: #384249;
    text-decoration: none;
}

.grid a:hover, .gridAlternada a:hover, .gridDestacada a:hover {
    color: #000;
    text-decoration: underline;
}

.headLeft {
    float: left;
    line-height: 20px;
}
.headLeftright{
    width: calc(100% - 125px);
    line-height: 20px;
    float: left;
}

.headCenter {
    width: calc(100% - 475px);
    float: left;
    line-height: 20px;
}

.headRight {
    width: 350px;
    float: left;
    line-height: 20px;
}

#selected_item_table {

}

#selected_item_table thead tr {
    white-space: nowrap;
    height: 32px;
    -webkit-border-radius: 2px/1px;
    -moz-border-radius: 2px/1px;
    border-radius: 2px/1px;
    background-color: #ef8024;
    -webkit-box-shadow: 0 1px 1px rgba(225, 230, 234, .75);
    -moz-box-shadow: 0 1px 1px rgba(225, 230, 234, .75);
    box-shadow: 0 1px 1px rgba(225, 230, 234, .75);
}

#selected_item_table thead tr th {

}

#selected_item_table tbody {
    background: #fff;
    color: #000;
}

#selected_item_table tbody tr td {
    text-align: center;
}

.viewBidFormBorder {
    background: #eceff4;
}

body .viewBidFormBorder table tr th {
    background: #006cb7 !important;
}

#updatedBiddingAmountTable {
    margin-top: 0 !important;
}

#infoHading1 {
    display: none;
}

#newRegister {
    float: left;
    width: 100%;
    z-index: 9;
    position: relative;
}

#newRegister h1 {
    color: #4cb845;
    font-size: 26px;
    text-align: center;
    float: left;
    width: 100%
}

#newRegister h2 {
    color: #333;
    font-size: 17px;
    text-align: center;
    float: left;
    width: 100%
}

#newRegister h3 {
    color: #fff;
    font-size: 17px;
    text-align: left;
    float: left;
    width: 100%;
    background: #32a1ea;
    padding: 30px
}

#newRegister h3 span {
    float: left;
    width: calc(100% - 100px);
    margin-left: 30px;
    float: left;
}

#newRegister h3 img {
    float: left;
}

}
.sweet-alert button.confirm[disabled] {
    color: #fff !important;
}

.loginhome {
    height: 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #f58220;
    cursor: pointer;
    line-height: 28px;
    color: #f58220 !important;
    margin-right: 15px;
    padding: 0 10px;
}

.loginhome.hlink-btn {
    position: absolute;
    left: 30px;
    top: 30px;
}

.backtologin i {
    font-weight: 100;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    margin-left: 3px;
}

.multiselect-native-select .dropdown-backdrop {
    display: none;
}

.sweet-content h2, h2#popup_title {
    font-size: 20px !important;
    font-family: calibribold !important;
    background: #fff;
    border: none;
    float: left;
    margin: 5px 0 8px !important;
    width: 100%;
}

.blockUI.blockMsg.blockElement {
    background-color: transparent !important;
    border: 0 !important;
}

.blockUI.blockMsg.blockElement img {
    width: 100px;
}

.m-auto {
    margin: auto !important
}

.login-foot:after {
    content: '';
    position: absolute;
}

.thkproup {
    width: 174px;
    height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 45px;
    background-color: #ef7d24;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 15px;
}

.bookmark {
    width: 213px;
    height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #ef7d24;
    color: #ef7d24 !important;
    line-height: 45px;
    display: inline-block;
    font-size: 18px;
}

.social_nav {
    text-align: center;
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.social_nav li {
    display: inline-block;
    margin: 0 8px 0 8px;
}

.social_nav li a {
    height: 34px;
    width: 34px;
    display: inline-block;
    border-radius: 34px;
    line-height: 34px;
    color: #fff;
}

.facebook {
    background: #507cbe
}

.twitter {
    background: #63cdf1
}

.linkedin {
    background: #1e88c9
}

.instagram {
    background: #5f6465
}

.thkhome {
    width: 81px;
    height: 26px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #006db7;
    display: inline-block;
    color: #fff;
    line-height: 26px;
    font-size: 15px;
}

.over-x {
    overflow-x: scroll;
}

#viewtenderResponsive .skltbs-panel, .skltbs-panel {
    height: auto !important;
}

.box-header:before, .box-body:before, .box-footer:before, .box-header:after,
.box-body:after, .box-footer:after {
    content: " ";
    display: block !important;
}
/************Notification******************/
ul.n-list-view {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

ul.n-list-view li:hover {
    background: #fcf7f2;
}

#infoHading ul.n-list-view li {
    cursor: auto;
}

ul.n-list-view li {
    float: left;
    width: 100%;
    padding: 12px 7px 20px;
    border-bottom: 2px solid #efefef;
    cursor: pointer;
}

.n-list-view li div {
    color: #666;
}

.notifi-cont-box input[type='checkbox'] {
    width: 15px !important;
    height: 15px !important;
    background-color: #fff !important;
    border: solid 1px #999 !important;
    float: left;
}

.n-list-view li div {
    color: #666;
}

.notifica-cont, .n-list-view li span {
    color: #333;
}

.n-list-view li div {
    color: #666;
}


.n-list-view li.unread span {
    color: #f6812f !important;
}

.btn-submit-tabel {
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4811f;
    -webkit-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    -moz-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    font-size: 18px;
    color: #fff !important;
    padding: 0 25px;
}

ul.n-list-view li .checkbox label {
    margin-right: 0;
    padding-left: 15px;
}

.infodata {
    float: left;
    width: 100%;
    background-color: #fff4e6;
    padding: 30px 20px;
    margin-bottom: 15px;
    border: 1px solid #e6e9ed;
}

.fscomment {
    margin-left: 45px !important;
}

.infodata.reject {
    background-color: #ffe9e9;
}

.infodata.appoved {
    background-color: #def4d8;
}

.infodata i {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #d9c26c;
    color: #d9c26c;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    float: left;
}

.infodata.reject i {
    color: #eb2626;
    border: 1px solid #eb2626;
}

.infodata.appoved i {
    color: #5ab442;
    border: 1px solid #5ab442;
}

.infodata span {
    font-size: 18px;
    color: #333;
    float: left;
    width: calc(100% - 50px);
    margin-left: 15px;
}

.infodata.reject span.f-c {
    color: #eb2626;
}

.infodata.appoved span.f-c {
    color: #5ab442;
}

.termcon ul {
    margin-left: 0;
    padding-left: 30px;
    list-style-type: disc;
}

.table-box {
    background: #eff1f3;
    padding: 10px 15px 30px 15px !important;
    float: left;
    width: 100%;
}

.status_mp_2 {
    height: 24px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #47a16b;
    line-height: 24px;
    text-align: center !important;
    color: #fff !important;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.status_mp_3 {
    height: 24px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #d84848;
    line-height: 24px;
    text-align: center !important;
    color: #fff !important;
    display: inline-block;
    padding: 0 10px;
    position: absolute;
    right: 15px;
    bottom: 26px;
}

.bottomDesign {
    background: #f7f9fb;
    min-height: 60px;
    padding: 15px 0;
    border-top: 1px solid #c9d1d9;
    line-height: 25px;
    float: left;
    width: 100%;
}

.bpt {
    background: #289be5;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    font-family: calibribold;
}

.bptall div.col-md-12 span {
    color: #677782;
    font-family: calibri;
    float: left;
    width: 200px;
}

.bptall div.col-md-12 {
    font-family: calibribold;
    font-size: 16px;
    line-height: 26px;
    padding: 0 15px;
}

address {
    font-size: 16px;
    line-height: 26px;
}

.selectcustom .multiselect-filter>.input-group>.input-group-addon {
    line-height: 26px;
}

.selectcustom .multiselect-filter .input-group .form-control {
    width: 100% !important;
}
/***********Register***********************/
#sellcategory+.select2-container--default .select2-selection--multiple,
#category+.select2-container--default .select2-selection--multiple {
    -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, -webkit-box-shadow
        ease-in-out .15s;
    -o-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;
    border: solid 1px #d5dadf;
    min-height: 45px;
}

#sellcategory+.select2-container--default .select2-selection--multiple .select2-selection__choice,
#category+.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    background: #01a2e0 !important;
    border: none;
    border-radius: 2px;
}

#sellcategory+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
#category+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    margin-right: 5px;
    color: #fff;
}
/**/
#bidderRegistration .select2-results__option.select2-results__message:before
{
    border: none;
    width: 0;
    padding: 0;
    margin: 0;
}

#bidderRegistration  .select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}

#bidderRegistration  .select2-results__option[aria-selected=true]:before
{
    font-family: fontAwesome;
    content: "\f00c";
    color: #fff;
    background-color: #f77750;
    border: 0;
    display: inline-block;
    padding-left: 2px;
}

.editprof {
    width: 102px;
    height: 30px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #f3811f;
    box-shadow: 0 6px 6px rgba(250, 209, 175, .3);
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    float: right;
    font-family: calibri;
}

.viewBidFormBorder table tr th div {
    min-width: 150px;
    padding: 8px !important;
}

.selectcustom .checkbox+.checkbox {
    margin-top: 3px;
}

.selectcustom .select2-search__field {
    margin-top: 10px !important;
}

.bidacco {
    border: 1px solid #d5d9df;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #ebf2f6;
    position: relative;
    line-height: 20px;
    padding: 15px 15px;
    margin-bottom: 1px;
}

.bidacco.active {
    background-color: #fff;
}

.plusMinus {
    background: transparent;
    right: 10px;
    position: absolute;
    border: 2px solid #363636;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 0;
    top: 17px;
    line-height: 18px;
    font-size: 11px;
}

#bidaccosub, #bidaccosubtwo {
    border: 1px solid #d5d9df;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #ebf1f6;
    width: 100%;
    float: left;
    padding: 15px 15px;
}

.plusMinus.collapsed i.fa-plus:before {
    content: "\f067";
}

.plusMinus i.fa-plus:before {
    content: "\f068";
}
/*******************Image Cropper******************************/
@media ( min-width : 768px) {
    .modal.cropperimg  .modal-dialog {
        width: 600px;
        left: auto;
        margin-left: auto;
        margin-top: 30px;
        margin-bottom: 30px;
        background: #fff;
        top: auto;
    }
    .modal.cropperimg .modal-dialog .modal-content .modal-body {
        padding: 15px;
    }
}
/***********************************/
.txt-dark-blue {
    color: #002e5a !important
}

#viewFormForEdit .common-date-picker, #GetFormInfoForTest .common-date-picker,
#viewForm  .common-date-picker {
    top: 19px;
    right: 20px;
}

.n-list-view li.bidtennoti .noti-list-title {
    color: #f6812f;
    font-weight: 600;
    font-family: calibri;
}

.n-list-view li.bidtennoti a {
    color: #006cb7 !important;
    font-weight: 600;
}

.temcontext {
    float: left;
    width: 100%;
    list-style-type: decimal;
}

#biddingtenderdashboardcontent #viewUploadedFile table tr td:LAST-CHILD
{
    width: 130px;
}

.logo+img, .e-tender-logo img {
    height: 64px;
}

.e-tender-logo {
    overflow: visible !important;
}

.e-tender-logo:after {
    content: '';
    position: absolute;
    border-right: 1px solid #9f9f9f;
    top: 0;
    height: 65px;
    right: -20px;
}

.temcomdpoint {

}

.temcomdpoint li {
    position: relative;
    padding-left: 25px;
}

.temcomdpoint li:BEFORE {
    font: normal normal normal 9px/1 FontAwesome;
    content: "\f111";
    position: absolute;
    left: 10px;
    top: 6px;
    color: #0b5080;
}

.termCondbtn {
    padding: 0 15px;
    height: 48px;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #7bbf4d;
    box-shadow: 0 0 13px rgba(124, 124, 124, .7);
    margin: auto;
    border: none;
    margin-top: 0;
    color: #fff;
    font-size: 16px;
}
@media (min-width: 1200px){
	.col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}
@media (min-width: 992px){
	.col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}
@media (min-width: 768px){
	.col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}
@media ( min-width : 1440px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333333%;
    }
    .offset-xl-2 {
        margin-left: 16.66666667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333333%;
    }
    .offset-xl-5 {
        margin-left: 41.66666667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333333%;
    }
    .offset-xl-8 {
        margin-left: 66.66666667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333333%;
    }
    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
}

.m-b-18 {
    margin-bottom: 18px !important
}
/***************View Profile****************/
.bg-gradient-primary {
    background: linear-gradient(89.1deg, rgb(19, 150, 204) 0.7%,
        rgb(8, 158, 96) 88.4%) !important;
}

.widget-user .widget-user-image {
    position: absolute;	
    top: 44px;
    left: 50%;
    margin-left: -68px;
    width: 136px;
    height: 136px;
    border: 1px solid #dae4e5;
    border-radius: 4px;
    background-clip: padding-box;
    background-color: #fff;
}

.widget-user .widget-user-image>img {
    width: 100%;
    height: auto;
    border: 3px solid #fff;
}

.card-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card-header {
    background: none;
    padding: 0.5rem 1.5rem;
    display: -ms-flexbox;
    display: flex;
    min-height: 3.5rem;
    -ms-flex-align: center;
    align-items: center;
}

#geteditbidder  .box, #getBidderDetail .box {
    border-radius: 5px !important;
    margin-bottom: 15px;
}
#geteditbidder .box-body, #getBidderDetail .box-body {
    padding-bottom: 20px;
}
.diccover {

}
.diccover ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.diccover ul li {
    float: left;
    margin-right: 15px;
}
.diccover ul li a {
    width: 100px;
    height: 106px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #ebeff5;
    display: inline-block;
    text-align: center;
    position: relative;
}
.diccover ul li a:hover {
    border-radius: 3px;
    background-clip: padding-box;
    background-color: rgba(11, 80, 128, .95);
}
.diccover ul li a:hover i, .diccover ul li a:hover span {
    opacity: .3;
}
.diccover ul li a:hover:after {
    content: 'View';
    width: 52px;
    height: 23px;
    border: 1px solid #fff;
    border-radius: 4px;
    background-clip: padding-box;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 50%;
    margin-left: -26px;
    font-size: 16px;
    color: #fff;
}
.diccover ul li a i {
    font-size: 50px;
    color: #e2574c;
    margin-top: 17px;
}
.diccover ul li a span {
    line-height: 17px;
    float: left;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    text-align: center;
}

.card-header {
    padding: 1.5rem 1.5rem;
    margin-bottom: 0;
    border-bottom: 1px solid #e4e6f9;
}

.pro-user {
    margin-top: 1rem;
}

.pro-user h3 {
    float: left;
    width: 100%;
    margin-top: 56px;
    margin-bottom: 15px;
}

.pro-user hr {
    margin-top: 30px;
    margin-bottom: 15px;
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 122px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.companyinfo{
    display:flex;
    flex-direction:row;
    margin-top:30px;
}
.companyinfo .form-group{
    border-right:1px solid #e2d9d9;
    margin-right:10px;
}
.companyinfo .email{
    border-right:0px solid #e2d9d9 !important;
}

.contactionforma{
    text-align:center;
    margin-top:20px;	
}
.continfo img{
    width:40px;
}
.blue12{
    color:#1d5673;
}	
.blue22{
    color:#106395;
}
.contactionforma h5{
    font-size:25px !important;
    font-weight: 600;
}
.contactionforma p{
    font-size:16px;
}

.pro-user-desc {
    height: 28px;
    line-height: 28px;
    border: 1px solid #006db7;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #e2f3ff;
    text-align: center;
    padding: 0 15px;
    display: inline-block;
    margin: auto;
    font-size: 16px;
    color: #333;
}

.editprof {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #f58b33;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}

.editprof:hover {
    color: #fff;
}
.w-100px{
    width: 100px;
}
.w-70px{
    width: 70px;
}
.w-100 {
    width: 100% !important;
}
.w-150{
    width: 150px !important;
}
.w-m150{
    width:calc(100% - 150px) !important;
}
.w-108 {
    width: 108px !important;
}

.w-50 {
    width: 50% !important;
}

.headtit {
    height: 40px;
    background-color: #0b4f7f;
}

ul.catsub {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.catsub li {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 70px;
    padding-top: 3px;
}

ul.catsub li.buycat {

}

ul.catsub li.selcgood:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    left: 0;
    background-clip: padding-box;
    background-color: #e1f3ff;
    top: 0;
}

ul.catsub li.buycat:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    left: 0;
    background-clip: padding-box;
    background-color: #e1f3ff;
    top: 0;
}

ul.catsub li.buycat:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0;
    left: 8px;
    background-clip: padding-box;
    top: 16px;
    background-image: url(../images/buyer.svg);
    background-size: 30px 20px;
    background-repeat: no-repeat;
}

ul.catsub li.selcat:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    left: 0;
    background-clip: padding-box;
    background-color: #e1f3ff;
    top: 0;
}

ul.catsub li.selcat:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0;
    left: 8px;
    background-clip: padding-box;
    top: 16px;
    background-image: url(../images/Seller.svg);
    background-size: 30px 20px;
    background-repeat: no-repeat;
}

ul.catsub li.selcgood:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 0;
    left: 8px;
    background-clip: padding-box;
    top: 16px;
    background-image: url(../images/Goods.svg);
    background-size: 30px 20px;
    background-repeat: no-repeat;
}

.viewshow {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    text-align: center;
    line-height: 17px;
    font-size: 12px;
    padding: 0 !important;
}

.viewshow:hover, .viewshow:focus, .viewshow:active {
    background: transparent !important;
    border: 2px solid #fff !important;
}

.viewshow[aria-expanded="false"] .fa:before {
    content: '\f067'
}

#demotable {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#demotable table {
    width: 100%;
}

#demotable table thead tr {
    font-size: 16px;
    font-family: calibribold;
    color: #999;
}

#demotable table thead tr th {
    padding: 0 20px 10px 20px;
}

#demotable table tbody tr {
    border-top: 1px solid #dce1e4;
}

#demotable table tbody tr td {
    padding: 4px 20px 4px 20px;
}

.captchafloatshere {
    display: flex !important;
    border-radius: 4px;
    overflow: hidden;
}

@media ( min-width :768px) and (max-width:1024px) {
    .bidacco {
        padding: 15px 20px !important;
    }
    .logo+img, .e-tender-logo img {
        max-height: 50px !important;
        position: relative;
        bottom: 5px;
    }
}

.uploadall {
    position: absolute;
    top: 0;
    right: 0;
}

#uploadedFileDiv .form-group {
    width: calc(100% - 91px);
    margin-left: 15px;
}

.customupload-btn {
    width: 76px;
    height: 31px;
    background: rgba(11, 80, 128, 0.5);
    position: absolute;
    right: 0;
    text-align: center;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px 0 4px 0;
    bottom: 0;
}

#geteditbidder .subscriping {
    border: 1px solid #d5d9df;
    border-radius: 4px;
    float: left;
    width: 100%;
}

#geteditbidder .jsrssub-title {
    height: 40px;
    line-height: 40px;
    font-size: 50px;
    color: #f48425;
    font-family: bp;
    border: 0 ;
    padding: 0 15px;
    display: block;
    float: right;
}

#geteditbidder .enterprise {
    background: #d1e5ff;
    padding: 0 20px;
    font-size: 24px;
    font-family: calibribold;
    color: #0b5080;
    position: relative;
    float: left;
    width: 100%;
    height: 44px;
    line-height: 44px;
}
/*********************************/
.txt-cent {
    text-align: center !important;
}

.pos-relative {
    position: relative !important;
}

.w-auto100 {
    width: 100% !important;
}

.w-60 {
    width: 60px !important;
}

.infoicon {
    width: 16px;
    height: 16px;
    background-color: #fff;
}

.headLeft {
    width: 125px;
    float: left;
}

.headLeft+.col-md-8 {
    width: calc(100% - 475px) !important;
    line-height: 21px;
}

.headLeft+.col-md-10 {
    width: calc(100% - 125px) !important;
}
/*************Header Freeze*************************/
.freezhead {
    max-height: 500px;
    position: relative;
    overflow: auto;
}

.freezhead table {
    position: relative;
    border-collapse: collapse;
    width: calc(100% - 1px);
}

.freezhead table thead tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-shadow: none;
    z-index: 95;
    border-top: 0;
    background-clip: padding-box;
}
.freezhead .datepicker table thead tr th{
    position: -webkit-static;
    position: static;
}
.overflow-visible{
    overflow: visible !important;
}
/******************Revamp Bidder dashboard**********************/
#bidderDashboard .content, #tenderDashboard .content {
    margin-top: -67px;
    position: relative;
    margin-bottom: 0;
}

#bidderDashboard .content .topTabHead, #tenderDashboard .content .topTabHead
{
    margin: 0 0 20px 112px;
    display: inline-block;
    padding: 0;
}

#bidderDashboard .content .topTabHead li, #tenderDashboard .content .topTabHead li
{
    float: left;
    margin-left: 10px;
}

#bidderDashboard .content .topTabHead li a.active, 
#tenderDashboard .content .topTabHead li a.active
{
    background-color: #fff;
    color: #176397;
    border-bottom: 5px solid #f37f1f !important;
    position: relative;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
#tenderDashboard .content .topTabHead li a.active{
    color:#f37f1f !important;
}
#bidderDashboard .content .topTabHead li a.active:after, 
#tenderDashboard .content .topTabHead li a.active:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(244, 128, 31, 0);
    border-top-color: #f4801f;
    border-width: 16px;
    margin-left: -16px;
    z-index: 95;   
}

#bidderDashboard .content .topTabHead li a, #tenderDashboard .content .topTabHead li a
{
    height: 55px;
    background-color: #4a788f;
    line-height: 55px;
    font-size: 18px;
    font-family: Ubuntu;
    sdfd: inline;
    padding: 0 30px;
    display: inline-block;
    color: #fff;
}

#bidderDashboard ul.skltbs-tab-group li.is-active>a {
    background: #186498;
    color: #fff;
}

#bidderDashboard ul.skltbs-tab-group li {
    margin: 0 !important;
}

#bidderDashboard .skltbs-tab {
    background: #fff;
    font-family: Ubuntu;
    padding: 0 !important;
    font-size: 17px;
    color: #186498;
    height: 48px;
    line-height: 48px !important;
    margin: 0 !important;
    border: 1px solid #186498;
    text-align: center;
    position: relative;
}
#bidderDashboard ul.skltbs-tab-group li.is-active>a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #186498 transparent transparent transparent;
    top: 45px;
    left: 50%;
    margin-left: -5px;
}
#bidderDashboard .skltbs-tab + span{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    font-family: calibri;
    pointer-events: none;
    padding: 4px;
    position: absolute;
    display: none;
    left: 0;
}
#bidderDashboard .is-active .skltbs-tab + span{
    display: block;
}
#bidderDashboard #myopeneaution ul.skltbs-tab-group {
    width: calc(100% - 76px);
    padding-bottom: 20px;
}

#bidderDashboard #myopeneaution ul.skltbs-tab-group li {
    margin: 0 !important;
    width: 50%;
}

#bidderDashboard ul.skltbs-tab-group {
    margin-top: 9px;
    padding: 0;
    position: relative;
    float: left;
    top: 0;
    margin-bottom: 9px;
    width: auto;
}

#bidderDashboard #activeCount .skltbs-tab {
    height: auto;
    line-height: 23px !important;
    padding: 0 !important;
    text-align: center;
    font-size: 17px;
    font-family: Ubuntu;
    min-height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.biddashlist tbody tr:LAST-CHILD {
    border-bottom: none;
}

.biddashlist thead tr th {
    color: #545454;
    padding: 0 0 10px 0;
    background: linear-gradient(to bottom, #fff 98%, #ccc 1px) !important;
}

.biddashlist thead th:LAST-CHILD {
    font-size: 12px;
    text-align: right;
}

.biddashlist tbody tr {
    border-bottom: 1px solid #ccc;
}

.fs-md {

}

.biddashlist.bidderResponseData, .biddashlist.upcomingAuctions {
    width: 100%;
}

.biddashlist.bidderResponseData  thead th:LAST-CHILD, .biddashlist.bidderResponseData tbody tr td
{
    font-size: 14px;
}

.bidderRespScroll {
    overflow-y: auto !important;
    max-height: 295px !important;
    padding-right: 8px;
}

.bidderRespScroll::-webkit-scrollbar {
    width: 5px;
    position: absolute;
    right: 0;
}

.bidderRespScroll::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
}

.biddashlist tbody tr td {
    padding: 10px;
}

.biddashlist tbody tr td div {
    width: 34px;
    height: 34px;
    border-radius: 17px;
    background-clip: padding-box;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-family: Ubuntu;
    font-size: 20px;
    text-transform: uppercase;
    float: left;
    margin-right: 8px
}

.biddashlist tbody tr td div.t {
    background-color: #276351;
}

.biddashlist tbody tr td div.o {
    background-color: #f15c80;
}

.biddashlist tbody tr td a {
    color: #545454;
    white-space: normal;
}

.biddashlist tbody tr td a:hover {
    color: #186498;
}

.biddashlist tbody tr td span {
    float: left;
    width: 100%;
    color: #545454;
    font-size: 13px;
    text-align: right;
}

#bidderDashboard .skltbs-panel-group {
    margin-top: 0;
}

#MappedBidder .btn-default, #searchedMapBidderTable .btn-default,
.bidTable .btn-default {
    max-width: 100%;
    white-space: normal;
    text-align: left;
}

#bidderDashboard .viewall {
    width: 56px;
    height: 23px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #ff9d23;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    line-height: 23px;
    text-align: center;
    float: right;
    margin-top: 13px;
}

#bidderDashboard #activeCount ul.skltbs-tab-group li {
    width: 50%
}

.ytr {
    color: #6b6a6a
}

.applied {
    color: #3c7900
}

.declined {
    color: #e04545
}

.selected {
    color: #8892d6
}

.scheduled {
    color: #ff9800
}

.live {
    color: #545454
}

.archived {
    color: #c662f0
}

.awarded {
    color: #78c350
}

.countList {
    margin: 0;
    padding: 0;
}
.scheduled1 {
    color: #ff9800
}

.countList li {
    width: 33.33%;
    float: left;
    display: inline-block;
    height: 97px;
}

.countList li:hover { /* added by Manivannan */
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

.countList li a {
    font-size: 14px;
    color: #545454;
    width: 100%;
    text-align: center;
    display: inline-block;
    font-family: Ubuntu;
    font-weight: 100;
}

.countList li a span {
    font-size: 40px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: Ubuntu;
    font-weight: 100;
    line-height: 40px;
}
/********************SLIDER**************************/
#mixedSlider, #mixedSlider1 {
    position: relative;
}

#mixedSlider .MS-content, #mixedSlider1 .MS-content1 {
    white-space: nowrap;
    overflow: hidden;
}

#mixedSlider .MS-content .item, #mixedSlider1 .MS-content1 .item {
    display: inline-block;
    width: calc(25% - 20px);
    position: relative;
    vertical-align: top;
    overflow: hidden;
    height: 100%;
    white-space: normal;
    padding: 15px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

@media ( max-width : 991px) {
    #mixedSlider .MS-content .item, #mixedSlider1 .MS-content1 .item {
        width: 50%;
    }
}

@media ( max-width : 991px) {

    #tender-notify .d-flex {
        display: flex;
    }
}

@media ( max-width : 767px) {
    #mixedSlider .MS-content .item, #mixedSlider1 .MS-content1 .item {
        width: 100%;
    }
}

#mixedSlider .MS-content .item .imgTitle, #mixedSlider1 .MS-content1 .item .imgTitle {
    position: relative;
}

#mixedSlider .MS-content .item .imgTitle .imagecenter, #mixedSlider1 .MS-content1 .item .imgTitle .imagecenter {
    display: flex;
    height: 200px;
    align-items: center;
    border: 1px solid #ccc;
    margin: 0;
    width: 100%
}

#mixedSlider .MS-content .item .imgTitle .imagecenter img, #mixedSlider1 .MS-content1 .item .imgTitle .imagecenter img {
    margin: auto;
    width: auto;
    height: auto;
}

#mixedSlider .MS-content .item .imgTitle a.imagecenter img, #mixedSlider1 .MS-content1 .item .imgTitle a.imagecenter img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mixedSlider .MS-content .item .imgTitle .auctionTitle, #mixedSlider1 .MS-content1 .item .imgTitle .auctionTitle {
    text-align: left;
    color: #333;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-family: Ubuntu;
    line-height: 18px;
    margin-top: 10px;
    height: 63px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box; 
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

}

#mixedSlider .MS-content .item .imgTitle .companyTitle, #mixedSlider1 .MS-content1 .item .imgTitle .companyTitle {
    text-align: left;
    color: #003e8a;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-family: Ubuntu;
    line-height: 24px;
    margin-top: 0;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#mixedSlider .MS-content .item .auctiondis, #mixedSlider1 .MS-content1 .item .auctiondis {
    height: 30px;
    background-color: #00a551;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: Ubuntu;
    float: left;
    width: 100%;
}

#mixedSlider .MS-content .item .auctiondis.drk, #mixedSlider1 .MS-content1 .item .auctiondis.drk {
    background-color: #4f4f4f;
}

#mixedSlider .MS-content .item span, #mixedSlider1 .MS-content1 .item span {
    text-align: center;
    float: left;
    width: 100%;
    height: 35px;
    line-height: 25px;
}

#mixedSlider .MS-content .item .imgTitle img, #mixedSlider1 .MS-content1 .item .imgTitle img {
    height: auto;
    width: 100%;
}

#mixedSlider .MS-content .item p, #mixedSlider1 .MS-content1 .item p {
    font-size: 16px;
    margin: 2px 10px 0 5px;
    text-indent: 15px;
}

#mixedSlider .MS-content .item a, #mixedSlider1 .MS-content1 .item a {
    /* float: right;
    margin: 0 20px 0 0;
    font-size: 16px;
    font-style: italic;
    color: rgba(173, 0, 0, 0.82);
    font-weight: bold;
    letter-spacing: 1px;
    transition: linear 0.1s; */
    color:#333;
    cursor: pointer;

}
#mixedSlider .MS-content .item a:hover, #mixedSlider1 .MS-content1 .item a:hover {
    text-decoration: underline;
    text-shadow: 0 0 1px grey;
}

#mixedSlider .MS-controls button, #mixedSlider1 .MS-controls1 button {
    position: absolute;
    border: none;
    background-color: transparent;
    outline: 0;
    font-size: 50px;
    top: 50%;
    color: rgba(0, 0, 0, 0.4);
    transition: 0.15s linear;
    margin-top: -40px;
}

#mixedSlider .MS-controls button:hover, #mixedSlider1 .MS-controls1 button:hover {
    color: rgba(0, 0, 0, 0.8);
}

@media ( max-width : 992px) {
    #mixedSlider .MS-controls button, #mixedSlider1 .MS-controls1 button {
        font-size: 30px;
    }
}

@media ( max-width : 767px) {
    #mixedSlider .MS-controls button, #mixedSlider .MS-controls1 button {
        font-size: 20px;
    }
}

#mixedSlider .MS-controls .MS-left, #mixedSlider1 .MS-controls1 .MS-left {
    left: 0;
}

@media ( max-width : 767px) {
    #mixedSlider .MS-controls .MS-left, #mixedSlider1 .MS-controls1 .MS-left {
        left: -10px;
    }
}

#mixedSlider .MS-controls .MS-right, #mixedSlider1 .MS-controls1 .MS-right {
    right: 0;
}

@media ( max-width : 767px) {
    #mixedSlider .MS-controls .MS-right, #mixedSlider1 .MS-controls1 .MS-right {
        right: -10px;
    }
}
/**************Tashboard***********************/
.tenderdatahead {
    height: 80px;
    background-color: #f3f5fb;
    border: 1px solid #e6e8ea;
    padding: 10px;
    color: #545454;
    font-size: 12px;
    font-family: Ubuntu;
    margin-bottom: 15px;
}

.txt-green-dash {
    color: #00a651 !important;
}

.txt-red-dash {
    color: #de3c3c !important;
}

.declinedCount {

}

.declinedCount span {
    min-width: 27px;
    height: 27px;
    border-radius: 14px;
    background-clip: padding-box;
    background-color: #de3c3c;
    line-height: 27px;
    text-align: center !important;
    color: #fff !important;
    width: auto !IMPORTANT;
    font-size: 12px !important;
    font-family: Ubuntu;
    float: none !important;
    display: inline-block;
}

.interestedCount {

}

.interestedCount span {
    min-width: 27px;
    height: 27px;
    border-radius: 14px;
    background-clip: padding-box;
    background-color: #00a551;
    line-height: 27px;
    text-align: center !important;
    color: #fff !important;
    width: auto !IMPORTANT;
    font-size: 12px !important;
    font-family: Ubuntu;
    float: none !important;
    display: inline-block;
}

#tenderDashboard .countList li {
    height: auto;
    margin-bottom: 16px;
}

#tenderDashboard .countList li:nth-child(odd) {
    width: calc(50% - 7px);
    margin-right: 6px;
}

#tenderDashboard .countList li:nth-child(even) {
    width: calc(50% - 7px);
    margin-left: 6px;
}

#tenderDashboard .countList a {
    height: 72px;
    padding: 5px;
    border: 1px solid #e4e4e4;
}

#tenderDashboard .countList a.countListLive, .countListLive {
    background-color: #8791d5;
    border: none;
    color: #fff;
}

#tenderDashboard .countList a.countListScheduled, .countListScheduled {
    background-color: #ef6191;
    border: none;
    color: #fff;
}

#tenderDashboard .countList a.countListScheduled span, #tenderDashboard .countList a.countListLive span
{
    color: #fff;
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover
{
    background-color: #ffb20e !important;
}

.border-warning {
    border-color: #ffc241 !important;
}

.bg-warning {
    background-color: #ffc241 !important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover
{
    background-color: #0c7cd5 !important;
}

.border-info {
    border-color: #2196f3 !important;
}

.bg-info {
    background-color: #2196f3 !important;
}

.border-danger {
    border-color: #fd3995 !important;
}

.bg-danger {
    background-color: #fd3995 !important;
}
.text-primary {
    color: #886ab5 !important;
}
.border-primary {
    border-color: #886ab5 !important;
}
.bg-white {
    background-color: #fff !important;
}
.fc-day-top.alert-info, 
.fc-day.alert-info {
    color: #114e7e !important;
    background-color: #d3eafd !important;
    border-color: #c1e2fc !important;
}
.fc-day.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fc-view-container+.fc-toolbar {
    display: none !important;
}
a.text-dark:focus, a.text-dark:hover {
    color: #2a2a2a !important;
}
.fc td, .fc th {
    border-color: #e9e9e9 !important;
}
.fc-event {
    font-size: 13px !important;
    line-height: 1.4;
}
.timeZn {
    width: 34px;
    height: 18px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #ff9d23;
    line-height: 18px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    margin-left:10px;
}
.timeZn:hover, 
.timeZn:active, 
.timeZn:focus {
    color: #fff;
}
#dispalyDateTime {
    float: left;
}
.tenauctinfo {
    float: right;
    width: 368px;
    height: 122px;
    display: flex;
    background:#336781;
    border: 1px solid #a1cee6;
}

.bidauctinfo {
    width: 350px;
    height: 122px;
    float: right;
    border: 1px solid #a1cee6;
    display: flex !important;
    padding: 15px 0;
    border-radius: 5px;
    position: relative;
}

.indicaTime {
    position: absolute;
    right: 0;
    bottom: -18px;
    color: #fff;
    font-size: 12px;
}

.bidauctinfo .dataleft {
    width: 130px !important;
}

.bidauctinfo .dataleft, .tenauctinfo .dataleft {
    width: 115px;
    float: left;
    display: flex;
    align-items: center;
}

.bidauctinfo .dataleft img {
    height: 80px;
    margin: auto;
}

.tenauctinfo .dataleft img {
    margin: auto;
}

.bidauctinfo .dataRight {
    border-left: 1px solid #a1cee6;
    width: calc(100% - 130px);
    text-align: center;
    color: #dde9f2;
    font-family: Ubuntu;
    display: flex;
    align-items: center;
}

.bidauctinfo .dataRight span {
    font-size: 40px;
}

.tenauctinfo .dataRight {
    float: left;
    border-left: 1px solid #a1cee6;
    width: calc(100% - 115px);
}

.tenauctinfo .dataRight .datatop {
    border-bottom: 1px solid #a1cee6;
    font-size: 17px;
    font-family: Ubuntu;
    color: #fff;
    padding-left: 14px;
    font-weight: 400;
    line-height: 34px;
}

.tenauctinfo .dataRight .databottom {
    padding: 4px 0;
}

.tenauctinfo .dataRight .databottom .datarow {
    font-size: 14px;
    font-family: Ubuntu;
    color: #fff;
    line-height: 26px;
    padding-left: 13px;
}

.tenauctinfo .dataRight .databottom .datarow span {
    font-weight: 500;
    width: 146px;
    display: inline-block;
    position: relative;
}

.tenauctinfo .dataRight .databottom .datarow .getColondates:BEFORE {
    content: ':';
    position: absolute;
    top: 0;
    right: 15px;
    color: #fff;
}

.companyLogo {
    width: 108px;
    height: 108px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.companyLogo img {
    width: 100%;
}

.tednid {
    height: 27px;
    line-height: 25px;
    font-size: 15px;
    font-family: Ubuntu;
    color: #fff;
    border: 1px solid #f37f1f;
    display: inline-block;
    padding-right: 8px;
    margin-left: 15px;
    margin-top: 5px;
}

#bidderDashboard .content-header, 
#tenderDashboard .content-header {
    height: 153px;
}
.tednid span.regOffId {
    background-color: #f37f1f;
    display: inline-block;
    padding: 0 6px;
    margin-right: 7px;
}
.fc-popover.card {
    background-color: #fff;
}
.fc-popover .card-header {
    color: inherit;
    background-color: #f7f9fa;
}
.fc-day-top.alert-info a {
    color: #114e7e !important
}
#getauctioneerbiddinghall .btn-default:hover, 
#tenderDashboard .btn-default:hover{
    text-transform: initial !important;
}
#tenderDashboard .fc-today-button.btn-default:hover {
    text-transform: capitalize !important;
}
.extendresponse {
    background-color: #f48120 !important;
    text-align: left !important;
    min-height: 40px;
    display: flex;
    align-items: center;
    float: right !important;
    margin-top: 12px;
    margin-right:10px;
}
.extendresponse strong {
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    display: inline-block;
    padding: 0 10px;
    color: #f5811f;
    margin-left: 10px;
}
#remarksForResumeAuctionEndDate {
    min-height: 130px !important;
}
.extendresponse img {
    max-width: 25px;
    margin-right: 10px;
}
.tenauctinfo .databottom span:nth-of-type(even) {
    width: auto !important;
}
.full-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
}
.full-height .tendHeadall {
    padding: 0 !important;
}
.full-height.secondTab .tendHeadall{
    justify-content: inherit !important;
}
.full-height .tendHeadall>div {
    padding: 0 15px;
}
.full-height .box, .full-height .tendHeadall {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 5px;
    width: 100%;
}
.fc-toolbar h2 {
    font-size: 14px !important;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Ubuntu;
    color: #5f5f5f;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 15px !important;
}
.partanertbl thead tr th,
.upcomtender.upcomingAuctions thead tr th,
.biddashlist.upcomingAuctions thead tr th {
    color: #545454;
    padding: 10px;
    font-size: 14px;
    font-family: Ubuntu;
    font-weight: 500;
    background:#ffffff;
}
.partanertbl tbody tr,
.upcomtender.upcomingAuctions tbody tr,
.biddashlist.upcomingAuctions tbody tr {
    border-bottom: 1px solid #eff0f3;
}
.partanertbl tbody tr td,
.upcomtender.upcomingAuctions tbody tr td,
.biddashlist.upcomingAuctions tbody tr td {
    font-family: Ubuntu;
    padding:7px 10px;
    font-size:14px;
    color:#545454;
}
.partanertbl tbody tr td span.eauction,
.partanertbl tbody tr td span.etender,

.upcomtender.upcomingAuctions tbody tr td span.eauction,
.upcomtender.upcomingAuctions tbody tr td span.etender,
.biddashlist.upcomingAuctions tbody tr td span.eauction,
.biddashlist.upcomingAuctions tbody tr td span.etender{
    float:left;
    color:#fff;
    width:25px;
    height:25px;
    font-size:12px;
    display:flex;
    border-radius:3px;
    align-items:center;
    justify-content:center;
}
.upcomtender.upcomingAuctions tbody tr td span.etender,
.biddashlist.upcomingAuctions tbody tr td span.etender{
    background:#228be3;
}
.upcomtender.upcomingAuctions tbody tr td span.eauction,
.biddashlist.upcomingAuctions tbody tr td span.eauction{
    background:#db9b21;
}
.partanertbl tbody tr td.norecord,
.biddashlist.upcomingAuctions tbody tr td.norecord{
    font-family: calibri !important;
    text-align:center !important;
    color: #133146 !important;
}
.partanertbl tbody tr td:first-child,
.recordbold,
.biddashlist.upcomingAuctions tbody tr td:first-child span,
.upcomtender.upcomingAuctions tbody tr td:first-child,
.biddashlist.upcomingAuctions tbody tr td:first-child{
    font-family: 'Ubuntu';
    color: #186498;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
.partanertbl tbody tr td:first-child{
	font-weight:normal;
}
.partanertbl tbody tr:nth-child(even),
.upcomtender.upcomingAuctions tbody tr:nth-child(even),
.biddashlist.upcomingAuctions tbody tr:nth-child(even){
    background-color: #f3f5fb;
}
.partanertbl tbody tr:nth-child(odd),
.upcomtender.upcomingAuctions tbody tr:nth-child(odd),
.biddashlist.upcomingAuctions tbody tr:nth-child(odd){
    background-color: #fff;
}
.upcome-publish-table.freezhead>.eventsacttbl{
    min-height: 200px;
    max-height: 250px;
    overflow:auto;
}
.upcome-publish-table.freezhead>.eventsacttbl::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 0;
    
}
.upcome-publish-table.freezhead>.eventsacttbl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius:5px;
}
.upcome-publish-table.freezhead>.eventsacttbl::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
    outline: 0px solid slategrey;
    border-radius:5px;
}

.upcomtender.upcomingAuctions tbody tr td.norecord{
    text-align:center;
}
.biddashlist.upcomingAuctions, .biddashlist.upcomingAuctions tbody tr {
    border: 1px solid #eaeaea;
}

.biddashlist.upcomingAuctions tbody tr td.norecord {
    font-family: calibri !important;
    color: #133146 !important;
}

.recordbold, .biddashlist.upcomingAuctions tbody tr td:FIRST-CHILD {
    font-family: calibribold;
    color: #186498;
    text-align: center;
}

.biddashlist.upcomingAuctions tbody tr:NTH-CHILD(odd) td {
    background-color: #f3f5fb;
}

.biddashlist.upcomingAuctions tbody tr td {
    padding: 10px;
}

.biddashlist.upcomingAuctions thead tr th {
    color: #545454;
    padding: 10px;
    font-size: 15px;
    font-family: Ubuntu;
    font-weight: 500;
}

.fc-header-toolbar .btn-default {
    background-color: #f5f5f5 !important;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5),
        to(#f1f1f1)) !important;
    background-image: linear-gradient(to top, #f5f5f5, #f1f1f1) !important;
    color: #444 !important;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.fc-header-toolbar .btn-default.fc-prev-button {
    margin-right: -1px !important;
}

.fc-header-toolbar .btn-default.fc-next-button {
    margin-left: -1px !important;
}

.postalAddr {
    float: left;
    width: 90%;
    position: relative;
}
/****************Bidding Hall Start********************/
.auctionblink {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.auctionblink #validationMsgDiv {
    position: absolute;
    width: 100%;
    text-align: center;
}

.dataval {
    background-color: #eff1f3;
    font-family: Calibri;
    font-size: 24px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

.dataval:EMPTY {
    display: none !important;
}

.dash-box i {
    font-size: 52px;
    color: #e6e7ea;
    margin-right: 10px;
}

.dash-box span {
    font-size: 24px;
    color: #e6e7ea;
    position: relative;
    top: -15px;
}

.dash-box .info a.link-button {
    padding: 0 25px;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-family: calibri;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 26px;
}

.dash-box .info {
    position: absolute;
    width: 100%;
    background: #fff;
    opacity: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.dash-box .info a.link-button {
    background: #4e539c;
}
/****************Bidding Hall end********************/

/**************Intrest Bidder***********************/
.cardData {
    height: 220px;
    border-radius: 6px;
    background-clip: padding-box;
    background-color: #f3f3f3;
    padding: 15px;
}

.cardData:hover {
    background-color: #f3f3f3;
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

.cardData a:hover {
    color: #006db7 !important;
    text-decoration: underline;
}

.filter-button {
    height: 32px;
    border-radius: 16px;
    background-clip: padding-box;
    background-color: #e1e1e1;
    line-height: 32px;
    display: inline-block;
    padding: 0 4px 0 15px;
    text-align: center;
    cursor: pointer;
    margin-right: 5px;
}

.filter-button span {
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    border-radius: 13px;
    background-clip: padding-box;
    background-color: #7e7e7e;
    display: inline-block;
    color: #fff;
}

.allBtn.filter-button {
    padding: 0 20px;
}

.allBtn.active, .noaucBtn.active {
    background: #f3811f;
    color: #fff;
}

.noaucBtn.active span {
    background: #fff;
    color: #f3811f;
}

.apprBtn.active {
    background: #47a16b;
    color: #fff;
}

.apprBtn.active {
    background: #47a16b;
    color: #fff;
}

.apprBtn.active span {
    background: #fff;
    color: #47a16b;
}

.rejBtn.active {
    background: #d74747;
    color: #fff;
}

.rejBtn.active span {
    color: #d74747;
    background: #fff;
}

.gallCont {
    float: left;
    position: relative;
}

.updateHead {
    width: calc(100% - 125px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal.selectApprove {

}

.modal.selectApprove .modal-header {
    padding:10px 15px;
    height: 54px;
    display:flex;
    align-items:center;
    justify-content:start;
    border-radius: 0 !important;
}

.modal.selectApprove .modal-title {
    color: #fff;
    font-size: 20px;
    font-family: calibribold;
    line-height:25px;
    width: calc(100% - 20px);
    display: inline-block;
}
#bidderRegistration  .blockUI.blockMsg.blockElement {
    top: 50% !important;
    position: fixed !important;
    margin-top: -50px !important;
}

#bidderRegistration .blockUI.blockOverlay {
    position: fixed !important;
}

#bidderAgreeDeclineist.appoveBid {
    position: relative;
    display: inline-block;
    width: 100%;
}

#bidderAgreeDeclineist.appoveBid:after {
    content: '';
    position: absolute;
    border-bottom: 2px solid #f4811f;
    width: calc(100% + 30px);
    bottom: 0;
    left: -9px;
}

.dataScroll {
    padding-right: 15px;
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }
/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer>.scroll-element, .scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-outer>.scroll-element {
    background-color: #ffffff;
}

.scrollbar-outer>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%;
}

.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 8px;
    top: 2px;
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 8px;
}

.scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eeeeee;
}

.scrollbar-outer>.scroll-element .scroll-element_outer, .scrollbar-outer>.scroll-element .scroll-element_track,
.scrollbar-outer>.scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
}

.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
}

.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px;
}

.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px;
}

.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px;
}

.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -14px;
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -14px;
}

.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -14px;
}

.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx>.scroll-element, .scrollbar-macosx>.scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none;
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity = 70);
    opacity: 0.7;
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px;
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -11px;
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light>.scroll-element, .scrollbar-light>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-light>.scroll-element {
    background-color: #ffffff;
}

.scrollbar-light>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-light>.scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light>.scroll-element .scroll-element_size {
    background: #dbdbdb;
    background:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb),
        color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-light>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px;
}

.scrollbar-light>.scroll-element .scroll-bar {
    background: #fefefe;
    background:
        url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe),
        color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px;
}

.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0;
}

.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px;
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px;
}

.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px;
}

.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -19px;
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -19px;
}

.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -19px;
}

.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail>.scroll-element, .scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-rail>.scroll-element {
    background-color: #ffffff;
}

.scrollbar-rail>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size
{
    background-color: #666;
    background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%;
}

.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px;
}

.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #d0b9a0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar
{
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px;
}

.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px;
}

.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px;
}

.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -25px;
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -25px;
}

.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -25px;
}

.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic>.scroll-element, .scrollbar-dynamic>.scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: 0.3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px;
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -11px;
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -11px;
}

/* hover & drag */
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer
{
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity = 70);
    opacity: 0.7;
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size
{
    opacity: 1;
}

.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar
{
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer
{
    height: 20px;
    min-height: 7px;
}

.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer
{
    min-width: 7px;
    width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome>.scroll-element, .scrollbar-chrome>.scroll-element div
{
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-chrome>.scroll-element {
    background-color: #ffffff;
}

.scrollbar-chrome>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-chrome>.scroll-element .scroll-element_outer {

}

.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb;
}

.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%;
}

.scrollbar-chrome>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px;
}

.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9;
}

.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px;
}

.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px;
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height: 8px;
    min-width: 10px;
    top: 3px;
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 8px;
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px;
}

.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px;
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px;
}

.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
    left: -19px;
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
    top: -19px;
}

.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
    left: -19px;
}

.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
    top: -19px;
}

.restime {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-family: calibribold;
}

.rescomm {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-family: calibribold;
}

.rescomm strong {
    text-decoration: underline;
    padding-right: 5px;
}

#viewForm .webui-popover, #viewFormForEdit .webui-popover {
    max-width: 550px;
}

@media all and (-ms-high-contrast: none) , ( -ms-high-contrast : active)
{
    .full-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
    }
}

.fc-event-container {
    max-height: 152px;
    overflow-y: auto;
}

.officer-recent-data-loader, .officer-count-data-loader {
    font-size: 2.333333em !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform:;
}

#getCroppedCanvasModal img {
    width: 100% !important;
    height: 100% !important;
}

#getCroppedCanvasModal img[src=''] {
    display: none;
}

/* #subscriptionDetailsView .row div[class*="col-"]:after {
        border-right: 1px solid #d4d4d4;
        content: '';
        position: absolute;
        right: 0;
        top: calc(75% - 55px);
        height: 75%;
} */

/* #subscriptionDetailsView .row div[class*="col-"]:LAST-CHILD:after {
        border-right: 0 ;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
} */

#subscriptionDetailsView .subtit {
    float: left;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: -16px;
    background: #f5f5f5;
    padding: 15px 5px;
}

#subscriptionDetailsView .subtit span {
    float: left;
    width: auto;
    color: #006db8;
    margin-bottom: 0;
}

#subscriptionDetailsView h1 {
    text-align: center;
}

#subscriptionDetailsView h2 {
    text-align: center;
    color: #717171;
}

.bsp-close {
    text-align: inherit !important;
}

#bsPhotoGalleryModal .bsp-close {
    position: absolute !important;
    right: -20px !important;
    top: -20px !important;
    width: 26px;
    height: 26px;
    text-align: center !important;
    line-height: 21px !important;
    padding: 0 !important;
}

#bsPhotoGalleryModal .bsp-close img {
    width: 11px !important;
    height: 11px !important;
}

.bspText {
    white-space: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background: transparent !important;
}

.hovereffect .bspImgWrapper {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    height: 150px;
}

.hovereffect:hover .bspImgWrapper {
    filter:
        url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
    filter: grayscale(1) blur(3px);
    -webkit-filter: grayscale(1) blur(3px);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    border: 1px solid #fff;
    margin: 50px 0 0 0;
    background-color: transparent;
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect a.info, .hovereffect h2 {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    opacity: 0;
    filter: alpha(opacity = 0);
    color: #fff;
    text-transform: uppercase;
}

.hovereffect:hover a.info, .hovereffect:hover h2 {
    opacity: 1;
    filter: alpha(opacity = 100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.m-h-150 {
    max-height: 150px;
}

.users_list .sol-current-selection {
    max-height: 180px;
}

#buyerCategory #buyCatList, #sellerCategory #selCatList {
    max-height: 110px;
}

#sellerCategory .scrollbar-inner, #buyerCategory .scrollbar-inner {
    float: left;
    width: 90%;
}

.totCount {
    height: 32px;
    border-radius: 16px;
    background-clip: padding-box;
    background-color: #f3811f;
    display: inline-block;
    text-align: center;
    line-height: 32PX;
    padding: 0 14px;
    font-family: calibribold;
    font-size: 18px;
    color: #fff;
}

.searchDiv {
    background: #f3811f;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    margin-right: 25px;
    cursor: pointer;
}
/****************************************/
.btn.uppercase {
    text-transform: uppercase;
}

.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
    outline: none;
}

.btn.btn-file {
    position: relative;
    overflow: hidden;
}

.btn.btn-file>input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity = 0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.wysihtml5-toolbar .btn-default {
    line-height: 21px;
    padding: 3px 11px;
    height: auto;
    font-size: 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #a1afbd !important;
    text-align: center;
    float: left;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0), 0 6px 7px 0 rgba(0, 0, 0, 0);
}

.wysihtml5-toolbar .btn-default {
    margin-right: 0;
    margin-bottom: 0;
    background: transparent;
}

a.btn-default i {
    color: #fff !important;
}

a.btn-default:hover i {
    color: rgb(43, 138, 245) !important;
}

.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #367fa9;
}

.btn-success {
/*     background-color: #4cae4c;
    border-color: #4cae4c; */
    background:rgba(92, 184,92, 1);
}

.btn-submit {
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4811f;
    -webkit-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    -moz-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    font-size: 18px;
    color: #fff !important;
    padding: 0 25px;
    line-height: 44px;
    margin-right: 12px;
}

.btn-preview {
    height: 44px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #8cb1cb;
    -webkit-box-shadow: 0 5px 20px rgba(140, 177, 203, .35);
    -moz-box-shadow: 0 5px 20px rgba(140, 177, 203, .35);
    box-shadow: 0 5px 20px rgba(140, 177, 203, .35);
    font-size: 18px;
    color: #fff;
    padding: 0 25px;
    line-height: 44px;
}

.btn-cancel {
    height: 45px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ecf0f5;	
    border: 1px solid #ced3da !important;
    font-size: 18px;
    color: #30383e;
    padding: 0 25px;
    line-height: 45px;
    border: none;
    vertical-align: top;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #008d4c;
}

.btn-info:hover, .btn-info:active, .btn-info.hover {
    background-color: #1d4662;
    border-color: #1d4662;
}

.btn-danger {
    background-color: #dd4b39;
    border-color: #d73925;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background-color: #d73925;
}

.btn-warning {
    background-color: #f39c12;
    border-color: #e08e0b;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
    background-color: #e08e0b;
}

.btn-outline {
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.7);
}

.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}

.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 12px;
}

.btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
    font-size: 20px;
    display: block;
}

.btn-app:hover {
    background: #f4f4f4;
    color: #444;
    border-color: #aaa;
}

.btn-app:active, .btn-app:focus {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.nodata {
    padding-bottom: 15px;
}

.btn-app>.badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}
/***************************************/
.showSearchDiv .btnwithborder:after {
    content: '';
    position: relative;
    border-bottom: 2px solid #f4811f;
    width: 100%;
    bottom: -15px;
    float: left;
}

.scrollbar-dynamic.btnwithborder:after {
    content: '';
    position: relative;
    border-bottom: 2px solid #f4811f;
    width: 100%;
    bottom: 2px;
    float: left;
    margin-left: 5px;
}

.pagetitle.fullwidth {
    width: calc(100% + 30px) !important;
    margin-left: -15px;
}

.webui-popover-removed {
    background-color: #ef9090 !important;
    color: #121212 !important;
}

.webui-popover-removed.top>.webui-arrow, .webui-popover-removed.top-left>.webui-arrow,
.webui-popover-removed.top-right>.webui-arrow, .webui-popover-removed.top>.webui-arrow:after,
.webui-popover-removed.top-left>.webui-arrow:after,
.webui-popover-removed.top-right>.webui-arrow:after {
    border-top-color: #ef9090 !important;
}

.webui-popover-removed.right>.webui-arrow, .webui-popover-removed.right-top>.webui-arrow,
.webui-popover-removed.right-bottom>.webui-arrow,
.webui-popover-removed.right>.webui-arrow:after, .webui-popover-removed.right-top>.webui-arrow:after,
.webui-popover-removed.right-bottom>.webui-arrow:after {
    border-right-color: #ef9090 !important;
}

.webui-popover-removed.bottom>.webui-arrow, .webui-popover-removed.bottom-left>.webui-arrow,
.webui-popover-removed.bottom-right>.webui-arrow,
.webui-popover-removed.bottom>.webui-arrow:after,
.webui-popover-removed.bottom-left>.webui-arrow:after,
.webui-popover-removed.bottom-right>.webui-arrow:after {
    border-bottom-color: #ef9090 !important;
}

.webui-popover-removed.left>.webui-arrow, .webui-popover-removed.left-top>.webui-arrow,
.webui-popover-removed.left-bottom>.webui-arrow, .webui-popover-removed.left>.webui-arrow:after,
.webui-popover-removed.left-top>.webui-arrow:after,
.webui-popover-removed.left-bottom>.webui-arrow:after {
    border-left-color: #ef9090 !important;
}
/*************************************/
.webui-popover-success {
    background-color: #9dcaaf !important;
    color: #121212 !important;
}

.webui-popover-success.top>.webui-arrow, .webui-popover-success.top-left>.webui-arrow,
.webui-popover-success.top-right>.webui-arrow, .webui-popover-success.top>.webui-arrow:after,
.webui-popover-success.top-left>.webui-arrow:after,
.webui-popover-success.top-right>.webui-arrow:after {
    border-top-color: #9dcaaf !important;
}

.webui-popover-success.right>.webui-arrow, .webui-popover-success.right-top>.webui-arrow,
.webui-popover-success.right-bottom>.webui-arrow,
.webui-popover-success.right>.webui-arrow:after, .webui-popover-success.right-top>.webui-arrow:after,
.webui-popover-success.right-bottom>.webui-arrow:after {
    border-right-color: #9dcaaf !important;
}

.webui-popover-success.bottom>.webui-arrow, .webui-popover-success.bottom-left>.webui-arrow,
.webui-popover-success.bottom-right>.webui-arrow,
.webui-popover-success.bottom>.webui-arrow:after,
.webui-popover-success.bottom-left>.webui-arrow:after,
.webui-popover-success.bottom-right>.webui-arrow:after {
    border-bottom-color: #9dcaaf !important;
}

.webui-popover-success.left>.webui-arrow, .webui-popover-success.left-top>.webui-arrow,
.webui-popover-success.left-bottom>.webui-arrow, .webui-popover-success.left>.webui-arrow:after,
.webui-popover-success.left-top>.webui-arrow:after,
.webui-popover-success.left-bottom>.webui-arrow:after {
    border-left-color: #9dcaaf !important;
}

.m-w-200 {
    min-width: 200px;
}

.eauctioninformation .row.row.m-l-0.m-r-0.line-30 {
    margin-bottom: 15px;
    width: 100%;
    display: block;
}

.eauctioninformation .scroll-wrapper>.scroll-content {
    line-height: 1.5;
    display: flex;
}

.eauctioninformation .col-sm-5 .col-md-2, .eauctioninformation .col-sm-7 .col-md-10,
.eauctioninformation .col-sm-5 .col-md-4, .eauctioninformation .col-sm-7 .col-md-8
{
    line-height: 1.5;
}

.eauctioninformation {
    width: 100% !important;
}

.itembidderTable tr td:nth-child(2) a, table.panelTable  tr td:nth-child(2) a
{
    white-space: normal !important;
}

.itembidderTable tr td:nth-child(2), table.panelTable  tr td:nth-child(2)
{
    max-width: 200px;
}

.create-bid, .panelData {
    width: 100% !important;
}

/* .loginreporttable tr td:nth-child(4), .loginreporttable tr td:nth-child(3)
        {
        text-align: center;
} */

span.semicolonhere {
    padding-right: 5px;
}

.fordescription {
    display: flex;
}

.preferredtimezone  .tooltip {
    border-radius: 6px !important;
    border: none !important;
    opacity: 1;
    background: transparent;
}

.preferredtimezone .tooltip-arrow {
    border-bottom-color: #2b8af5 !important;
}

.tooltip {
    min-width:150px;
    opacity: 1 !important;
    word-break: break-word;
}
.comitteeComplete .tooltip {
    word-break: inherit !important;;
}
/*************17-10-2019 TA Update*****************/
.auctionboxcreate,
.savingcount {
    float:left;
    width: 100%;
    height:auto;
    padding:15px;
    position:relative;
    padding-left:70px;
    background-color: #f3f5fb;
}
.auctionboxcreate .svgimg,
.savingcount .svgimg,
.auctionboxcreate img.svgimg,
.savingcount img.svgimg{
    top: 50%;
    left:15px;
    width:50px;
    height:50px;
    position:absolute;
    transform: translate(0px, -50%);
}
.auctionboxcreate h5,
.savingcount .savingcountinner {
    width:100%;
    position: relative;
    padding-left:25px;
    float:left;
}
.savingcount div.savingcountinner:before {
    position: absolute;
    content: '';
    border-left: 1px dotted #235f8b;
    height:100%;
    top:0px;
    left:10px;
}
.savingcount div.savingcountinner h5{
    font-family:'calibri';
    font-weight:bold;
    font-size:15px;
}
.savingcount div.savingcountinner .awardlink{
    float:left;
    width:100%;
    padding:10px 0;
    font-size: 18px;
    line-height:15px;
    color: #186498 !important;
}
.savingcount div.savingcountinner a.awardlink:hover{
    color: #186498 !important;
}

.auctionboxcreate h5, 
.auctionbox h5, 
.savingcount h5 {
    font-size: 18px;
    color: #186498;
    font-family: Ubuntu;
    font-weight: 500;
}
.auctionbox h6, 
.savingcount h6 {
    font-size: 30px;
    color: #555;
    font-family: Ubuntu;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
}
.auctionbox {
    width:100%;
    min-height:105px;
    border-radius: 5px;
    padding:15px 25px;
    background-color: #fff;
}
.auctionboxcreate {
    display: flex;
    min-height:105px;
    border-radius:5px;
    align-items: center;
    justify-content: center;
    background-color: #186498;
}
.auctionboxcreate h5 a {
    color: #fff !important;
}
.auctionboxcreate h5 {
    color: #fff !important;
    line-height: 30px;
}
.auctionbox h5 {
    margin-bottom: 30px;
}

/* 
.scrollbar-inner {
	overflow-x: hidden !important;
    overflow-y: auto !important;
}
*/
.modal-title {
    font-family: calibribold;
    font-size: 16px;
    color: #fff;
}
/***************Award Page********************/
#viewResult #auctionAwardResultdiv .bordered-box {
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
}

.buttoncropper {
    background: transparent !important;
}

.cropperfooter {
    display: flex;
    justify-content: flex-end;
}

.uploadImgPopupBtn {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 14px;
}

.buttoncropper:active {
    box-shadow: none;
}

.preferredtimezone  .tooltip-inner {
    background-color: #2b8af5 !important;
}

.preferredtimezone+.tooltip-inner {
    background-color: #2b8af5 !important;
}

.preferredtimezone+.tooltip {
    background-color: transparent !important;
    border: none !important;
}

.tooltip-arrow {
    border-bottom-color: #2b8af5 !important;
}

.status-table .tooltip-inner, body .tooltip-inner {
    background-color: #2b8af5 !important;
}

#striclyhead {
    border-top: 3px solid #006cb7;
    position: fixed;
    width: 100%;
    background: #fff;
    -ms-filter:
        "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";
    /*IE 8*/
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); /*FF 3.5+*/
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135,
        Color=#000000); /*IE 5.5-7*/
}

.bidderscountall {
    display: flex;
    margin-bottom: 15px;
    width: 100%;
}

.bidderscountbig .bidderscount {
    display: flex;
    height: 100%;
}

.bidderscountall .card {
    width: 225px;
    border: 1px solid #e1e2e3;
    color: #fff;
    border-radius: 5px;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bidderscountbig .card-title {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
    color: #32394d;
    font-family: "Lato";
    font-size: 28px;
    text-align: left;
}

.bidderscountbig .card-text {
    color: #32394d;
    font-family: "Lato";
    font-size: 13px;
    text-align: center;
    padding-bottom: 10px;
    text-align: left;
    margin-top: 5px;
}

.bidderscountbig .card {
    margin: 10px;
}

.biddercountheader h3 {
    color: #fff;
    font-family: "Calibri";
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 8px;
    text-align: center;
    background: #006cb7;
    margin: 0;
    padding-top: 4px;
    margin-bottom: 10px;
}

.bidderscountbig .card-icon {
    width: 55px;
    height: 55px;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 20px;
}

.card_1 .card-icon {
    background: #11d11f;
}

.card_2 .card-icon {
    background: #0a95dd;
}

.card_3 .card-icon {
    background: #bb4fd2;
}

.card_4 .card-icon {
    background: #f08232;
}

.card_5 .card-icon {
    background: #11d1cf;
}

@media ( max-width :991px) {
    .bidderscountall {
        display: block;
    }
    .bidderscountsmall {
        margin-top: 10px;
    }
}

@media ( max-width :600px) {
    .bidderscountbig .bidderscount {
        display: block;
        height: 100%;
    }
    .bidderscountbig .card {
        width: 100% !important;
        margin-bottom: 10px;
    }
    .bidderscountsmall .bidderscount {
        display: block;
        border: none;
    }
    .bidderscountsmall .card {
        width: 100%;
        min-height: 103px;
        border: 1px solid #006cb7;
        margin-bottom: 10px;
        border-radius: 5px;
        display: flex;
        align-items: center;
    }
}

@media ( min-width : 768px) {
    .bidderscountall .card {
        width: calc(20% - 10px) !important;
    }
    .bidderscountbig {
        width: 100%;
    }
}

main.container-fluid {
    margin-left: 75px !important;
    z-index: 840;
    margin-bottom: 70px;
    margin-top: 3px;
}

.ph-item.fullwidth {
    width: calc(100% + 30px);
    margin-left: -15px;
    height: 186px;
    border-radius: 0;
    background: linear-gradient(133deg, #1d5673 26%, #1d5673 100%) !important;
}

.ph-wt-60 {
    width: 60% !important;
}

.ph-wt-50 {
    width: 50% !important;
}

.ph-wt-25 {
    width: 25% !important;
}

@media ( min-width :768px) and (max-width:1024px) {
  
    .content-header .w-50 {
        width: 100% !important;
    }
    .tenauctinfo {
        width: 100% !important;
        height: auto !important;
        margin-top: 5px;
    }
    .tenauctinfo .dataRight .datatop {
        border-bottom: 1px solid #a1cee6;
        font-size: 17px;
        font-family: Ubuntu;
        color: #fff;
        padding-left: 14px;
        font-weight: 400;
        line-height: 34px;
    }
    .tenauctinfo .dataRight .databottom, .bidauctinfo .dataleft,
    .tenauctinfo .dataleft {
        display: none;
    }
    .tenauctinfo .dataRight {
        width: 100%
    }
    .bidauctinfo {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
    }
    .bidauctinfo .datatop {
        padding-left: 25px;
    }
    #bidderDashboard ul.skltbs-tab-group {
        width: 100%;
    }
    #bidderDashboard #activeCount .skltbs-tab {
        height: 48px !important;
        line-height: 48px !important;
    }
}

#viewdocumenttolltip {
    display: table-cell !important;
    vertical-align: middle !important;
}

.pdfdownload {
    height: 34px;
    background-color: #555f6b;
    display: inline-block;
    line-height: 34px;
    position: relative;
    cursor: pointer;
    margin-top: 35px;
}

.pdfdownload:BEFORE {
    content: 'PDF';
    width: 33px;
    height: 21px;
    background-color: #e52521;
    position: absolute;
    left: -43px;
    color: #fff;
    top: -7px;
    z-index: 8;
    line-height: 21px;
}

.pdfdownload span {
    color: #fff;
    font-family: Ubuntu;
    font-weight: 500;
    position: relative;
    padding: 0 50px 0 45px;
}

.pdfdownload span:before {
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-clip: padding-box;
    background: #555f6b url('../images/pdficon.png') no-repeat center center;
    box-shadow: 3px 1px 6px rgba(0, 0, 0, .75);
    position: absolute;
    top: -20px;
    left: -30px;
}

.pdfdownload span:after {
    content: "\f019";
    width: 31px;
    height: 34px;
    background-color: #1fa5e5;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    line-height: 34px;
    right: 0;
    top: -8px;
}
/*************Tender Dashboard update****************/
#tenderDashboard #skltbsResponsive ul.skltbs-tab-group {
    background: #0c6db6;
    height: 55px;
}

#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li, ul.skltbs-tab-group.tab-mastersheet.tabresponsive li {
    background: #0c6db6;
    height: 55px;
    padding:0px !important;
}

#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li a, ul.skltbs-tab-group.tab-mastersheet.tabresponsive li {
    padding: 0 15px;
    margin: 0;
    line-height: 55px;
    border: 0;
    font-family: calibribold;
    color: #d5ecfe;
}

#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li a, ul.skltbs-tab-group.tab-mastersheet.tabresponsive li a {
    padding: 0 10px;
    margin: 0;
    line-height: 55px;
    border: 0;
    font-family: calibribold;
    color: #d5ecfe;
    background: transparent;
}
#viewtenderResponsive ul.skltbs-tab-group li a.skltbs-tab{
    white-space: nowrap;
}
#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li.is-active a {
    background: transparent;
    color: #fff;
}

#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li.is-active a:before
{
    content: '';
    position: absolute;
    border-bottom: 4px solid #f58220;
    left: 0;
    bottom: 0;
    width: 100%;
}

#tenderDashboard #skltbsResponsive ul.skltbs-tab-group li.is-active a:after
{
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f58220;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}

#date-confi .dashbasicdetail {
    height: auto;
}

.dashbasicdetail {
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    float: right;
    margin-bottom: 10px;
    color: #133146;
    font-size: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    white-space: nowrap;
}

#date-confi .dashbasicdetail {
    min-width: 290px;
}

.dashbasicdetail span.title-1 {
    font-size: 16px;
    font-family: Ubuntu;
    width: 100%;
    text-align: left;
    float: left;
    /* 	height: 56px; */
    background: #d6eeff;
    /* 	line-height: 56px; */
    padding: 10px 10px;
    border-radius: 3px 3px 0 0;
    color: #0c6db6;
    font-weight: 500;
    margin-bottom: 10px;
    white-space: normal;
}

.dashbasicdetail i {
    color: #77899c;
    margin-right: 10px !important;
    margin-top: 10px;
}

#date-confi .dashbasicdetail i {
    margin-right: 20px !important;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 25px !important;
}

#date-confi .st-en {
    width: 200px;
    padding-top: 9px;
}

.second-box {
    background: #f5f7fb;
    padding: 5px 0;
}

.pagetitleUpdate {
    background: #ecf0f5;
    font-size: 24px;
    font-family: calibribold;
    color: #0c6db6;
    margin-bottom: 0;
    height: 68px;
    line-height: 68px;
}

div.basic-title {
    font-size: 18px;
    font-family: Ubuntu;
    width: 100%;
    text-transform: uppercase;
    padding: 0 15px;
    border-radius: 3px 3px 0 0;
    color: #fff;
    background: #0c6db6;
    height: 56px;
    line-height: 56px;
    font-weight: 600;
}

#tenderDashboard #skltbsResponsive .skltbs-panel-group .box-body {
    min-height: 328px;
}

#tenderDashboard #skltbsResponsive .skltbs-panel-group .box-body .box-body
{
    min-height: auto;
}

.reportheadertitle span {
    text-transform: initial !important;
}

div#downloadpdfbutton {
    padding: 15px 20px 15px !important;
    align-items: center;
    justify-content: center;
}
.itemdescription b {
    color: #006bb7;
    font-size: 16px;
    font-weight: bold;
}

#viewResult .bordered-box {
    border-top: 2px solid #438dc1;
}

#viewBidHistory .bordered-box {
    border-top: 2px solid #438dc1;
}

#viewBidHistory .table>thead>tr>th {
    border: none !important;
    border-left: 1px solid #fff !important;
    border-bottom: 1px solid #006cb7 !important;
    background: #4c98cc !important;
}

#viewBidHistory .table>thead>tr>th:first-child {
    border-left: 1px solid #4c98cc !important;
}

#viewBidHistory .table>thead {
    border: 1px solid #4c98cc !important;
}

#viewResult .table>thead>tr>th {
    border: none !important;
    border-left: 1px solid #fff !important;
    border-bottom: 1px solid #4c98cc !important;
    background: #4c98cc !important;
}

#viewResult .table>thead>tr>th:first-child {
    border-left: 1px solid #4c98cc !important;
}

#viewResult .table>thead {
    border: 1px solid #4c98cc !important;
}

#viewResult .table thead th {
    text-transform: initial !important;
}

/* .panelTable th {
        background: #4c98cc !important;
} */

#sectionNewRegisterId {
    margin-top: 0;
}

.hide-password, .hide-password1 {
    display: none
}

#j_password, #txtConfirmPassword {
    padding-right: 30px;
}

.hide-password, .show-password,.hide-password1, .show-password1 {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 37px;
}

.card-icon i {
    font-size: 30px;
}

.loginandhelp {
    display: flex;
    justify-content: flex-end;
}

@media ( max-width :767px) {
    .heeaderlogoandlogin {
        display: block;
    }
    .onlytopheaderlogo {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .onlytopheaderlogo .bgilogoone {
        max-width: 70%;
    }
    .onlytopheaderlogo .bidporclogoone {
        max-width: 40%;
    }
    .registrationheader, .registrationform {
        max-width: 95% !important;
    }
    #register .tab-content {
        padding-right: 0 !important;
    }
}

#auditAllRecordstable .firstcolouHide td:first-child,
#auditAllRecordstable .firstcolouHide th:first-child {
    display: table-cell;
}

/********************************/
#right-side .sidebar-menu li a .fa:after, #right-side .sidebar-menu li a .epro:after
{
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ten-title.updatedhead {
    background: #e4eff7;
    /* height: 42px;
    line-height: 42px; */
    padding-bottom: 6px;
    padding-top: 6px;
    margin-bottom: 10px;
}
.ten-title {
    font-family: calibribold;
    font-size: 24px;
    color: #106395;
    float: left;
    width: 100%;
    margin: 0 0 5px;
    padding: 15px 15px 0 15px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cure-left>div {
    padding: 0 15px;
}

.ten-title a {
    color: #106395;
}

.ten-title+h3 {
    display: inline-block;
    margin-top: 0;
    font-family: calibribold;
    font-size: 17px;
    padding-left: 15px;
}

.cure-left:after {
    content: "";
    border-right: 1px dashed #a7b5bd;
    position: absolute;
    margin-top: 21px;
    right: 0;
    height: calc(100% - 21px);
    top: 0;
}

.cure-left {
    border-radius: 2px 2px 0 0
}

.cure-left, .cure-right {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 3px;
}

.cure-right {
    text-align: center;
}

.com-shade {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 3px;
    line-height: 24px;
}

#tender-notify .form-group {
    margin-bottom: 0;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}
.justify-content-end {
    justify-content:end;
}
.justify-content-start {
    justify-content:start;
}

.justify-content-flexend {
    justify-content:flex-end;
}
.justify-content-flexstart {
    justify-content:flex-start;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-around{
    justify-content: space-around;
}
.justify-content-evenly{
    justify-content: space-evenly;
}
.column{
    flex-direction: column !important;
}
.flex-row {

    flex-direction:row !important;
}
.tendHead {
    background: linear-gradient(to top, #fff 0%, #fff 28%, #cee7e5 28%, #cee7e5 62%, #fff 62%, #fff 100%);
    float: left;
    width: 100%;
    margin-top: 20px;
}

.setContractLogo {
    background-clip: padding-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: 108px;
    height: 108px;
    border: 1px solid #aaa;
    float: left;
    justify-content: center;
}

.setContractLogo img {
    height: 100%;
}

#zoomple_previewholder {
    left: 0;
    top: 0;
    z-index: 99999;
    position: absolute;
    display: none;
    width: 300px;
    height: 300px;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

#zoomple_previewholder .image_wrap {
    left: 0;
    top: 0;
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 20px 4px #000;
}

#zoomple_previewholder.rounded .image_wrap {
    border: 0;
    border-radius: 50%;
    background-clip: padding-box;
}

#zoomple_previewholder .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-clip: padding-box;
    z-index: 1;
}

#zoomple_previewholder.rounded  .overlay {
    border-radius: 50%;
    box-shadow: inset 0 0 20px 7px #fff;
}

#zoomple_previewholder .cursor {
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 101;
    background: url(../images/cursor.png) 0 0 no-repeat;
}

#zoomple_previewholder.zp-visible {
    display: block;
}

#zoomple_previewholder img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

#zoomple_previewholder .caption-wrap {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 96;
    width: 100%;
    margin: 0;
    padding: 0;
    font: 11px Verdana, sans-serif;
    color: #090808;
    border-radius: 0 0 7px 7px;
}

#zoomple_previewholder .caption-wrap .caption {
    padding: 5px 10px;
    font: 11px Verdana, sans-serif;
    border-radius: 0 0 7px 7px;
    background: #fff;
}

#zoomple_image_overlay {
    background: red;
    position: absolute;
    z-index: 100000;
    filter: alpha(opacity = 1);
    opacity: 0.01;
}

#zoomple_image_overlay.preview {
    background: rgb(0, 0, 0);
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

#zoomple_image_overlay .eyelet {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
}

.marquee {
    filter: alpha(opacity = 100);
}

.setContractLogo+div {
    width: calc(100% - 150px);
}

.oldData {
    background: rgba(236, 240, 245, .6);
    pointer-events: none;
    width: 100%;
    margin-left: 0;
    padding: 15px 15px 0 20px;
    border: solid 1px #d5dadf;
    margin-bottom: 15px;
}

.oldData span {
    display: none;
}

.oldData input {
    border: none !important;
}

.newData {
    width: 100%;
    padding: 15px 15px 0 20px;
}

.newData h2, .oldData h2 {
    font-size: 18px;
    font-family: calibribold;
    color: #006db8;
    margin: 0 0 10px 0;
    padding: 0;
}

.highcharts-point {
    border: 1px solid #b7b7b7;
    stroke: #b7b7b7;
}

.help {
    cursor: pointer;
}
/*************Button**************/
a.btn-default.cancel-tender, #tenderDashboard a.btn-default.cancel-tender
{
    width: auto;
    height: auto;
    text-align: center;
    line-height: 25px;
    color: #fff;
    height: 25px;
    border: 1px solid #e94545;
    border-radius: 14px;
    background-clip: padding-box;
    background-color: #f13939;
    font-size: 14px;
    line-height: 25px;
    text-transform: none;
    padding: 0 15px;
}

a.btn-default.cancel-tender:hover, #tenderDashboard a.btn-default.cancel-tender:hover
{
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    line-height: 25px !important;
    color: #fff !important;
    height: 25px !important;
    border: 1px solid #e94545 !important;
    border-radius: 14px !important;
    background-clip: padding-box !important;
    background-color: #f13939 !important;
    font-size: 14px !important;
    line-height: 25px !important;
    padding: 0 15px !important;
}

.bidderHistory {
    width: 100%
}
.btn-orange{
    background:#ff6600;
    color:#333;
}
.btn-bgiblue{
    background:#006cb7;
    color:#fff;
}
.bidderHistory thead tr th {
    font-size: 16px;
    font-family: calibribold;
    color: #126db5;
    padding: 25px 10px 5px 10px;
    background: #fff
}

.bidderHistory tbody tr td {
    padding: 15px 10px;
    border: 1px solid #d7d7d7;
}

.bidderHistory tbody tr:nth-child(even) {
    background: #fff;
}

.bidderHistory tbody tr:nth-child(odd) {
    background: #eff7ff
}
.min-height-auto{
    min-height: calc(100vh - 300px)
}
#reportsTable_filter label {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#reportsTable_paginate, 
#searchedMapBidderTable_paginate .fg-button,
#bidderWiseAwardTable_paginate .fg-button,
.fg-button{
    background: #2196F3;
    color: #fff;
    margin-right: 5px !important;
    padding: 2px 8px;
    border-radius: 4px;
}
#searchedMapBidderTable_paginate .disabled,
#reportsTable_paginate  .disabled
{
    background: #ccc !important;
    color:#484343  !important;
}
#searchedMapBidderTable_paginate  .current,
#reportsTable_paginate  .current
{
    background: #dde0e5 !important;
    border-color: #dde0e5 !important;	
}

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.5;}
}
.blinkdata{
    margin-top: -20px;
    margin-left: -2px;
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

.bg-red-dash {
    background: #de3c3c !important;
}

.awardedbidderinfo #downloadpdfbutton {
    padding: 0 20px 0 !important;
    align-items: center;
    justify-content: center;
}

.awardedbidderinfo .pdfdownload {
    margin-top: 0 !important;
}

.awardedbidderinfo .pdfdownload span:after {
    padding: 0 10px;
}

.bidderdetailinfo {
    background: #ecf0f5;
    padding: 20px 15px;
    border: 2px solid #ccc;
}
#bidderWiseAwardTable_filter label
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
/**********Pagination*************/ 
#searchedMapBidderTable_paginate  .disabled, 
#DataTables_Table_0_paginate  .disabled, 
#bidderWiseAwardTable_paginate  .disabled 
{
    background: #c1c0c0 !important;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}
#searchedMapBidderTable_paginate .previous,
#DataTables_Table_0_paginate .previous,
#bidderWiseAwardTable_paginate .previous 
{
    /* 	    background: #8a8787; */
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}
.fbuttonui-state-default,
#searchedMapBidderTable_paginate .next,
#DataTables_Table_0_paginate .next,
#bidderWiseAwardTable_paginate .next 
{
    /*  padding: 3px 7px !important; */
}
#searchedMapBidderTable_paginate a.current,
#DataTables_Table_0_paginate  a.current,
#bidderWiseAwardTable_paginate a.current
{
    background: #ff9d23;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
    cursor: pointer;
}

.collapseButton{
    background: #126db5;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    color: #fff;
    display: block;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}
/* 
#classificatioReport > td {
        padding: 0 !important;
}
#classificatioReport .panelTable{
          border: 1px solid #ced3da;
}  */ 
.innertable{
    width: 100%;
    border: 1px solid #ced3da;
}
.innertable thead tr th {
    background: #7e7e7e !important;
}
.innertable tbody tr td {
    background: #fff !important;
    border-bottom: 1px solid #ced3da;
}

/****************/
td.details-control {
    background: #126db5;
    height: 20px;
    width: 20px;;
    cursor: pointer;
}
td.details-control { 
    background: url('../images/plusround.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/minusround.png') no-repeat center center;
}
.classificatioReport .odd.shown +tr > td,
.classificatioReport .even.shown +tr > td{
    border-left: 1px solid #ced3da;
    border-right: 1px solid #ced3da;
}

#classificatioReport .odd{
    background: #eff7ff;
}
#classificatioReport .even{
    background: #fff;
}
#classificatioReport  tr > td{
    border: 1px solid #ced3da;
}
#classificatioReport .innertable tr > td{
    border-top: 0;
    border-left: 0;
    border-right: 0;
    word-break: break-all;
}
#DataTables_Table_0_filter input,
#classificatioReport_filter input{
    float: right;
}
#classificatioReport_filter, 
#DataTables_Table_0_filter,
#bidderWiseAwardTable_filter {
    margin-top: 20px;
    line-height: 30px;	
}
#bidderWiseAwardTable_wrapper{
    margin-top: 0;
}

#DataTables_Table_0_paginate  .disabled, 
#bidderWiseAwardTable_paginate  .disabled 
{
    background: #c1c0c0 !important;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}
#DataTables_Table_0_paginate .previous,
#bidderWiseAwardTable_paginate .previous 
{
    background: #8a8787;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}
#DataTables_Table_0_paginate  a.current,
#bidderWiseAwardTable_paginate a.current
{
    background: #ff9d23;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
    cursor: pointer;
}


#reportsTable_wrapper .dataTables_paginate 
{
    background: transparent;
}
#reportsTable_wrapper .dataTables_paginate  .disabled 
{
    background: #eae5e5  !important;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}

#reportsTable_wrapper .dataTables_paginate .previous 
{
    /* 	    background: #8a8787; */
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
}
#reportsTable_wrapper .dataTables_paginate a.current
{
    background: #ff9d23;
    color: #fff;
    padding: 3px 7px;
    border-radius: 4px;
    margin-right: 5px !important;
    cursor: pointer;
}


#reportsTable_wrapper .dataTables_paginate .ui-button
{
    margin-right: 5px !important;
    padding: 3px 7px !important;
    border-radius: 4px !important;
}
#reportsTable_wrapper .dataTables_paginate .ui-button:hover
{
    background: #FF9800 ;
    color:#fff ;
}
#mainDisplay .radio input[type="radio"]:checked+label::before {
    border-width: 5px;
    border-color: ORANGE;
}
#dvMainDocumentForm .control-label.red{
    background: #ffede0;
    color: #000;
}
#getauctioneerbiddinghall .tooltip.bottom,
#getauctioneerbiddinghall .tooltip.top
{border: none; background: transparent;}
#auctionawardlists{
    width: calc(100% - 20px) !important;
    min-height: 0% !important;
}
button[disabled], html input[disabled] {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}
/***************IE Issues***********************/
input::-ms-clear, input::-ms-reveal {
    display: none;
}
.Controltag{
    max-width: 800px;
}
.sidebar-menu .treeview-menu > li > a{
    white-space: 	normal;
}
.headnote{
    font-size: 16px;
    font-weight: 500;
    color: red;
    line-height: 28px;
}
@media ( max-width :1065px) {
    #viewtenderResponsive .skltbs-tbs, .skltbs-tab{
        display: block;
        border-bottom: 2px solid #fff;
    }	
}
/********Safari default symble removed***************/
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
.searchnew{
    width: 96px;
    height: 32px;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #ebeff5;
    float: right;
    text-align: center;
    line-height: 32px;
    color: #1d4662;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
    top: 60px;
    right: 5px;
}
#approvedBidders .modal-content .modal-body span{
    font-size: 16px;
    font-weight: normal;
    width: auto;
    margin-bottom: 0;
    padding: 5px;
}
#approvedBidders .sol-container.sol-active .sol-selection-container{
    position: absolute !important;
    left: 0px !important;
    top: 60px !important;
}
#searchedMapBidderTable_filter{
    display: none;
}
.customfocus{
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.validationMsg {
    color:rgb(255, 0, 0);
    float:left;
    position:relative;
    font-size:14px;
}
/* .sorting_asc:after{
        content: '';
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
    background-repeat: no-repeat;
    background-position:  -68px -16px !important;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.sorting_desc:after{
        content:'';
    background-image: url(images/ui-icons_d8e7f3_256x240.png);
    background-repeat: no-repeat;
    background-position: -4px -16px !important;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
} */
.dataval.bg-red.resumed{
    background: #41bf53 !important;
}
/**********Loader****************/
.pageLoad{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    height: 100vh;
    width: 100vw;
    z-index:9999;
    overflow: hidden;
}
.loader {
    max-width: 150px;
    max-height: 150px;  
    stroke-linecap: round;
    position: absolute;
    left: calc(50% - 75px);
    top: calc(50% - 75px);
}
circle {
    fill: none;
    stroke-width: 3.5;
    -webkit-animation-name: preloader;
    animation-name: preloader;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: 170px 170px;
    transform-origin: 170px 170px;
    will-change: transform;
}
circle:nth-of-type(1) {
    stroke-dasharray: 550;
}
circle:nth-of-type(2) {
    stroke-dasharray: 500;
}
circle:nth-of-type(3) {
    stroke-dasharray: 450;
}
circle:nth-of-type(4) {
    stroke-dasharray: 300;
}
circle:nth-of-type(1) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}
circle:nth-of-type(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
circle:nth-of-type(3) {
    -webkit-animation-delay: -0.45s;
    -moz-animation-delay:  -0.45s;
    animation-delay: -0.45s;
}
circle:nth-of-type(4) {
    -webkit-animation-delay: -0.6s;
    -moz-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

@-webkit-keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes preloader {
    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.ui-widget-overlay {
    position: fixed !important;
}
.table.dataTable.no-footer{
    border: none !important;
}
/**************************/
body .dataTables_wrapper {
    position: static; 
    clear: none;
    *zoom: 1;
    zoom: 1;
    float: left;
    width: 100%;
}
/***********Auction Summary************/
.padding-none {
    padding: 0px !important
}
#tender-notify {
    float: left;
    width: 100%;
    margin: 0px 0 0px;
    padding: 0px;
}
#tender-notify li {
    background: #fff none repeat scroll 0 0;
    float: left;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
    border-radius: 4px;
    width: 100%;
}
#tender-notify li .tenderdtls-box {
    float: left;
    width: 100%;
    margin: 0 0 0;
    padding: 0 0 0;
    background: #fff;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);

    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

    align-content: stretch;
    -ms-flex-line-pack: stretch;
    -webkit-align-content: stretch;
}
#tender-notify.updateline li:before{
    content: "";
    border-right: 0.16rem dashed #a7b5bd;
    position: absolute;
    margin: 20px 0;
    right: 25%;
    height: calc(100% - 40px);
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.10);
    top: 0;
    z-index: 8;
}
#tender-notify li .tenderdtls-box>.tendercard-right, #tender-notify li .tenderdtls-box>.tendercard-left{
    width: 75%;
    float: left;
    text-align: left;
    position: relative;
    padding: 15px 20px 15px;
}
#tender-notify li .tenderdtls-box>.tendercard-right,
#tender-notify li .tenderdtls-box>.tendercard-right{
    width: 25%;
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:center;
    padding: 15px 20px 15px;
}
#tender-notify li .tenderdtls-box>.tendercard-left>div[class*="w-"] {
    height: 100%;
}

#tender-notify li .tenderdtls-box>.tendercard-left>div[class*="w-"]:first-child{
    width: 120px !important;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]{
	width:100% !important;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls {
    font-family: Ubuntu;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    color: #ff6600;
    padding: 6px;
    float: left;
    padding: 0;
    width:100%;
    margin: 0;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline{
	width:100%;
	float:left;
	position:relative;
	padding-left:20px;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline:before{
	position:absolute;
	top:0px;
	height:100%;
	width:2px;
	left:0px;
	content:"";
	background:transparent;
	border-right: 0.16rem dashed #a7b5bd;
}
@media (max-width:1152px){
	#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline{
		padding:20px 0;
		
	}
	#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline:before{
		width: 100%;
		border-right:0px;
		border-top: 0.16rem dashed #a7b5bd;
	}
	#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline>.row> div[class*="col-"]{
		padding-left:15px !important;
		padding-right:15px !important;
	}
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .brandlogo{
	width:100px;
	height:100px;
	padding:5px;
	border-radius:5px;
	background:transparent;
	border:1px solid #fdf1f1;
	display:flex;
    align-items: center;
    justify-content: center;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .brandlogo>img{
	width:100%;
	height:auto;
	margin:0px;
}

#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls.biddinghall{
		width:100%;
}

#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline .breadtoolouter{
  	padding:0 0;
  	width:100%;
  	font-size:18px;
  	height:56px;
 	    text-overflow:ellipsis;
	  overflow:hidden;
	  display: -webkit-box !important;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  white-space: normal;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline .breadtoolouter+.breadtool{
	width:100%;
	left:0px;
	top:0px;
	height:56px;
	position:absolute;
}
#tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"]>.tenderinfodtls .divider-vline .breadtoolouter+.breadtool>.breadtoolinner{
	opacity:0;
	color:#fff;
	width:100px;
	display: inline-block;
}

.dash-tend-icon {
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #01a2e0;
    border: 13px solid #e8f6ff;
    text-align: center;
    line-height: 85px;
    text-indent: 6px;
    margin-top: 10px;
}

.dash-tend-icon i {
    color: #fff;
    font-size: 32px
}
.entiretenderinfo{
    display: flex;
    justify-content: space-between;
}
.tendId, .etendernumber {
    display: flex;
    flex-flow: column;
    padding-right: 15px;
}
.height-eclips {
    min-width:180px;
    max-width:250px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: nowrap;
    display: inline-block;
}
.btncontrol{
    display: flex;
    flex-flow: row;
    width: 100%;
    align-items: center;
    justify-content: center;
}


.btncontrol a{
    width: 123px;
    height: 30px;
    border-radius: 3px;
    background-clip: padding-box;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 15px 9px 0px 9px;
    font-family: calibri;
}
.postmsg{
    background-color: #757575;
}
.suspmsg{
    background-color: #006bb5;
}
.gotoreport{
	background-color: #006bb5;
}
.canpmsg{
    background-color: #dd3f3f;
}
@media screen and (min-width: 736px) and (max-width: 991px) {
    #tender-notify li .tenderdtls-box{
        display: flex;
        flex-flow: column;
    }
    #tender-notify li .tenderdtls-box>.tendercard-left {
        width: 100%
    }
    ul#tender-notify li .tenderdtls-box>.tendercard-right {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #tender-notify li .tenderdtls-box>.tendercard-left>div[class*="w-"]:first-child{
        width: 110px !important;
    }
    #tender-notify li .tenderdtls-box>.tendercard-left.livebidsummary-left>div[class*="w-"] {
	    width: 100% !important;
	}

    #tender-notify.updateline li:before {
        content: "";
        border-right: none;
        border-bottom: 0.16rem dashed #a7b5bd;
        position: absolute;
        margin: 20px 0;
        bottom:30%;
        height: auto;
        width: calc(100% - 40px);
        box-shadow: none;
        top: 0;
        z-index: 9;
        right: 20px;
    }
    .ticketc{
        display: none;
    }
}
.governingtype {

    height: 20px  !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4811f;
    -webkit-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    -moz-box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    box-shadow: 0 5px 20px rgba(218, 110, 18, .35);
    font-size: 18px;
    color: #fff !important;
    padding: 0 10px;
    line-height: 80px;
    margin-right: 12px;
}
.governingtype span{
    position: relative;
    bottom: 1px;
}

.biddingDone{
    width: 500px;
    height: 35px;
    border: 1px #181818;
    background-color: #f3dac5;
    text-align: center;
    padding-top: 10px;
}
.governingimage img
{
    max-height: 30px;
    margin-right: 10px;
}
.governingimage
{
    display: flex;
    border: 1px solid #c2c0bf;
    align-items: center;
    padding: 5px 15px;
    background: #fff7ee;
    margin-left: 30px;
}
.governingcontainer
{
    display:flex;
    position:relative;
}
.governingcontainer .errgoverningColumn 
{
    position: absolute;
    padding-top: 5px;
}
.governingimage p
{
    margin:0;
}
#governingColumn
{
    height: 42px;
    background: #ecf0f5;
    border-radius: 3px;
}	
.notifica-cont div u {
    text-decoration: none !important;
}
/* .notifica-cont div a {
        text-decoration: underline !important;
} */
.uplodbott .tooltip-inner{max-width: 300px;text-align: left;}
.uplodbott ul{    margin: 0;
                  padding: 0 0 0 15px;
                  list-style-type: disc;
                  list-style: outside;}
.w-c100cal{
    width: calc(100% - 107px);
    float: left;
    line-height: 30px;
}
.w-c100{
    width: 107px;
    float: left;
    padding-left: 15px;
    line-height: 30px;
}
.prodDetail{
    font-size: 14px;
    font-family: calibri;
    display: flex !important;
    white-space: nowrap;
    flex-flow: row;
}
.breadcrumb>li.prodDetail:before{
    content: '' !important;
}
.breadtool {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    padding: 0 5px;
    max-width: 215px !important;
}
.prodDetail strong{
    font-size: 16px;
    font-family: calibribold;
    color: #f58220;
}
ul#multi-level>li.fwrvauction{
    float: right !important;
}
ul#multi-level>li.fwrvauction a{
    font-size: 16px;
    font-weight: 100;
    text-transform: unset;
    font-family: calibri;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px;	
}
.treeview-menu > .treeview > a{
    position: relative;
}
.treeview-menu > .treeview > a:before {
    content: "\f067";
    position: absolute;
    font-family: FontAwesome;
    color: #fff;
    font-size: 10px;
    right: 10px;
}
.treeview-menu > .treeview.minus > a:before {
    content: "\f068"
}
.customtooltip{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#tender-notify.prepoint .updatedhead a{
    pointer-events: none;
} 
#tender-notify.prepoint li:hover .ten-title a,
#tender-notify.prepoint li.updatedhead a:hover,
#tender-notify.prepoint li:hover a{
    text-decoration: none;
}
#bidderListTable .selected a,
#bidderListTable .selected{
    background-color: rgb(104, 193, 104);
    color: #fff;
}
.generateReportBidders {
    background-color: #f48120 !important;
    text-align: left !important;
    min-height: 35px;
    display: flex;
    align-items: center;
    float: right !important;
    margin-top: -5px;
    margin-left: 10px;
}
.pdfdownload.excel span:before {
    background: #555f6b url('../images/xls.svg') no-repeat center center;
    background-size: contain;
}
.pdfdownload.excel:BEFORE {
    content: '';
    width:0;
    height:0;
    background-color: #e52521;
    position: absolute;
    left: -70px;
    color: #fff;
    top: -7px;
    z-index: 9;
    line-height: 21px;
    text-align: center;
}
.pdfdownload span {
    color: #fff;
    font-family: Ubuntu;
    font-weight: 500;
    position: relative;
    padding: 0 50px 0 45px;
}

.pdfdownload span:before {
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-clip: padding-box;
    background: #555f6b url('../images/pdficon.png') no-repeat center center;
    box-shadow: 3px 1px 6px rgba(0, 0, 0, .75);
    position: absolute;
    top: -20px;
    left: -30px;
}

.pdfdownload span:after {
    content: "\f019";
    width: 31px;
    height: 34px;
    background-color: #1fa5e5;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    line-height: 34px;
    right: 0;
    text-align: center;
}
.basicInfo {
    font-size: 50px;
    font-family: 'calibribold' !important;
}
.custRptTR td{border: 1px solid #d7d7d7;}
.sameline{
    float: right;
    width: calc(100% - 8px);
}
.dataTablecover{
    background: rgba(50, 51, 51, 0.1);
    padding: 10px;
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 4px;
}
.reseauction .radio input[type="radio"]:checked+label::before{
    border:5px solid #73bf45;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slidertoggle  {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: -6px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height:10px;
}

.slidertoggle:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: -6px;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
    background-color: #fafafa;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slidertoggle:before{
    background-color: rgba(33,150,243,1);
}
input:checked + .slidertoggle {
    background-color: rgba(33,150,243,0.5);
    height:10px;
}

input:focus + .slidertoggle {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slidertoggle:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slidertoggle.round {
    border-radius: 34px;
}

.slidertoggle.round:before {
    border-radius: 50%;
}
.lyftimswitch{
    position:relative;
    top:-5px;
    padding-left:10px;
}
.contooltip + .tooltip .tooltip-inner{
    text-align:left;
    min-width:270px;
}
.contooltip + .tooltip .tooltip-inner ul{
    list-style:disc;
}
.contooltipaddress + .tooltip .tooltip-inner{
    text-align:left;
    min-width:320px;
}

span.bid-dash-home{
    background:#fff;
    color:#333333;
    font-size:15px;
    font-weight:bold;
    top:35px;
    font-family:Ubuntu;
    padding:3px 10px;
    margin-left:5px;
}
@-webkit-keyframes blinker-animation-live {
    0%{opacity: 0.35;}
    50%{opacity: .5;}
    100%{opacity: 1;}
}

.blinker-animation-live {
    -webkit-animation-name: blinker;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 2s;
    animation-iteration-count: infinite;
}
#skltbsResponsive ul.skltbs-tab-group.tab-mastersheet li.is-active a:before, #skltbsResponsivetender ul.skltbs-tab-group.tab-mastersheet li.is-active a:before{
    content: '';
    position: absolute;
    border-bottom: 4px solid #f58220;
    left: 0;
    bottom: 0;
    width: 100%;
}
#skltbsResponsive ul.skltbs-tab-group.tab-mastersheet li.is-active a:after, #skltbsResponsivetender ul.skltbs-tab-group.tab-mastersheet li.is-active a:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f58220;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
}
ul.skltbs-tab-group.tab-mastersheet{
    background-color:#0c6db6;
    /* position:relative !important;
    flex-wrap:wrap; */
}
ul.skltbs-tab-group.tab-mastersheet .skltbs-tab{
    background-color:#0c6db6;
    color:#d5ecfe;
    font-family: 'calibribold';
}
ul.skltbs-tab-group.tab-mastersheet li.is-active a {
    background-color:#0c6db6;
    color: #fff;
}
ul.skltbs-tab-group.tab-mastersheet li{
    font-family: 'calibribold';
    color: #d5ecfe;
    font-weight:bold;
    background-color:#0c6db6:
}
.awar-descrip{
    width:90px;
    float:left;
}
.awar-content{
    width:calc(100% - 95px);
    float:left;
    oveflow:hidden;
    text-overflow:ellipsis;
    padding-left:10px;
}
/* .auction-summar-freeaehead{
    min-height:570px;
    max-height:570px;
} */
.tabresponsive{
    position:relative !important;
}
.awrdstatus{
    background:#cccccc;
    border-radius: 50px;
    padding: 15px 6px 15px 15px;
    font-weight:bold;
}
.awardstatusgrn{
    background: #51a835;
}
.awardstatusgrn, .yetowrdstatus{
    border-radius: 50px;
    padding: 10px 16px 10px 40px;
    color: #fff;
    position:relative;
}
.yetowrdstatus{
    background:#ea8018;	
}
.awardstatusgrn:before{
    background-image: url(../images/Awarded.svg);
}
.yetowrdstatus:before, .awardstatusgrn:before{
    position: absolute;
    color: #fff;
    content: '';
    left: 10px;
    height: 30px;
    width: 30px;
    background-size: 21px 33px;
    background-position: 35% 23%;
    top: 5px;
    background-repeat: no-repeat;
}
.yetowrdstatus:before{
    background-image: url(../images/YettoAward.svg);

}
/* TA Dashboard Add Goproc tickets */
.dash-panel-title-tickets{
    justify-content:normal !important;
    align-items:center;
}
.tickets-counts{
    background-color:red;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}
.ticketcounts .events {
    padding: 10px 0px;
    display: flex;
    justify-content: space-around;
    align-items:center;
    border:1px solid #d2d2d2;
}
.ticketcounts .border{
    border-right:1px solid #d2d2d2;
    padding-right:20px;
}
.ticketcounts .number {
    font-size: 28px;
    text-align: center;
}
.ticketcounts .total {
    color: #666;
}
#subscriptionDetailsView .border-ryt{
    border-right:1px solid #d2d2d2;
}
#subscriptionDetailsView .border-top{
    border-top:1px solid #d2d2d2;
}
#subscriptionDetailsView .text-right{
    text-align:right !important;
}
#subscriptionDetailsView .alignitembottom{
    display:flex;
    align-items:flex-end;
}
#subscriptionDetailsView .btn-orange{
    background:#f37f1f;
    color:#fff;
}
.btn.bg-greyed, .btn.bg-greyed:hover{
    background:#f5f5f5 !important;
    box-shadow: none;
}
table.table .btn-default{
    text-align:left !important;
}
.tblprojectitle{
    min-height:85px;
}
.notecontsp{
    background: #ffffcd;
    padding: 10px;
    color: black;
}
.mh-auto{
    min-height:auto !important;
}
.form-temp-left{
    width:120px;
}
.form-temp-right{
    width:calc(100% - 120px);
}

.mw-100{
    max-width:100% !important;
}
.brkall{
    word-break: break-all;	
}
.brkword{
    word-break: break-word;
}
@media only screen and (min-width: 1024px) {
    .data-sub-menu li{
        width:50%;
    }
}
@media only screen and (min-width: 1300px) {
    .data-sub-menu li{
        width:46% !important;
    }
}
@media only screen and (min-width: 1450px) {
    .data-sub-menu li{
        width:40% !important;
    }
}
.comparativeRptTR td .btn-default{
    text-align:left !important;
}

.blockOverlay {
    position: fixed !important;
}

.overflow-auto{
    overflow: auto !important;
}
.form-header-title{
    width: 140px;
}
.form-header-body{
    flex: 6;
}
.decrypt-btns{
    width: 150px;
}
.box-body-subtitle{
    background: #0072bc;
    float: left;
    width: 100%;
    padding: 10px 15px;
}
.box-body-subtitle h2{
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 22px;    
}
.box-body-subtitle-detail{
    padding: 15px 15px;
    float: left;
}
.clr-l-gry{
    color: #a3a3a3;
}


.ellips-msg {
    min-width:150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 95% !important;   
}

.cap-img {
    width: 175px;
    height: 45px;
    float: left;
    border-radius: 3px 0px 0 3px;
    background-color: #ffffff;
    border: 1px solid #d5dadf;
}

.refresh {
    background: #f58220;
    border: 2px solid #fff;
    border-radius: 100%;
    color: #fff;
    left: -15px;
    cursor: pointer;
    float: left !important;
    font-size: 17px !important;
    height: 33px;
    line-height: 28px !important;
    position: absolute;
    text-align: center;
    width: 33px;
    top: 6px !important;
    z-index: 5 !important;
}

.captchacode .form-group.label-floating label.control-label {
    will-change: left, top, contents;
}

.cappad {
    position: absolute;
    pointer-events: none;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    top: 0;
    font-size: 15px;
}
.captchafloatinglabel .form-control {
    border-bottom: 1px solid #ddd;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-family: calibri;
    height: 45px;
    font-size: 15px;
    padding-left: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius:0px 3px 3px 0px;
    /* 	max-width: 173px; */
}

.captchafloatinglabel .form-control:focus {
    box-shadow: none !important;
    border-color: #36537b;
}

.captchafloatshere .form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.captchafloatshere .form-control-placeholder {
    position: absolute;
    top: 5px;
    padding: 7px 0 0 13px;
    transition: all 200ms;
    opacity: 0.5;
    left: 8px;
}

.captchafloatshere .form-control:focus+.form-control-placeholder,
.captchafloatshere .form-control:valid+.form-control-placeholder {
    font-size: 75%;
    -webkit-transform: translate3d(0, -45%, 0);
    transform: translate3d(0, -45%, 0);
    opacity: 1;
}
.loadCaptcha {
    top: 6px;
    left: 25px;
    z-index: inherit;
    position: absolute;
    display: block;
    color: #a09f9f;
    font-size: 20px;
}

/* eTENDER MASTER SHEET DESIGN START */

.etenderhead,
.skltbs-panel .etenderhead{
    font-family:calibri;
    background:#f2f2f2;
    padding:8px 15px;
    font-weight:bold;
    font-size:20px;
    color:#333333;
    float:left;
    width:100%;
}
h3.etenderhead{
    margin:0px 0 10px;
    padding:12px 15px 12px 15px !important;
}
.skltbs.viewtentbs{
    border:1px solid #e5e2e2;
    border-top:0px;
}

.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .box{
    border:0px solid #e5e2e2;
    box-shadow:none;
}
.btn-library-o,
.btn-create-o{
    font-size: 16px;
    color: #006cb7;
    background: #fff;
    padding: 4px 15px;
    line-height: 21px;
    border-radius: 3px;
    border: 1px solid #006cb7;
}
.btn-library-o{
    color: #f58225;
    border: 1px solid #f58225;
}
.bidding-status,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .bidding-status{
    font-family:calibri;
    font-weight:normal;
    font-size:17px;
    text-align:left;
}
.bidding-status.success,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .bidding-status.success,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .bidding-status.completed{
    color:#009a00;
}
.bidding-status.unsuccess,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .bidding-status.unsuccess,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .bidding-status.pending{
    color:#f6851b;
}
.bidding-status.cancel {
    color:#cc0000;
}
.divider-bottom{
    border-bottom:1px solid #e5e2e2;
}
.divider-right{
    border-right:1px solid #e5e2e2;
}
/* MASTER SHEET BIDDING FORM ACCORDION MENU STYLE START HERE  */

.envelop-tab{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    position:relative;
}
.envelop-tab ul#tabs{
    padding:0;
    width:100%;
    float:left;
    display:flex;
    margin:15px 0px;
    position:relative;
    align-items:center;
    justify-content:start;
    border-top:1px solid #006cb7;
    border-bottom:1px solid #006cb7;
}
.envelop-tab ul#tabs li{
    width:auto;
    float:left;
    padding:0px 25px;
    position:relative;
    margin-bottom: -1px;
}
.envelop-tab ul#tabs li:last-child,
.envelop-tab ul#tabs li:first-child{
    padding-left:15px;
}
.envelop-tab ul#tabs li a{
    margin:0;
    width:100%;
    float:left;
    display:flex;
    color:#006cb7;
    font-size:18px;
    padding:10px 0;
    font-weight:800;
    text-align:center;
    font-family:calibri;
    align-items:center;
    justify-content:center;
}
.envelop-tab ul#tabs li.active{
    color:#f6851b;
    border-bottom:5px solid #f6851b;
}
.envelop-tab ul#tabs li.active a{
    color:#f6851b;
}
.envelop-tab ul#tabs li.active:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #f58220;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: 0px;
}
.tab-content.ui-accordion{
    width:100%;
    float:left;
    position:relative;
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header{
    padding: 10px 35px 10px 15px !important;
    border:0px solid #fff;
    font-family: calibri;
    background: #f2f2f2;
    position: relative;
    border-radius:0px;
    font-weight: bold;
    font-size: 20px;
    box-shadow:none;
    cursor: pointer;
    color: #333333;
    display: block;
    float: left;
    width: 100%;
    margin:0px;
    margin-bottom:5px;
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon{
    font-family: 'FontAwesome' !important;
    background:none;
    left:inherit;
    right:10px;
    height:auto;
    top: inherit;
    margin: 0px;
}

.tab-content.ui-accordion h3.etenderhead.ui-accordion-header.ui-accordion-header-active > .ui-accordion-header-icon:before,
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon:before{
    font-size: 18px;
    color: #333333;
    font-weight: 300;
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon:before{
    content: "\f067";
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header.ui-accordion-header-active > .ui-accordion-header-icon:before{
    content: "\f068";
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header+.ui-accordion-content{
    box-shadow: none !important;
    padding: 0 15px !important;
    height:auto !important;
    position:relative;
    background:#fff;
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header.ui-state-active+.ui-accordion-content.ui-accordion-content-active{
    display:block !important;
}
.helpdtls{ 
    position: absolute;
    right: 10px;
    top: -25px;	
}
.dropdown.pending-dropdown{
    position:relative;
}
#statusForPublishTender .dropdown.pending-dropdown a{
    font-family: 'calibri';
    text-transform:inherit;
    font-size:16px;
    color:#ca1e1e;
    padding:5px 10px;
    display:flex;
    background:none;
    align-items:center;
    justify-content:start;
    border:0px solid #fff;
}
#statusForPublishTender .dropdown.pending-dropdown > a > i{
    margin-top:-10px;
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu{
    width:100%;
    right:0px;
    top:100%;
    position:absolute;
    background:
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu li{
    width:100%;
    float:left;
    position:relative;
    padding:px 0px;
    background:#fff;
    border-bottom:1px solid #f1f1f1;
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu li:last-child{
    border-bottom:0px;
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu li a{
    padding:8px 10px;
    float:left;
    width:100%;
    font-size:16px;
    background:#fff;
    line-height:21px;
    position:relative;
    font-family:calibri;
    color:#d96557 !important;
    display:flex;
    align-items:center;
    justify-content:start;
    white-space:normal;
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu li a i.epro{
    width:auto;
    float:left;
    font-size:18px;
    position:relative;
    padding-right:0px;
    margin-right:10px !important;
}
#statusForPublishTender .dropdown.pending-dropdown a+ul.dropdown-menu li:hover a{
    background:#ebf8ff;
    color:#d96557 !important;
} 

#reportsacc.ui-accordion{
    width:100%;
    float:left;
    position:relative;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header{
    padding: 10px 35px 10px 15px !important;
    font-family: 'calibribold' !important;
    border:0px solid #fff;
    background: #006cb7;
    position: relative;
    border-radius:3px;
    min-height:45px;
    font-size: 20px;
    box-shadow:none;
    cursor: pointer;
    color: #ffffff;
    display: block;
    float: left;
    width: 100%;
    margin:0px;
    margin-bottom:5px;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header.ui-accordion-header-active{
    margin-bottom:0px;
    border-radius:3px 3px 0 0;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon{
    font-family: 'FontAwesome' !important;
    background:none;
    left:inherit;
    right:10px;
    height:auto;
    top: inherit;
    margin: 0px;
}

#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header.ui-accordion-header-active > .ui-accordion-header-icon:before,
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon:before{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header > .ui-accordion-header-icon:before{
    content: "\f067";
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header.ui-accordion-header-active > .ui-accordion-header-icon:before{
    content: "\f068";
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header+.ui-accordion-content{
    box-shadow: none !important;
    padding:20px 15px !important;
    height:auto !important;
    position:relative;
    background:#fff;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header+.ui-accordion-content a{
    color:#006cb7 !important;
}
#reportsacc.ui-accordion h3.etenderhead.ui-accordion-header.ui-state-active+.ui-accordion-content.ui-accordion-content-active{
    display:block !important;
}
.pdfdownload.zip span:before {
	background: #555f6b url('../images/zip.svg') no-repeat center center;
	background-size: 27px;
}

.pdfdownload.zip:BEFORE {
	content: '';
	/*width: 80px;*/
	width:0;
	/* height: 21px; */
	height:0;
	background-color: #e52521;
	position: absolute;
	left: -70px;
	color: #fff;
	top: -7px;
	z-index: 9;
	line-height: 21px;
	text-align: center;
}

/*ADMIN & PP DASHBOARD e-TENDER,e-AUCTION SUMMARY VIEW DETAILS PAGE ADVANCE SEARCH FIELD STYLE START HERE  */

.advancesearchdtls>label.searchkeyword{
    float: left;
    margin: 0px;
    height:auto;
    display: flex;
    color: #30383e;
    font-size: 15px;
    font-weight: 500;
    line-height: 45px;
    border-radius: 3px;
    position: relative;
    width: 100% !important;
    background-color: #fff;
    -moz-border-radius: 3px;
    border: solid 1px #d5dadf;
    -webkit-border-radius: 3px;
}

.advancesearchdtls>label.searchkeyword>input[type="search"]#reportsearch{
    background: rgb(255, 255, 255) none repeat scroll 0% 0% !important;
    -webkit-appearance: inherit !important;
    -moz-appearance: inherit !important;
    font-family: 'calibri' !important;
    color: rgb(51, 51, 51) !important;
    border: medium none !important;
    appearance: inherit !important;
    padding: 0 0 0 15px !important;
    min-width: calc(100% - 45px);
    font-size: 17px !important;
    width: calc(100% -45px);
    height:45px !important;
    margin: 0px;
}
.advancesearchdtls>label.searchkeyword>input[type="search"]+.reloadData,
.advancesearchdtls>label.searchkeyword>.reloadData{
     background-color: #f4811f !important;
    -webkit-border-radius: 0px;
    justify-content: center;
    background: transparent;
    -moz-border-radius: 0px;
    border: 0px !important;
    align-items: center;
    text-align: center;
    line-height: 42px;
    border-radius: 0px;
     box-shadow:none;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    height: 45px;
    padding: 0px;
    color: #666;
    margin: 0px;
    width: 45px;
}
.advancesearchdtls>label.searchkeyword>input[type="search"]+.reloadData>i,
.advancesearchdtls>label.searchkeyword>.reloadData>i{
	font-size:20px;
}
.advancesearchdtls>label.searchkeyword+.filter>.advancesearchbtn{
    font-family: 'calibri' !important;
    -webkit-border-radius: 3px;
    background-color: #186498;
    -moz-border-radius: 3px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    position: relative;
    white-space:nowrap;
    line-height: 45px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 17px;
    display: flex;
    height: 45px;
    color: #fff;
    width:auto;
}
.migrate-sts{
    font-family: calibri;
    font-weight: normal;
    font-size: 17px;
    text-align: left;
    background:#fff;
    border-radius:3px;
    position:relative;
    float:right;
    padding:3px 8px;
    z-index:15;
    cursor:pointer;
    border: 0px !important;
    color:#fff;
}
.migrate-sts.completed {
    background: #009a00;
}
.migrate-sts.pending{
	background: #f6851b;
	color: #fff;
}
.migrate-sts.yet-approval{
	background: #7249ae;
}
/* .migrate-sts.completed {
    color: #009a00;
}
.migrate-sts.pending{
	color: #f6851b;
}
.migrate-sts.yet-approval{
	color: #7249ae;
} */
/*ADMIN & PP DASHBOARD e-TENDER,e-AUCTION SUMMARY VIEW DETAILS PAGE ADVANCE SEARCH FIELD STYLE END HERE  */
.txt-terracotta{
    color:#E38456 !important;
}

.update-sts a{
    font-family: calibri;
    font-weight: normal;
    font-size: 17px;
    text-align: left;
    background: #f37f1f;
    border-radius:3px;
    position:relative;
    float:right;
    padding:3px 8px;
    cursor:pointer;
    border: 0px !important;
    color:#fff !important;
    background-clip: padding-box;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink { 
   0% {opacity: 1;}
   50%{opacity:1;}
   100%{opacity:0;}
}
@-moz-keyframes blink { 
   0% {opacity: 1;}
   50%{opacity:1;}
   100%{opacity:0;}
}
@keyframes blink { 
   0% {opacity: 1;}
   50%{opacity:1;}
   100%{opacity:0;}
}
.update-sts a:hover {
  color: black;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}