@charset "utf-8";

.avatar, .col img, .ministryIcon, .top-bar {
    position: relative
}
.accountUserName, .add-height, .pBrand, .productTitle h2 {
    -webkit-box-orient: vertical
}
.demandgemright, .fl_rt {
    float: right
}
.color-bid a {
    color: #717171;
    font-size:15px;

}
.productMain .pacClass
{
    font-size:12px;
    display:inline-block;
}
.consigneeMain .pacClass
{
    display:none;
}
.nightmode #breadCrumb ul li {
    color: #ffffff !important;
}
.nightmode .dropdown-menu > li > a {
    color: #ffffff !important;
  
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background: none;
}
.phead {
    background: #eee;
    padding: 10px;
    border-left: 4px solid #035981;
}
.stepid{
    position: absolute;
    left: 118px;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
.set1{

    left: 195px;
}
.set2{

    left: 270px;

}
.set3{
    left: 92px;
}
.color-bid a:hover {
    color: #f7a62d;
    font-size:15px;
}
.color-bid.active
{
    background: #eee;
    box-shadow: 4px 2px 10px 0px #a7a4a4;
}
.consSaved{
    border-left:0.4em solid #4eca50 !important;
}
.color-bid{

    box-shadow: 0px 0px 10px -4px #484848;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
    min-height: 86px;
}

.color-left{
    border-left: 0.4em solid #6facea ;
}

.color-left1{
    border-left: 0.4em solid #FFC107;
}
.loader{background: #fff;
        padding: 10px;
        top: 50%;
        left: 50%;
        max-width:325px;
        position: absolute;
        margin-left: -100px;
        margin-top: -55px;
        text-align: center;

}
.loader p
{
    line-height:20px !important;
}

.bootstrap-datetimepicker-widget table thead th{
    background-color: #fff !important;
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover
{
    color:#bbb8b8 !important;
}
#content-fix{
       width: 90vw;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf');
}
body {
    font-family: "Roboto";
    background: #fff;
    font-style: normal;
    font-size: 1.5em
}
.addCart, .text-center {
    text-align: center
}
#topHeader ul li a, .catDropDown .categoryList li a, .eMarketPoints a:hover, .searchFilterBar ul li a:hover, a {
    text-decoration: none
}
*, h1, h2, h3 {
    margin: 0;
    padding: 0
}
*, .noPadding, h1, h2, h3, ol, ul {
    padding: 0
}
@font-face {
    font-family: "OpenSans Regular";
    src: url(../fonts/OpenSans-Regular.ttf)
}
@font-face {
    font-family: "OpenSans Bold";
    src: url(../fonts/OpenSans-Bold.ttf)
}
@font-face {
    font-family: "OpenSans Semibold";
    src: url(../fonts/OpenSans-Semibold.ttf)
}
@font-face {
    font-family: fontawesome;
    src: url(../fonts/FontAwesome.otf)
}
@font-face {
    font-family: indian_rupeeregular;
    src: url(../fonts/indianrupee-webfont.eot);
    src: url(../fonts/indianrupee-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/indianrupee-webfont.woff2) format('woff2'), url(../fonts/indianrupee-webfont.woff) format('woff'), url(../fonts/indianrupee-webfont.ttf) format('truetype'), url(../fonts/indianrupee-webfont.svg#indian_rupeeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
#content {
    padding: 25px 0;
    min-height: 280px;
}
.content-wrapper {
    min-height: 350px;
    padding: 35px 0;
    background: url(../images/innerpagebg.gif) center center #efeff0
}
.content {
    min-height: 350px;
    margin: 0;
    padding: 25px;
    background-color: #fff
}
.addCart {
    line-height: 61%;
    padding: 10px 0;
    background: #0085C4;
    color: #fff;
    margin-top: 6px
}
 .pull-right-1{
        margin-top: -55px;
    }
.cartDropDown:after, .catDropDown:after, .navbar-inverse .navbar-nav>li>a:after {
    content: ""
}
.leftLinks ul li a.home_link span:after, .leftLinks ul li a.home_link span:before {
    content: ' ';
    display: block;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out
}
.nightmode {
    background-color: #000;
    color:#fff;
}
.nightmode .sce, .nightmode .dropdown-menu {
   background-color: #000!important;
    color:#fff!important
}

.nightmode .sce a  {
     background-color: #000!important;
    color:#fff!important
}
.nightmode .sce p  {
    color:#fff!important
}
.nightmode .btn-bid {
    background: none!important;
    border: 0.08em solid #fff;
}
.hrLine, .image {
    width: 100%
}
.catSubMenu li, .catSubMenu>ul, .list-group-item>.catSubMenu ul {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}
*, .cartDropDown, .catDropDown, :active, :focus, :selection, a, a:active, a:focus, a:hover, embed, object {
    outline: 0
}
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%
}
ol, p, ul {
    margin-top: 0
}
ol, ul {
    list-style: none
}
button {
    cursor: pointer
}
a {
    color: #0F5E8B;
    text-decoration: none!important
}
a:focus {
    color: #F5821F!important;
    text-decoration: none!important;
    outline: 1px solid #4f76b1!important;
}
a:hover, a:link, a:vsited {
    text-decoration:none;
    color:#035981
}
.clearfix {
    clear: both;
    display: block
}
.text-right {
    text-align: right
}
.text-left {
    text-align: left
}
.fl_rt {
    clear: right
}
.fl_lt {
    float: left;
    clear: left
}
.mrgnTop20 {
    margin-top: 20px
}
.mrgnbtm10 {
    margin-bottom: 10px
}
.mrgnbtm20 {
    margin-bottom: 20px
}
.mrgnbtm40 {
    margin-bottom: 40px
}
.marginTop50 {
    margin-top: 50px
}
.noPadLeft {
    padding-left: 0
}
.noPadRight {
    padding-right: 0
}
.noMrgnTop {
    margin-top: 0!important
}
.padding5 {
    padding: 5px 0
}
.padTop10 {
    padding-top: 10px
}
.padding10 {
    padding: 10px
}
#topHeader, #topHeader ul, .image {
    display: block;
    padding: 0
}
.mrgnRight10 {
    margin-right: 1%
}
.cartItems li a .itemDesc b, h2 strong{
    font-weight: 400
}
.image {
    margin: 0;
    height: auto
}
table .image {
    max-width: 150px
}
.rupee {
    font-family: indian_rupeeregular
}
#topHeader, .cartItems li.total h2, .homeHead h2, .pageHead h2, .viewBtn {
    font-family: "OpenSans Regular"
}
.hrLine {
    margin: 10px 0;
    display: block;
    height: 1px;
    border: 0;
    background: #eee
}
.topStrip {
    background: #f8f8f8;
    margin: 0;
    border: none;
      padding: 0.0em 0;
}
.leftLinks {
    float: left;
    margin-left: -4px;
}
.fdn {
   margin-left: -7px !important;
}
.rightLinks {
    float: right;
}
.topStrip ul li {
    list-style: none;
   padding: 0px 12px 0px 12px;
    display: inline-block;
}
.topStrip li{
    font-size: 13px;
        color: #d3d3d3;
        border-right: 1px solid #959595;
}

.leftLinks ul li a.home_link {
    background-color: #e47516
}
.leftLinks ul li a.home_link span:before {
    clear: both;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 9px;
    top: -9px;
    left: -4px;
    transition: all .3s ease-in-out
}
.leftLinks ul li a.home_link span:after {
    clear: both;
    width: 12px;
    height: 4px;
    border: 1px solid #656565;
    border-width: 0 4px;
    bottom: -4px;
    left: 0;
    transition: all .3s ease-in-out
}
.leftLinks ul li a.home_link span {
    text-indent: -99999px;
    position: relative;
    width: 12px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff
}
.leftLinks ul li a.home_link span:before {
    border-color: transparent transparent #fff
}
.leftLinks ul li a.home_link span:after {
    border-color: #fff
}
.topStrip ul li a {
   
    text-decoration: none;
    color: #d3d3d3;
    outline: none;
    border: none;
    font-size: 1em;
        text-align: left;
}
.btn-need_help {
    background: #484848;
  padding: 10px 12px 11px 12px !important;
      color: #fff !important;
}
.headsh a {
  
    text-align: center;
    margin-left: 1.1em;
   
}
.home-new {
    margin: 5px 0px 0px 0px;
    font-weight: 600;
}
.dropdown-menu>li>a {
    padding: 0px 0px;
   
    margin: 1px 9px 6px 9px;
    text-align: center;
}
   .dropdown-top  li{
       display: block!important;
        border-bottom: 0px solid #ececec!important;
         
   } 
   .dropdown-top {
     top: 18px;
         background: #07222e!important;
         
   } 
   .btn-bid{
       display: inline-block;
   
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
   
    border-radius: 4px;
   }
   .footer-logo-new {
    background: #484848;
   padding: 1px 0px 9px 0px;
}
.footer-logo-bot {
    background: #fff;
    padding: 12px;
    color: #000;
}
footer p {
    font-size: 0.7em;
}
.cont {
    margin: 0 auto;
    width: 90vw;
    display: block;
}
.fm {
    padding-bottom: 0.9em;
}
.gem-fot h6 {
       margin: 8px 0px 20px 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em;
}

.incident-gem{
	    margin-bottom: 34px !important;
		 font-weight: 100 !important;
		font-size: 1em !important;
}
.gem-fot p {
    margin: 0 0 13px;
   font-size: 0.8em;
    
}
.footer-logo-bot p{
        font-size: 0.7em;
}
.vis {
    position: relative;
    top: 0.6em;
}
.blbg {
    background: #fff;
   padding-top: 1.9rem;
    padding-bottom: 0rem;
    color: #fff;
        border-top: 1px solid #e1dddd;
}
  .bid-btn-active{
         background: #05256e !important;
               width: 6.8em;
           color:#fff !important;
                   line-height: 42px !important;
   }
   .bid-btn-active a{
        
           color:#fff !important;
               
   }
   .bid-btn-active :hover {
          background: #F5821F!important;
    width: 100%;
    color: white;
    display: inline-block;
    border-radius: 4px;
     }
     
      .bid-btn-active-sign{
            background: #F5821F!important;
               width: 8.9em;
           color:#fff !important;
               line-height: 42px !important;
   }
    .bid-btn-active-sign a{
            
           color:#000 !important;
             
   }
    .bid-btn-active-sign :hover{
            background: #05256e !important;
             width: 100%;
           color:#fff !important;
              border-radius: 4px;
               display: inline-block;
          
   }
   .navbar-inverse .navbar-nav>li {
  margin-left: 13px !important;
}
    .dropdown-top li a{
            color: #fff !important;
             padding: 2px 7px!important;
   }
   .navbar-inverse .navbar-nav > li > a {
    color: #666; 
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #F5821F;
}
   .dropdown-top > li > a:hover, .dropdown-top > li > a:focus{
        background: #484848!important;
        color:red!important;
   }
.top-drop{
      line-height: 0px !important;
}

.topStrip ul {
    padding: 0!important;
    margin: 0!important
}
.topStrip .rightLinks {
    padding-right: 15px;
    padding-left: 15px
}
#topHeader {
    background: #4db7eb;
    margin: 0;
    padding: 0
}

#topHeader ul {
    margin: 0
}
#topHeader ul li {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    float: left;
    padding: 0 15px;
    list-style: none
}
#topHeader ul li a, #topHeader ul li p {
    display: block;
    vertical-align: middle;
    line-height: 50px
}
#topHeader ul li p {
    font-size: 15px;
    color: #505050;
    padding: 0 15px;
    margin: 0
}
#topHeader ul.phoneHeader li p {
    font-family: karlaregular
}
#topHeader ul.phoneHeader li {
    border-left: 2px solid #46ade0
}
#topHeader ul.headerLogos li {
    display: block;
    margin: 0
}
#topHeader ul.headerLogos li a {
    padding: 5px
}
#topHeader ul.headerLogos li img {
    max-height: 40px;
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%
}
#topHeader ul.phoneHeader li p i {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: #7E7E7E;
    color: #eee;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    margin-right: 5px
}
#topHeader ul.phoneHeader li p b {
    font-weight: 400;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
#mainheader, .eMarketPoints a, .logo, .logo img {
    display: block
}
#topHeader ul li a {
    padding: 0 15px;
    margin: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #505050;
    font-size: 13px;
    width: auto;
    line-height: 30px;
    text-align: center
}
.notifications {
    display: block;
    position: relative;
    line-height: 30px;
    padding-left: 15px;
    cursor: pointer
}
.notifications .toggle {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}
.notifications .toggle:after, .notifications .toggle:before {
    content: '.';
    display: block;
    position: absolute;
    left: 35px;
    width: 10px;
    background-color: #bdc3c7;
    color: transparent;
    border-radius: 5px
}
.notifications .toggle:before {
    top: 15px;
    height: 30px
}
.notifications .toggle:after {
    top: 55px;
    height: 10px
}
.notifications .message-wrapper {
    position: absolute;
    background: #fff;
    border: 1px solid #e0e4e7;
    border-radius: 3px;
    color: #000;
    box-shadow: 0 4px 8px -3px #555454;
    right: -13px;
    top: 26px;
    z-index: 3;
    width: 240px;
    max-height: 240px
}
.notifications .message-wrapper:before {
    content: '.';
    display: block;
    position: absolute;
    margin-left: -10px;
    right: 5%;
    top: -18px;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid #000;
    border-color: transparent transparent #fff
}
.notifications .message-wrapper .message {
    text-align: left;
    display: block;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 10px;
    background-color: #fff;
    color: #444444;
    text-decoration: none;
}
.notifications .message-wrapper .message+.message {
    border-top: 1px solid #e0e0e0
}
.bellicon {
    background-color: #cc6c19;
    color: #fff;
    font-weight: 700;
    line-height: 20px!important;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    width: 20px
}
#topHeader ul li a:hover {
    opacity: 1;
    color: #0170A4;
    background-color: #f5f5f5
}
.logoBar {
    background: #FFF;
    margin: 0;
    padding: 0
}
.logoBar ul {
    padding-left: 0!important;
    margin-bottom: 0!important
}
.logoBar ul li {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    float: left;
    padding: 0 15px
}
.cart-cell, .col {
    vertical-align: top
}
.logoBar ul li:last-child {
    padding-right: 0
}
.logoBar ul li:first-child {
    padding-left: 0
}
.ministryIcon {
    margin-top: 12px
}
.footer-logoministry-of-commerce, .footer-logodi, .footer-logogem-spv, .footer-logomki, .footer-logonortonsiteseal
{ display: inline-block; /*background: url('../images/logo-footer-sprite.png') no-repeat;*/ overflow: hidden; text-indent: -9999px; text-align: left; }

.footer-logoministry-of-commerce { background-position: -5px -0px; width: 180px; height: 33px; }
.footer-logodi { background-position: -5px -38px; width: 100px; height: 33px; }
.footer-logogem-spv { background-position: -5px -76px; width: 84px; height: 33px; }
.footer-logomki { background-position: -94px -76px; width: 72px; height: 33px; }
.footer-logonortonsiteseal { background-position: -110px -38px; width: 61px; height: 33px; }

.accountUserName, .cartItems li a .itemDesc, .catDropDown span {
    white-space: nowrap;
    text-overflow: ellipsis
}
#topHeader ul.headerLinks li a.activeHeaderLink, #topHeader ul.headerLinks li a:hover {
    width: auto;
    font-size: 13px;
    background: #0085C3;
    color: #fff
}
#mainheader {
    padding: 10px 0;
    background: #05256f
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    color: #666;
    background-color: #dedede;
    border-color: #aaa
}
.logo {
    padding: 8px 0
}
.col, .user-header {
    padding: 10px
}
.logo img {
    margin: 0;
    max-width: 100%
}
.accountUserName {
    line-height: 14px;
    display: inline-block;
    box-sizing: content-box;
    overflow: hidden;
    max-width: 100px
}
.user-header img {
    margin: auto;
    display: block
}
.user-header p {
    text-align: center;
    line-height: 30px!important
}
.accountUserImg {
    font-size: 20px
}
.login-left, .lw-text a, .note1 {
    font-size: 15px
}
.login-wrap {
    box-shadow: 0 1px 5px #ccc;
    width: 50%;
    margin: 60px auto;
    background: #fff
}
.login-left {
    text-align: left;
    color: #fff
}
.col {
    display: table-cell
}
.col img, .quote {
    display: block
}
.col img {
    margin: 0 auto auto;
    bottom: 0
}
.col:nth-child(1) {
    width: 40%
}
.col:nth-child(2), .lw-text {
    width: 60%
}
.forgot-psd-wrapper {
    margin: 60px 0
}
.buyer-signup-left-text {
    padding-top: 20%;
    color: #fff
}
.lw-text {
    padding: 5px;
    margin: auto;
    text-align: left
}
.header h2, .quote {
    text-align: center
}
.lw-text a {
    color: #fff
}
.stats-head, .stats-title {
    color: #05256f;
    text-align: center
}
.stats-head {
    font-size: 68px;
    font-weight: 700
}
.greyBg {
    background: #F5F5F5
}
.header h2 {
    margin-bottom: 30px
}
.contentbox-color {
    color: #30b7de
}
.content-box h3 {
    margin-bottom: 5px
}
.buyerbuy-products, .buyercreate-user, .buyerhow-sign-up, .buyerverify-account {
    display: inline-block;
   /* background: url(../images/buyer-how-it-works.png) no-repeat;*/
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}
.buyerbuy-products {
    background-position: -4px 0;
    width: 65px;
    height: 65px
}
.buyercreate-user {
    background-position: -73px 0;
    width: 65px;
    height: 65px
}
.buyerhow-sign-up {
    background-position: -4px -69px;
    width: 65px;
    height: 65px
}
.buyerverify-account {
    background-position: -73px -69px;
    width: 65px;
    height: 65px
}
.how-to-sell ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}
.how-it-work-seller img {
    width: 70%;
    margin: auto;
    display: block
}
.msg_container .col-md-1, .msg_container .col-md-10 {
    padding: 0
}
.chat-window>div>.panel {
    border-radius: 5px 5px 0 0
}
.icon_minim {
    padding: 2px 10px
}
.msg_container_base {
    margin: 0;
    padding: 0 10px 10px
}
.top-bar {
    background: #666;
    color: #fff;
    padding: 10px;
    overflow: hidden
}
.msg_receive {
    padding-left: 0;
    margin-left: 0
}
.msg_sent {
    padding-bottom: 20px!important;
    margin-right: 0
}
.messages {
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    max-width: 100%;
    background: #e5e5e5
}
.messages>p {
    font-size: 13px;
    margin:0 0 .2rem
}
.messages>time {
    font-size: 11px;
    color: #999
}
.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex
}
.msg_container img {
    display: block;
    width: 100%
}
.base_receive>.avatar:after, .base_sent>.avatar:after {
    position: absolute;
    width: 0;
    height: 0;
    content: ""
}
.base_receive>.avatar:after {
    top: 0;
    right: 0;
    border: 5px solid #e5e5e5;
    border-left-color: transparent;
    border-bottom-color: transparent
}
.base_sent {
    justify-content: flex-end;
    align-items: flex-end
}
.base_sent>.avatar:after {
    bottom: 0;
    left: 0;
    border: 5px solid #e5e5e5;
    border-right-color: transparent;
    border-top-color: transparent;
    box-shadow: 1px 1px 2px rgba(black, .2)
}
.msg_sent>time {
    float: right
}
.msg_container_base::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#F5F5F5
}
.msg_container_base::-webkit-scrollbar {
    width:12px;
    background-color:#F5F5F5
}
.msg_container_base::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555
}
#rightbuttons {
    background-color: #0085c3;
    border: 0 solid #ccc;
    bottom: 1%;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    height: auto;
    padding: 10px;
    position: fixed;
    right: 2%;
    text-align: center;
    width: 195px;
    z-index: 2
}
tooltipLabel {
    position: relative;
    display: inline-block;
    margin: 0 3px
}
.tooltipLabel .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: rgba(0,0,0,.72);
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px;
    font-size: 11px;
    position: absolute;
    z-index: 1;
    line-height: 18px
}
.tooltipLabel:hover .tooltiptext {
    visibility: visible
}
.eMarketPoints {
    display: block;
    margin: 0 0 5px;
    padding: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid #f4f4f4
}
.eMarketPoints h2, .eMarketPoints i {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.inline-form label {
    padding-top: 10px
}
.eMarketPoints i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border: 2px solid #0085c3;
    color: #0085c3;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s
}
.eMarketPoints h2 {
    font-size: 14px;
    color: #323a45;
    width: auto;
    max-width: 75%;
    text-align: left;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s
}
.eMarketPoints h2 span {
    display: block;
    color: silver
}
.eMarketPoints a:hover i {
    color: #F7A62D;
    border-color: #F7A62D
}
.searchFilterBar, .searchFilterBarFixed {
    display: none;
    width: 1200px;
    border: 1px dashed #0085c3;
    background: #fff;
    padding: 10px 10px 0;
    max-width: 100%
}
.searchFilterBar {
    margin: 0 auto 15px;
    z-index: 1;
    position: relative
}
.searchFilterBarFixed {
    position: fixed;
    margin: 0 auto;
    z-index: 99999;
    top: 0
}
.searchFilterBar ul {
    display: block;
    margin: 0
}
.searchFilterBar ul li {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #ddd;
    padding: 5px;
    background: #f8f8f8;
    min-width: 70px;
    margin-right: 10px;
    margin-bottom: 10px
}
.searchFilterBar ul li p {
    margin: 0 5px 0 0;
    display: inline-block;
    zoom: 1
}
.searchFilterBar ul li a {
    display: inline-block;
    zoom: 1;
    color: #333;
    border: 1px solid #eee;
    padding: 0 5px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.searchFilterBar ul li a:hover {
    color: #fff;
    background: red;
    border-color: red
}
.catDropDown, .searchBtn, .searchInput {
    display: block;
    float: left
}
.catDropDown {
    position: relative;
    width: 30%;
    height: 40px;
    line-height: 38px;
    margin: 0 auto;
    padding: 0 10px;
    background: #f3f3f3;
    font-size: 14px;
    cursor: pointer;
    color: #323a45;
    -o-border-radius: 2em 0 0 2em;
    -moz-border-radius: 2em 0 0 2em;
    -ms-border-radius: 2em 0 0 2em
}
.catDropDown span {
    width: 90%;
    display: block;
    text-align: left;
    overflow: hidden
}
.catDropDown:after {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #0085c3 transparent
}
.catDropDown .categoryList {
    position: absolute;
    top: 130%;
    left: 0;
    width: 280px;
    max-height: 400px;
    overflow-y: scroll;
    text-align: left;
    line-height: 120%;
    background: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    font-weight: 400;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    z-index: 9999
}
.cartimages, .icon, .searchBtn {
    text-align: center
}
.searchBtn, .searchInput {
    line-height: 38px;
    height: 40px
}
.catDropDown .categoryList li:hover a, .searchInput:focus, .searchInput:hover {
    background: #f3f8f8
}
.catDropDown .categoryList:after, .catDropDown .categoryList:before {
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    border-style: solid;
    content: ""
}
.catDropDown .categoryList:after {
    left: 15px;
    border-width: 0 6px 6px;
    border-color: #fff transparent
}
.catDropDown .categoryList:before {
    left: 13px;
    border-width: 0 8px 8px;
    border-color: rgba(0,0,0,.1) transparent
}
.catDropDown .categoryList li a {
    display: block;
    text-transform: capitalize;
    padding: 8px;
    color: #444;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.esignborder, .note1 {
    padding: 10px
}
.catDropDown .categoryList li i {
    float: right;
    color: inherit
}
.cartCount, .cartCount b, .cartDropDown, .cartDropDown:hover .cartCount b, .cartDropDown:hover .searchBtn, .searchBtn {
    color: #fff
}
.catDropDown.active .categoryList {
    opacity: 1;
    pointer-events: auto
}
.no-opacity .catDropDown .categoryList, .no-pointerevents .catDropDown .categoryList {
    display: none;
    opacity: 1;
    pointer-events: auto
}
.no-opacity .catDropDown.active .categoryList, .no-pointerevents .catDropDown.active .categoryList {
    display: block
}
.note1 {
    border: 1px solid rgba(170,170,170,.31);
    border-left: 2px solid;
    background: #f0f8ff;
    color: #585e5c
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #035981;
}
.panel-group .panel {
    margin-bottom: 0
}
.panel-default {
    border-color: #fff
}
.card, .esignborder {
    border: 1px solid #ccc
}
.topbuyer p {
    font-weight: 600
}
.specificationgem img {
    display: block;
    width: 115px;
    height: 115px;
    margin: auto
}
.panel-title {
    color: #fff!important
}
.panel-title:hover {
    text-decoration: blink;
    color: #f9b924
}
.icon {
    margin-top: 28px;
    font-weight: 700;
    line-height: 30px
}
.borderpadding {
    max-width: 40%;
    height: 54px;
    margin: 0 auto 20px
}
.borderpadding h5 {
    margin-top: 2px
}
.esign {
    min-width: 50%;
    padding: 3px;
    margin-bottom: 14px
}
.signed {
    color: #099300
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #494343;
}
.card {
    background: #fdfdfd;
    box-shadow: 0 0 3px #f0f0f0;
    margin-top: 20px;
    padding: 7px 0
}
.topbuyer {
    border-bottom: 1px solid #ccc
}
.topbuyer p {
    line-height: 9px
}
.delivery {
    background: #035981;
    color: #fff;
    padding: 8px
}
.cart-head {
    border-bottom: 1px solid #000;
    text-transform: uppercase
}
.cart-cell {
    width: 51%;
    height: 0
}
.cartgem {
    border-bottom: 2px solid
}
.cartgem td {
    padding: 25px 0!important
}
.carttd {
    border-left: #f2f2f2 solid 1px;
    border-right: #f2f2f2 solid 1px;
    background: #fbfbfb
}
.carttd1 {
    background: #fcfcfc
}
.cartItems li a .imageBox, .cartItems li a .itemDesc, .cartItems li.total h2 {
    float: left;
    display: block
}
.searchInput {
    margin: 0;
    padding: 0 5px;
    width: 65%;
    border: 1px solid #ddd
}
.searchBtn {
    width: 5%;
    -o-border-radius: 0 2em 2em 0;
    -moz-border-radius: 0 2em 2em 0;
    -ms-border-radius: 0 2em 2em 0;
    border: 1px solid transparent
}
.cartDropDown {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 13px;
    background: #598dca;
    cursor: pointer;
    -o-border-radius: 2em;
    -moz-border-radius: 2em;
    -ms-border-radius: 2em
}
.cartDropDown:after, .cartDropDown:hover:after {
    display: none
}
.cartDropDown:after {
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0;
    border-style: solid
}
.cartCount .cartIco {
    margin-right: 10px;
    font-size: 20px
}
.cartCount {
    font-size: 14px;
    line-height: 38px;
    text-transform: capitalize;
    padding: 0 10px
}
.cartCount b {
    font-weight: 400;
    margin-left: 10px;
    padding: 5px 10px;
    background: #47709f;
    border-radius: 5px
}
.cartDropDown:hover .cartCount {
    text-decoration: none
}
.cartItems {
    width: 100%;
    height: auto;
    position: absolute;
    top: 102%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 2px solid #0085c3;
    z-index: 9999;
    box-shadow: 0 0 2px #aaa;
    -webkit-box-shadow: 0 0 2px #aaa;
    -o-box-shadow: 0 0 2px #aaa;
    -moz-box-shadow: 0 0 2px #aaa;
    -ms-box-shadow: 0 0 2px #aaa;
    overflow-y: auto;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.login_box, .registerBox {
    box-shadow: 0 1px 5px #ccc
}
.button, .cartItems li.cartButtons a, .viewBtn {
    vertical-align: middle;
    transition: all .3s ease-in-out 0s;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    zoom: 1
}
#progressbar li, .col-block p {
    text-transform: capitalize;
    color: #000;
}
.cartDropDown:hover .cartItems {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}
.cartItems li {
    display: block;
    padding: 10px 25px 10px 10px;
    border-bottom: 1px solid #eee;
    position: relative
}
.cartItems li:hover {
    background: #f9f9f9
}
.cartItems li a {
    display: block;
    text-decoration: none
}
.cartItems li a .imageBox {
    width: 30%;
    border: 1px solid #f4f4f4;
    margin-right: 5%;
    padding: 5px
}
.cartItems li a img {
    display: block;
    width: 100%;
    height: auto
}
.cartItems li a .itemDesc {
    width: 65%;
    font-size: 14px;
    color: #323a45;
    text-align: left;
    overflow: hidden
}
.cartItems li a .itemDesc b {
    display: block
}
.cartItems li a.removeCartItem i {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: #ff3b30;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    border-radius: 4px
}
.cartItems li.total {
    padding: 10px;
    background: #f8f8f8
}
.cartItems li.total h2 {
    font-size: 16px;
    font-weight: 400;
    padding: 4px 0 4px 10px;
    color: #323a45
}
.cartItems li.total p {
    font-family: "OpenSans Semibold";
    font-size: 18px;
    margin: 0;
    float: right;
    color: #ff3b30;
    display: block
}
.cartItems li.cartButtons {
    background: #fff;
    padding: 10px
}
.button i, .cartItems li.cartButtons a i {
    margin: 0 5px
}
.button.redButton, .cartItems li.cartButtons a.redButton {
    background: #F7A62D
}
.button.greenButton, .cartItems li.cartButtons a.greenButton {
    background: #029802
}
.button.clearBtn, .cartItems li.cartButtons a.clearBtn {
    background: #333
}
.button.disabled {
    background: #ddd;
    color: #777
}
.button.disabled:hover {
    background: #ccc
}
.button:hover, .cartItems li.cartButtons a:hover {
    background: #0170A4
}
.button.redButton:hover, .cartItems li.cartButtons a.redButton:hover {
    background: #e79212
}
.button.greenButton:hover, .cartItems li.cartButtons a.greenButton:hover {
    background: #007f00
}
.button.clearBtn:hover, .cartItems li.cartButtons a.clearBtn:hover {
    background: #111
}
.actionButton a, .actionButton button {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    text-align: center;
    margin: 0 -4px 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    cursor: pointer
}
.smallActionButton a, .smallActionButton button {
    width: 25px;
    height: 25px;
    line-height: 25px
}
.actionButton a i, .actionButton button i, .viewBtn {
    line-height: 100%
}
.actionButton .btnFirst, .actionButton a:first-child {
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px
}
.actionButton .btnLast, .actionButton a:last-child {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0
}
.actionButton .fullbrdr {
    border-radius: 2px!important;
    -webkit-border-radius: 2px!important;
    -o-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    -ms-border-radius: 2px!important
}
.actionButton a.btn-blue, .actionButton button.btn-blue {
    background: #0085C3
}
.actionButton a.btn-blue:hover, .actionButton button.btn-blue:hover {
    border-color: #0085C3;
    color: #0085C3
}
.actionButton a.btn-black, .actionButton button.btn-black {
    background: #222
}
.actionButton a.btn-black:hover, .actionButton button.btn-black:hover {
    border-color: #222;
    color: #222
}
.actionButton a.btn-edit, .actionButton button.btn-edit {
    background: #ff9c00
}
.actionButton a.btn-edit:hover, .actionButton button.btn-edit:hover {
    border-color: #ff9c00;
    color: #ff9c00
}
.actionButton a.btn-green, .actionButton button.btn-green {
    background: #3ddb62
}
.actionButton a.btn-green:hover, .actionButton button.btn-green:hover {
    border-color: #3ddb62;
    color: #3ddb62
}
.actionButton a.btn-close, .actionButton button.btn-close {
    background: #fc5f50
}
.actionButton a.btn-close:hover, .actionButton button.btn-close:hover {
    border-color: #fc5f50;
    color: #fc5f50
}
.actionButton a:hover, .actionButton button:hover {
    background: 0 0;
    text-decoration: none
}
.viewBtn {
    display: inline-block;
    font-size: 12px;
    color: #3a3d42;
    text-align: center;
    padding: 5px 15px;
    border: 2px solid transparent
}
.block_bid_no, .block_header {
    border-bottom: 1px solid #f0f0f0
}
.viewBtn:hover {
    text-decoration: none
}
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px #ccc;
    background: #eee
}
.small-box>.inner {
    padding: 10px
}
.col-block {
    width: 30%;
    margin-right: 10px;
    float: left;
    margin-left: 10px;
}
.small-box p {
    font-size: 16px;
    margin-bottom: 0
}
.add-height {
    display: -webkit-box;
    max-width: 100%;
    height: 47px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis
}
.add-height span {
    font-weight: 700
}

.border {
    border: 1px solid #f0f0f0;
    padding: 7px 5px
}
.block_header {
    /*background: #fff;*/
    padding: 5px;
    margin-bottom: 4px
}
.nav-tabs a{
    color: #000;
}
.bid_no, .congignee, .contract {
    margin-bottom: 0
}
.bid_no {
    background: #0F5E8B;
    color: #fff;
    padding: 5px;
    width: auto
}
.contract {
    width: 32%;
    margin-top: 5px
}
.congignee {
    padding: 5px;
    width: 24%
}
.tab-content {
    font-size: 0.9em;
}
.block_bid_no {
    background: #eee;
    padding: 5px;
    margin-bottom: 4px
}
.block_bid_no p {
    background: #75acd3;
    color: #fff;
    padding: 5px;
    display: table-cell;
    margin-bottom: 0
}
.prorgress-status {
    text-align: center;
    position: relative;
    z-index: 9999;
}
.tooltipLabel .tooltiptext {
    top: 0;
    left: 30%
}
#progressbar {
    counter-reset: step
}
#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 33.33%;
    float: left;
    position: relative
}
#progressbar li:before {
    content: counter(step);
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #3c8dbc;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto 5px;
    color: #fff
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #3c8dbc;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1
}
#progressbar li:first-child:after {
    content: none
}
#progressbar li.active:after, #progressbar li.active:before {
    background: #27AE60;
    color: #27AE60
}
#progressbar li.active-red:after, #progressbar li.active-red:before {
    background: #d9534f;
    color: #d9534f
}
#progressbar li.active-yellow:after, #progressbar li.active-yellow:before {
    background: #f0ad4e;
    color: #fff
}
.navbar {
    padding: 1em 0;
    margin-bottom: 0!important;


}
.navTitle {
    display: none
}
.navbar-inverse, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    /*background-color: #fff!important;*/
    background: transparent;
    border-color: transparent!important
}
.navbar-inverse .navbar-nav>li {
    position: relative;
    padding: 0 15px
}
.navbar-inverse .navbar-nav>li>a {
  
    font-size: 1em;
    padding: 0;
    line-height: 50px;
    position: relative
}

.haschild {
    background: url(/resources/images/down-arrow-red.png);
    background-size: 0.6em;
    background-repeat: no-repeat;
   background-position: right 1.6em;
    padding-right: 1.4em!important;
}
.navbar-inverse .navbar-nav>li.dealIco::before, .navbar-inverse .navbar-nav>li.feedMarket::before, .navbar-inverse .navbar-nav>li.newIco::before {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 10px;
    text-align: center
}
.landing li a {
    text-transform: capitalize!important
}
#breadCrumb ul li, .pageHead h2 {
    zoom: 1;
    vertical-align: middle;
    text-transform: uppercase
}
.navbar-inverse .navbar-nav>li.newIco::before {
    background: #73d33f;
    content: "NEW";
    position: absolute;
    right: 15px;
    top: -10px;
    transition: all .3s ease-out 0s;
    width: 55px
}
.navbar-inverse .navbar-nav>li.feedMarket::after, .navbar-inverse .navbar-nav>li.newIco::after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 14px;
    transition: all .3s ease-out 0s
}
.navbar-inverse .navbar-nav>li.newIco::after {
    border-style: solid;
    border-top-color: #73d33f!important;
    border-width: 6px;
    content: "";
    right: 18px;
    top: 10px
}
.navbar-inverse .navbar-nav>li.feedMarket::before {
    background: #e21f26;
    content: "FEEDBACK";
    position: absolute;
    right: 15px;
    top: -10px;
    transition: all .3s ease-out 0s
}
.navbar-inverse .navbar-nav>li.feedMarket::after {
    border-style: solid;
    border-top-color: #e21f26!important;
    border-width: 6px;
    content: "";
    right: 18px;
    top: 10px
}
.bid::after, .feed::after, .feedback::after, .navbar-inverse .navbar-nav>li.dealIco::after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}
.navbar-inverse .navbar-nav>li.dealIco::before {
    background: #fbb203;
    content: "HOT";
    position: absolute;
    right: 15px;
    top: -10px;
    transition: all .3s ease-out 0s;
    width: 55px
}
.filterHead a i, .pageHead h2 {
    line-height: 100%
}
.navbar-inverse .navbar-nav>li.dealIco::after {
    border-style: solid;
    border-top-color: #fbb203!important;
    border-width: 6px;
    content: "";
    right: 18px;
    top: 10px;
    transition: all .3s ease-out 0s;
    width: 14px
}
.faIcon {
    margin-right: 3px
}
#breadCrumb {
    display: block;
    margin: 0 0 30px;
    padding: 0;
    background: #f8f8f8
}
#breadCrumb ul {
    display: block;
    margin: 0;
    padding: 0
}
#breadCrumb ul li {
    display: inline-block;
    margin-right: 2px;
    font-size: 13px;
    color: #323a45;
    padding: 10px 0
}
#breadCrumb ul li a, #breadCrumb ul li.divider {
    color: #adadad;
    font-size: 13px
}
#breadCrumb ul li a:hover {
    text-decoration: none;
    color: #323a45
}
.pageHead {
    margin: 0 0 20px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 5px;
    text-transform: uppercase
}
.pageHead h2 {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    display: inline-block
}
.otherLinks {
    float: right
}
.otherLinks a {
    display: inline-block;
    font-size: 14px!important;
    margin-right: 20px;
    padding: 0 5px 9px;
    color: #0085c3!important
}
.pageHead a, .pageHead ul li a {
    font-size: 14px
}
.otherLinks a:hover {
    border-bottom: 1px solid #0085c3;
    color: #0085c3!important
}
.filterHead h4, .formHead, .homeHead h2, .invoiceDetails h4, .pageHead h2 span, .subHead, label {
    text-transform: none
}
.pageHead a {
    color: #333
}
.pageHead a span {
    color: #FBB203
}
.pageHead a:hover span {
    text-decoration: none;
    color: #323a45
}
.pageHead .totalAmount a, .pageHead ul li {
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}
.pageHead .totalAmount a {
    color: #fff;
    text-align: left;
    padding: 6px 10px;
    font-size: 14px
}
.filterHead, .filterHead a, .filterHead a i, .homeHead, .invoiceDetails, label {
    display: block
}
.homeHead {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 4px solid transparent
}
.homeHead h2 {
    font-size: 18px;
    color: #323a45;
}
.filterHead h4, .invoiceDetails h4 {
    margin: 0
}
.filterHead {
    clear: both;
    padding: 10px;
    border-top: 2px solid #eee
}
.filterHead h4 {
    font-size: 14px;
    color: #7e7e7e;
    padding: 3px 0;
    text-align: left
}
.filterHead a {
    text-decoration: none;
    color: #7e7e7e;
    font-size: 17px;
    border: 1px solid #eee;
    padding: 2px 6px
}
.filterHead a:hover {
    text-decoration: none;
    border-color: #0085C3;
    color: #0085C3
}
.border1, .formBox, .formHead {
    border: 1px solid #ddd
}
.invoiceDetails h4 {
    font-size: 14px;
    color: #222;
    padding: 10px;
    background: #eee
}
.formHead, .subHead, label {
    color: #111
}
.subHead {
    font-size: 18px;
    padding: 0 0 15px;
    margin: 10px 0;
    border-bottom: 1px solid #ddd;
    font-family: "OpenSans Regular"
}
.login_box {
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    position: relative
}
.registerBox {
    text-align: center;
    padding: 10px;
    background: #FFF
}
.login_box_seller {
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px
}
form {
    margin-top: 0px
}
.formBox {
    margin: 5px 0 0;
    padding: 30px 20px;
    position: relative
}
.formBox.submitBox {
    padding: 0
}
.formHead {
    background: #fff;
    font-size: 14px;
    padding: 10px;
    position: absolute;
    top: -22px;
    font-family: "OpenSans Semibold"
}
.submitBox .formHead {
    left: 20px
}
.formHead small {
    font-size: 80%
}
label, label sup {
    font-size: 14px
}
label {
    margin: 0 0 5px;
    padding: 0 0 0 4px;
    font-weight: 400;
    text-transform: capitalize
}
.border1 {
    padding: 5px
}
.borderright {
    border-right: 2px solid #ddd
}
label .red {
    color: red
}
.input, .select, .textarea {
    display: block;
    border: 1px solid #ddd;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 15px;
    color: #111;
    padding: 5px;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
input[type=number] {
    -webkit-appearance: none;
    -o-appearance: none;
    margin: 0;
    -moz-appearance: none
}
.disabledField {
    background: #eee
}
.textarea {
    height: 80px
}
.input:focus, .select:focus, .textarea:focus {
    border-color: #0085C3;
    box-shadow: 0 0 4px #0085C3
}
input[type=submit] {
    border: 0
}
input[readonly] {
    background: #f8f8f8
}
input[readonly]:focus {
    box-shadow: none;
    border-color: #e5e5e5
}
.checkBox input, .checkBox label {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: auto
}
.checkBox label {
    margin-right: 10px
}
.captchaImg {
    display: block
}
.captchaImg a, .captchaImg img {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.captchaImg a i {
    vertical-align: middle;
    margin-left: 10px
}
.forgotPaswrd a {
    text-align: left;
    display: block
}
.forgotPaswrd a:hover {
    text-decoration: none
}
.ac-custom {
    padding: 0;
    width: 100%;
    display: block;
    max-width: 100%;
    margin: 0 auto
}
.checkboxOptions span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    margin-right: 30px;
    position: relative
}
.checkboxOptions li {
    position: relative;
    margin-bottom: 5px;
    padding: 5px
}
.checkboxOptions label {
    display: inline-block;
    zoom: 1;
    margin: 0;
    font-size: 12px;
    line-height: 25px;
    position: relative;
    padding: 0 0 0 40px;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}
.checkboxOptions input[type=checkbox], .checkboxOptions label::before {
    width: 30px;
    height: 30px;
    margin: 0;
    top: 0;
    left: 0;
    position: absolute;
    cursor: pointer
}
.checkboxOptions input[type=checkbox] {
    opacity: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 100
}
.checkboxOptions label.checkBox::before {
    content: '';
    border: 1px solid #ddd;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
.checkboxOptions input[type=checkbox].disabledField+label.checkBox::before {
    background: #eee
}
.checkboxOptions input[type=checkbox]:checked+label {
    color: #000
}
.checkboxOptions input[type=checkbox]:checked+label::before, .checkboxOptions input[type=radio]:checked+label::before {
    opacity: .8;
    border-color: #0085C3
}
.checkboxOptions svg {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 5px;
    margin-top: 0;
    left: 5px;
    pointer-events: none
}
.checkboxOptions svg path {
    stroke: #0085C3;
    stroke-width: 16px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none
}
.dblCircle input[type=radio] {
    position: absolute;
    visibility: hidden
}
.dblCircle label {
    display: block;
    position: relative;
    font-size: 13px;
    padding: 0 0 0 30px;
    line-height: 160%;
    margin: 0 auto;
    height: auto;
    z-index: 9;
    cursor: pointer;
    color: #444;
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    -webkit-transition: all .25s linear
}
.dblCircle:hover label {
    color: #444
}
.dblCircle .check {
    display: block;
    position: absolute;
    border: 2px solid #AAA;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
    -o-transition: border .25s linear;
    -moz-transition: border .25s linear;
    -ms-transition: border .25s linear
}
.dblCircle:hover .check {
    border: 2px solid #AAA
}
.dblCircle .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background .25s linear;
    -o-transition: background .25s linear;
    -moz-transition: background .25s linear;
    -ms-transition: background .25s linear;
    -webkit-transition: background .25s linear
}
.footerAdd li a, .footerLinks li a {
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.dblCircle input[type=radio]:checked~.check {
    border: 2px solid #0085C3
}
.dblCircle input[type=radio]:checked~.check::before {
    background: #0085C3
}
.dblCircle input[type=radio]:checked~label {
    color: #222
}
.ui-multiselect, .ui-widget-header a {
    color: #333;
    font-size: 13px
}
.ui-multiselect {
    background: rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-radius: 0;
    display: block;
    font-family: ralewayregular;
    font-weight: 400;
    height: 25px;
    margin: 0 5px 0 0;
    max-width: 100%;
    padding: 0 2px;
    vertical-align: middle
}

.ui-multiselect:hover {
    border-color: #ffca24;
    font-weight: 400
}
select.arrowStyle {
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #ef8c08 50%), linear-gradient(135deg, #ef8c08 50%, transparent 50%);
    background-position: calc(100% - 10px) calc(.7em), calc(100% - 6px) calc(.7em);
    background-repeat: no-repeat;
    background-size: 4px 4px, 4px 4px
}
select.arrowStyle:focus {
    border-color: #ffca24
}
.st_dst_display p {
    color: #666;
    display: block;
    font-size: 12px;
    margin: 5px 0;
    padding: 0 0 0 33.33%;
    width: 100%
}
.aadhaarNumber, .registerNumber {
    display: none
}
.budgetHead h4, .categoryHead, .input-group-btn .btn, .quickView, .registerBox h2 span, .sidebarHead h3, .table-outline h4, .tag span {
    text-transform: uppercase
}
#footer {
    margin-top: 20px;
    display: block;
    color: #000
}
.footer-top {
    background: #f8f8f8;
}
.footer-middle {
    background: #837769;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    padding: 15px 0;
    width: 100%
}
#footer a {
      color: #959595;
      /*font-weight: 600;*/
}
.footerAdd {
    display: block;
    margin: 0;
    padding: 0
}
.footerAdd li {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
    list-style: none
}
.footerAdd li a i, .footerAdd li i {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 31px;
    font-size: 19px;
    margin-right: 15px;
    text-align: center
}
.footerAdd li.last {
    margin-bottom: 0
}
.footerAdd li a {
    display: block;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.footerAdd li a h4, .footerAdd li a i {
    display: block;
    float: left
}
.footerAdd li a h4 {
    color: #fff;
    margin: 5px 0
}
.footerAdd li a h4 span {
    display: block;
    margin-top: 5px;
    text-transform: none;
    color: #f4f4f4
}
.footerHead {
    display: block
}
.footerHead h4 {
    font-family: "OpenSans Semibold";
    color: #fff;
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.footerHead h4:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 30%;
    background: #fff;
    height: 4px
}
.footer img, .ftrLogos li a img {
    width: auto;
    max-width: 100%
}
.footerLinks {
    display: block;
    margin: 0;
    padding: 0
}
.footerLinks li {
    display: block;
    margin-bottom: 10px
}
.footerLinks li a {
    font-size: 14px;
    text-decoration: none;
    color: #f4f4f4;
    padding: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.disclaimer {
    font-size: 12px;
    color: #fff
}
.footerLinks li a i {
    margin-right: 10px
}
#footer a:hover {
       color: #F5821F;
    text-decoration: none
}
.copyright {
   background: #05256e;
    padding: 0;
    margin: 0
}
.copyright ul, .lowerFooterLink {
    text-align: center
}
.lowerFooterLink ul {
    padding: 0!important;
    margin: 13px 0
}
.lowerFooterLink li:first-child {
    padding-left: 0
}
.lowerFooterLink ul li {
    padding: 0 6px;
    color: #fff;
    display: inline-block
}
.lowerFooterLink ul li a {
    margin: 0;
    font-size: 13px;
    color: #fff;
    width: auto;
    white-space: nowrap;
    -webkit-white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    text-align: center;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.lowerFooterLink ul li:last-child {
    border-right: none
}
#footer-link ul li {padding: 0 14px;  }

.ministryIcon li {
    display: inline-block;
    padding: 0 10px
}
.ministryIcon li a {
    border: 0;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}
.defaulters li {
    display: inline-block;
    margin-right: 8px;
    padding: 5px;
    border: 1px solid #fff
}
.defaulters {
    margin-top: 35px
}
.ministryIcon li .last img {
    width: 40%
}
.footer-top ul.socialLinks li {
    float: left;
    margin: 3px
}
.footer-top ul.socialLinks li a {
    border: 0;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 20px
}
.footer-top ul li a {
       color: #484848 !important;
    font-size: 1em;

    text-decoration: none
}
.footer-top ul.socialLinks li a em {
    display: inline-block;
    text-indent: -9999px
}
.footer-top ul.socialLinks li:hover a {
    background: #014898;
    color: #fff
}
.footer-top ul.socialLinks li a:hover span {
    color: #fff
}
.footer-top ul.socialLinks li a.fb {
    background: #3A589B
}
.footer-top ul.socialLinks li a.fb:hover {
    background: #2E3F63
}
.footer-top ul.socialLinks li a.tw {
    background: #598DCA
}
.footer-top ul.socialLinks li a.tw:hover {
    background: #416999
}
.footer-top ul.socialLinks li a.gp {
    background: #DD4D40
}
.footer-top ul.socialLinks li a.gp:hover {
    background: #BA3F37
}
.footer-top ul.socialLinks li a.yt {
    background: #DA2723
}
.footer-top ul.socialLinks li a.yt:hover {
    background: #961B17
}
.footer-top ul.socialLinks li a.android {
    background: #97C024
}
.footer-top ul.socialLinks li a.android:hover {
    background: #6FAC42
}
.footer-top ul.socialLinks li a.apple {
    background: #C6C7C9
}
.footer-top ul.socialLinks li a.apple:hover {
    background: #666
}
.footer-top ul.socialLinks li a.linkedin {
    background: #1B86BC
}
.footer-top ul.socialLinks li a.linkedin:hover {
    background: #666
}
.carousel {
    max-height: 420px;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee
}
.carousel-caption {
    left: 0;
    top: 5%;
    padding-bottom: 30px;
    right: auto
}
.carousel-caption h2 {
    background: rgba(0,0,0,.6);
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    font-size: 20px;
    padding: 12px 20px;
    height: 90px;
    text-align: left;
    position: relative;
    line-height: 160%
}
.carousel-caption h2 span {
    font-family: DosisBold
}
.carousel-caption h2:after {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 0;
    right: -45px;
    border-top: 45px solid transparent;
    border-bottom: 45px solid transparent;
    border-left: 45px solid rgba(0,0,0,.6)
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 30px;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    list-style: none
}
.list-group-item.submenu>a, .list-group>ul {
    position: relative
}
.carousel-indicators li {
    display: inline-block;
    width: 20px;
    height: 8px;
    margin: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0
}
.carousel-indicators .active {
    margin: 0;
    width: 20px;
    height: 8px;
    background-color: #036491
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%
}
.carousel-control, .dropdown {
    width: auto
}
.carousel-control.left, .carousel-control.right {
    background: 0 0
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    margin: 0;
    font-size: 16px;
    background: #0085C3;
    width: 20px;
    height: 30px;
    line-height: 28px
}
.mini-submenu {
    display: none;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,.9);
    border-radius: 4px;
    padding: 9px;
    width: 42px
}
.mini-submenu:hover {
    cursor: pointer
}
.mini-submenu .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    margin-top: 3px;
    background-color: #000
}
.categoryHead {
    padding: 0 0 0 70px;
    display: block;
    font-family: "OpenSans Regular";
    font-size: 18px;
    line-height: 55px;
    color: #fff;
    border-radius: 2px 0 0;
    -webkit-border-radius: 2px 0 0;
    -o-border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0;
    -ms-border-radius: 2px 0 0 0
}
.catSubMenu .submenu>a:after, .list-group-item.submenu>a:after {
    right: 5%;
    font-family: FontAwesome;
    vertical-align: middle;
    zoom: 1
}
#slide-submenu {
    padding: 11px 10px 11px 28px;
    line-height: 20px;
    font-size: 15px;
    border-radius: 0;
    cursor: pointer;
    overflow: hidden
}
.list-group {
    margin: 0
}
.list-group>ul {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 99;
    margin: 0;
    min-height: 355px;
    border-top: 0;
    width: 100%;
    box-shadow: 0 1px 5px #ccc
}
.catSecSubMenu li a i, .navbar-brand {
    margin-right: 10px
}
.list-group-item {
    padding: 0;
    border: 0;
    background: 0 0;
    margin-bottom: 0
}
.list-group-item a {
    background-color: #fff;
    margin-bottom: 0;
    padding: 9px 15px;
    display: block;
    position: relative;
    color: #6d6d5d;
    font-size: 15px;
    text-decoration: none;
    border: 0;
    border-bottom: 1px solid #eee
}
.list-group-item.active i, .list-group-item>.badge {
    float: none;
    clear: both
}
.list-group-item:hover>a, .list-group-item>a:focus {
    background: #f8f8f8;
    text-decoration: none
}
.list-group-item.submenu>a:after {
    position: absolute;
    top: 30%;
    display: inline-block;
    content: "\f105"
}
.list-group-item a.active, .list-group-item a.active:focus, .list-group-item a.active:hover {
    padding: 0;
    background: #0085C3;
    height: 55px;
    border-radius: 2px 0 0;
    -webkit-border-radius: 2px 0 0;
    -o-border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0;
    -ms-border-radius: 2px 0 0 0
}
.list-group-item:first-child {
    border-radius: 2px 0 0;
    -webkit-border-radius: 2px 0 0;
    -o-border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0;
    -ms-border-radius: 2px 0 0 0
}
.catSubMenu {
    display: block;
    width: 250px;
    background: #fff;
    border: 1px solid #ddd;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 9999;
    padding: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.catSubMenu>ul {
    display: block;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -o-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
    -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
    -o-column-rule: 1px solid #ddd;
    -ms-column-rule: 1px solid #ddd;
    column-rule: 1px solid #ddd;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid
}
.catSubMenu li {
    -moz-page-break-inside: avoid;
    page-break-inside: avoid
}
.width550 {
    width: 550px
}
.list-group-item:hover .catSubMenu {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}
.list-group-item>.catSubMenu ul li a:focus, .list-group-item>.catSubMenu ul li:hover a {
    background: 0 0;
    text-decoration: none;
    text-transform: capitalize
}
.catSecSubMenu, .catSecSubMenu li, .catSubMenu .submenu a, .catSubMenu ul, .catSubMenu ul li {
    border: 0;
    text-transform: capitalize
}
.catSubMenu>.row>.col-md-6.col-xs-12.noPadding {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-left: -1px
}
.catSubMenu .submenu>a {
    font-size: 14px;
    color: #0085C3;
    text-align: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 10px
}
.catSubMenu .submenu>a:after {
    position: absolute;
    top: 30%;
    display: inline-block;
    content: ""
}
.catSecSubMenu {
    display: block;
    width: 100%
}
.list-group-item>.catSubMenu ul {
    height: auto;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid
}
.catSecSubMenu li a {
    padding: 5px 10px
}
.list-group-item>.catSubMenu .catSecSubMenu li:hover a, .list-group-item>.catSubMenu .catSecSubMenu li:hover a:focus {
    background: #f8f8f8;
    text-decoration: none
}
.catThirdSubMenu li {
    display: block
}
.list-group-item>.catSubMenu .catSecSubMenu li:hover ul li {
    background: 0 0;
    text-decoration: none
}
.list-group-item>.catSubMenu .catSecSubMenu li:hover ul.catThirdSubMenu li:hover {
    background: #f8f8f8
}
.catSecSubMenu li:hover ul.catThirdSubMenu, .list-group-item>.catSubMenu .catSecSubMenu li:hover ul.catThirdSubMenu li a, .list-group-item>.catSubMenu .catSecSubMenu li:hover ul.catThirdSubMenu li a:focus, ul.catThirdSubMenu {
    background: #fff
}
.list-group-item>.catSubMenu .catSecSubMenu li ul.catThirdSubMenu li a, .list-group-item>.catSubMenu .catSecSubMenu li ul.catThirdSubMenu li a:focus {
    padding: 2px 15px
}
.list-group-item>.catSubMenu .catSecSubMenu li:hover ul.catThirdSubMenu li:hover a, .list-group-item>.catSubMenu .catSecSubMenu li:hover ul.catThirdSubMenu li:hover a:focus {
    background: #f8f8f8
}
.catThirdSubMenu {
    padding-left: 10px
}
.catThirdSubMenu i {
    font-size: 10px
}
.dropdown-menu li {
    display: block;

}
.navbar.indexNavBar {
    margin-bottom: 0
}


.navbar-inverse .indexNav>li {
    border-right: none
}
.navbar-inverse .indexNav li>a {
    font-family: "OpenSans Semibold";
    font-size: 15px;
    color: #fff!important;
    line-height: 100%;
    text-transform: none;
    text-decoration: none;
    display: block;
    padding: 15px 0
}
.pBrand, .productTitle h2 {
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis
}
.navbar-inverse .indexNav li>a::after {
    background: 0 0
}
#indexHeader {
    background-color: #fff;
    box-shadow: 0 1px 5px #ccc
}
.navbar-header.indexLogo {
    width: 12%
}
.navbar-brand>img, .selectTop {
    display: block;
    width: 100%
}
.navbar-brand {
    height: auto;
    display: block;
    max-width: 68%;
    padding: 0
}
.indexLogo .navbar-brand {
    padding: 8px 0
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li:hover>a, .navbar-inverse .navbar-nav>li:hover>a:focus {
    background: 0 0;
    color:#F5821F;
}

.dropdown-menu li{
    border-bottom: 1px solid #ececec;
    margin: 0px 0px 4px -6px;
}

.dropdown-menu li a{
     padding: 5px 9px;
}
.last-style
{
    border-bottom: none !important;
}
.dropdown-menu > li > a :hover{
    color:red !important;
}
.navbar-nav>li>.dropdown-menu {
    left: 0px !important;
      background: #07222e;
       min-width: 8.4em !important;
border: 1px solid #818080;
  padding: 0px 11px 0px 16px !important;

         border-radius: 0px 0px 0px 0px !important;
        font-size: 1em;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}

.navbar-inverse .navbar-nav>li:hover>.dropdown-menu, .navbar-nav>li.open>.dropdown-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}
.navbar-inverse .indexNav li ul.dropdown-menu li {
    display: block;
    border-bottom: 1px solid #eee
}
.select-style {
     position: relative;
     top: 0.4em;
    border: none;
    width: 4.9em;
    border-radius: 3px;
    overflow: hidden;
    background: url(https://assets-bg.gem.gov.in/resources/images/down-arrow.svg);
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: right 0.3em;
    height: 1.5em;
    float: right;
}
   
.select-style select {
    padding: 0;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
.navbar-inverse .indexNav li ul.dropdown-menu li a {
    padding: 10px;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    display: block;
    font-family: "OpenSans Regular";
    opacity: 1
}
.navbar-inverse .indexNav li ul.dropdown-menu li a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}
.selectTop {
    background: #fff;
    border: 1px solid #ddd;
    color: #111;
    font-size: 13px;
    height: 27px;
    margin-top: 12px;
    padding: 5px;
    transition: all .3s ease-in-out 0s
}
.dropbtn {
    background-color: #4CAF50;
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer
}
.dropdown-content, .user_dropdown {
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    z-index: 9999;
    right: 0
}
.bid::after, .feed::after, .feedback::after {
    transition: all .3s ease-out 0s;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    height: 12px;
    border-style: solid;
    border-width: 6px
}
.dropdown, .productImageBox img {
    transition: all .3s ease-in-out 0s
}
.login_user_name {
    border-left: 1px #666 solid
}
.dropdown {
    line-height: 50px;
    white-space: nowrap;
    -webkit-white-space: nowrap;
    -moz-white-space: nowrap;
    -ms-white-space: nowrap;
    -o-white-space: nowrap;
    text-align: center;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.dropdown-content a, .user_dropdown a {
    padding: 12px 16px;
    text-align: left!important;
    text-decoration: none
}
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px
}
.dropdown-content a, .dropdown-submenu:hover>.dropdown-menu, .dropdown:hover .dropdown-content {
    display: block
}
.user_dropdown {
    display: none;
    position: absolute;
    min-width: 300px
}
.dropdown-submenu:hover>.dropdown-menu, .dropdown:hover .user_dropdown, .user_dropdown a {
    display: block
}
.bid::before, .calander::before, .feed::before, .feedback::before {
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    padding: 2px 9px;
    position: absolute;
    transition: all .3s ease-out 0s;
    color: #fff
}
.user_dropdown a:hover {
    background-color: #f1f1f1
}
.dropdown:hover .dropbtn {
    background-color: #3e8e41
}
.bid::before {
    background: #fbb203;
    content: "NOTIFICATION";
    right: 15px;
    top: 0;
    text-align: center
}
.bid::after {
    border-top-color: #fbb203!important;
    content: "";
    position: absolute;
    right: 18px;
    top: 24px
}
.feedback::before {
    background: #e21f26;
    content: "FEEDBACK";
    right: 15px;
    top: -15px;
    text-align: center;
    width: 96px
}
.feed::before {
    background: #fc7138;
    content: "VENDOR'S ATTENTION";
    right: 26px;
    top: 0;
    text-align: center;
    width: 156px
}
.feed::after {
    border-top-color: #fc7138!important;
    position: absolute;
    right: 30px;
    top: 9px
}
.dropdown-submenu>a:after, .feed::after, .feedback::after, .listStyle li:before, .productThumb a.active:after {
    content: ""
}
.feedback::after {
    border-top-color: #e21f26!important;
    position: absolute;
    right: 18px;
    top: 9px;
    width: 14px
}
.calander::before {
    background: #8e352e;
    content: "CALENDAR";
    right: 15px;
    top: 0;
    text-align: center;
    width: 83px
}
.calander::after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-style: solid;
    border-top-color: #8e352e!important;
    border-width: 6px;
    content: "";
    right: 18px;
    top: 24px;
    width: 14px;
    z-index: 2;
    position: absolute
}
.qv:before, .subList li:before {
    content: "\f105"
}
.dropdown-submenu {
    position: relative
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    white-space: normal
}
.dropdown-submenu>.dropdown-menu li a {
    white-space: normal
}
.dropdown-submenu>a:after {
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #727272;
    position: absolute;
    top: 13px;
    right: 5px
}
.fsco img {
        width: 2em !important;
}
.indexcarousel .carousel-caption h3, .registerBox h2 {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}
.dropdown-submenu.pull-left {
    float: none
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}
.indexsearch {
    padding: 10px
}
.indexsearch .catDropDown, .indexsearch .searchInput {
    border-color: #F7A62D
}
.indexsearch .catDropDown::after {
    border-color: #F7A62D transparent
}
.indexsearch .searchBtn:hover {
    background: #e79212;
    border-color: #e79212
}
.indexsearch:hover .catDropDown, .indexsearch:hover .searchInput {
    border-color: #e79212
}
.indexsearch:hover .catDropDown::after {
    border-color: #e79212 transparent
}
.carousel.indexcarousel {
    margin: 50px 0 0
}
.indexcarousel .carousel-caption h3 {
    font-size: 30px;
    background: rgba(0,0,0,.6);
    padding: 15px 30px;
    border-radius: 2px
}
.indexcarousel .carousel-caption {
    left: 10%;
    padding-bottom: 0;
    right: auto;
    top: auto;
    bottom: 50px;
    width: 80%
}
.indexcarousel .carousel-indicators {
    text-align: center;
    left: 0;
    bottom: 5px;
    margin: 0
}
.sellerReg {
    background: #4C9C1F
}
.govtUserReg {
    /*background: url(../images/govtUserBg.jpg) center center no-repeat*/
}
.guestUserReg {
   /* background: url(../images/guestUserBg.jpg) center center no-repeat*/
}
.registerBox h2 {
    font-size: 16px;
    line-height: 140%;
    margin-right: 20px;
    padding: 35px 20px 35px 35%;
    text-align: right
}
.registerBox.guestUserReg h2 {
    padding-left: 49%
}
.registerBox h2 span {
    display: block;
    font-size: 160%;
    color: #fdc00f;
    font-family: karlabolditalic
}
.registerBox .button {
    margin-top: 5px
}
.registerBox.sellerReg h2 {
    padding: 10px 0;
    text-align: center;
    display: block;
    margin: 0
}
.registerBox.sellerReg .button {
    margin-top: 0
}
.registerBox.sellerReg img {
    margin: 10px auto;
    display: block
}
.forgetPaswrdPage .registerBox.orangeBorder {
    margin-top: 20px
}
.greyGradient, .productBox {
    margin: 10px 0;
    display: block
}
.forgetPaswrdPage .registerBox h2 {
    padding: 18px 20px 18px 0
}
.greyGradient {
    border: 0;
    background: #f8f8f8;
    background: -moz-linear-gradient(left, rgba(248,248,248,1) 0, rgba(221,221,221,1) 50%, rgba(248,248,248,1) 100%);
    background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0, rgba(221,221,221,1) 50%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to right, rgba(248,248,248,1) 0, rgba(221,221,221,1) 50%, rgba(248,248,248,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=1);
    height: 1px;
    width: 100%
}
.registerBox a:hover {
    color: #fff;
    text-decoration: none
}
.rightContent {
    display: block
}
.productBox form {
    margin-top: 0
}
.productBox li {
    display: block;
    float: left;
    width: 23%;
    margin: 0 2% 30px 0;
    padding: 3px 10px;
    position: relative;
    border: 1px dashed #ccc;
    box-sizing: border-box
}
.productDetailPage li {
    width: 20%
}
.productImageBox {
    z-index: -9;
    height: auto;
    width: 100%;
    display: block;
    margin: 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8
}
.productImageBox .helper {
    display: inline-block;
    zoom: 1;
    height: 100%;
    vertical-align: middle
}
.productBox li a {
    display: inline-grid;
    position: relative
}
.productBox li a:hover {
    text-decoration: none
}
.productImageBox img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.productDesc {
    display: block;
    margin: 0
}
.compare a span {
    color: #333;
    font-size: 13px;
    display: block;
    text-decoration: none
}
.button, .cartItems li.cartButtons a {
    display: inline-block;
    width: auto;
    min-width: 70px;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    background: #0085c3;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border: 0;
    text-align: center;
    cursor: pointer
}
.compare input {
    width: 25px;
    height: 14px;
    top: 2px;
    position: relative
}
.productTitle {
    display: block;
    margin: 0
}
.pBrand {
    color: #666;
    font-size: 13px;
    margin-bottom: 11px;
    padding: 0;
    height: 22px;
    margin-top: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-height: 18px
}
.product-discount {
    font-size: 11px;
    z-index: 1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #999;
    padding: 2px 5px 1px;
    margin-top: -1px
}
.productTitle h2 span, table .productTitle h2 span {
    color: #6d6d6d;
    font-size: 14px;
    display: block
}
.productTitle h2 {
    height: 40px;
    color: #666;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 18px;
    font-size: 12px
}
.productPrice, .productPrice h4, .productPrice p, .productQtyCart {
    display: block
}
.stars {
    text-align: center
}
.stars i {
    color: #fbb203
}
.productPrice {
    margin: 0
}
.productPrice p {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 100%;
    padding-top: 2px
}
.productPrice .discount-price {
    margin-right: 15px;
    text-decoration: line-through;
    color: #ccc;
    line-height: 100%
}
.productPrice h4 {
    font-size: 14px;
    font-weight: 700;
    color: #6d6d6d
}
.productCart, .productQty {
    display: block;
    float: left
}
.productQty {
    width: 50%;
    padding: 10px 5px;
    float: right
}
.compare, .productCart {
    width: 100%
}
.productQty span {
    font-size: 12px;
    color: #6d6d6d;
    margin: 0 2px 0 0;
    padding: 0
}
.productQty .inputBox {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 60%
}
.productQty .inputBox .buttons, .productQty .inputBox input {
    display: block;
    float: left
}
.productQty .inputBox .buttons {
    width: auto
}
.productQty .inputBox .buttons span {
    display: block;
    margin: 0;
    padding: 0 5px;
    height: 15px;
    background: #eee;
    color: #7e7e7e;
    font-size: 9px;
    cursor: pointer;
    border: 1px solid #ddd
}
.productQty .inputBox .buttons span i {
    line-height: 17px
}
.productQty .inputBox .buttons span:hover {
    color: #0085C3
}
.productQty .inputBox input {
    width: 40px;
    height: 30px;
    border: 1px solid #eee;
    text-align: center
}
.productCart a, .productCart button {
    display: block;
    text-decoration: none
}
.productCart a i, .productCart button i {
    background: #fcb203;
    color: #fff;
    font-size: 11px;
    padding: 10px
}
.productCart a i, .productCart a span, .productCart button i, .productCart button span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.productCart a span, .productCart button span {
    color: #333;
    font-size: 13px;
    display: block;
    background-color: #F7F8FA;
    border: 1px solid #C4C6CF;
    padding: .3em .6em;
    border-radius: 3px;
    text-decoration: none
}
.quickView, .tag span {
    color: #000;
    font-weight: 700;
    display: block;
    text-align: center
}
.tag {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 0 1px 40px;
    top: 0;
    left: 0;
    background: #ddd
}
.tag span {
    line-height: 48px;
    font-size: 13px
}
.quickView {
    width: 100%;
    height: auto;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform-origin: center;
    -webkit-transform-origin: center;
    -o-transform-origin: center;
    -moz-transform-origin: center;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.quickView label {
    font-size: 13px;
    line-height: 61%;
    padding: 10px 0;
    background: #0085C4;
    color: #fff;
    margin-top: 6px
}
.productBox li:hover .quickView {
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}
.qv:before {
    font-family: fontawesome;
    position: absolute;
    font-size: 18px;
    margin-top: 1px;
    margin-left: 10px;
    left: 65%;
    top: 9px;
    font-weight: 100;
    padding: 1px;
    height: 14px;
    line-height: 11px;
    width: 4px
}
.discountPrice {
    margin-right: 6px;
    font-size: 14px;
    font-weight: 700
}
.stickyCompareBar {
    max-width: 100%
}
.stick {
    position: fixed;
    z-index: 9999;
    top: 0
}
.productBox li:hover .productImageBox img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1)
}
.orangeBorder li:hover {
    border-color: #FBB203
}
.redBorder .productCart a:hover i, .redBorder li:hover .quickView:hover {
    background: #ED7986
}
.redBorder li:hover {
    border-color: #ED7986
}
.redBorder .productCart a:hover span {
    color: #ED7986
}
.blueBorder .productCart a:hover i, .blueBorder li:hover .quickView:hover {
    background: #0085C4
}
.blueBorder li:hover {
    box-shadow: 0 5px 17px 0 rgba(23,84,116,.18);
    border: 1px dashed #000
}
.blueBorder .productCart a:hover span {
    color: #0085C4
}
.bestSellers {
    display: block
}
.sidebarHead {
    display: block;
    border-radius: 2px 2px 0 0
}
.block {
    box-shadow: 0 1px 5px #ccc;
    border-top: 3px solid #fbb203;
    margin-bottom: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border-bottom: 4px solid #0085c3 !important;
    border: none;
    font-size: 1em !important;
}
.sidebarHead h4 {
    color: #000;
    font-size: 18px;
    padding: 11px;
    line-height: 100%;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    margin: 0
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
ul.sidebarProducts {
    display: block;
    border: 1px solid #eee;
    border-top: 0;
    margin-bottom: 0px;
}
ul.sidebarProducts li {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
}
ul.sidebarProducts li:last-child {
    border-bottom: 0;

}
ul.sidebarProducts li a {
    display: block
}
ul.sidebarProducts li .imgBox, ul.sidebarProducts li .sidebarProduct {
    display: block;
    float: left
}
ul.sidebarProducts li .sidebarProduct {
    width: 70%
}
ul.sidebarProducts li .imgBox {
    width: 25%;
    height: auto;
    margin-right: 4%
}
ul.sidebarProducts li .imgBox img {
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    max-width: 100%
}
ul.sidebarProducts li .productTitle {
    display: block;
    margin: 0
}
ul.sidebarProducts li .productTitle h2 {
    font-size: 13px;
    text-align: left;
    color: #010101;
    padding: 0
}
ul.sidebarProducts li .productTitle h2 p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize!important
}
ul.sidebarProducts li .productTitle h2 span {
    color: #6d6d6d;
    display: block;
    font-size: 12px
}
ul.sidebarProducts li .productTitle .stars i {
    color: #fbb203;
    line-height: 120%;
    font-size: 13px
}
ul.sidebarProducts li .productPrice {
    display: block;
    margin: 10px 0 0;
    text-align: left
}
ul.sidebarProducts li .productPrice h4 {
    font-size: 13px;
    margin: 0;
    display: block;
    font-weight: 700
}
ul.sidebarProducts li:hover {
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0, rgba(248,248,248,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0, rgba(248,248,248,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1)
}
.compareBar ul.sidebarProducts {
    text-align: left;
    border: 0;
    background: #f4f4f4;
    padding: 10px;
    position: relative
}
.compareBar ul.sidebarProducts li {
    padding: 10px;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 21%;
    margin-right: 1%;
    border: 1px dashed #ddd;
    background: #fff;
    min-height: 58px
}
.removeButton, .removeCompareBox {
    position: absolute;
    top: 2px;
    right: 2px
}
.compareBar ul.sidebarProducts li h5 {
    color: #7e7e7e;
    text-align: center;
    display: block
}
.compareBar ul.sidebarProducts li.lastButton {
    width: auto;
    border: none;
    padding: 0;
    min-height: 10px
}
.compareBar ul.sidebarProducts li .imgBox {
    height: auto;
    width: auto;
    display: block;
    margin: 0 10px 0 0
}
.compareBar ul.sidebarProducts li .imgBox img {
    height: auto;
    max-height: 40px;
    display: block;
    margin: 0;
    width: auto;
    max-width: 50px
}
.compareBar ul.sidebarProducts li .sidebarProduct {
    width: 50%
}
.removeButton a, .removeCompareBox a {
    width: 20px;
    height: 20px;
    color: #fff;
    display: block
}
.compareBar ul.sidebarProducts li .productTitle h2, .compareBar ul.sidebarProducts li .sidebarProduct {
    text-align: left
}
.removeButton a {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: red;
    text-align: center;
    line-height: 20px
}
.removeButton a i {
    line-height: 100%
}
.removeCompareBox a {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #7e7e7e;
    text-align: center;
    line-height: 20px
}
.removeCompareBox a i {
    line-height: 100%
}
.banner {
    display: block;
    width: 100%;
    margin: 40px 0 0;
    height: auto
}

.banner img, .sideBanner img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.banner:hover img {
    box-shadow: 0 0 4px #aaa;
    -webkit-box-shadow: 0 0 4px #aaa;
    -o-box-shadow: 0 0 4px #aaa;
    -moz-box-shadow: 0 0 4px #aaa;
    -ms-box-shadow: 0 0 4px #aaa
}
.sellerCarousel {
    max-height: 105px;
    border: 0;
    position: relative
}
.sellerCarousel .controls {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    z-index: 99
}
.sellerCarousel .controls a {
    display: block;
    width: 15px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    background: #eee;
    color: #7e7e7e;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}
.sellerCarousel .controls a i, a.filterArrow i {
    line-height: 100%
}
.sellerCarousel .controls a:hover {
    text-decoration: none;
    background: #0085C3;
    color: #fff
}
.sellerCarousel .controls a.left {
    float: left
}
.budgetHead, .sellerCarousel .controls a.right {
    float: right
}
.col-item {
    border: 1px solid #eee;
    background: #FFF;
    width: 150px;
    height: 105px;
    text-align: center
}
.col-item .photo {
    width: 100%;
    height: 100%
}
.col-item .photo .helper {
    height: 100%;
    display: inline-block;
    zoom: 1;
    vertical-align: middle
}
.filterBox, a.filterArrow, a.filterArrow i {
    display: block
}
.col-item .photo img {
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle
}
a.filterArrow {
    text-decoration: none;
    color: #4db7eb;
    font-size: 17px;
    border: 1px solid #4db7eb;
    padding: 2px 6px;
    margin: 12px 10px
}
a.filterArrow:hover {
    text-decoration: none;
    border-color: rgba(0,0,0,.2);
    color: #333
}
.filterBox {
    box-shadow: 0 1px 5px #ccc;
    border-top: 3px solid #4db7eb;
    margin-bottom: 20px;
    padding: 6px 0
}
.filterBox ul, .filterBox ul li, .rangeSlider {
    display: block;
    margin: 0
}
.filterBox ul {
    padding: 10px
}
.filterBox ul li {
    padding: 0
}
.contentscroll {
    padding: 0 10px;
    max-height: 150px;
    overflow: auto
}
.filterBox .checkboxOptions {
    padding: 10px 0
}
.filterBox .checkboxOptions input[type=checkbox], .filterBox .checkboxOptions label::before {
    width: 20px;
    height: 20px
}
.filterBox .checkboxOptions label {
    line-height: 20px;
    padding: 0 0 0 30px
}
.filterBox .checkboxOptions svg {
    width: 15px;
    height: 15px;
    top: 2px;
    left: 3px
}
.filterBox .checkboxOptions svg path {
    stroke-width: 10px
}
.rangeSlider {
    padding: 0 10px
}
.rangeSlider .button, .sliderBox {
    display: inline-block;
    zoom: 1;
    vertical-align: top
}
.budgetHead, .filter, .filterSubBox p, .inlineParameters li, .pageHead a.filter, .productDetail .productBtn a, .productDetail .stars, .productDetail a, .rangeSlider b, .totalAmount p, table .productCart a {
    zoom: 1;
    vertical-align: middle
}
.sliderBox {
    width: 78%;
    margin-right: 5%
}
.rangeSlider .button {
    width: auto;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 18px
}
.rangeSlider .button:hover {
    color: #fff;
    text-decoration: none
}
.rangeSlider .slider, .rangeSlider p {
    display: block
}
.rangeSlider p {
    font-size: 14px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 0
}
.rangeSlider .ui-slider {
    width: 100%;
    margin: 0;
    background: #fff;
    border: 1px solid #F7A62D
}
.ui-slider-horizontal .ui-slider-range {
    background: #F7A62D
}
.rangeSlider .sliderBox .ui-slider-handle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #0085C3;
    border-color: #035981
}
.filter, .pageHead a.filter {
    display: inline-block;
    font-size: 14px;
    background: #f4f4f4;
    color: #222;
    padding: 5px 8px;
    border: 1px solid #ddd;
    cursor: pointer
}
.filter:hover, .pageHead a.filter:hover {
    background: #fff;
    border-color: #0085C3;
    color: #0085C3
}
.filterSubBox {
    display: block;
    background: 0 0;
    padding: 10px 5px
}
.filterSubBox .button {
    width: auto;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 18px
}
.filterSubBox .button:hover {
    color: #fff;
    text-decoration: none
}
.filterSubBox p, .rangeSlider b {
    display: inline-block;
    font-size: 20px;
    line-height: 100%;
    padding: 8px 0 0;
    font-weight: 400
}
.filterSubBox p {
    display: block;
    padding-right: 5px
}
.searchProduct {
    display: block;
    padding: 10px;
    background: #f4f4f4
}
.searchProduct small {
    font-family: karlaitalic
}
.compareProduct {
    position: relative;
    min-height: 40px
}
.compareProduct h5 {
    font-size: 20px;
    text-align: center;
    color: #7e7e7e
}
.input-group .form-control {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-family: karlaregular;
    z-index: 0
}
.input-group-btn .btn, table th {
    font-family: "OpenSans Semibold"
}
.input-group-btn .btn {
    font-size: 19px;
    line-height: 110%;
    color: #fff;
    background: #0F5E8B;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.input-group-btn .btn:hover {
    background: #0170A4
}
.input-group-btn .btn i {
    line-height: 110%;
    display: block
}
table .removeButton {
    top: 0;
    right: 0
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-right: 1px solid #dedede!important;
    text-align: left
}
table .removeButton a {
    display: block
}
table .removeButton a i {
    line-height: 100%
}
table .productTitle {
    width: 100%;
    display: block
}
table .stars i {
    color: #fbb203
}
table .tableImage {
    display: block;
    padding: 0;
    width: 100%
}
table .tableImage img {
    display: block;
    width: auto
}
.tablePrice {
    font-size: 12px
}
.font26 {
    font-size: 26px
}
table .lightGreyBg {
    background: #f4f4f4;
    border: 0
}
table .greyBg {
    background: #eee;
    border: 0
}
.table-bordered, .table-bordered>thead>tr>th, table thead th {
    border-color: #aaa
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 1px!important
}
table th {
    font-size: 13px;
    color: #000
}
.budgetHead h4, .orderHeader h2, .orderSummary p, .table-outline h4 {
    font-family: karlabold
}
table thead th {
    background-color: #ccc;
    color: #010101
}
table .button {
    margin: 0
}
table .button.mrgnRight10 {
    margin-right: 10px
}
table .productCart {
    background: #f4f4f4
}
table .productCart a {
    border: 1px solid #F7A62D;
    display: inline-block;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
table .productCart a i {
    background: #F7A62D
}
table .productCart a span {
    padding: 0 10px;
    color: #222;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
table .productCart a:hover {
    background: #e79212
}
table .productCart a:hover span {
    color: #fff
}
.table-outline {
    border: 1px solid #eee
}
.recommendedProducts .productTitle span {
    display: block
}
.budgetHead {
    display: inline-block;
    border: 1px solid #ddd;
    clear: right;
    margin-bottom: 20px;
    padding: 5px 20px
}
#headerFixed, #headerFixed .hrLine, #headerFixed .searchProduct, #headerFixed .tableImage {
    display: none
}
.budgetHead h4, .table-outline h4 {
    font-size: 14px;
    color: #222;
    padding: 3px 0;
    margin: 0
}
.table-outline>tbody>tr>td, .table-outline>tbody>tr>th, .table-outline>tfoot>tr>td, .table-outline>tfoot>tr>th, .table-outline>thead>tr>td, .table-outline>thead>tr>th {
    border-top: 1px solid #eee
}
#headerFixed {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 99
}
.orderHeader, .quantityBox {
    display: block
}
#headerFixed tbody th {
    padding: 10px;
    background: #f4f4f4;
    white-space: normal
}
.recommendedProducts .table-bordered {
    border: 1px solid #ddd
}
.quantityBox i, .quantityBox input {
    display: block;
    float: left
}
.quantityBox input {
    width: 45%;
    text-align: center;
    height: 30px;
    border: 1px solid #eee;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.quantityBox i {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    cursor: pointer;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.quantityBox i.rightIco {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0
}
.quantityBox input:focus {
    border-color: #0085C3
}
.quantityBox i:hover {
    color: #0085C3
}
.orderHeader {
    border-bottom: 1px solid #eee;
    padding: 10px;
    background: #0085C3
}
.orderHeader h2, .orderHeader h4 {
    color: #fff;
    padding: 0;
    display: block;
    text-align: right;
    line-height: 120%
}
.orderHeader img {
    display: block;
    max-width: 100%;
    max-height: 50px
}
.orderHeader h2 {
    font-size: 18px;
    margin: 0 0 5px
}
.orderHeader h4, .orderSummary p {
    font-size: 14px;
    margin: 0
}
.orderSummary {
    display: block;
    border: 1px dotted #0085C3
}
.invoiceDetails {
    border: 1px solid #ddd
}
.orderSummary label {
    text-transform: none;
    margin: 0
}
.sellerAddress {
    min-height: 60px
}
.totalAmount {
    display: block;
    text-align: right
}
.totalAmount p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 10px;
    border-right: 1px solid #ddd;
    padding: 10px;
    font-size: 16px
}
.totalAmount strong {
    color: #ff560b;
    font-size: 20px
}
.thankyou {
    color: #7e7e7e;
    font-size: 16px;
    padding: 10px 0;
    margin: 0;
    background: #f4f4f4;
    border-top: 1px solid #ddd
}
.productDtl .imgBox, .productDtl h2 {
    display: block;
    float: left
}
.productDtl .imgBox {
    width: 28%;
    margin-right: 2%;
    border: 1px solid #eee;
    padding: 5px
}
table .productDtl .imgBox {
    max-width: 60px
}
.productDtl .imgBox img, .productThumb a img, .zoomBox .zoomWrapper img {
    max-width: 100%;
    display: block
}
.productDtl h2 {
    width: 70%;
    text-transform: capitalize;
    font-size: 13px;
    color: #010101;
    padding: 0;
    font-family: "OpenSans Semibold"
}
.productDtl h2 small {
    color: #6d6d6d;
    font-size: 13px
}
.zoomBox {
    display: block;
    margin: 0;
    padding: 0
}
.zoomBox .productZoom {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #ddd;
    height: 420px
}
.zoomBox .productZoom .zoomWrapper {
    display: block;
    margin: 0 auto;
    width: 420px!important;
    max-height: 418px;
    overflow: hidden;
    position: relative
}
.zoomContainer {
    height: 420px!important;
    width: 420px!important
}
.zoomBox .zoomWrapper img {
    margin: 0 auto;
    padding: 0
}
.zoomWindow, .zoomWindowContainer {
    max-height: 420px!important;
    width: 418px!important;
    overflow: hidden!important
}
.productThumb {
    display: block
}
.productThumb a {
    display: block;
    border: 1px solid #ddd;
    position: relative;
    width: 120px;
    height: 120px
}
.productThumb a img {
    margin: 0 auto;
    padding: 0;
    max-height: 120px
}
.productThumb a.active:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #eee;
    position: absolute;
    top: 40%;
    right: -10px
}
.productDetail {
    display: block
}
.productDetail h2 {
    font-size: 36px;
    font-family: dosisBold;
    color: #1C4364;
    padding: 0;
    margin: 0 0 5px;
    text-align: left
}
.listStyle li, .subList li {
    text-align: justify
}
.productDetail h2 span {
    color: #6d6d6d;
    font-size: 80%
}
.productDetail .stars, .productDetail a {
    display: inline-block
}
.productDetail a.review {
    border-left: 1px solid #ddd;
    padding: 0 0 0 10px;
    margin-left: 10px;
    color: #7e7e7e
}
.productDetail a:hover {
    color: #111
}
.productDetail .stars i {
    color: #fbb203
}
.inlineParameters {
    display: block;
    margin: 0;
    padding: 0
}
.inlineParameters li {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    border-right: 1px solid #ddd;
    font-size: 14px;
    color: #333
}
.inlineParameters li.last, .inlineParameters.noBorder li {
    border-right: 0
}
.price {
    display: block;
    font-size: 32px;
    color: #6d6d6d;
    white-space: nowrap
}
.productDetail .quantityBox input {
    width: 50px
}
.productDetail .quantityBox p {
    font-size: 14px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0
}
.productDetail .productBtn a {
    border: 1px solid;
    display: inline-block;
    margin: 0;
    padding: 0 10px 0 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    border-radius: 2px
}
.productDetail .productBtn a i {
    color: #fff;
    font-size: 14px;
    padding: 10px
}
.productDetail .productBtn a i, .productDetail .productBtn a span {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s
}
.contactInfo, .listStyle, .listStyle li, .numberedList, .questiontabs li a, .text, .tooltipBox {
    display: block
}
.productDetail .productBtn a span {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 120%;
    padding: 0 10px;
    color: #222
}
.productDetail .productBtn a:hover {
    width: auto;
    text-decoration: none!important
}
.productDetail .productBtn a:hover span {
    color: #fff
}
.text p {
    font-size: 14px;
    color: #333;
    line-height: 180%;
    margin-bottom: 20px
}
.text h4 {
    font-size: 18px;
    color: #0085C3;
    font-family: "OpenSans Regular";
    padding: 0 2px 10px;
    border-bottom: 1px solid #eee;
    margin: 10px 0
}
.questiontabs, .questiontabs li {
    margin: 0;
    padding: 0;
    display: block
}
.questiontabs li {
    border-left: 2px solid transparent;
    position: relative
}
.questiontabs li a {
    color: #666;
    font-size: 14px;
    padding: 5px 15px;
    margin: 0 0 10px;
    font-family: karlaregular;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0
}
.questiontabs>li.active>a, .questiontabs>li.active>a:focus, .questiontabs>li.active>a:hover {
    border: 0;
    color: #111;
    outline: 0
}
.questiontabs>li.active {
    border-left-color: #0085c3;
    background: #f8f8f8
}
.listStyle li {
    position: relative;
    font-size: 14px;
    color: #111;
    padding: 3px 15px
}
.listStyle li:before {
    width: 6px;
    height: 6px;
    background: #7e7e7e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0
}
.subList {
    padding: 0 0 0 20px
}
.subList li:before {
    width: auto;
    height: auto;
    background: 0 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    font-family: FontAwesome;
    font-size: 14px;
    top: 2px
}
.panel-title, h5.levelhead {
    font-family: "OpenSans Regular"
}
.contactInfo i, .productStatus p i {
    zoom: 1;
    text-align: center;
    vertical-align: middle
}
.numberedList {
    list-style: decimal;
    padding: 0 20px
}
.numberedList li {
    position: relative;
    font-size: 14px;
    color: #111;
    padding: 3px 5px 3px 15px
}
.bigNumbers>li {
    font-size: 18px;
    color: #0085c3
}
.ui-tooltip {
    padding: 5px 8px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    background: rgba(0,0,0,.9);
    filter: alpha(opacity=90);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px
}
body .ui-tooltip {
    border-width: 0
}
.tooltipwidth150 {
    width: 150px
}
.tooltipwidth150 .hint--bottom::after, .tooltipwidth150 .hint--bottom::before {
    left: 10px
}
.panel-group .panel {
    border-radius: 2px
}
.panel-title {
    text-transform: none
}
.panel-title span {
    text-transform: uppercase
}
.contactInfo {
    margin: 0;
    padding: 0
}
.contactInfo i {
    display: inline-block;
    background: #f4f4f4;
    border: 1px solid #eee;
    color: #666;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    margin-right: 10px
}
h5.levelhead {
    font-size: 18px;
    margin: 15px 0 5px;
    padding: 0;
    color: #0085c3
}
.contactInfo p {
    margin-bottom: 5px
}
.paymentBox label {
    font-family: karlaregular;
    font-size: 14px;
    line-height: 140%;
    text-transform: none
}
.creditCardFormBox .formBox {
    background: 0 0;
    padding: 0 0 10px;
    display: block;
    margin: 10px 0 0;
    border: 1px solid #eee;
    border-bottom-width: 4px
}
.creditCardFormBox .formBox .caption {
    background: #0085C3;
    font-size: 14px;
    color: #fff;
    border-color: #035981;
    padding: 10px;
    margin: 0 0 10px
}
.boldNote, .note {
    font-size: 15px;
    font-family: karlaitalic
}
.ui-datepicker {
    z-index: 99!important
}
.betaImage, .betarightBadge {
    position: fixed;
    z-index: 999999;
    width: 70px;
    height: auto;
    display: block
}
.betaImage {
    top: 0;
    left: 20px
}
.betarightBadge {
    top: 30%;
    right: 0
}
.well {
    display: block;
    border: 2px solid #eee;
    padding: 10px
}
.redBorder {
    border-color: #ED7986!important
}
.orangeBorder {
    border-color: #FCB203!important
}
.blueBorder {
    border-color: #0085C4!important
}
.darkGreyBorder {
    border-color: #3A3E41!important
}
.redBg {
    background: #ED7986
}
.brightRedBg {
    background: #ff3b30
}
.greenBg {
    background: #73d33f
}
.orangeBg {
    background: #f19c42
}
.blueBg {
    background: #0085C4
}
.darkGreyBg {
    background: #3A3E41
}
.orangeBorder .viewBtn:hover {
    border-color: #FCB203!important;
    color: #FCB203
}
.blueBorder .viewBtn:hover {
    border-color: #0085C4!important;
    color: #0085C4
}
.darkGreyBorder .viewBtn:hover {
    border-color: #3A3E41;
    color: #3A3E41
}
.redBorder .viewBtn:hover {
    border-color: #ED7986!important;
    color: #ED7986
}
.brightRedBg .viewBtn:hover {
    border-color: #ff3b30!important;
    color: #ff3b30
}
.productDetail .productBtn a.blueBorder:hover {
    background: #0085C4;
    color: #fff
}
.productDetail .productBtn a.orangeBorder:hover {
    background: #FCB203;
    color: #fff
}
.productDetail .productBtn a.blueBorder:hover i {
    background: #0170A4
}
.productDetail .productBtn a.orangeBorder:hover i {
    background: #e79212
}
.green {
    color: #6fc191
}
.note, .red {
    color: red
}
.boldNote {
    color: #111
}
.boldNote strong {
    color: red
}
.externalImage img {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    border-right: 1px solid #eee;
    margin-right: 5px;
    padding-right: 5px;
    max-width: 160px
}
.productStatus {
    display: block
}
.productStatus p, .productStatus p span {
    margin: 0;
    padding: 0;
    vertical-align: middle
}
.productStatus p i {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px
}
.productStatus.instock p i, .productStatus.instock p span {
    border-color: #007f00;
    color: #007f00
}
.phead1{
    border-bottom:1px solid #ccc;
        padding: 0px 0px 8px 0px;
}
.productStatus.outofstock p i, .productStatus.outofstock p span {
    border-color: #F7A62D;
    color: #F7A62D
}
.productStatus.notavailable img {
    display: block;
    vertical-align: middle;
    max-width: 150px;
    margin: 0 auto
}
.recommendedProducts .tablePrice {
    margin-bottom: 5px
}
.recommendedProducts .button {
    padding: 7px 10px
}
@media screen and (max-width:1198px) {
    .productParameters, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal
    }
    #topHeader ul li {
        height: 40px
    }
    #topHeader ul li a, #topHeader ul li p {
        height: 40px;
        line-height: 40px
    }
    #topHeader ul li a i {
        line-height: 40px
    }
    #topHeader ul.headerLogos li img {
        max-height: 33px
    }
    .navbar-inverse .navbar-nav>li {
        padding: 0 10px
    }
    .carousel {
        max-height: 410px
    }
    ul.sidebarProducts li {
        padding: 10px
    }
    .productImageBox {
        padding: 0
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .indexcarousel .carousel-inner {
        width: 100%
    }
    #mainheader>div>div>.col-md-5 {
        width: 22%
    }
    #mainheader>div>div>.col-md-7 {
        width: 78%
    }
    .carousel-inner, .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        width: 150%
    }
    .productBox form:nth-child(4) {
        display: none
    }
    .productBox li {
        width: 33.33%
    }
    ul.sidebarProducts li .imgBox {
        width: 40%
    }
    ul.sidebarProducts li .sidebarProduct {
        width: 55%
    }
    .banner {
        overflow: hidden
    }
    .banner img {
        width: auto;
        max-width: 125%
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .sellerCarousel .carousel-inner, .sideBanner img {
        width: 100%
    }
    .sidebarHead h3 {
        font-size: 14px;
        padding: 15px 5px
    }
    .productPrice {
        height: 60px
    }
    .sliderBox {
        width: 75%
    }
    .inlineParameters, .price {
        text-align: left
    }
    .productDetail .quantityBox p {
        display: block;
        float: none;
        clear: both
    }
    .productDetail .productBtn a span {
        padding: 0 4px
    }
    .productDetail .productBtn a {
        padding-right: 5px;
        margin-top: 20px
    }
    .zoomContainer, .zoomWindow, .zoomWindowContainer {
        width: 332px!important
    }
    .productThumb a {
        width: 90px;
        height: auto
    }
    .mrgnLeftRight15 {
        margin: 0 15px
    }
    .selectTop {
        margin-top: 2px!important
    }
    .zoomBox .productZoom .zoomWrapper {
        width: 100%!important
    }
}
@media screen and (max-width:1024px) {
    #topHeader ul li a i, .dropdown {
        line-height: 40px
    }
    .productParameters, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: normal
    }
    #topHeader ul li {
        height: 40px
    }
    #topHeader ul li a, #topHeader ul li p {
        height: 40px;
        line-height: 40px
    }
    #topHeader ul.headerLogos li img {
        max-height: 30px
    }
    .navbar-inverse .navbar-nav>li {
        padding: 0 10px
    }
    .carousel {
        max-height: 410px
    }
    .footerAdd li a i {
        margin-right: 5px
    }
    .footerAdd li a h4 {
        font-size: 13px
    }
    .footerAdd li a:hover {
        padding-left: 0
    }
    ul.sidebarProducts li {
        padding: 10px
    }
    .productImageBox {
        padding: 0
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .indexcarousel .carousel-inner {
        width: 100%
    }
    #mainheader>div>div>.col-md-5 {
        width: 22%
    }
    #mainheader>div>div>.col-md-7 {
        width: 78%
    }
    .carousel-inner, .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        width: 150%
    }
    .productBox form:nth-child(4) {
        display: none
    }
    .productBox li {
        width: 33.33%
    }
    ul.sidebarProducts li .imgBox {
        width: 40%
    }
    ul.sidebarProducts li .sidebarProduct {
        width: 55%
    }
    .banner {
        overflow: hidden
    }
    .banner img {
        width: auto;
        max-width: 125%
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .sellerCarousel .carousel-inner, .sideBanner img {
        width: 100%
    }
    .sidebarHead h3 {
        font-size: 14px;
        padding: 15px 5px
    }
    .productPrice {
        height: 60px
    }
    .sliderBox {
        width: 75%
    }
    .inlineParameters, .price {
        text-align: left
    }
    .productDetail .quantityBox p {
        display: block;
        float: none;
        clear: both
    }
    .productDetail .productBtn a span {
        padding: 0 4px
    }
    .productDetail .productBtn a {
        padding-right: 5px;
        margin-top: 20px
    }
    .zoomContainer, .zoomWindow, .zoomWindowContainer {
        width: 332px!important
    }
    .productThumb a {
        width: 90px;
        height: auto
    }
    .mrgnLeftRight15 {
        margin: 0 15px
    }
    .selectTop {
        margin-top: 2px!important
    }
    .zoomBox .productZoom .zoomWrapper {
        width: 100%!important
    }
    .ftrLogos li a img {
        max-height: 27px
    }
    .copyright p {
        padding-top: 10px
    }
    .copyright ul {
        margin-bottom: 0
    }
    @media screen and (max-width:980px) {
        #topHeader ul, .copyright p, .copyright ul {
            text-align:center
        }
        #topHeader ul {
            display:block;
            clear:both;
            float:none;
            width:100%
        }
        #topHeader ul li, #topHeader ul.headerLogos li {
            height:42px;
            clear:both;
            float:none;
            display:inline-block;
            zoom:1;
            vertical-align:middle;
            margin:0 -4px 0 0
        }
        #topHeader ul li a {
            height:33px;
            line-height:30px
        }
        #topHeader ul li a i {
            line-height:30px
        }
        #topHeader ul.headerLogos li img {
            max-height:33px
        }
        #topHeader ul.headerLogos {
            margin:0;
            padding:0;
            border-bottom:1px solid #ddd
        }
        .bestSellers, .recentlyViewed {
            display:block;
            float:left;
            width:48%
        }
        .banner, .catSubMenu {
            display:none
        }
        .recentlyViewed {
            margin-left:4%
        }
        ul.sidebarProducts li .imgBox {
            width:30%
        }
        .eMarketPoints h2 {
            max-width:70%
        }
        .cartItems li a .imageBox {
            width:15%
        }
        .searchCartBar {
            padding-top:0
        }
        .cartDropDown {
            margin:10px auto
        }
        .navbar-inverse .navbar-nav>li>a {
            font-size:14px
        }
        .logo {
            padding:15px 0
        }
        .list-group {
            margin-bottom:10px
        }
        .list-group-item {
            cursor:pointer
        }
        .list-group>ul {
            display:none;
            height:auto;
            min-height:10px
        }
        .noPadRight {
            padding:0
        }
        .catSubMenu {
            width:100%;
            overflow-y:scroll;
            height:auto;
            position:relative;
            top:0;
            left:0;
            z-index:9999;
            background:#eee;
            overflow-x:auto;
            transform:scaleX(1);
            -webkit-transform:scaleX(1);
            -o-transform:scaleX(1);
            -ms-transform:scaleX(1);
            -moz-transform:scaleX(1);
            -webkit-column-rule:1px solid #ddd;
            -moz-column-rule:1px solid #ddd;
            -o-column-rule:1px solid #ddd;
            -ms-column-rule:1px solid #ddd;
            column-rule:1px solid #ddd;
            -webkit-column-gap:0;
            -moz-column-gap:0;
            column-gap:0
        }
        .catSubMenu>li {
            padding:0 1px 0 0
        }
        .list-group-item:hover .catSubMenu {
            opacity:1;
            filter:alpha(opacity=100);
            transform:scale(1);
            -webkit-transform:scale(1);
            -o-transform:scale(1);
            -moz-transform:scale(1);
            -ms-transform:scale(1)
        }
        .catSubMenu {
            padding:0
        }
        .catSubMenu ul {
            min-height:10px;
            margin:0;
            padding:0
        }
        .catSubMenu .row {
            margin:0
        }
        .footerHead {
            margin:30px 0 10px
        }
        .footerHead h4 {
            padding-bottom:15px
        }
        .copyright ul {
            margin:10px 0;
            padding-top:5px;
            border-top:1px solid rgba(0,0,0,.1)
        }
        .ftrLogos li a, .ftrLogos li.last a {
            padding:0 10px
        }
        .footerAdd li {
            margin-bottom:15px
        }
        .disclaimer {
            margin-top:15px;
            padding-top:15px
        }
    }
    @media screen and (max-width:800px) {
        .copyright p, .copyright ul {
            text-align: center
        }
        .copyright ul {
            margin: 10px 0;
            padding-top: 5px;
            border-top: 1px solid rgba(0,0,0,.1)
        }
        .ftrLogos li a, .ftrLogos li.last a {
            padding: 0 10px
        }
        .disclaimer {
            margin-top: 15px;
            padding-top: 15px
        }
        .navbar-inverse .navbar-nav>li {
            padding: 0 10px
        }
        .navbar-inverse .navbar-nav>li>a {
            font-size: 12px
        }
        dropdown {
            line-height: 29px
        }
        .carousel.indexcarousel {
            margin-left: 10px;
            margin-right: 10px
        }
        #footer, .carousel.indexcarousel {
            margin-top: 30px
        }
        .betarightBadge {
            width: 60px
        }
        .filterBox {
            margin-left: 15px;
            margin-right: 15px
        }
        .productBox {
            padding: 0 15px
        }
        #rightbuttons {
            top: 40%!important
        }
        .productThumb {
            display: block;
            margin-top: 10px;
            margin-bottom: 30px
        }
        .productThumb a {
            display: inline-block;
            zoom: 1;
            vertical-align: middle;
            width: 32%;
            height: auto
        }
        .productThumb a.active:after {
            width: 0;
            height: 0;
            border-bottom: 10px solid #eee;
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            content: "";
            position: absolute;
            top: -20px;
            right: 40%
        }
        .actionButton a, .actionButton button {
            width: 30px;
            height: 30px;
            line-height: 30px
        }
        .productDtl .imgBox {
            width: 40%
        }
        .catSubMenu ul {
            -webkit-column-count: 1;
            -moz-column-count: 1;
            -o-column-count: 1;
            -ms-column-count: 1;
            column-count: 1;
            -webkit-column-rule: none;
            -moz-column-rule: none;
            -o-column-rule: none;
            -ms-column-rule: none;
            column-rule: none;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0
        }
        .catSubMenu li {
            padding: 0;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            -moz-page-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid-column
        }
        .searchFilterBar {
            display: none!important
        }
    }
    @media screen and (max-width:640px) {
        .navTitle, .navbar-toggle {
            text-transform: uppercase;
            color: #fff
        }
        .bestSellers, .recentlyViewed {
            display: block;
            float: none;
            clear: both;
            width: 100%;
            margin-left: 0
        }
        ul.sidebarProducts li .imgBox {
            width: 40%
        }
        #topHeader ul {
            display: block;
            clear: both;
            float: none;
            width: 100%;
            text-align: center
        }
        #topHeader ul li, #topHeader ul.headerLogos li {
            height: 30px;
            clear: both;
            float: none;
            display: inline-block;
            zoom: 1;
            vertical-align: middle;
            margin: 0 -4px 0 0
        }
        #topHeader ul li a {
            height: 30px;
            line-height: 30px
        }
        #topHeader ul li a i {
            line-height: 30px
        }
        #topHeader ul.headerLogos li img {
            max-height: 20px
        }
        #topHeader ul.headerLogos {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #ddd
        }
        .dropdown {
            line-height: 28px
        }
        .user-header {
            height: auto!important;
            padding: 5px
        }
        #topHeader ul li p {
            font-size: 13px
        }
        .user-header p {
            height: 14px!important
        }
        .dropdown-content {
            min-width: 178px
        }
        .userFooterBtn {
            width: 100%!important;
            margin-bottom: 5px
        }
        .navTitle {
            display: inline-block;
            zoom: 1;
            font-size: 18px;
            line-height: 100%;
            margin: 0;
            padding: 18px 10px;
            vertical-align: middle
        }
        .navbar-header.indexLogo {
            width: 100%
        }
        .navbar-nav.indexNav {
            height: auto
        }
        .navbar-toggle {
            border-radius: 1px;
            -webkit-border-radius: 1px;
            -o-border-radius: 1px;
            -moz-border-radius: 1px;
            -ms-border-radius: 1px;
            padding: 10px;
            margin-top: 10px;
            font-size: 16px
        }
        .indexLogo .navbar-toggle {
            margin-top: 25px
        }
        .logo, .logo img {
            margin: 0 auto
        }
        .navbar-inverse .indexNav li>a {
            padding: 0
        }
        .navbar-nav .open .dropdown-menu {
            padding: 10px;
            background: rgba(0,0,0,.1)
        }
        .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu {
            display: block;
            padding: 0
        }
        .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu li {
            padding: 0 10px
        }
        .navbar-nav .open .dropdown-menu .dropdown-submenu .dropdown-menu li:hover {
            background: #0085C3
        }
        .navbar-inverse .navbar-nav>li:hover>.dropdown-menu {
            opacity: 0;
            filter: alpha(opacity=0);
            transform: scale(0);
            -webkit-transform: scale(0);
            -o-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0)
        }
        .navbar-nav>li.open:hover>.dropdown-menu {
            opacity: 1;
            filter: alpha(opacity=100);
            transform: scale(1);
            -webkit-transform: scale(1);
            -o-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            width: 100%
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #fff;
            padding: 7px 0;
            font-size: 15px
        }
        .navbar-inverse .indexNav li ul.dropdown-menu li {
            border-bottom: 1px solid rgba(0,0,0,.1)
        }
        .navbar-inverse .indexNav li ul.dropdown-menu li:last-child {
            border-bottom: 0
        }
        .navbar-inverse .navbar-nav>li>a::after {
            transform-origin: left;
            -webkit-transform-origin: left;
            -o-transform-origin: left;
            -moz-transform-origin: left;
            -ms-transform-origin: left;
            height: 2px
        }
        .navbar-inverse .navbar-nav>li:last-child>a::after {
            height: 0
        }
        .navbar-inverse .navbar-nav>li>a {
            border-bottom: 1px solid #035981;
            line-height: 40px
        }
        .navbar-inverse .navbar-nav>li:last-child>a {
            border-bottom: 0
        }
        .navbar-inverse .navbar-nav>li.dealIco::before {
            right: auto;
            left: 70px
        }
        .navbar-inverse .navbar-nav>li.dealIco::after {
            right: auto;
            left: 75px
        }
        .navbar-inverse .navbar-nav>li.newIco::before {
            right: auto;
            left: 110px
        }
        .navbar-inverse .navbar-nav>li.newIco::after {
            right: auto;
            left: 115px
        }
        .betarightBadge {
            width: 40px
        }
        .productCart a span, .productCart button span {
            font-size: 11px
        }
        .noPadLeft, .noPadRight, .noPadding {
            padding: 0 10px
        }
        #mainheader>div>div>.col-md-5, #mainheader>div>div>.col-md-7 {
            width: 100%
        }
        .logo {
            display: block;
            padding: 10px 0
        }
        .eMarketPoints, .searchCartBar {
            margin: 0 10px
        }
        .searchBar {
            padding: 0
        }
        .searchBar form {
            margin: 0
        }
        .catDropDown {
            width: 25%
        }
        .searchBtn {
            width: 15%
        }
        .productCart, .productQty {
            width: 100%;
            margin: 0;
            padding: 10px
        }
        .productQty .inputBox .buttons {
            display: block;
            margin: -1px 0 0 4px;
            width: 100%
        }
        .productQty span {
            margin-right: 5px
        }
        .productQty .inputBox .buttons span {
            display: inline-block;
            zoom: 1;
            vertical-align: middle;
            width: 36px;
            height: 22px;
            text-align: center;
            padding: 0;
            line-height: 22px;
            margin: 0 0 0 -4px
        }
        .productQty .inputBox input {
            height: 25px;
            display: block;
            width: 100%
        }
        .productCart {
            padding: 15px 10px
        }
        .registerBox {
            background-size: 100%;
            -webkit-background-size: 100%;
            -o-background-size: 100%;
            -moz-background-size: 100%;
            -ms-background-size: 100%;
            background-position: top center;
            height: auto
        }
        .sellerReg .row .col-xs-12 {
            width: 33%;
            padding-bottom: 10px
        }
        .xs-hidden {
            display: none
        }
        .text {
            margin: 0 10px
        }
        #productDetailBox .mrgnLeftRight15, #productDetailBox .productBox {
            padding: 0;
            margin: 0
        }
        .price small {
            display: block;
            margin-top: 5px;
            margin-left: -15px
        }
        table td, table th {
            width: 180px!important
        }
    }
    @media screen and (max-width:480px) {
        .cartItems li a .imageBox {
            width: 20%
        }
        .navbar-brand {
            margin: 0 10px
        }
        .navbar-brand>img {
            width: auto;
            max-height: 70px
        }
        .navbar-toggle {
            margin-top: 15px
        }
        .ftrLogos li a img {
            max-height: 30px
        }
        .eMarketPoints {
            display: none
        }
        .productBox form:nth-child(odd) {
            clear: left
        }
        .productBox form:nth-child(4) {
            display: block
        }
        .productBox li {
            width: 50%
        }
        #breadCrumb ul {
            padding: 0 15px
        }
        .pageHead {
            margin: 0 15px 30px
        }
        form {
            margin: 45px 15px 0
        }
        .formBox .row>div {
            margin-bottom: 10px
        }
        .checkboxOptions span {
            display: block;
            margin: 0 0 10px
        }
        .checkboxOptions label {
            font-size: 12px
        }
        input[type=submit] {
            margin: 0 0 10px
        }
        .forgotPaswrd a {
            text-align: center;
            margin-bottom: 10px
        }
        .pageHead a, .pageHead h2 {
            margin-top: 20px
        }
        .registerBox h2, .registerBox.sellerReg h2 {
            padding: 10px;
            display: block;
            text-align: right;
            font-size: 11px
        }
        .sellerReg .row .col-xs-12 {
            width: 100%;
            padding-bottom: 0
        }
        .registerBox.sellerReg h2 {
            text-align: center
        }
        .registerBox.sellerReg h2 span br {
            display: none
        }
        .registerBox h2 span {
            font-size: 140%
        }
        .registerBox .button {
            display: block;
            margin: 0;
            padding: 5px
        }
        .registerBox.sellerReg img {
            max-height: 60px
        }
        .productDtl .imgBox {
            width: 100%;
            float: none;
            clear: both;
            margin-bottom: 10px
        }
        #headerFixed {
            display: none!important
        }
    }
    @media screen and (max-width:360px) {
        .productBox li {
            width: 100%;
            float: none;
            clear: both;
            display: block;
        }
        #topHeader ul li a {
            font-size: 12px;
            width: auto;
        }
        .productQty .inputBox input {
            width: 70px;
        }
        #topHeader ul.headerLinks {
            text-align: left;
        }
        .table-responsive>.table>tbody>td.tablePrice {
            white-space: nowrap;
        }
    }