/************** 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")
}

/*ROBOTO FONT FACE START HERE  */

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

@font-face {
    font-family: 'Roboto-Black';
    src: url('../fonts/roboto/Roboto-Black.eot');
    src: url('../fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Black.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Black.woff') format('woff'),
        url('../fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/roboto/Roboto-Medium.eot');
    src: url('../fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Medium.woff') format('woff'),
        url('../fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/roboto/Roboto-Light.eot');
    src: url('../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.roboto-regular{
	font-family: 'Roboto-Regular' !important;
}
.roboto-medium{
	 font-family: 'Roboto-Medium' !important;
}
.roboto-light{
	 font-family: 'Roboto-Light' !important;
}
.roboto-con{
	 font-family: 'Roboto-Condensed' !important;
}
.roboto-black{
	 font-family: 'Roboto-Black' !important;
}
.roboto-bold{
	 font-family: 'Roboto-Bold' !important;
}


/*ROBOTO FONT FACE START HERE  */


.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;
}
.mw-100{
    max-width:100% !important;
}
.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;
}
.nowrap {
    white-space: nowrap !important;
}
.word-break{
	word-break: break-word !important;
}
.noshadow{
	box-shadow:none !important;
}
/* FLEX STYLE START HERE */
.d-flex {
    display: flex ;
}
.flex-wrap{
    flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
}
.d-block {
    display: block !important;
}
.d-inline {
    display: inline-block;
}
.flex-flow-c {
    flex-flow: column;
}
.column{
    flex-direction: column !important;
}
.flex-row{
    flex-direction:row !important;
}

.justify-content-center {
    justify-content: center !important;
}
.justify-content-start {
    justify-content: start !important;
}
.justify-content-end {
    justify-content: end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-base {
    align-items:baseline !important;
}
.align-items-start{
    align-items: start !important;
}
.align-items-end{
    align-items: end !important;
}
/* FLEX STYLE END HERE */

/******** PAGE WIDTH START HERE ********/
.w-60 {
    width: 60px !important;
}
.h-auto {
    height: auto !important;
}
.h-auto100 {
    height: 100% !important;
}
.ht-40 {
    height: 40px !important;
}
.ht-170 {
    height: 170px !important;
}
/******** PAGE WIDTH END HERE ********/

 /****** 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;
}
.pos-relative {
    position: relative !important
}
.pos-abs {
    position: absolute !important;
}

/****** FONT FAMILY START HERE ******/

.font-ub {
    font-family: Ubuntu !important;
}
.font-ca {
    font-family: calibri !important;
}
.font-mp {
    font-family: MyriadPro-Condensed;
}
.font-la {
    font-family: "Lato" !important;
}
.cali-light{
    font-family: 'calibri' !important;
}
.cali-bold{
    font-family: 'calibribold' !important;
}
.font-robato {
    font-family: Roboto Condensed !important;
}
.font-op {
    font-family: 'Open Sans', sans-serif !important;
}
.font-tre {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
/****** FONT FAMILY END HERE ******/

/****** COLOR CODE START HERE ******/

/* Text Color Code */
.txt-gray-9 {
    color: #999999 !important;
}
.txt-gray-6 {
    color: #666666 !important;
}
.txt-gray-3 {
    color: #333 !important;
}
.txt-bgi-blue {
    color: #006cb7 !important;
}
.txt-gray-54 {
    color: #545454 !important;
}
.txt-bgi-orange {
    color: #f48425 !important;
}
.txt-white {
    color: #fff !important;
}
.txt-light-blue1 {
    color: #a4c2df !important
}
.txt-matiss-blue{
    color:#186498 !important;
}
.bgi-org {
    color: #f48425 !important
}
.bg-blue {
    background-color: #0073b7 !important;
}


.txt-terracotta{
    color:#E38456 !important;
}
/* Background Color Code */
.bg-white {
    background: #fff !important;
}
.bg-concrete-gray{
    background:#f2f2f2 !important;
}

/****** COLOR CODE START HERE ******/

.c-pointer {
    cursor: pointer;
}
.txt-mar5-0 {
    margin: 5px 0 0 0;
}
#iAgreeError {
    float: left;
    width: 100%;
}

/*****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;
}

.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;
}
.c-b1 {
    color: #133146 !important;
}
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;
}
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 {
    /* 	display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    
        align-content: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
    */
    margin-right:-6px !important;
    margin-left:-6px !important;
}
body .col-xs-auto, body .col-sm-auto, body .col-md-auto, body .col-lg-auto, body .col-xl-auto,
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
}
.pageCenter {
    float: none;
    margin: auto;
}
div.dropdown-menu.open {
    max-height: 314px !important;
    overflow: hidden;
}
#register .padd-center {
    padding: 23px 0 23px 100px !important;
}
ul.dropdown-menu.inner {
    max-height: 260px !important;
    overflow-y: auto;
}

#register .nav-tabs-custom {
    position: relative;
}
#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;
}
#register .slimScrollBar, 
#register .slimScrollRail {
    margin-right: 0
}

/* Below classes no need on Bidder Registration page*/
	#register .logo { 
	    margin-left: -10%
	}
	#register .tab-content {
	    padding-right: 100px;
	}
/* Above classes no need on Bidder Registration page End*/

.far.fa-comment-alt {
    font-family: "Font Awesome 5 Pro" !important;
}
.fa-arrow-circle-o-up:before {
    content: "\f01b" !important;
}
.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;
    height:100vh;
}
.wrapper:before, .wrapper:after {
    content: " ";
    display: table;
}
.wrapper:after {
    clear: both;
}
.main-header {
    position: relative;
    z-index:100;	
    background: #fff;
    height: 90px;
    min-height:90px;
    max-height:90px;
    display: block;
    padding:0 0;
    width:100%;
}
.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-sidebar .sidebar-toggle,
.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    font-family: fontAwesome;
    display: none;
    margin-left: 20px;
    margin-top: 20px;
}
.main-sidebar .sidebar-toggle:before,
.main-header .sidebar-toggle:before {
    content: "\f0c9";
}
.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:15px 20px;
    align-items:center;
    justify-content:center;    
}
.main-header .logo.e-tender-logo{
    padding-left:10px;
}
.main-header .logo img {
    width:100%;
    height: 100%;
}
.heeaderlogoandlogin .bidproc img,
.toplogoregister+img{
    height:64px;
}
.com-logo {
    height: 80px;
    padding-top: 15PX;
}
.data-time {
    width:auto;
}
.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-bottom: 10px;
}
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
    white-space: nowrap;
}
.sidebar-menu {
    list-style: none;
    padding:15px 0;
    float:left;
    width:100%;
}
.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}
.skin-blue .sidebar-menu>li>a {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width:45px;
}
.bg-blue {
    background-color: #0073b7 !important;
}

#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 .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;
}
.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: 820;
}
.sidebar-mini.sidebar-collapse .content-wrapper, 
.right-side {
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: inherit !important;
}
.sidebar-mini.sidebar-collapse .content-wrapper:before{
    background:linear-gradient(133deg, #1d5673 26%, #1d5673 100%) !important;
    position: absolute;
    min-height: 159px;
    width: 100%;
    content: '';
    left: 0px;
    top: 0px;
}
.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;
    float: left;
    width: 100%;
    height:auto;
    padding:0;
}
.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 .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 .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:0px;
    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;
}

.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-small-35{
	height:35px !important;
	line-height:35px !important;
}
.btn-medium-40{
	height:40px !important;
	line-height:40px !important;
}
.btn-large-45{
	height:45px !important;
	line-height:45px !important;
}
.btn-minwidth{
	min-width:90px !important;
}
.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: 5px;
    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);
}
.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;
}


.content{
    width: 100%;
    float: left;
    padding:15px 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px !important;
}
.padd-center{
    padding: 0 45px !important;
}


.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: 52px;
    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;
    color: #fff;
    float: left;
    width: auto;
    margin-left: 0;
    margin-right:0;
    font-size: 22px;
    text-align: left;
    font-weight: 500;
    line-height: 36px;
    padding: 0 10px 0 0;
    font-family:'calibribold';
}
.content-header>h1>i {
    color: #fff;
    float: left;
    padding: 0;
    width: 34px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #fff;
    text-transform: uppercase;
}
ol.breadcrumb{
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
}
.breadcrumb,
.content-header>h1>.breadcrumb {
    background: transparent;
    position: relative;
    border-radius: 2px;
    line-height:23px;
    text-align: left;
    font-size: 14px;
    float: left;
    width: 100%;
    padding: 0;
    z-index: 9;
    margin:0;
}
.breadcrumb>li>a,
.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;
}
.breadcrumb>.active,
.content-header>h1>.breadcrumb>.active {
    color: #fff;
    font-family: calibribold;
}
.breadcrumb>li+li:before,
.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
}
.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 *********************/
.margin-0{
    margin:0px !important;
}
.m-t-0 {
    margin-top: 0 !important
}
.m-l-a {
    margin-left: auto !important
}
.m-r-0 {
    margin-right: 0 !important
}
.m-b-0 {
    margin-bottom: 0 !important
}

.margin-2{
    margin:2px !important;
}
.m-t-2 {
    margin-top: 2px !important
}
.m-l-2 {
    margin-left: 2px !important
}
.m-r-2 {
    margin-right: 2px !important
}
.m-b-2 {
    margin-bottom: 2px !important
}

.margin-3{
    margin:3px !important;
}
.m-t-3 {
    margin-top: 3px !important
}
.m-l-3 {
    margin-left: 3px !important
}
.m-r-3 {
    margin-right: 3px !important
}
.m-b-3 {
    margin-bottom: 3px !important
}

.margin-5{
    margin:5px !important;
}
.m-t-5 {
    margin-top: 5px !important
}
.m-l-5 {
    margin-left: 5px !important
}
.m-r-5 {
    margin-right: 5px !important
}
.m-b-5 {
    margin-bottom: 5px !important
}

.margin-7{
    margin:7px !important;
}
.m-t-7 {
    margin-top: 7px !important
}
.m-l-7 {
    margin-left: 7px !important
}
.m-r-7 {
    margin-right: 7px !important
}
.m-b-7 {
    margin-bottom: 7px !important
}

.margin-8{
    margin:8px !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
}

.margin-10{
    margin:10px !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
}

.margin-15{
    margin:15px !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
}

.margin-18{
    margin:18px !important;
}
.m-t-18 {
    margin-top: 18px !important
}
.m-l-18 {
    margin-left: 18px !important
}
.m-r-18 {
    margin-right: 18px !important;
}
.m-b-18 {
    margin-bottom: 18px !important
}

.margin-20{
    margin:30px !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
}

.margin-23{
    margin:23px !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
}

.margin-25{
    margin:25px !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
}
.margin-30{
    margin:30px !important;
}
.m-t-30-m,
.m-t-30 {
    margin-top: 30px !important
}
.m-r-30 {
    margin-right: 30px !important;
}
.m-b-30 {
    margin-bottom: 30px !important
}
.m-l-30 {
    margin-left: 30px !important;
}

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

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

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

.margin-48{
    margin:48px !important;
}
.m-t-48 {
    margin-top: 48px !important
}
.m-r-48 {
    margin-right: 48px !important
}
.m-b-48 {
    margin-bottom: 48px !important
}
.m-l-48 {
    margin-left: 48px !important
}

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

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

.margin-60{
    margin:60px !important;
}
.m-t-m60,
.m-t-60 {
    margin-top: 60px !important
}
.m-r-60 {
    margin-right:60px !important
}
.m-b-60 {
    margin-bottom: 60px !important
}
.m-l-60 {
    margin-left: 60px !important
}

.margin-65{
    margin:65px !important;
}

.m-t-65 {
    margin-top: 65px !important
}
.m-r-65 {
    margin-right:65px !important
}
.m-b-65 {
    margin-bottom: 65px !important
}
.m-l-65 {
    margin-left: 65px !important
}

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

.margin-75{
    margin:75px !important;
}
.m-t-75 {
    margin-top: 75px !important
}
.m-r-75 {
    margin-right:75px !important
}
.m-b-75 {
    margin-bottom: 75px !important
}
.m-l-75 {
    margin-left: 75px !important
}

.margin-80{
    margin:80px !important;
}
.m-t-80 {
    margin-top: 80px !important
}
.m-r-80 {
    margin-right:80px !important
}
.m-b-80 {
    margin-bottom: 80px !important
}
.m-l-80 {
    margin-left: 80px !important
}

.margin-85{
    margin:85px !important;
}
.m-t-85 {
    margin-top: 85px !important
}
.m-r-85 {
    margin-right:85px !important
}
.m-b-85 {
    margin-bottom: 85px !important
}
.m-l-85 {
    margin-left: 85px !important
}

.margin-90{
    margin:90px !important;
}
.m-t-90 {
    margin-top: 90px !important
}
.m-r-90 {
    margin-right:90px !important
}
.m-b-90 {
    margin-bottom: 90px !important
}
.m-l-90 {
    margin-left:90px !important
}

.margin-95{
    margin:95px !important;
}
.m-t-95 {
    margin-top: 95px !important
}
.m-r-95 {
    margin-right:95px !important
}
.m-b-95 {
    margin-bottom: 95px !important
}
.m-l-95 {
    margin-left: 95px !important
}

.margin-100{
    margin:100px !important;
}
.m-t-100 {
    margin-top: 100px !important
}
.m-r-100 {
    margin-right:100px !important
}
.m-b-100 {
    margin-bottom: 100px !important
}
.m-l-100 {
    margin-left: 100px !important
}

.m-t-m114 {
    margin-top: -114px !important
}
/* PADDING INSIDE SPACE STYLE START HERE  */
	.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;
	}
	.p-t-60 {
	    padding-top: 60px !important;
	}
	.p-r-60 {
	    padding-right: 60px !important;
	}
	.p-b-60 {
	    padding-bottom: 60px !important;
	}
	.p-l-60 {
	    padding-left: 60px !important;
	}
	
	.padding-65 {
		padding:65px;
	}
	.p-t-65 {
	    padding-top: 65px !important;
	}
	.p-r-65 {
	    padding-right: 65px !important;
	}
	.p-b-65 {
	    padding-bottom: 65px !important;
	}
	.p-l-65 {
	    padding-left: 65px !important;
	}
	
	.padding-70 {
		padding:70px;
	}
	.p-t-70 {
	    padding-top: 70px !important;
	}
	.p-r-70 {
	    padding-right: 70px !important;
	}
	.p-b-70 {
	    padding-bottom: 70px !important;
	}
	.p-l-70 {
	    padding-left: 70px !important;
	}
	
	.padding-75 {
		padding:75px;
	}
	.p-t-75 {
	    padding-top: 75px !important;
	}
	.p-r-75 {
	    padding-right: 75px !important;
	}
	.p-b-75 {
	    padding-bottom: 75px !important;
	}
	.p-l-75 {
	    padding-left: 75px !important;
	}
	
	.padding-80 {
		padding:80px;
	}
	.p-t-80 {
	    padding-top:80px !important;
	}
	.p-r-80 {
	    padding-right: 80px !important;
	}
	.p-b-80 {
	    padding-bottom: 80px !important;
	}
	.p-l-80 {
	    padding-left: 80px !important;
	}
	
	.padding-85 {
		padding:85px;
	}
	.p-t-85{
	    padding-top:85px !important;
	}
	.p-r-85{
	    padding-right: 85px !important;
	}
	.p-b-85{
	    padding-bottom: 85px !important;
	}
	.p-l-85{
	    padding-left: 85px !important;
	}


/****** FONT SIZE START HERE ******/
.font-70 {
    font-size: 70px !important;
}
.font-60 {
    font-size: 60px !important;
}
.font-55 {
    font-size: 55px !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-center {
    text-align: center !important
}
.txt-left {
    text-align: left !important
}
.txt-right {
    text-align: right !important
}
.txt-just {
    text-align: justify !important
}
.txt-justify {
    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
}

.display-none {
    display: none !important
}

.float-none {
    float: none !important
}
/************** Variable CSS End *********************/
/*******************Plugin****************************/

.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;
    line-height: 23px;
    font-size: 20px;
}
.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;
}
#auctionmapbidder.info-popup,
.info-popup {
    background: #58a2d4 !important;
    margin: 10px;
    font-size: 15px;
    box-shadow: none !important;
    border-radius: 5px;
    float: left
}
#auctionmapbidder.info-popup{
	margin:10px;
	background:#fff !important;
	position:relative;
	width:calc(100% - 20px);
}
.info-popup .row {
    margin: 0;
}
.info-popup-left {
    width: 204px;
    color: #fff;
    float: left;
    padding-left: 12px;
    padding-top: 15px;
}
.info-popup-right {
    background: #ebf4f7;
    float: right;
    width: calc(100% - 204px);
    border-left: 7px solid #fff;
    padding-left: 12px;
    padding-top: 15px;
}

/* ARABIC STYLE START HERE  */
.info-popup-left.rtl{
    float: right;
    padding-right: 12px;
}
.info-popup-right.rtl {
    float: left;
    border-right: 7px solid #fff;
    padding-right: 12px;
}
.ui-dialog .ui-dialog-title.rtl{
    float:right;
}
.ui-dialog .ui-dialog-title.rtl>span{
    width:100%;
    float:right;
    line-height:25px;
}
.ui-dialog .ui-dialog-titlebar.rtl{
    float:right;
}
.ui-dialog .ui-dialog-titlebar.rtl>span{
    width:100%;
    float:right;
    line-height:25px;
}
.ui-dialog .ui-dialog-titlebar-close.rtl{
    right:inherit;
    left:1.5em;
}
.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;
}
#popup_container .modal-dialog, 
#popup_container {
    width: 352px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0 !important;
    background: #fff;
    top: 50%;
}
#popup_container.confirm{
    top: 50% !important;
    transform: translate(0px, -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{
    width: 100%;
    background: #fff;
    min-height: 190px;
    padding:0;
    position: relative;
    display: inline-block;
}
#popup_container .modal-dialog .modal-content .modal-body h2,
#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;
}
#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;
}
#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:97;
}
.sweet-alert {
    width: 375px !important;
    left: 50% !important;
    margin-left: -188px !important;
}
.dashbasicdetail .col-md-6 {
    float: left;
    width: 50%;
}

.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 {
    width:100%;
    float: left;
    display: block;
    padding: 15px;
    color: #186498;
    font-size:20px;
    line-height:21px;
    margin-left: 0px;
    align-items:center;
    background-color: #fff;
    font-family:'calibribold';
    border-bottom: 1px solid #ccc;
    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: 0 15px 0 25px;
    align-items: center;
    font-size: 15px;
    font-family: 'calibri' !important;
}
.dash-panel-title ul li:last-child{
    padding-right:0px;
}
.dash-panel-title ul li:before{
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;	
    left: 0px;	
    top:6px;
}
.dash-panel-title ul li.liveld:before{
    background-color: #8791d5;
}
.dash-panel-title ul li.scheduledld:before{
    background-color: #ef6191;
}
.dash-panel-title ul li.completedld:before{
    background-color: #c696f6;
}
.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%
    }
}
@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:99;
        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 {
        justify-content:center;
        align-items:center;
        position: relative;
        margin-bottom: 15px;
        padding:0 12px;
        display:flex;
        height:45px;
        float:left;
        width:100%;
    }
    .sidebar-mini.sidebar-collapse .sidebar-form, 
    .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
    .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:98;
        margin-bottom: 70px;
        position:relative;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper{
        width:calc(100% - 75px);
        padding:15px 15px 15px;
        position:relative;
        float:left;
    }
    body.fullScreen .content-wrapper{
    	width:100% !important;
    }
    .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;
}
#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 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 td {
    height: 53px;
    padding: 0 15px;
}
.st-en {
    font-weight: 600;
    padding: 15px 10px 15px 10px;
    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;
    }
}

@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;
    }

    #viewtenderResponsive .skltbs-tbs, 
    .skltbs-tab {
        width: 100%;
        float: left;
        border-bottom: 2px solid #fff;
    }
    .downloadXls, .uploadXls {
        width: 100% !important;
    }
    .downloadXls {
        margin-bottom: 15px;
    }
    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 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;
}

.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;
    }
    .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: 850;
        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*******/
    .c-f-u.p-l-30 {
        padding-left: 0 !important;
    }

    .navbar.navbar-static-top.w-auto.pull-right {
        height: 58px;
    }

    /********************************/
    #tender-notify li .cure-left span.ticketc,
    #tender-notify li .cure-left span.top-cir,
    #tender-notify li .cure-left span.bottom-cir, 
    .sidebar-mini.sidebar-open .sidebar-menu>li>a>span, 
    #tender-notify.awarder li .tenderdtls-box>.tendercard-left .ticketc.top-cir,
    .cure-left:after {
        display: none !important;
    }
    .main-header {
        position: relative;
    }
    .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,
#info-title {
    background-color: #f1f2f4;
    position: relative;
    line-height: 16px;
    width: 100%;
    z-index: 9;
    left: 0;
}
.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 .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: auto;
    max-height: 500px !important;
}
.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;
}

/***************Report Table Filter**********************/
#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 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;
}


select.mangepp+.select2-container--default .select2-selection--single,
.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;
}
select.mangepp+.select2-container--default .select2-selection--single{
    background-color:#fff !important;
    border:#d5dadf 1px solid !important;
}

select.mangepp+.select2-container--default .select2-selection--single .select2-selection__clear{
	font-size:18px;
}

.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;
    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 .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: -10px;
        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>.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-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:75px !important;
        top:0px !important;
        /* min-height: 100px; */
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){
        left:60px !important;
    }
}

@media ( min-width : 768px) { /*Duplicate class name */
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
        top: 45px !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 {
    padding: 10px 30px;
    margin-right: 15px;
    text-align: center;
    font-size: 18px;
}
.btn-save-orange {
    background-color: #f4811f;
    font-weight: normal;
    color: #fff;
    padding: 10px 30px;
    margin-right: 15px;
    font-size: 18px;
}
.btn-submit-blue {
    background-color: #006cb7;
    font-weight: normal;
    color: #fff;
    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;
    }
}

@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 6px !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) {
    .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;
    }
    .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 ( 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;
    }
    .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{	
        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: 999;
}
.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;
}
/****** 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;
}
/****** 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 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 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;
}

.e-tender-logo {
    overflow: visible !important;
}
.e-tender-logo:after {
    border-right: 1px solid #9f9f9f;
    position: absolute;
    content: '';
    height:50%;
    right:0px;
    top:25%;
}
.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 screen (min-width: 576px){
	.col-xs {
    	width: 100%;
    }
    .col-xs-auto {
        width: auto;
    }
    .order-xs-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-xs-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-xs-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-xs-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-xs-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-xs-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-xs-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-xs-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-xs-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-xs-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-xs-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-xs-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-xs-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-xs-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-xs-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 768px){
	.col-sm {
    	width: 100%;
    }
    .col-sm-auto {
        width: auto;
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

@media (min-width: 992px){
	.col-md {
        width: 100%;
    }
    .col-md-auto {
        width: auto;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 992px){
	.col-md {
        width: 100%;
    }
    .col-md-auto {
        width: auto;
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 1200px){
	.col-lg {
        width: 100%;
    }
    .col-lg-auto {
        width: auto;
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media ( min-width : 1440px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        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%;
        width: 8.33333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
        width: 16.66666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        width: 33.33333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
        width: 41.66666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
        width: 58.33333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
        width: 66.66666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
        width: 83.33333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
        width: 91.66666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        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%;
    }
}

/***************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 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;
}

.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.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;
}
@media ( min-width :768px) and (max-width:1024px) {
    .bidacco {
        padding: 15px 20px !important;
    }
    .main-header .logo {
        width:45%;
    }
    .main-header .logo+img{
        width:100% !important;
    }
}
.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;
}
.customupload-bidder {
    width: 76px;
    height: 31px;
    background: rgba(11, 80, 128, 0.5);
    position: absolute;
    left: 48%;
    top: 28%;
    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;
}
/*********************************/
.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: 300px;
    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: 99;
    border-top: 0;
    background-clip: padding-box;
}

/******************Revamp Bidder dashboard**********************/
#sectionId.content, 
#sectionId.content{
    margin-top: -58px;
    position: relative;
    margin-bottom: 0;
}
#bidderDashboard .content .topTabHead, 
#tenderDashboard .content .topTabHead{
    margin: 0 0 20px 117px;
    display: inline-block;
    padding: 0;
}
#bidderDashboard .content .topTabHead li, 
#tenderDashboard .content .topTabHead li{
    float: left;
    margin-left: 10px;
}
#bidderDashboard .content .topTabHead li:first-child, 
#tenderDashboard .content .topTabHead li:first-child{
    margin-left:0px;
}
@media (max-width:1024px){
    #bidderDashboard .content, 
    #tenderDashboard .content {
        margin-top:0px;
        padding-top: 15px;
    }
    #bidderDashboard .content .topTabHead, 
    #tenderDashboard .content .topTabHead{
        margin:0 0 20px 0px;
    }
}

#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:inherit;   
}
#bidderDashboard .content .topTabHead li a, 
#tenderDashboard .content .topTabHead li a{
    height: 50px;
    background-color: #4a788f;
    line-height: 50px;
    font-size: 18px;
    font-family: Ubuntu;
    sdfd: inline;
    padding: 0 30px;
    display: inline-block;
    color: #fff;
}
@media (max-width:1152px){
	#bidderDashboard .content .topTabHead li a, 
	#tenderDashboard .content .topTabHead li a{
		padding: 0 20px;
	}
}
#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;
}
.biddashlist.bidderResponseData, .biddashlist.upcomingAuctions {
    width: 100%;
}

.bidderRespScroll>.box-body{
    width: 100%;
    float:left;
    height:100%;
    padding:0px;
    position:relative;
}
.tenderbox,
.bidderRespScroll>.box-body>.tenderbox{
    top:0px;
    float:left;
    z-index:99;
    width: 100%;
    height:auto;
    position: sticky;
    padding:15px 10px 15px 10px;
    background:#fff !important;
}
.bidderRespScroll>.box-body>.tenderbox>.tenderdatahead{
    float:left;
    width: 100%;
    height: 80px;
    padding: 10px;
    color: #545454;
    font-size: 12px;
    font-family: Ubuntu;
    margin-bottom:0px;
    background-color: #f3f5fb;
    border: 1px solid #e6e8ea;
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData.etenderdb,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData{
    min-height: 200px;
    overflow-y: auto;
    /* overflow-x: clip; */
    max-height: 300px;
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData.etenderdb{
	min-height:300px;
	max-height:450px;
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData.etenderdb::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 0;
    
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData.etenderdb::-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;
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData.etenderdb::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
    outline: 0px solid slategrey;
    border-radius:5px;
}

.bidderRespScroll>.box-body>.tenderbox+.bidderResData{
    position:relative;
    padding:0px 10px 15px 10px;
    height: auto;
    width:100%;
    float:left;
}

.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>thead>tr{
    position:relative;
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>thead>tr>th{
    z-index:99;
    border-top: 0;
    background: #fff;
    position: sticky;
    box-shadow: none;
    top:0px !important;
    position: -webkit-sticky;
    background-clip: padding-box;
}
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td:first-child>span{
	text-align:left;
	float:left;
	width:auto;
}
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips{
    width:325px !important;
}
@media (min-width:1199px) and (max-width :1366px){
	.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips,
	.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips{
	    width:190px !important;
	    margin-top:5px;
	}
}
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>span.thumb-tooltip+div[class*="tooltip"]{
    z-index:149 !important;
}

.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"],
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"],

.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"],
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"],
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>span.thumb-tooltip+div[class*="tooltip"]{
    position: absolute !important;
    z-index: 1070 !important;
    display: block !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    width:230px;
    height:auto;
    line-break: auto !important;
    border-radius:5px;
    left: 20%;
} 
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"],
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"]{
    min-width:auto;
    max-width:300px;
    width: auto;
    left: inherit !important;
}
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"]>.tooltip-arrow,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"]>.tooltip-arrow,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>span.thumb-tooltip+div[class*="tooltip"]>.tooltip-arrow {
    position: absolute !important;
    left:50% !important;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"]>.tooltip-arrow,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"]>.tooltip-arrow{
	    left: 0;
	    margin-top: -5px;
	    border-width: 5px 5px 5px 0;
	    border-right-color: #000;
	    border-right-color: #2b8af5 !important;
	    border-bottom-color:transparent !important;
   	    width: auto;
     	height:auto;
	   	border-radius: 17px;
}
.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"] > .tooltip-inner,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td:first-child>span+div[class*="tooltip"] > .tooltip-inner,

.upcomingeventbox>.box-body>.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"] > .tooltip-inner,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips+div[class*="tooltip"] > .tooltip-inner,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>a.height-eclips>div[class*="tooltip"] > .tooltip-inner,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData>table>tbody>tr>td>span.thumb-tooltip+div[class*="tooltip"] > .tooltip-inner{
    color: #fff;
    float:left;
    height:auto;
    font-size:13px;
    padding: 3px 8px;
    line-height:20px;
    position:relative;
    text-align: center;
    border-radius: 4px;
    width:100% !important;
    text-transform:initial;
    background-color: #2b8af5;
    font-family: 'calibri' !important;
}
.upcome-publish-table.freezhead::-webkit-scrollbar,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData::-webkit-scrollbar {
    width: 5px;
    position: absolute;
    right: 0;
}
.upcome-publish-table.freezhead::-webkit-scrollbar-thumb,
.bidderRespScroll>.box-body>.tenderbox+.bidderResData::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
}
.biddashlist tbody tr td {
    padding: 10px;
    font-size:15px !important;
}
.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: 15px;
    text-align: right;
}
.biddashlist.bidderResponseData tbody tr td span{
	text-align:left;
}
#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;
}
#bidderDashboard #activeCount ul.skltbs-tab-group li {
    width: 50%
}

/* eTENDER SUMMARY STATUS COUNT LIST START HERE  */
.countList{
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    position:relative;
    align-items: center;
    justify-content: start;
    margin-left: -15px;
    margin-right: -15px;
}
.countList li {
    padding:0;
    width: 50%;
    float: left;
    height:72px;
    padding-left:15px;
    position:relative;
    padding-right:15px;
    margin-bottom:15px;
    display: inline-block;
}
.countList li a {
    width: 100%;
    height: 72px;
    padding: 5px;
    color: #545454;
    font-size: 16px;
    font-weight: 100;
    text-align: center;
    font-family: calibri;
    display: inline-block;
    border: 1px solid #e4e4e4;
}
.countList li a span {
    font-size: 40px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: Ubuntu;
    font-weight: 100;
    line-height: 40px;
}
.countList li:hover a { /* added by Manivannan */
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.countList a.countListLive, 
.countListLive {
    background-color: #8791d5;
    border: none;
    color: #fff;
}
.countList a.countListScheduled, 
.countListScheduled {
    background-color: #ef6191;
    border: none;
    color: #fff;
}
.countList a.countListScheduled span, 
.countList a.countListLive span{
    color: #fff !important;
}
.ytr,
.countList li a span.ytr {
    color: #6b6a6a
}
.applied,
.countList li a span.applied {
    color: #3c7900
}
.declined,
.countList li a span.declined {
    color: #e04545
}
.selected,
.countList li a span.selected {
    color: #8892d6
}
.scheduled,
.countList li a span.scheduled {
    color: #ff9800
}
.live,
.countList li a span.live {
    color: #545454
}
.archived,
.countList li a span.archived {
    color: #c662f0
}
.awarded,
.countList li a span.awarded {
    color: #78c350
}
.scheduled1,
.countList li a span.scheduled1 {
    color: #ff9800
}
.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 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;
}
/* eTENDER SUMMARY STATUS COUNT LIST START HERE  */



/********************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 : 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 {
    color: #333;
    width: 100%;
    height: 63px;
    font-size: 16px;
    overflow: hidden;
    text-align: left;
    margin-top: 10px;
    line-height: 18px;
    position: relative;
    font-family: Ubuntu;
    display: -webkit-box; 
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
#mixedSlider .MS-content .item .imgTitle .companyTitle, 
#mixedSlider1 .MS-content1 .item .imgTitle .companyTitle {
    width: 100%;
    height: 24px;
    margin-top: 0;
    color: #003e8a;
    font-size: 16px;
    text-align: left;
    overflow: hidden;
    line-height: 24px;
    position: relative;
    white-space: nowrap;
    font-family: Ubuntu;
    text-overflow: ellipsis;
}
#mixedSlider .MS-content .item .auctiondis, 
#mixedSlider1 .MS-content1 .item .auctiondis {
    color: #fff;
    float: left;
    width: 100%;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    font-family: Ubuntu;
    background-color: #00a551;
}
#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:0px 0 0px 0px;
    text-indent: 15px;
}
#mixedSlider .MS-content .item a, 
#mixedSlider1 .MS-content1 .item a {
    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;
}
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 {
    width: 368px;
    height: 122px;
    background-color:#336781;
    float: right;
    border: 1px solid #a1cee6;
    display: flex;
}
.bidauctinfo {
    width: 350px;
    height: 122px;
    float: right;
    border: 1px solid #a1cee6;
    display: flex !important;
    padding: 15px 0;
    border-radius: 5px;
    position: relative;
    align-items:center;
    justify-content:center;
}
.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;
}
.content-header .companyprof{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    position:relative;
}
.content-header .companyprof>.companyLogo {
    width: 108px;
    height: 108px;
    border-radius: 5px;
    background-clip: padding-box;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-top: 7px;
}
.content-header .companyprof>.companyLogo img {
    width: 100%;
}
.content-header .companyprof>.companyLogo+.companydtls{
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    padding-left: 15px;
    width: calc(100% - 108px);
}
.content-header .companyprof>.companyLogo+.companydtls .tednid {
    color: #fff;
    font-size: 17px;
    background:none;
    min-height: 27px;
    line-height: 27px;
    padding-right: 8px;
    display: inline-block;
    border: 1px solid #f37f1f;
    font-family: 'calibri' !important;
}

.content-header .companyprof>.companyLogo+.companydtls .tednid span.regOffId {
    background-color: #f37f1f;
    display: inline-block;
    padding: 0 6px;
}
.content-header .companyprof>.companyLogo+.companydtls  span.bid-dash-home{
    color:#333333;
    font-size:17px;
    background:#fff;
    padding:3px 10px;
    position:relative;
    font-family: 'calibri' !important;
}

.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:0;
}
.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,
.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;
}

.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;
}

/****************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;
}

#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-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-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;
}
.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_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 .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: #00a65a;
    border-color: #008d4c;
}
.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;
}
.SwitchCurrency{
	padding: 0 15px !important;
	margin-right:0px !important;
}
.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;
}
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:100px;
    opacity: 1 !important;
    word-break: break-word;
}
/*************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 {
    min-height:105px;
    border-radius:5px;
    background-color: #186498;
}
.auctionboxcreate h5 a {
    color: #fff !important;
}
.auctionboxcreate h5 {
    color: #fff !important;
    line-height: 30px;
}
.auctionbox h5 {
    margin-bottom: 30px;
}

.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 {
    width: 100%;
    padding:0px 6px;
    min-height:90px;
    background: #fff;
    position: fixed;
    border-top: 3px solid #006cb7;
    -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;
}
header.main-header .timezone-lg{
    display:block;
}
header.main-header .timezone-md{
    display:none;
}
.preferredtimezone{
    width:100%;
    float:left;
    padding-left:40px;
    position:relative;
    margin:5px 0 0 !important;
}
.preferredtimezone>img{
    position:absolute;
    height:30px;
    width:30px;
    left:0px;
    top:5px;
}
.preferredtimezone .worldtime{
    float:left;
    display:block;
    align-items:center;
    justify-content:start;
    width:calc(100% - 30px);
}
.preferredtimezone .worldtime>#dispalyDateTime+#timezoneCityNames,
.preferredtimezone .worldtime>#dispalyDateTime{
    width:100%;
    float:left;
    display:flex;
    position:relative;
    white-space:nowrap;
    align-items:center;
    justify-content:start;
}
@media (max-width:1152px) {
    .preferredtimezone {
        margin-left:-50px !important;
    }
    .preferredtimezone .worldtime{
        display:flex;
    }
    .preferredtimezone .worldtime>#dispalyDateTime+#timezoneCityNames,
    .preferredtimezone .worldtime>#dispalyDateTime{
        width:auto;
        white-space:nowrap;
    }
}
@media ( min-width:816px) and (max-width:1024px) {
    .preferredtimezone {
        margin-left:-50px !important;
    }
    .preferredtimezone .worldtime{
        display:inline-block;
    }
    .main-header{
        height:auto;
        min-height:120px;
    }
}
@media ( min-width :360px) and (max-width:1024px){
    /* 	
    header.main-header .timezone-lg{
    display:none;
    }
    header.main-header .timezone-md{
            display:block;
    } 
    */
    header.main-header .timezone-md .preferredtimezone {
        margin-left:0px !important;
    }
}
@media ( min-width :360px) and (max-width:815px) {
    .main-header{
        height:auto;
        min-height:140px;
    }
    .main-header #striclyhead{
        min-height:auto;
    }
    .preferredtimezone .worldtime{
        display:inline-block;
    }
    .preferredtimezone .worldtime>#dispalyDateTime+#timezoneCityNames,
    .preferredtimezone .worldtime>#dispalyDateTime{
        width:100%;
        text-align:left;
        white-space:pre-wrap;
    }
}
@media ( min-width :768px) and (max-width:992px) {
    .preferredtimezone{
        margin-left:-30px;
    }
}
@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 {
        width: 100%
    }
    .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 {
    background-color: #555f6b;
    display: inline-block;
    line-height: 34px;
    position: relative;
    cursor: pointer;
    margin:15px 0;
    height: 34px;
}
.pdfdownload:before {
    background-color: #e52521;
    position: absolute;
    line-height: 21px;
    content: 'PDF';
    height: 21px;
    color: #fff;
    width: 33px;
    left: -43px;
    z-index: 8;
    top: -7px;
}
.pdfdownload span {
    color: #fff;
    font-weight: 500;
    position: relative;
    font-family: Ubuntu;
    padding: 0 50px 0 45px;
}
.pdfdownload span:before {
    background: #555f6b url('../images/pdficon.png') no-repeat center center;
    box-shadow: 3px 1px 6px rgba(0, 0, 0, .75);
    background-clip: padding-box;
    border-radius: 30px;
    position: absolute;
    height: 60px;
    content: '';
    width: 60px;
    left: -30px;
    top: -20px;
}
.pdfdownload span:after {
    font: normal normal normal 14px/1 FontAwesome;
    background-color: #1fa5e5;
    position: absolute;
    line-height: 34px;
    content: "\f019";
    height: 34px;
    width: 31px;
    top: -8px;
    right: 0;
}

/*************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;
    background: #d6eeff;
    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;
}
#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;
}


/* .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;
}

#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: 101;
    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);
}

.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%
}
.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;	
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #f5882b !important;
    border-color: #f5882b !important;
    color: #fff;
}

/* 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 {
    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 {

}
#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;
}
.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;
}
#ViewBreakupAwardPO_filter input,
#ViewBreakupAwardSO_filter input,
#DataTables_Table_0_filter input,
#classificatioReport_filter input{
    float: right;
}
table#ViewBreakupAwardPO tbody tr td.no-record-found,
table#ViewBreakupAwardSO tbody tr td.no-record-found{
	text-align:center;
}
#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{
    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);
}
#securityFeeError,
.validationMsg {
    color:rgb(255, 0, 0);
    float:left;
    position:relative;
    font-size:14px;
}
.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
}


.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;
}


.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;
}

.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;
}

@-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;
    padding:0 15px;
}
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;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-left:10px;
}

.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);

}
.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);
}
.brkall{
    word-break: break-all;	
}
.brkword{
    word-break: break-word;
}

.comparativeRptTR td .btn-default{
    text-align:left !important;
}
.ellips-msg {
    min-width:150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 95% !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: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #8b8b8b !important;
    display:flex;
    align-items:center;
    justify-content:center;
}
#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: 25px;
    line-height: 45px;
    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;
}
#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 6px 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;
}
.info-popover+.popover{ 
    width: 500px;
    background: #2b8af5 !important;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    font-size: 13px;
    border:0px !important;
}
.info-popover+.popover .arrow{
    display:none;
}
.info-popover+.popover .popover-content{
    float:left;
    width:100%;
    padding:0px;
    text-align:left;
    font-size:15px;
    line-height:23px;
    font-family:calibri;
    white-space: normal;
    position:relative;
}
.info-popover+.popover .popover-content i.fa-close{
    width: 20px;
    height: 20px;
    top: -15px;
    right: -15px;
    color: #f4811f;
    font-weight: normal;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #f4811f;
    cursor:pointer;
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.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 .skltbs-panel-group .skltbs-panel .box{
    border:0px solid #e5e2e2;
    box-shadow:none;
}

/**** BELOW STYLE IN CONTACT INFORMATION  VIEW DETAILS IN BOTH eAUCTION AND eTENDER DETAILS PAGE IN BEOFRE AND AFTER LOGIN RELATED   *****/

#latestTendContInfo .box.contactinfo-box,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .box.contactinfo-box{
    background:#fff;
    min-height:220px;
    max-height:300px;
    overflow:hidden;
    box-shadow:0px 0px 5px 0px rgba(0,0,0,0.15);
}
#latestTendContInfo .box.contactinfo-box .contact-header,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .box.contactinfo-box .contact-header{
    font-family: calibri !important;
    background:#d7effe;
    position:relative;
    text-align:left;
    font-weight:600;
    font-size:18px;
    color:#006cb7;
    padding:15px;
    width:100%;
    float:left;
}
#latestTendContInfo .box.contactinfo-box .contact-address,
.skltbs.viewtentbs .skltbs-panel-group .skltbs-panel .box.contactinfo-box .contact-address{
    font-family: calibri !important;
    word-break: break-word;
    position:relative;
    line-height:23px;
    font-size:16px;
    color:#333333;
    padding:15px;
}
/**** BELOW STYLE IN CONTACT INFORMATION  VIEW DETAILS IN BOTH eAUCTION AND eTENDER DETAILS PAGE IN BEOFRE AND AFTER LOGIN RELATED END HERE  *****/


.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 6px !important;
    height:auto !important;
    position:relative;
    background:#fff;
}
.tab-content.ui-accordion h3.etenderhead.ui-accordion-header+.ui-accordion-content .actionright a:last-child{
	margin-right:0px !important;
}
.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;
}
#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;
}
.eatenderdtls{
    font-family: calibri !important;
    font-size: 16px;
}
.eatenderdtls a{
    text-decoration: underline;
    cursor:pointer;
}

/* CREATE TENDER PEGGED CURRENCY VALUE POPOVER STYLE START HERE  */

#peggedpopover[data-toggle*="popover"]+.popover.currencypeg{
    right: 0;
    top: -180px;
    border: 0px;
    left: inherit;
    padding: 15px;
    height: 350px;
    font-size: 16px;
    min-width: 450px;
    border-radius: 3px;
    background-color:#f1f0f0 !important;
    font-family: 'calibri' !important;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 15%);
    transform: translate(0px, -180px);
    -o-transform: translate(0px, -180px);
    -ms-transform: translate(0px, -180px);
    -webkit-transform: translate(0px, -180px);
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg > .currencylist{
    width:100%;
    float:left;
    overflow-y:auto;
    position:relative;
    padding-right:15px;
    min-height:150px;
    max-height:250px;
    margin-bottom:80px;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg > .currencylist::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 0;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg > .currencylist::-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);
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg > .currencylist::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
    outline: 0px solid slategrey;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    position:relative;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table thead tr{
    background:#006cb7;
    position: sticky;
    top: 0px;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table tbody tr td,
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table thead tr th{
    font-family: 'calibribold' !important;
    font-weight:bold;
    padding:5px 10px;
    font-size:15px;
    color:#fff;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table thead tr th{
    text-transform: uppercase;
}
#peggedpopover[data-toggle*="popover"]+.popover.currencypeg #currencytbl.table tbody tr td{
    font-family: 'calibri' !important;
    padding: 3px 8px;
    font-weight:500;
    font-size:16px;
    color:#333;
}
.paymentinfo{
    overflow-wrap: break-word;
}
.paymentinfo ol,
.paymentinfo ul,
table.corrView  tbody tr td ol,
table.corrView  tbody tr td ul,
#tenderDetailDivTd ol,
#tenderDetailDivTd ul{
    width:100%;
    float:left;
    padding:0px;
    position:relative;
    margin:15px 0 0 0px;
    list-style-type:none;
}
.paymentinfo ul li,
.paymentinfo ol li,
table.corrView  tbody tr td ul li,
table.corrView  tbody tr td ol li,
#tenderDetailDivTd ol li,
#tenderDetailDivTd ul li{
    padding:0px 0px 5px 20px;
    position:relative;
}
.paymentinfo ul li:before,
table.corrView  tbody tr td ul li:before,
#tenderDetailDivTd ul li:before{
    font-family: 'FontAwesome';
    position:absolute;
    content: "\f111";
    font-size:10px;
    color:#333;
    left: 0px;
    top: 6px;
    /* transform: translate(0, -42%) */
}
.paymentinfo ol,
table.corrView  tbody tr td ol,
#tenderDetailDivTd ol{
    padding-left:15px;
    list-style-type:auto !important;
}
.paymentinfo ol li,
table.corrView  tbody tr td ol li,
#tenderDetailDivTd ol li{
    margin:0px;
    padding:0 0;
}
.paymentinfo ol li:before,
table.corrView  tbody tr td ol li:before,
#tenderDetailDivTd ol li:before{
    display:none;
}
@media screen and (min-width:768px) and (max-width: 991px) {
    .registrationform{
        max-width:100%;
    }
    a.toplogoregister+img,
    a.toplogoregister>img{
        width:200px;
    }
    a.toplogoregister+img{
        margin-bottom:0px !important;
    }
    #register .nav-tabs-custom>.nav-tabs{
        right:90px;
    }
    .nav-tabs-custom .registrationtabcontent{
        padding:0 90px !important;
    }
    .registrationheader{
        max-width: 70%;
    }
}
@media screen and (min-width:992px) and (max-width: 1152px) {
    .registrationform {
        max-width: 72%;
    }
    a.toplogoregister+img,
    a.toplogoregister>img{
        width:200px;
    }
}
.tablecontent#tenderDetailDivTd{
    min-height: 30px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}
.tablecontent#tenderDetailDivTd::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 0;
    border-radius:8px;
}
.tablecontent#tenderDetailDivTd::-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:8px;
}
.tablecontent#tenderDetailDivTd::-webkit-scrollbar-thumb {
    background-color: #b8c3cb;
    border-radius:8px;
    outline: 0px solid slategrey;
}
.box-body-subtitle{
    background: #006cb7;
    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;
}
.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;
}

/**** BIDDER END e-TENDER & e-AUCTION MASTER SHEET DATA NAVIGATION STYLE START HERE  *****/

.data-sub-menu{
    margin:0;
    padding:0;
    width:100%;
    float:left;
    margin-left:-6px;
    margin-right:-6px;
    position:relative;
    list-style-type: none;
}
.data-sub-menu>li{
    padding:0;
    float: left;
    width: 33.33%;
    padding-left:6px;
    padding-right:6px;
    position:relative;
}


@media screen and (min-width:320px){
	.data-sub-menu>li{
		width:100%;
		margin-bottom:10px;
	}
}
@media screen and (min-width:599px) and (max-width:991px){
	.data-sub-menu>li{
		width:50%;
		margin-bottom:10px;
	}
}
@media screen and (min-width:992px){
	.data-sub-menu>li{
		width:33.33333%;
		margin-bottom:10px;
	}
}
.data-sub-menu .box,
.data-sub-menu li .box{
    height: 127px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    border: 0 solid rgba(127, 155, 185, 1);
}

.data-sub-menu li>.box h3, 
.data-sub-menu .box h3 {
    height: 50px;
    background: #7f9bb9;
    line-height: 50px;
    font-family: calibribold;
    font-size: 17px;
    color: #fff;
    float: left;
    width: 100%;
    text-transform: uppercase;
    padding: 0 20px;
    margin: 0;
}

.data-sub-menu .box:hover,
.data-sub-menu>li .box:hover {
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
}
.data-sub-menu .box:hover:h3,
.data-sub-menu li .box:hover h3 {
    background: #314e6e;
}

.data-sub-menu>li>.dash-box{
    float: left;
    width: 100%;
    display:flex;
    height: 100px;
    padding: 25px;
    color: #e6e7ea;
    font-size: 24px;
    overflow: hidden;
    align-items:center;
    position: relative;
    background: #aab0b8;
    justify-content:center;
    font-family: calibribold;
}

.data-sub-menu>li>.dash-box > i{
	z-index:5;
	color: #e6e7ea;
    font-size: 52px;
    position:relative;
    margin-right: 10px;
}
.data-sub-menu>li>.dash-box > i+span{
    position: relative;
    font-size: 24px;
    color: #e6e7ea;
    z-index:5;
}
.data-sub-menu>li>.dash-box > .info{
    top: 0;
    left:0;
    opacity: 0;
    z-index: 9;
    display:flex;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    align-items:center;
    justify-content:center;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}
.data-sub-menu>li>.dash-box > .info>a.link-button{
    color: #fff;
    height: 48px;
    font-size: 20px;
    padding: 0 25px;
    font-weight: 600;
    line-height: 48px;
    border-radius: 3px;
    font-family: calibri;
    display: inline-block;
    -moz-border-radius: 3px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
}
.data-sub-menu>li>.dash-box > .info>a.link-button{
    background: #4e539c;
}

.data-sub-menu>li>.dash-box:before{
    content:'';
    top: -35px;
    left: -43px;
    color: #b9bec5;
    font-size: 140px;
	font-family: epro;
    position: absolute;
    transform: rotate(-20deg);
}
.data-sub-menu>li#result>.dash-box:before{
    top: -25px;
    left: -20px;
    content: "\e92a";
    font-size: 150px;
}
.data-sub-menu>li#prebid>.dash-box:before{
    content: "\e91f";
}
.data-sub-menu>li#bidHistory>.dash-box:before{
    top: -44px;
    left: -20px;
    content: "\f1da";
    font-size: 150px;
    position: absolute;
    font-family: FontAwesome;
}
.data-sub-menu>li#withdrawbid>.dash-box:before{
    content: "\e92c";
}
.data-sub-menu>li#tender-prebid>.dash-box:before{
    content: "\e904";
}
.data-sub-menu>li#bidAuctionAward>.dash-box:before{
    top: -44px;
    left: -20px;
    content: "\e93a";
    font-size: 150px;
}

.data-sub-menu>li#tender-prebid>.dash-box .info>a.link-button{
    background: #2196f3;
}
/* 
.data-sub-menu>li#tender-prebid>.dash-box .info>a.link-button{
    background: #2196f3;
} 
*/
.data-sub-menu>li#withdrawbid>.dash-box .info>a.link-button{
    background: #da4b4b;
}
.data-sub-menu>li#result>.dash-box .info>a.link-button{
    background: #388cab;
}
.data-sub-menu>li#bidHistory>.dash-box .info>a.link-button{
    background: #de5a02;
}
/* DATA SBU MENU DASHBOX ACTIVE STYLE START HERE */
.data-sub-menu>li>.dash-box.active{
    cursor: pointer;
}
.data-sub-menu>li>.dash-box.dash-blue.active{
    background: #4e539c;
}
.data-sub-menu>li>.dash-box.dash-green.active{
    background: #388cab;
}
.data-sub-menu>li>.dash-box.dash-orange.active{
    background: #f4811f;
}

.data-sub-menu>li#tender-prebid>.dash-box.dash-blue.active{
    background: #2196f3;
}
.data-sub-menu>li#bidAuctionAward>.dash-box .info>a.link-button,
.data-sub-menu>li#bidAuctionAward>.dash-box.dash-red.active{
    background: #186498;
}
.data-sub-menu>li#prebid>.dash-box.dash-blue.active:before{
    color: #404590;
}
.data-sub-menu>li#tender-prebid>.dash-box.dash-blue.active:before{
    color: #3c7db1;
}

.data-sub-menu>li#withdrawbid>.dash-box.dash-red.active:before{
    color: #c54141;
}

.data-sub-menu>li#result>.dash-box.dash-green.active:before{
    color: #2d7d9a;
}

.data-sub-menu>li#bidHistory>.dash-box.dash-orange.active:before{
    color: #de5a02;
}

.data-sub-menu>li>.dash-box.active:hover .info{
    opacity: 1
}

.data-sub-menu>li>.dash-box.active:hover:before{
    opacity: .1;
}

.data-sub-menu>li>.dash-box.awarddash.active{
    background: #72a5c7;
}

.form-group+#adv-search.popover {
	max-width:800px !important;
}
/**** BIDDER END e-TENDER & e-AUCTION MASTER SHEET DATA NAVIGATION STYLE END HERE  *****/

/*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;
}
.savingcount .btn-manage{
	background:#186498;/* #3ebcb1 */
	
	color:#fff;
}
/*ADMIN & PP DASHBOARD e-TENDER,e-AUCTION SUMMARY VIEW DETAILS PAGE ADVANCE SEARCH FIELD STYLE END HERE  */

/* ARABIC MODAL DIALOG POPUP IMPLEMENTATION  */
	#tenderinf .modal-dialog{
		width:50%;
		position:relative;
	}
	#tenderinf .modal-dialog>.modal-content{
		margin:0;
		float:left;
		width:100%;
		padding:0px;
		background:#fff;
		position:relative;
		border-radius: 5px;
	}
	#tenderinf .modal-dialog>.modal-content>.modal-body,
	#tenderinf .modal-dialog>.modal-content>.modal-header{
		font-family:calibri;
		background:#006cb7;
		position:relative;
		font-size:16px;
		padding:15px;
		width:100%;
		float:left;
		color:#fff;
	}
	#tenderinf .modal-dialog>.modal-content>.modal-header>.modal-title{
		float:left;
		font-size:20px;
		font-weight:bold;
		width:calc(100% - 50px);
	}
	#tenderinf .modal-dialog>.modal-content>.modal-header>.modal-title+button.close span{
		font-size:26px;
	}
	#tenderinf .modal-dialog>.modal-content>.modal-body{
		background:#fff;
		padding:0 0px;
	}
	
	#tenderinf .modal-dialog>.modal-content>.modal-body .info-popup{
	 	background: #58a2d4 !important;
	    margin: 0;
	    font-size: 15px;
	    box-shadow: none !important;
	    padding: 0px 6px;
	    border-radius: 0px;
	    float: left;
	    width: 100% !important;
	}
	
	#tenderinf .modal-dialog>.modal-content>.modal-body .info-popup button.language{
		border:0px;
		color:#006cb7;
		font-size:16px;
		background:none;
		padding:5px 10px;
		position:relative;
		font-family:calibri;
	}
	#tenderinf .modal-dialog>.modal-content.rtl>.modal-header>.modal-title+button.close{
		float:left;
	}
	#tenderinf .modal-dialog>.modal-content.rtl>.modal-header>.modal-title,
	#tenderinf .modal-dialog>.modal-content.rtl>.modal-body .info-popup-left{
		float:right;
	}
	#tenderinf .modal-dialog>.modal-content.rtl>.modal-body .info-popup-left{
		padding-left:0px !important;
		padding-right:15px;
	}
	#tenderinf .modal-dialog>.modal-content.rtl>.modal-body .info-popup-right{
		float:left;
		padding:15px;
		border-left:0px;
		border-right:7px solid #fff
	}
	
	.blinktxt{
		color:#e90808;
		animation: blink 3s linear infinite;
	}
	@keyframes blink{
		0%{opacity: 0;}
		25%{opacity: .5;}
		50%{opacity: .5;}
		75%{opacity: 1;}
		100%{opacity: 1;}
	}