/***************************************************************************************************/

/***********************CSS FILE FOR PHASE-IV OF THE DEVELOPMENT************************************/

/***************************************************************************************************/

/***********************CSS OVERRIDE FOR SOME PREVIOUSLY WRITTEN CODE:STARTS HERE*******************/

#container {
    margin-left: 20px;
    margin-right: 20px;
}

#wrapper {
    min-width: 360px;
}

.myteam-blk.cursor .FLft p {
    line-height: 3px !important;
}

.red-text {
    width: 12px;
    display: inline-block;
}

.red-text-Answer {
    color: red;
    font-size: 8px;
    width: 100%;
}

.red-text-Repeat {
    margin: 1px 1px 1px 10px !important;
}

.red-text-full {
    color: red;
    width: 100%;
    float: left;
}

.PosRelative .divInputstyle p {
    margin: 10px 5px 0px 5px;
}

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

.Popupred-text {
    display: inline-block;
    margin-left: 92px;
    color: red;
    font-size: 11px;
    width: 100%;
}

#sitemap-content {
    height: 340px;
}

#pc-footer {
    height: 50px !important;
}

#hoverDiv, #home_1_hoverDiv {
    right: 0px;
    margin-right: 0px;
    padding-top: 15px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    width: 158px;
    margin-top: 0px;
}

.top_rightProfile-side-dropdown {
    margin-right: 0px !important;
}

.menu li:hover {
    margin-bottom: -3px;
    padding-bottom: 3px;
}

.menu li.active {
    margin-bottom: -3px;
    padding-bottom: 3px;
}

#menu .menu li {
    height: 32px;
    padding: 0;
}

    #menu .menu li:hover {
        height: 32px;
    }

    #menu .menu li a {
        padding: 6px 12px;
        display: inline-block;
    }
    /*#menu .menu li.not-active > a, #menu .menu li.active > a{
        padding: 6px 20px !important;
    }*/

    #menu .menu li.active a {
        padding: 6px 20px;
        display: inline-block;
    }

.showme {
    width: 118px;
    right: 10px;
    height: 68px;
}

    .showme p {
        padding: 8px;
        width: 100px;
        text-align: left;
    }

.product-submenu {
    /*width: 820px;*/
    /*height: 360px;*/
}

.input-label {
    font-size: 13px;
}

.scroll {
    height: 380px;
}

.username {
    top: -24px;
}

.tabs ul li {
    min-width: 0px;
}

.MarL20 {
    margin-left: 0px;
}

.productright {
    width: 674px;
    margin-left: 10px;
}

.mainCont .productright {
    margin-right: 20px;
}

/*div#tabs-container .RadGrid tr .boq-first-column {
    width: 8% !important;
}

div#tabs-container .RadGrid tr .boq-last-column {
    width: 12% !important;
}


div#tabs-container .RadGrid tr .boq-status-column {
    width: 8% !important;
}

div#tabs-container .RadGrid tr .boq-actions-column {
    width: 44% !important;
}*/

#SATblanket {
    z-index: 9000;
    opacity: 0.7;
}

#SSblanket {
    z-index: 9999;
    opacity: 0.7;
}

.background_overlay.bid {
    z-index: 9999 !important;
    opacity: 0.5;
}

.sec-menu-custom #fmenu, .sec-menu-custom #fmenu .tabs {
    float: left;
    width: 100%;
}
/***********************CSS OVERRIDE FOR SOME PREVIOUSLY WRITTEN CODE:ENDS HERE*********************/

/***********************CSS WIRTTEN BY TEAM AT THE INITIAL STAGE:STARTS HERE************************/

input.styled {
    display: none;
}

select.styled {
    position: relative;
    width: 190px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.container-custom {
    height: auto !important;
}

.ui-widget-content {
    color: #222222 !important;
    background-color: lightblue;
}

.ui-widget {
    font-family: arial;
    font-size: 12px;
}

.ui-menu {
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
    border-width: 0px;
}

.ui-autocomplete {
    cursor: default;
    position: absolute;
}

.ui-menu .ui-menu-item {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-autocomplete-loading {
    background: white url('/Assets/images/ajax-loader.gif') right center no-repeat;
    background-size: 25px 25px;
}

.notificationProfile {
    background: #f05b47;
    border: 1px solid #ea4d3a;
    border-radius: 2px;
    color: #fff;
    height: 14px;
    margin-left: 18px;
    position: absolute;
    top: 67px;
    width: 14px;
    text-align: center;
    font-size: 11px;
    font-weight: normal;
}

.top_rightProfile-side-dropdown {
    float: right;
    padding-top: 15px;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    height: 42px;
    width: 206px;
    float: right;
    margin-top: 0px;
    margin-right: -41px;
}

.sitemap-container-outline {
    width: auto !important;
    padding-right: 30px;
    height: 135px !important;
}

.sitemap-ColumnHeader {
    font: bold 11px arial;
    color: #333333;
}

#sitemap-content ul {
    width: 200px;
    border-right: 1px solid #b3b3b3;
    list-style-type: none;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

#sitemap-content .sitemap-col-01 li a {
    font-size: 11px;
    font-family: arial;
    color: #000;
    text-decoration: none;
}

    #sitemap-content .sitemap-col-01 li a:hover {
        font-size: 11px;
        font-family: arial;
        color: #ff0000;
        text-decoration: none;
    }

#sitemap-content-right ul {
    width: 180px;
    list-style-type: none;
    float: left;
    padding-left: 20px;
    margin-top: 10px;
}

#sitemap-content-right .sitemap-col-02 li a {
    font-size: 11px;
    font-family: arial;
    color: #000;
    text-decoration: none;
}

    #sitemap-content-right .sitemap-col-02 li a:hover {
        font-size: 11px;
        font-family: arial;
        color: #ff0000;
        text-decoration: none;
    }

.siteMapHeader {
    font-size: 11px;
    font-family: arial;
    color: #000;
    font-weight: bold;
}

.socialmedia-icons {
    float: right;
    width: auto;
    padding-top: 20px;
}

    .socialmedia-icons span {
        font-family: arial;
        font-weight: bold;
        font-size: 11px;
        color: #b3b3b3;
    }

.savedMessage {
    color: red;
    font-size: 12px;
    font-weight: bold;
    left: 300px;
    position: relative;
}

footer a {
    color: #919191 !important;
}

/***********************CSS WIRTTEN BY TEAM AT THE INITIAL STAGE:ENDS HERE**************************/

/***********************CSS WIRTTEN BY TEAM FOR MISLENNIOUS CHANGES:STARTS HERE*********************/

.biddingimg {
    background: url(/Assets/Images/bidding.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

    .biddingimg.bidboq {
        width: 140px !important;
    }

.bidboq-button {
    width: 170px !important;
    display: inline-block;
}

.lead-status-tab .hide, .MarL20.hide, .page-title.hide, #leadDetailsContainer.hide, #BidDetailsContainer.hide, .uploaded-docs .hide, #btnUploaddoc.hide, #ratingPopUp.hide,
#enquiryDetailsContainer.hide {
    display: none;
}

#Dspan {
    margin-left: 16px;
}

    #Dspan div span:first-child {
        width: 41px;
        height: 40px;
        margin: 10px;
        display: inline-block;
        background-repeat: no-repeat;
    }

    #Dspan div:hover span:first-child {
        background-position: 0px -40px;
    }

.MarTop90 {
    margin-top: 90px;
}

#tab6 .w270.FLft {
    margin-left: 20px !important;
}

/***********************CSS WIRTTEN BY TEAM FOR MISLENNIOUS CHANGES:STARTS HERE*********************/

/***************************************************************************************************/

/***********************CSS UPDTE FOR PHASE-IV DEVELOPMENT:STARTS HERE******************************/

/***************************************************************************************************/

/***********************CSS FOR COMMON CLASSES - CODE REUSE-:STARTS HERE****************************/

.container {
    margin: 0 20px !important;
}

.separator {
    height: 1px;
    width: 100%;
    display: block;
    margin: 10px 0;
    overflow: hidden;
    background-color: #ccc;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right !important;
}

.m-0 {
    margin: 0;
}

.p-0 {
    padding: 0;
}

.mt-10 {
    margin-top: 10px !important;
}

.pt-10 {
    padding-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ml-10 {
    margin-left: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.pl-30 {
    padding-left: 30px;
}

.mr-10 {
    margin-left: 10px;
}

.pr-10 {
    padding-left: 10px;
}

.mr-20 {
    margin-right: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.mr-30 {
    margin-right: 30px;
}

.pr-30 {
    padding-right: 30px;
}

.clear {
    clear: both;
}

.clear-2 {
    clear: none;
}

.clear-3 {
    clear: both;
}

.clearfix:before {
    content: '';
    display: table;
}

.clearfix:after {
    content: '';
    clear: both;
}

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

    .btn.btn-blue {
        background: #0070AF;
        color: #fff;
        padding: 5px 20px;
    }

        .btn.btn-blue input[type=submit] {
            padding: 0;
            height: auto !important;
        }

    .btn.btn-input {
        background: #0070AF;
        color: #fff;
        padding: 5px 20px;
        box-sizing: border-box;
        font-weight: bold;
        min-width: 130px;
        height: auto !important;
        float: left;
    }

.form-group {
    float: left;
    box-sizing: border-box;
    padding: 8px 5px;
}

    .form-group label {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .form-group .form-control {
        display: block;
        width: 100%;
        padding: 4px 6px;
        font-size: 13px;
        line-height: 15px;
        height: 26px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #0070af;
    }

.radio {
    float: left;
    box-sizing: border-box;
    padding: 5px 0px;
}

.break-word {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.form-group ::-webkit-input-placeholder {
    color: #ccc;
    font-style: italic;
    font-size: 11px;
}

.form-group ::-moz-placeholder {
    color: #ccc;
    font-style: italic;
    font-size: 11px;
}

.form-group :-moz-placeholder {
    color: #ccc;
    font-style: italic;
    font-size: 11px;
}

.form-group :-ms-input-placeholder {
    color: #ccc;
    font-style: italic;
    font-size: 11px;
}

.my-placeholder {
    color: #ccc !important;
    font-style: italic;
    font-size: 11px;
}

.error-msg {
    font-size: 11px;
    color: #C3291D;
    width: 100%;
    float: left;
    height: 13px;
    display: inline-block;
}

.form-group .error-msg {
}

    .form-group .error-msg span {
    }

/***********************CSS FOR COMMON CLASSES - CODE REUSE-:ENDS HERE******************************/

/***********************CSS FOR COMMON COMPONENT - CODE REUSE-:STARTS HERE**************************/

.page-title {
    font-size: 15px;
}

.filter-section {
    margin-bottom: 10px;
}

    .filter-section .export-excel.mr17 {
    }

    .filter-section .select-status {
        float: left;
        width: 75%;
    }

        .filter-section .select-status .filter-btn {
            float: left;
            margin: 0 5px;
        }

            .filter-section .select-status .filter-btn i {
                font-size: 20px;
            }

            .filter-section .select-status .filter-btn span {
                padding: 0 10px;
            }

            .filter-section .select-status .filter-btn.mrt {
                margin-top: 19px;
            }

            .filter-section .select-status .filter-btn .btn-blue {
                padding: 3px 20px;
            }

    .filter-section .export-excel {
        text-decoration: none;
        display: inline-block;
        float: right;
        margin-top: 16px;
    }

        .filter-section .export-excel .excel-icon {
            display: inline-block;
            height: 30px;
            width: 30px;
            background: url(../../Assets/images/excel.png) no-repeat;
            background-size: 30px 30px;
        }

        .filter-section .export-excel label {
            font-weight: bold;
            vertical-align: top;
            line-height: 30px;
            color: #333;
        }

            .filter-section .export-excel label:hover {
                cursor: pointer;
                color: green;
            }

    .filter-section .select-status .form-group label {
        padding: 2px 0;
        display: block;
    }

.form-group .form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 6px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #0070af;
}

.paging {
    border: 1px solid #ccc;
    border-bottom: none;
}

    .paging.bottom {
        border: 1px solid #ccc;
        border-top: none;
    }

    .paging ul {
        float: right;
        padding: 10px 0px;
    }

        .paging ul li {
            display: inline-block;
            list-style: none;
        }

            .paging ul li a {
                color: #0070af;
                cursor: pointer;
                padding: 0px 5px;
            }

.list {
    box-sizing: border-box;
}

    .list ul {
        padding: 0;
        font-size: 0;
    }

    .list > ul {
        width: 100% !important;
    }

    .list ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        font-size: 12px;
        min-width: 0px;
        line-height: normal;
        height: auto !important;
        cursor: initial;
        text-align: left;
    }

        .list ul li a:hover {
            color: #0070af;
        }

    .list > ul > li {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        width: 100% !important;
        box-sizing: border-box;
    }

.list-header .sort {
    cursor: pointer;
}

.list-item {
    border-bottom: 1px solid #ccc;
}

.list ul > li > ul > li {
    display: inline-block;
    box-sizing: border-box;
    min-height: 36px;
    padding: 6px 2px;
    border-right: 1px solid #ccc;
    position: relative;
}

    .list ul > li > ul > li a {
        color: #0070af;
    }

        .list ul > li > ul > li a:hover {
            color: #0070af;
            font-weight: bold;
        }

.leadList ul > li > ul .action a {
    padding: 0 6px;
    font-size: 16px;
}

.leadList ul > li > ul .action .fa-close:hover {
    color: red;
}

.list-header li {
    font-weight: bold;
}

.list-header > li > ul > li.sort:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #777;
    position: absolute;
    right: 8px;
    top: 14px;
    cursor: pointer;
}

.list-header > li > ul > li.sort:hover:after {
    border-top: 8px solid #0070af;
}

.list-header > li > ul > li.sort-asec:after {
    border-bottom: 8px solid #0070af !important;
    border-top: none !important;
}

.list-header > li > ul > li.sort-desc:after {
    border-top: 8px solid #0070af !important;
    border-bottom: none !important;
}

.list-header > li > ul > li span {
    vertical-align: -webkit-baseline-middle;
}

.leadList-item > li:nth-child(odd) {
    background: #ebf1fd;
}

.list-item > li:nth-of-type(odd) {
    background: #ebf1fd;
}

.list-item > li:nth-of-type(even) {
    background: none;
}

.list ul > li > ul > li:last-child {
    border-right: none;
}

.list ul > li > ul > li span {
    vertical-align: middle;
    line-height: 24px;
}

.details-info {
}

    .details-info ul {
        font-size: 0px;
        box-sizing: border-box;
    }

        .details-info ul li {
            font-size: 12px;
            box-sizing: border-box;
            list-style: none;
            display: inline-block;
            display: inline-flex;
            width: 33%;
            margin: 0;
            padding: 10px 0;
            min-width: 0;
            line-height: normal;
            height: auto !important;
            text-align: left;
        }

    .details-info .info-heading li {
        font-weight: bold;
        font-size: 13px;
    }

    .details-info ul li .items {
        display: block;
        float: left;
        width: 50%;
    }

    .details-info ul li .details {
        display: block;
        float: left;
        width: 50%;
        color: #0070af;
        font-weight: normal;
        position: relative;
        padding-left: 6px;
        padding-right: 3px;
        box-sizing: border-box;
    }

        .details-info ul li .details:before {
            content: ':';
            position: absolute;
            left: 0px;
        }

.uploaded-docs {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin: 20px 0;
}

    .uploaded-docs .title-bar {
        padding: 10px;
        background: #eee;
    }

    .uploaded-docs i {
        padding-left: 5px;
    }

    .uploaded-docs .title-bar .sub-title {
        float: left;
    }

    .uploaded-docs .docs-list ul {
        list-style: none;
    }

        .uploaded-docs .docs-list ul li {
            float: left;
            display: inline-block;
        }

    .uploaded-docs .docs-list > ul > li {
        width: 100%;
        border-top: 1px solid #ccc;
    }

        .uploaded-docs .docs-list > ul > li > ul > li a {
            color: #0070af;
            cursor: pointer;
        }

        .uploaded-docs .docs-list > ul > li > ul > li {
            padding: 6px 4px;
            border-right: 1px solid #ccc;
            min-height: 32px;
            box-sizing: border-box;
        }

            .uploaded-docs .docs-list > ul > li > ul > li:last-child {
                border-right: none;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(1) {
                width: 5%;
                text-align: left;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(2) {
                width: 40%;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(3) {
                width: 10%;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(4) {
                width: 15%;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(5) {
                width: 15%;
            }

            .uploaded-docs .docs-list > ul > li > ul > li:nth-child(6) {
                width: 15%;
            }

.comments-box {
    width: 75%;
    margin-top: 15px;
}

    .comments-box .action-buttons {
        margin-top: 10px;
    }

    .comments-box label {
        padding: 6px 0;
        display: block;
        font-size: 13px;
    }

    .comments-box .comments-list {
        border: 1px solid #0070af;
        padding: 5px 10px;
    }

        .comments-box .comments-list textarea {
            max-width: 100%;
            width: 100%;
            box-sizing: border-box;
            padding: 5px;
            border: none;
        }

        .comments-box .comments-list .comments-holder {
            height: 140px;
            overflow-y: scroll;
            overflow-x: hidden;
        }

        .comments-box .comments-list .comments {
            margin-bottom: 15px;
        }

        .comments-box .comments-list h4 {
            color: #0070af;
            font-weight: normal;
        }

        .comments-box .comments-list p {
            margin: 2px 0px;
        }

    .comments-box .comments-entry {
        border-top: 1px solid #ccc;
    }

    .comments-box .btn-comments {
        color: #fff;
        padding: 4px 24px;
        background-color: #0070af;
        border-color: #0070af;
        font-weight: bold;
        float: right;
        margin-top: 10px;
    }

.action-bar {
    width: 100%;
    float: left;
    padding: 10px 5px;
    box-sizing: border-box;
}

/***********************CSS FOR COMMON COMPONENT - CODE REUSE-:ENDS HERE****************************/

/***********************CSS SPECIFIC TO CAPTURE A LEAD PAGE :STARTS HERE****************************/

.leadDetails {
    font-size: 13px;
    color: #333;
}

    .leadDetails .form-group {
        width: 33.33%;
        float: left;
    }

        .leadDetails .form-group.lr {
            margin: 0 1%;
        }

        .leadDetails .form-group label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .leadDetails .form-group .form-control {
            box-sizing: border-box;
            display: block;
            width: 100%;
            padding: 4px 6px;
            font-size: 12px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
            background-image: none;
            border: 1px solid #0070af;
        }

    .leadDetails .productSize .form-group {
        width: 100%;
    }

        .leadDetails .productSize .form-group input {
            width: 33%;
            float: left;
            padding-left: 16px;
        }

    .leadDetails .productSize .productValue {
        position: relative;
    }

        .leadDetails .productSize .productValue i {
            position: absolute;
            left: 6px;
            top: 8px;
            font-size: 14px;
            color: #444;
        }

    .leadDetails .executionStage .exeTitle {
        display: block;
        margin-bottom: 5px;
    }

    .leadDetails .executionStage table {
        width: 100%;
    }

        .leadDetails .executionStage table tr {
            width: 33.33%;
            float: left;
        }

    .leadDetails .askExecution table {
        width: 100%;
    }

        .leadDetails .askExecution table tr {
            width: 30%;
            float: left;
        }

    .leadDetails .askExecution .radio, .executionStage .radio {
        width: 30%;
        float: left;
        padding: 4px 0px;
    }

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px;
    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;
    text-decoration: none;
    border: 1px solid transparent; /*border-radius: 4px;*/
}

    .btn input {
        font-size: 13px;
    }

    .btn.btn-nxt {
        color: #0070af;
        padding: 4px 24px;
        background-color: #fff;
        border-color: #0070af;
        font-weight: bold;
        float: right;
    }
/*.btn.btn-blue {
        background: #0070AF;
        color: #fff;
        padding: 5px 20px;
        box-sizing: border-box;
    font-weight:bold;
    min-width:130px;
}*/
    .btn.btn-rgt {
        float: right;
    }

.leadDetails .remarks-box {
    width: 66.6%;
}

    .leadDetails .remarks-box textarea {
        width: 100% !important;
        box-sizing: border-box;
        border: 1px solid #0070af !important;
        height: 80px !important;
        margin: 0px;
    }

.leadDetails-action {
    width: 99.6%;
    padding: 0 5px;
    box-sizing: border-box;
}

.attach-BoQ {
    float: left;
    color: #0070af;
    padding: 3px 0;
    width: 70%;
}

    .attach-BoQ a {
        font-size: 14px;
        font-weight: bold;
        padding: 2px 4px;
    }

.bidding-action .attach-BoQ a {
    vertical-align: bottom;
}

.attach-BoQ i {
    font-size: 24px;
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    vertical-align: middle;
    margin-bottom: -4px;
    margin-right: -8px;
}

.attach-BoQ i {
    font-size: 24px;
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    vertical-align: top; /* margin-bottom: -4px; */
    margin-right: 0px; /* margin-top: -6px; */
}

/***********************CSS SPECIFIC TO CAPTURE A LEAD PAGE :ENDS HERE******************************/

/***********************CSS SPECIFIC TO TRACK YOUR LEAD PROGRESS :STARTS HERE***********************/

.trackLead {
    font-size: 13px;
    color: #333;
}

    .trackLead .tabs-list {
        width: 0%;
        float: left;
    }

    .trackLead .lead-status-tab {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

    /**Specific CSS When Left Menu is Hidden:Start*/
    .trackLead.hide-left-menu .lead-status-tab {
        width: 100%;
    }

    .trackLead.hide-left-menu .lead-status, .trackLead.hide-left-menu .bid-status {
        padding-left: 0px;
        border-left: none;
    }

    .trackLead.hide-left-menu .lead-status-tab .form-group {
        margin-left: 0px;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(1) {
        width: 14%;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(2) {
        width: 8%;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(3) {
        width: 14% !important;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(4) {
        width: 20%;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(5) {
        width: 14%;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(6) {
        width: 14%;
    }

    .trackLead.hide-left-menu .leadList ul > li > ul > li:nth-child(7) {
        width: 14%;
    }

    .trackLead.hide-left-menu .bidList-box ul > li > ul > li:nth-child(3) {
        width: 33%;
    }

    .trackLead.hide-left-menu .bidList-box ul > li > ul > li:nth-child(6) {
        border-right: none;
    }

#longTermLeadTab {
    /*border-left: 1px solid #ccc;*/
}

/**Specific CSS When Left Menu is Hidden:End*/
.lead-content {
    display: none;
    min-height: 400px; /*Just For Demo - To Show
             Tab change Function*/
}

.hide-lead {
    display: none !important;
}

.lead-search-box {
    width: 200px;
}

.lead-content.show {
    display: block;
}

.tabs-list ul {
    margin-top: 26px;
    margin-right: 10px;
}

    .tabs-list ul li {
        list-style: none;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }

        .tabs-list ul li:last-child {
            border-bottom: none;
        }

        .tabs-list ul li a {
            font-weight: normal;
            color: #444;
        }

        .tabs-list ul li.current a {
            color: #0070AF !important;
            font-weight: bold;
            background: none;
        }

        .tabs-list ul li i {
            font-size: 20px;
        }

.trackLead .select-filter .btn-primary {
    background: #0070AF;
    color: #fff;
    font-family: inherit;
    padding: 3px 20px 3px 8px;
    text-decoration: none;
}

    .trackLead .select-filter .btn-primary i {
        font-size: 20px;
    }

.trackLead .select-filter span {
    padding: 0px 10px;
}

.trackLead .lead-status {
    padding: 0px 0 10px 0px;
}

.trackLead .bid-status {
    padding: 0px 0 10px 0px;
    border-left: 1px solid #ccc;
}

.trackLead .bid-status {
    border-left: none;
}

.leadList-box .leadList, .bidList-box .leadList {
    border: 1px solid #ccc;
}

.lead-status-tab .select-status {
    width: 80%;
    float: left;
}

    .lead-status-tab .select-status .form-control.withDD {
        padding: 4px 0 !important;
    }

.form-control.withDD {
    padding: 4px 0 !important;
}

/*TEsting the CSS Effect*/
.lead-status-tab .select-status .form-group {
    width: 25%;
    margin: 0 3px;
}

.lead-status-tab .select-status .mr17 {
    margin-top: 17px;
}

.lead-status-tab .export-excel.mr17 {
    margin-top: 17px;
}

.trackLead.hide-left-menu .lead-status-tab .select-status .mr17 {
    margin-top: 0px;
}

.trackLead.hide-left-menu .lead-status-tab .export-excel.mr17 {
    margin-top: 0px;
}

.lead-status-tab .form-group {
    width: 33%;
    float: left;
    margin: 0 1%;
    font-size: 13px;
}

    .lead-status-tab .form-group label {
        display: block;
    }

    .lead-status-tab .form-group .form-control {
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 30px;
        padding: 4px 6px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #0070af;
    }

.lead-status-tab .select-status #channelPartnerSection {
    padding: 4px 0;
}

.lead-status-tab .select-status #channelPartner, .lead-status-tab .select-status #status {
    width: 100% !important;
    padding: 0; /*margin: -6px;*/
}

.lead-status-tab .form-group .form-control {
    float: left;
}

.lead-status-tab .form-group .select-filter {
    float: left;
}

.lead-status-tab .select-status label {
    display: block;
}

.lead-status-tab .select-filter {
    float: left;
    padding-top: 29px;
    margin-left: 10px;
}

.lead-status-tab .export-excel {
    float: right;
    padding-top: 29px;
    text-decoration: none;
    font-weight: bold;
    color: #444;
}

    .lead-status-tab .export-excel .excel-icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background: url(/Assets/images/excel.png) no-repeat;
        background-size: 30px 30px;
    }

    .lead-status-tab .export-excel label {
        font-weight: bold;
        vertical-align: top;
        line-height: 30px;
    }

        .lead-status-tab .export-excel label:hover {
            cursor: pointer;
            color: green;
        }

    .lead-status-tab .export-excel i {
        font-size: 26px;
        color: green;
    }

.leadList {
    box-sizing: border-box;
}

    .leadList ul {
        padding: 0;
        font-size: 0;
    }

    .leadList .leadList-item, .leadList .bidList-item {
        border-bottom: 1px solid #ccc;
    }

    .leadList ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        font-size: 12px;
        min-width: 0px;
        line-height: normal;
        height: auto !important;
        cursor: initial;
        text-align: left;
    }

        .leadList ul li a:hover {
            color: #0070af;
        }

    .leadList > ul {
        width: 100% !important;
    }

        .leadList > ul > li {
            border-top: 1px solid #ccc;
            width: 100% !important;
            box-sizing: border-box;
        }

.leadList-header > li {
    border-top: none;
}

.leadList-header .sort {
    cursor: pointer;
}

.leadList > ul > li:last-child {
    border-bottom: 1px solid #ccc;
}

.leadList ul > li > ul > li {
    display: inline-block;
    box-sizing: border-box;
    min-height: 36px;
    padding: 6px 4px;
    border-right: 1px solid #ccc;
    position: relative;
}

.leadList-item > li > ul > li, .bidList-item > li > ul > li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.leadList > ul > li {
    display: table;
    float: none;
}

    .leadList > ul > li > ul {
        display: table-row;
        float: none;
    }

        .leadList > ul > li > ul > li {
            display: table-cell;
            float: none;
        }

.leadList ul > li > ul > li a {
    color: #0070af;
    font-weight: bold;
    text-decoration: none;
}

    .leadList ul > li > ul > li a:hover {
        color: #0070af;
        font-weight: bold;
    }

.leadList ul > li > ul > li:nth-child(1) {
    width: 16%;
    padding-right: 10px;
    letter-spacing: -.25px;
}

.leadList ul > li > ul > li:nth-child(2) {
    width: 10%;
}

.leadList ul > li > ul > li:nth-child(3) {
    width: 18%;
}

.leadList ul > li > ul > li:nth-child(4) {
    width: 12%;
}

.leadList ul > li > ul > li:nth-child(5) {
    width: 18%;
}

.leadList ul > li > ul > li:nth-child(6) {
    width: 14%;
}

.leadList ul > li > ul > li:nth-child(7) {
    border-right: none;
    width: 12%;
}

.leadList ul > li > ul > li:last-child {
    border-right: none;
}

.leadList ul > li > ul .action a {
    padding: 0 6px;
    font-size: 16px;
}

.leadList ul > li > ul .action .fa-close:hover {
    color: red;
}

.leadList-header li {
    font-weight: bold;
}

.leadList-header > li > ul > li:nth-child(1):after, .leadList-header > li > ul > li:nth-child(5):after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #777;
    position: absolute;
    right: 6px;
    top: 10px;
    cursor: pointer;
}

.leadList-header > li > ul > li.sort:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #777;
    position: absolute;
    right: 8px;
    top: 10px;
    cursor: pointer;
}

.trackLead.lead-scroll .leadList > ul > li > ul > li {
}

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(1) {
        width: 15%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(2) {
        width: 10%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(3) {
        width: 15%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(4) {
        width: 20%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(5) {
        width: 15%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(6) {
        width: 12%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(7) {
        width: 15%;
    }

    .trackLead.lead-scroll .leadList > ul > li > ul > li:nth-child(8) {
        width: 13%;
        border-right: none;
        border-left: 1px solid #ccc;
    }

.trackLead.lead-scroll .leadList-box {
    overflow: auto;
}

    .trackLead.lead-scroll .leadList-box .leadList {
        width: 100%;
    }

.tabs-list a {
    text-decoration: none;
    color: inherit;
}

.bidList-box .leadList ul > li > ul > li:nth-child(5) {
    width: 16%;
}

.bidList-box .leadList ul > li > ul > li:nth-child(6) {
    width: 16%;
}

.leadList-header > li > ul > li.sort:hover:after {
    border-top: 8px solid #0070af;
}

.leadList-header > li > ul > li.sort-asec:after {
    border-bottom: 8px solid #0070af !important;
    border-top: none !important;
}

.leadList-header > li > ul > li.sort-desc:after {
    border-top: 8px solid #0070af !important;
    border-bottom: none !important;
}

.leadList-header > li > ul > li span {
    vertical-align: -webkit-baseline-middle;
}

.leadList-item > li:nth-child(odd) {
    background: #ebf1fd;
}

.leadList-item > li:nth-of-type(odd), .bidList-item > li:nth-of-type(odd) {
    background: #ebf1fd;
}

.leadList-item > li:nth-of-type(even), .bidList-item > li:nth-of-type(even) {
    background: none;
}

.leadList-paging ul {
    float: right;
    padding: 10px 0px;
}

    .leadList-paging ul li {
        display: inline-block;
        list-style: none;
    }

        .leadList-paging ul li a {
            color: #0070af;
            cursor: pointer;
            padding: 0px 5px;
        }

.leadList-paging.bottom {
    border-bottom: 1px solid #ccc;
}

.leadDetails .RadComboBox_Default .rcbInputCellLeft {
    border: none !important;
}

/***********************CSS SPECIFIC TO TRACK YOUR LEAD PROGRESS:ENDS HERE**************************/

/***********************CSS SPECIFIC TO LEAD DETAILS PAGE :STARTS HERE******************************/

.view-details {
    font-size: 13px;
    color: #333;
}

    .view-details .sub-title {
        margin-bottom: 10px;
    }

.lead-stage {
    margin: 15px 0 20px 0;
}

ol.progress[data-steps="2"] li {
    width: 49%;
}

ol.progress[data-steps="3"] li {
    width: 33%;
}

ol.progress[data-steps="4"] li {
    width: 24%;
}

ol.progress[data-steps="5"] li {
    width: 19%;
}

ol.progress[data-steps="6"] li {
    width: 16%;
}

ol.progress[data-steps="7"] li {
    width: 14%;
}

ol.progress[data-steps="8"] li {
    width: 12%;
}

ol.progress[data-steps="9"] li {
    width: 11%;
}

.progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    padding: 0;
}

    .progress li {
        float: left;
        text-align: center;
        position: relative;
    }

    .progress .name {
        display: block;
        vertical-align: bottom;
        text-align: center;
        margin-bottom: 1em;
        color: black;
        opacity: 0.3;
    }

    .progress .step span {
        opacity: 0.3;
    }

        .progress .step span i {
            color: #fff;
            font-size: 20px;
        }

    .progress .active .name, .progress .active .step span {
        opacity: 1;
    }

    .progress .step:before {
        content: "";
        display: block;
        background-color: silver;
        height: 0.4em;
        width: 50%;
        position: absolute;
        bottom: 1em;
        left: -1.2em;
        z-index: 0;
    }

    .progress .step:after {
        content: "";
        display: block;
        background-color: silver;
        height: 0.4em;
        width: 50%;
        position: absolute;
        bottom: 1em;
        right: -1.2em;
        z-index: 0;
    }

    .progress li:first-of-type .step:before {
        display: none;
    }

    .progress li:last-of-type .step:after {
        display: none;
    }

    .progress .done .step, .progress .done .step:before, .progress .done .step:after, .progress .active .step, .progress .active .step:before {
        background-color: yellowgreen;
    }

    .progress .done .step, .progress .active .step {
        border: 3px solid yellowgreen;
    }

.view-details .sub-title {
    margin-bottom: 10px;
    font-size: 13px;
}

.lead-stage {
    margin: 15px 0 20px 0;
}

ol.progress[data-steps="2"] li {
    width: 49%;
}

ol.progress[data-steps="3"] li {
    width: 33%;
}

ol.progress[data-steps="4"] li {
    width: 24%;
}

ol.progress[data-steps="5"] li {
    width: 19%;
}

ol.progress[data-steps="6"] li {
    width: 16%;
}

ol.progress[data-steps="7"] li {
    width: 14%;
}

ol.progress[data-steps="8"] li {
    width: 12%;
}

ol.progress[data-steps="9"] li {
    width: 11%;
}

.progress {
    width: 100%;
    list-style: none;
    list-style-image: none;
    padding: 0;
}

    .progress li {
        float: left;
        text-align: center;
        position: relative;
        height: auto !important;
        margin: 0;
    }

    .progress .name {
        display: block;
        vertical-align: bottom;
        text-align: center;
        margin-bottom: 5px;
        color: black;
        opacity: 0.3;
        height: 48px;
        overflow: hidden;
        line-height: 16px;
    }

    .progress .step {
        color: black;
        border: 3px solid silver;
        background-color: silver;
        border-radius: 50%;
        line-height: 2.5;
        width: 2em;
        height: 2em;
        display: inline-block;
        z-index: 0;
    }

        .progress .step span {
            opacity: 0.3;
        }

            .progress .step span i {
                color: #fff;
                font-size: 20px;
            }

    .progress .now .name, .progress .now .step span {
        opacity: 1;
    }

    .progress .step:before {
        content: "";
        display: block;
        background-color: silver;
        height: 0.4em;
        width: 50%;
        position: absolute;
        bottom: 1em;
        left: -1.2em;
        z-index: 0;
    }

    .progress .step:after {
        content: "";
        display: block;
        background-color: silver;
        height: 0.4em;
        width: 50%;
        position: absolute;
        bottom: 1em;
        right: -1.2em;
        z-index: 0;
    }

    .progress li:first-of-type .step:before {
        display: none;
    }

    .progress li:last-of-type .step:after {
        display: none;
    }

    .progress .done .step, .progress .done .step:before, .progress .done .step:after, .progress .now .step, .progress .now .step:before {
        background-color: yellowgreen;
    }

    .progress li:last-of-type.now .step:before {
        background-color: silver;
    }

    .progress .done .step, .progress .now .step {
        border: 3px solid yellowgreen;
    }

.lead-info ul {
    font-size: 0px;
    box-sizing: border-box;
}

    .lead-info ul li {
        font-size: 13px;
        float: left;
        box-sizing: border-box;
        list-style: none;
        display: inline-block;
        display: inline-flex;
        width: 33%;
        margin: 0;
        padding: 10px 0;
        min-width: 0;
        line-height: 15px;
        height: auto !important;
        text-align: left;
    }

        .bidding-details ul li.view-remarks, .lead-info ul li.view-remarks {
            width: 100%;
        }

            .bidding-details ul li.view-remarks .items, .lead-info ul li.view-remarks .items {
                width: 16.66%;
            }

            .bidding-details ul li.view-remarks .details, .lead-info ul li.view-remarks .details {
                width: 83.33%;
            }

.lead-info .info-heading li {
    font-weight: bold;
    font-size: 13px;
}

.lead-info ul li .items {
    display: block;
    float: left;
    width: 50%;
    cursor: default;
    cursor: initial;
}

.lead-info ul li .details {
    display: block;
    float: left;
    width: 50%;
    color: #0070af;
    cursor: default;
    cursor: initial;
    font-weight: normal;
    position: relative;
    padding-left: 6px;
    padding-right: 3px;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    .lead-info ul li .details:before {
        content: ':';
        position: absolute;
        left: 0px;
    }

.view-details .comments-box {
    width: 75%;
    margin-top: 15px;
}

    .view-details .comments-box .action-buttons {
        margin-top: 10px;
    }

        .view-details .comments-box .action-buttons .btn-sub, .view-details .comments-box .action-buttons .btn-bak {
            float: right;
            width: 125px;
        }

    .view-details .comments-box label {
        padding: 6px 0;
        display: block;
        font-size: 13px;
    }

    .view-details .comments-box .comments-list {
        border: 1px solid #0070af;
        padding: 5px 10px;
    }

        .view-details .comments-box .comments-list textarea {
            max-width: 100%;
            width: 100%;
            box-sizing: border-box;
            padding: 5px;
            border: none;
        }

        .view-details .comments-box .comments-list .comments-holder {
            height: 140px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .view-details .comments-box .comments-list .comments {
            margin-bottom: 15px;
        }

        .view-details .comments-box .comments-list h4 {
            color: #0070af;
            font-weight: normal;
        }

        .view-details .comments-box .comments-list p {
            margin: 2px 0px;
            overflow-wrap: break-word;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            word-break: break-word;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto;
        }

    .view-details .comments-box .comments-entry {
        border-top: 1px solid #ccc;
    }

    .view-details .comments-box .RadInput_Default {
        width: 100% !important;
    }

    .view-details .comments-box .btn-comments {
        color: #fff;
        padding: 4px 24px;
        background-color: #0070af;
        border-color: #0070af;
        font-weight: bold;
        float: right;
        margin-top: 10px;
    }

.leadDetails-action .attach-BoQ i {
    float: left;
}

.leadDetails-action .RadUpload_Default {
    width: 90% !important;
}
/***********************CSS SPECIFIC TO LEAD DETAILS PAGE :ENDS HERE********************************/

/***********************CSS SPECIFIC TO OPPORTUNITY DETAILS PAGE :STARTS HERE***********************/

.opportunity {
    padding: 10px 0 0 10px;
    border-left: 1px solid #ccc;
    font-size: 13px;
    line-height: 17px;
}

    .opportunity .form-group.fg11 {
        margin-top: 17px;
    }

    .opportunity .form-group {
        width: 33%;
        float: left;
        box-sizing: border-box;
        padding: 5px 5px;
        font-size: 13px;
        line-height: 17px;
        margin: 0;
    }

    .opportunity .error-msg span {
        position: absolute;
    }

.trackLead .lead-status-tab .trackLead .lead-status-tab {
    width: 100%;
}

.opportunity .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

.opportunity .form-group .form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.opportunity .details-rad .leadSource {
    display: block;
}

.opportunity .details-rad {
    /*margin: 15px 0;
            padding: 5px;*/
}

    .opportunity .details-rad table {
        width: 100%;
    }

        .opportunity .details-rad table tr {
            width: 33%;
            float: left;
        }

.opportunity .radio {
    width: 33%;
    float: left;
    padding: 10px 0px;
    box-sizing: border-box;
}

.opportunity .action-buttons {
    display: block;
    padding: 5px;
    margin: 10px 0;
}

.btn.btn-simple {
    color: #0070af;
    padding: 4px 24px;
    background-color: #fff;
    border-color: #0070af;
    font-weight: bold;
    margin-right: 30px;
}

    .btn.btn-simple input {
        background: #fff;
        color: #0070af;
    }

.btn.btn-medium {
    padding: 2px 12px;
}

/***********************CSS SPECIFIC TO OPPORTUNITY DETAILS PAGE :ENDS HERE*************************/

/***********************CSS SPECIFIC TO BIDDING CREATE PAGE :STARTS HERE****************************/

.bidding-create {
    font-size: 13px;
}

    .bidding-create.fg11 {
        margin-top: 17px;
    }

    .bidding-create .form-group {
        width: 33%;
        float: left;
    }

        .bidding-create .form-group label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .bidding-create .form-group .form-control {
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: 30px;
            padding: 4px 6px;
            font-size: 12px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
        }

    .bidding-create .details-rad .leadSource {
        display: block;
    }

    .bidding-create .details-rad {
        margin: 15px 0;
        padding: 5px;
    }

    .bidding-create .radio {
        width: 33%;
        float: left;
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .bidding-create .action-buttons {
        display: block;
        padding: 5px;
        margin: 10px 0;
        width: 65%;
        box-sizing: border-box;
    }

        .bidding-create .action-buttons .btn.btn-simple {
            float: right;
            margin-right: 0px;
        }

    .bidding-create .project-bar {
        background: #d3dedf;
        padding: 10px 10px;
        margin: 10px 5px;
        font-weight: bold;
        border-radius: 3px;
    }

        .bidding-create .project-bar i {
            float: right;
            font-size: 24px;
            color: #0070AF;
        }

    .bidding-create .brand-questions .form-group {
        width: 100%;
    }

        .bidding-create .brand-questions .form-group label {
            width: 25%;
            float: left;
        }

        .bidding-create .brand-questions .form-group .form-control {
            width: 40%;
            float: left;
        }

.bidding-action .form-group {
    width: 100%;
}

.bidding-action .remarks-box label {
    width: 25%;
    float: left;
}

.bidding-action .remarks-box textarea {
    width: 40%;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.bidding-action .remarks-box label {
    width: 25%;
    float: left;
}

.bidding-action .remarks-box textarea {
    width: 40%;
    box-sizing: border-box;
    border: 1px solid #0070af;
}

.bidding-action .remarks-box span {
    display: block;
    float: left;
    width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #0070af;
}

    .bidding-action .remarks-box span textarea {
        border: none !important;
        height: 80px !important;
    }

.bidding-create .leadDetails-action {
    display: block;
    padding: 5px;
    margin: 10px 0;
    width: 65%;
    box-sizing: border-box;
}

.bidding-create {
}

    .bidding-create.fg11 {
        margin-top: 17px;
    }

    .bidding-create .form-group {
        width: 33.33%;
        float: left;
    }

        .bidding-create .form-group label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .bidding-create .form-group .form-control {
            box-sizing: border-box;
            display: block;
            width: 100%;
            height: 30px;
            padding: 4px 6px;
            font-size: 12px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff;
            background-image: none;
            border: 1px solid #0070af;
        }

    .bidding-create .productSize .form-group .productValue input {
        float: left;
        padding-left: 16px;
    }

    .bidding-create .productSize .productValue {
        position: relative;
    }

        .bidding-create .productSize .productValue i {
            position: absolute;
            left: 6px;
            top: 8px;
            font-size: 14px;
            color: #444;
        }

    .bidding-create .productSize .output-date {
        position: relative;
    }

        .bidding-create .productSize .output-date i {
            position: absolute;
            right: 6px;
            top: 8px;
            font-size: 16px;
            color: #444;
        }

    .bidding-create .details-rad .leadSource {
        display: block;
    }

    .bidding-create .details-rad {
        margin: 15px 0;
        padding: 5px;
    }

    .bidding-create .radio {
        width: 33%;
        float: left;
        padding: 10px 0px;
        box-sizing: border-box;
    }

    .bidding-create .action-buttons {
        display: block;
        padding: 5px;
        margin: 10px 0;
        width: 99.6%;
        box-sizing: border-box;
    }

        .bidding-create .action-buttons .btn.btn-simple {
            float: right;
            margin-left: 50px;
        }

    .bidding-create .project-bar {
        background: #d3dedf;
        padding: 10px 10px;
        margin: 10px 5px;
        font-weight: bold;
        border-radius: 3px;
    }

        .bidding-create .project-bar i {
            float: right;
            font-size: 24px;
            color: #0070AF;
        }

    .bidding-create .brand-questions .form-group {
        width: 100%;
    }

        .bidding-create .brand-questions .form-group label {
            width: 100%;
            float: left;
        }

        .bidding-create .brand-questions .form-group .form-control {
            width: 100%;
            float: left;
        }

.bidding-action .form-group {
    width: 66.6%;
}

.bidding-action .remarks-box label {
    width: auto;
    float: left;
}

.bidding-action .remarks-box .span textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #0070af;
}

/***********************CSS SPECIFIC TO BIDDING CREATE PAGE :ENDS HERE******************************/

/***********************CSS SPECIFIC TO TRACK BIDDING SUPPORT PAGE :STARTS HERE*********************/

.bidding.trackLead .lead-content {
    /*display:block;*/
    width: 100%;
}

.bidding .export-excel {
    text-decoration: none;
    font-weight: bold;
    color: #444;
    display: inline-block;
    font-size: 13px;
}

    .bidding .export-excel .excel-icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        background: url(../../Assets/images/excel.png) no-repeat;
        background-size: 30px 30px;
    }

    .bidding .export-excel label {
        font-weight: bold;
        vertical-align: top;
        line-height: 30px;
    }

        .bidding .export-excel label:hover {
            cursor: pointer;
            color: green;
        }

/***********************CSS SPECIFIC TO TRACK BIDDING SUPPORT PAGE :ENDS HERE***********************/

/***********************CSS SPECIFIC TO BIDDING DETAILS PAGE :STARTS HERE***************************/

.uploaded-docs {
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin: 20px 0;
}

    .uploaded-docs .title-bar {
        padding: 10px;
        background: #eee;
    }

    .uploaded-docs i {
        padding-left: 5px;
    }

    .uploaded-docs .title-bar .sub-title {
        float: left;
    }

    .uploaded-docs .docs-list ul {
        list-style: none;
    }

        .uploaded-docs .docs-list ul li {
            float: left;
            display: inline-block;
            min-width: 0;
            height: auto !important;
            margin-right: 0px;
        }

    .uploaded-docs .docs-list > ul > li {
        width: 100%;
        border-top: 1px solid #ccc;
        float: none;
        display: table;
    }

        .uploaded-docs .docs-list > ul > li > ul {
            float: none;
            display: table-row;
        }

            .uploaded-docs .docs-list > ul > li > ul > li a {
                color: #0070af;
                cursor: pointer;
                font-weight: bold;
                text-decoration: none;
                overflow-wrap: break-word;
                word-wrap: break-word;
                -ms-word-break: break-all;
                word-break: break-all;
                word-break: break-word;
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;
            }

            .uploaded-docs .docs-list > ul > li > ul > li {
                padding: 6px 4px;
                border-right: 1px solid #ccc;
                min-height: 32px;
                box-sizing: border-box;
                min-width: 0;
                height: auto !important;
                margin-right: 0px;
                text-align: left;
                float: none;
                display: table-cell;
            }

                .uploaded-docs .docs-list > ul > li > ul > li:last-child {
                    border-right: none;
                }
                /*.uploaded-docs .docs-list > ul > li > ul > li:nth-child(1) {
    width: 5%;
    text-align: center;
}*/
                .uploaded-docs .docs-list > ul > li > ul > li:nth-child(1) {
                    width: 40%;
                    overflow-wrap: break-word;
                    word-wrap: break-word;
                    -ms-word-break: break-all;
                    word-break: break-all;
                    word-break: break-word;
                    -ms-hyphens: auto;
                    -moz-hyphens: auto;
                    -webkit-hyphens: auto;
                    hyphens: auto;
                }

                    .uploaded-docs .docs-list > ul > li > ul > li:nth-child(1) a {
                        font-weight: normal !important;
                        color: #333;
                        cursor: initial;
                    }

                .uploaded-docs .docs-list > ul > li > ul > li:nth-child(2) {
                    width: 10%;
                }

                .uploaded-docs .docs-list > ul > li > ul > li:nth-child(3) {
                    width: 15%;
                }

                .uploaded-docs .docs-list > ul > li > ul > li:nth-child(4) {
                    width: 15%;
                }

                .uploaded-docs .docs-list > ul > li > ul > li:nth-child(5) {
                    width: 15%;
                }

.bidding-details .uploaded-docs {
    width: 75%;
}

.upload-container {
    width: 100%;
}

    .upload-container a {
        font-size: 11px;
        color: #0070AF;
        cursor: pointer;
    }

    .upload-container i {
        font-size: 24px;
        color: #0070AF;
    }

    .upload-container .ruFileWrap.ruStyled {
    }

        .upload-container .ruFileWrap.ruStyled span, .upload-container .ruFileWrap.ruStyled input {
            width: auto !important;
        }

.action-buttons .raise-query {
    color: #333;
    width: 100%;
    padding-right: 2px;
    text-align: right;
}

    .action-buttons .raise-query a {
        text-decoration: underline;
        color: #0070AF;
        font-weight: bold;
    }

/***********************CSS SPECIFIC TO BIDDING DETAILS PAGE :ENDS HERE*****************************/

/***********************CSS SPECIFIC TO TRACK BIDDING CREATE PAGE :STARTS HERE**********************/

.track-bid-create .form-group {
    float: left;
    box-sizing: border-box;
    padding: 10px 5px;
    margin: 0;
}

.track-bid-create .error-msg {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

    .track-bid-create .error-msg span {
        position: absolute;
    }

.track-bid-create .form-group label {
    display: inline-block;
    margin-bottom: 5px;
}

.track-bid-create .BiddingSource table {
    width: 100%;
}

    .track-bid-create .BiddingSource table tr {
        width: 33%;
        float: left;
        box-sizing: border-box;
    }

.track-bid-create .form-group .form-control {
    display: block;
    width: 100%;
    padding: 4px 6px;
    font-size: 13px;
    line-height: 15px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #0070af;
    box-sizing: border-box;
}

.track-bid-create .radio {
    float: left;
    box-sizing: border-box;
    padding: 5px 0px;
}

.track-bid-create .form-group {
    width: 33.33%;
}

    .track-bid-create .form-group .form-control {
        height: 30px;
    }

.track-bid-create .radio {
    width: 33.33%;
}

.track-bid-create .details-rad .sub-title {
    display: block;
    font-size: 13px;
    line-height: 20px;
}

.track-bid-create .fg11, .track-bid-create .fg12 {
    margin-top: 15px;
}

/***********************CSS SPECIFIC TO TRACK BIDDING CREATE PAGE :ENDS HERE************************/
ul.menu > li {
    padding: 6px 10px;
}

.form-control.withDD {
    padding: 0 !important;
}

/*************HTML CODE FOR DATE PICKERS : STARTS HERE*************************************/
.datepickers-container {
    z-index: 9999;
}

.datepicker {
    width: 230px;
}

#ui-datepicker-div {
    z-index: 10000 !important;
}

/*************HTML CODE FOR DATE PICKERS : ENDS HERE*************************************/
.show-more-holder {
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .show-more-holder:hover {
        color: #0070af;
        text-decoration: underline;
    }

.datepickers-container {
    z-index: 9999;
}

.datepicker {
    width: 230px;
}

#longTerm .form-group .error-msg {
    padding-left: 0%;
    float: left;
}

/*********************CSS SPECIFIC TO TRACK BIDDING CREATE PAGE :STARTS HERE******/
.details-info {
}

    .details-info ul {
        font-size: 0px;
        box-sizing: border-box;
    }

        .details-info ul li {
            font-size: 12px;
            box-sizing: border-box;
            list-style: none;
            float: left;
            display: inline-block;
            display: inline-flex;
            width: 33.33%;
            margin: 0;
            padding: 10px 0;
            min-width: 0;
            line-height: normal;
            height: auto !important;
            text-align: left;
            cursor: initial;
        }

    .details-info .info-heading li {
        font-weight: bold;
        font-size: 13px;
    }

    .details-info .info-heading {
        width: 100%;
    }

    .details-info ul li .items {
        display: block;
        float: left;
        width: 50%;
        cursor: default;
        cursor: initial;
    }

    .details-info ul li .details {
        display: block;
        float: left;
        width: 50%;
        cursor: default;
        cursor: initial;
        color: #0070af;
        font-weight: normal;
        position: relative;
        padding-left: 6px;
        padding-right: 3px;
        box-sizing: border-box;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

        .details-info ul li .details:before {
            content: ':';
            position: absolute;
            left: 0px;
        }

.pull-right {
    float: right;
}

.bidding-details .info-heading .status-details {
    float: left;
    width: 50%;
    position: relative;
    padding-left: 6px !important;
    box-sizing: border-box;
}

    .bidding-details .info-heading .status-details:before {
        content: ':';
        position: absolute;
        left: 0px;
        color: #0070af;
        font-weight: bold;
    }

    .bidding-details .info-heading .status-details .RadComboBox_Default {
        width: 98% !important;
        margin-top: -2px;
    }

.bidding-details .info-heading .hidden {
    display: none !important;
}

.register_Lcolumn .accordion-cont .accordion ul li.active {
    background: none !important;
}

.popup_gridLayout {
    z-index: 1000002 !important;
}

#overlay_VideoPOPUP {
    z-index: 1000003 !important;
}

#overlay_WebinarPOPUP {
    z-index: 1000004 !important;
}

#overlay_ResourcePOPUP {
    z-index: 1000005 !important;
}

#overlay_POPUP {
    z-index: 1000009 !important;
}

ul.customtab li.customtab1 {
    padding: 11px 15px;
}

#SATpopUpDiv {
    z-index: 1000001 !important;
}

.create-bidding-link a {
    text-decoration: none;
    color: #0070af;
}

.fc-header-right {
    margin-top: -26px;
}

.training-overlay .overlay-header {
    width: 100%;
}
/************Style for the UPLOAD SFDC PAGE: STARTS HERE ************/

.upload-sfdc {
    width: 100%;
    padding-left: 20px;
}

    .upload-sfdc .upload-box .label-name {
        width: 35%;
        float: left;
    }

        .upload-sfdc .upload-box .label-name label {
            display: block;
            font-size: 14px;
        }

        .upload-sfdc .upload-box .label-name span {
            font-size: 11px;
        }

    .upload-sfdc .upload-box {
        width: 70%;
    }

        .upload-sfdc .upload-box .upload {
            width: 65%;
            float: left;
            padding-left: 5px;
            box-sizing: border-box;
            position: relative;
        }

            .upload-sfdc .upload-box .upload:before {
                content: ":";
                font-weight: bold;
                position: absolute;
                top: 5px;
            }

            .upload-sfdc .upload-box .upload .RadUpload_Default {
                margin-left: 10px;
            }

            .upload-sfdc .upload-box .upload .RadUpload_Default {
                margin-left: 10px;
                border: 1px solid #ccc;
                padding: 5px 0px 0px 1px;
            }

            .upload-sfdc .upload-box .upload .form-control {
                width: 71%;
                height: 30px;
                box-sizing: border-box;
            }

            .upload-sfdc .upload-box .upload .btn-browse {
                width: 23%;
                box-sizing: border-box;
                float: right;
                margin-right: 5px;
            }

    .upload-sfdc .action-bar .btn-input {
        margin-left: 38%;
    }

    .upload-sfdc .upload-box .btn-blue {
        width: 100px;
    }

    .upload-sfdc .status-notification {
        border: 1px solid #ccc;
        margin: 10px 0px;
        padding: 15px;
        margin-right: 40px;
        float: left;
        width: 850px;
    }

        .upload-sfdc .status-notification span {
            vertical-align: top;
            line-height: 28px;
            padding-left: 5px;
        }

        .upload-sfdc .status-notification .fa {
            font-size: 30px;
        }

        .upload-sfdc .status-notification .success .fa {
            color: #13D613;
        }

        .upload-sfdc .status-notification .error .fa {
            color: #EF2727;
        }

    .upload-sfdc .upload-box .upload .RadUpload .ruFileWrap .ruButton {
        background: #ccc;
        color: #333 !important;
        padding: 7px 10px;
        box-sizing: border-box;
        font-weight: bold;
        min-width: 90px;
        height: auto !important;
        float: left;
        font-size: 13px;
        display: block;
        outline: none !important;
    }

#uploadConfirmation {
    position: fixed;
    z-index: 9009;
    width: 400px !important;
    height: 200px;
}

    #uploadConfirmation .action-bar .btn-rgt.mr-10 {
        margin-right: 10px !important;
        text-decoration: none;
    }

/************Style for the UPLOAD SFDC PAGE: ENDS HERE ************/

/***********************CSS SPECIFIC TO PARTNER LOCATOR TOOL PAGE :STARTS HERE**********************/

.partner-locate {
    font-size: 13px;
}

    .partner-locate .partner-search {
        width: 60%;
        float: left;
        box-sizing: border-box;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .partner-locate .contact-hon {
        width: 40%;
        float: left;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

        .partner-locate .contact-hon h3 {
            font-size: 14px;
            background: #eee;
            line-height: 20px;
            padding: 5px;
        }

.partner-search .category {
    width: 100%;
    float: left;
}

    .partner-search .category .form-group {
        width: 50%;
        float: left;
    }

.partner-search .location {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px 0px;
}

    .partner-search .location .select-location {
        width: 45%;
        float: left;
    }

    .partner-search .location h3 {
        font-size: 14px;
        font-weight: bold;
        color: #0070AF;
        border-bottom: 1px solid #0070AF;
        margin-right: 5px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .partner-search .location .or-box {
        width: 10%;
        float: left;
    }

    .partner-search .location .use-location {
        width: 45%;
        float: left;
    }

        .partner-search .location .use-location .checkbox {
            font-size: 12px;
            padding: 5px 0;
            line-height: 15px;
        }

    .partner-search .location .select-location .form-group {
        width: 100%;
        float: left;
        padding: 5px;
    }

.partner-search .or-box {
    width: 10%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #555;
    padding: 5px;
    box-sizing: border-box;
}

    .partner-search .or-box span {
        display: block;
        font-weight: normal;
        color: #ccc;
    }

    .partner-search .or-box .v-line .bar {
        border-left: 1px solid #ccc;
        height: 40px;
        display: inline-block;
    }

    .partner-search .or-box .or {
        color: #555;
    }

.partner-locate .contact-hon .contact-list {
    list-style: none;
    margin-bottom: 48px;
}

    .partner-locate .contact-hon .contact-list li {
        padding: 5px 0;
    }

.partner-locate .contact-hon .btn.btn-input {
    margin-bottom: 10px;
    margin-right: 10px;
}

.partner-locate .contact-hon .contact-list .checkbox {
    padding: 4px 0;
    font-weight: bold;
}

    .partner-locate .contact-hon .contact-list .checkbox label {
        line-height: 20px;
    }

    .partner-locate .contact-hon .contact-list .checkbox span {
        vertical-align: top;
    }

.partner-locate .contact-hon .contact-list .contact-info {
    padding-left: 20px;
}

    .partner-locate .contact-hon .contact-list .contact-info i {
        color: #0070AF;
    }

    .partner-locate .contact-hon .contact-list .contact-info span {
        display: block;
        width: 100%;
        padding: 3px;
    }

.partner-locate .search-result .brand-filter {
    float: left;
    width: 40%;
}

    .partner-locate .search-result .brand-filter .form-group {
        width: 70%;
    }

    .partner-locate .search-result .brand-filter .btn.btn-blue {
        margin-top: 28px;
    }

.partner-locate .search-result .search-action .action {
    margin-top: 28px;
    float: right;
    width: 60%;
}

.partner-locate .search-result .brand-filter .form-group .form-control {
    height: 30px;
}

.partner-locate .search-result .search-action .mr-20 {
    margin-right: 20px !important;
}

.partner-locate .search-result .search-action .mt-10 {
    margin-top: 10px !important;
}

.partner-locate .search-list .list {
}

    .partner-locate .search-list .list ul > li {
        display: table;
        table-layout: fixed;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }

.partner-locate .search-list .paging, .partner-locate .search-list .paging.bottom {
    border: none;
}

.partner-locate .btn.btn-input {
    padding: 6px 20px;
}

.partner-locate .search-list .list ul > li > ul {
    display: table-row;
}

    .partner-locate .search-list .list ul > li > ul > li {
        display: table-cell;
    }

        .partner-locate .search-list .list ul > li > ul > li a {
            font-weight: bold;
        }

.partner-locate .search-list ul > li > ul > li:nth-child(1) {
    width: 6%;
    text-align: center;
}

.partner-locate .search-list ul > li > ul > li:nth-child(2) {
    width: 10%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(3) {
    width: 10%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(4) {
    width: 15%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(5) {
    width: 20%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(6) {
    width: 10%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(7) {
    width: 20%;
}

.partner-locate .search-list ul > li > ul > li:nth-child(8) {
    border-right: none;
    width: 10%;
}

.partner-locate ul li.active {
    background: none !important;
    border-right: 1px solid #ccc !important;
}

.partner-locate .contact-hon .btn.btn-rgt {
    float: right;
    margin-bottom: 2px;
    margin-right: 2px;
}
/***********************CSS SPECIFIC TO PARTNER LOCATOR TOOL PAGE :ENDS HERE************************/
.rating-box {
    width: 400px;
    padding: 10px;
}

    .rating-box .title {
        font-size: 14px;
        color: #0070AF;
        font-weight: bold;
        text-align: center;
        margin: 0 20%;
        border-bottom: 1px solid #ccc;
        line-height: 30px;
    }

    .rating-box .ratings {
        text-align: center;
        padding: 15px 0px;
        margin-left: 38%;
    }

        .rating-box .ratings .fa {
            font-size: 24px;
        }

        .rating-box .ratings .fa-star-o {
            color: #333;
        }

            .rating-box .ratings .fa-star-o:hover {
                color: #FF9800;
            }

        .rating-box .ratings .fa-star {
            color: #FF9800;
        }

    .rating-box .comments .comments-entry {
        margin-bottom: 10px;
    }

    .rating-box .comments textarea {
        max-width: 100%;
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        border: 1px solid #ccc;
    }


/************Style for the Send message Popup:STARTS HERE **********/

#sendMessage {
    position: fixed;
    z-index: 9009;
    width: 480px !important;
    height: 350px;
}

    #sendMessage .form-group {
        width: 100%;
        float: left;
        padding: 5px;
    }

        #sendMessage .form-group label {
            width: 20%;
            float: left;
        }

        #sendMessage .form-group .content {
            width: 80%;
            float: left;
            position: relative;
            padding: 5px;
            box-sizing: border-box;
            padding-left: 10px;
        }

            #sendMessage .form-group .content textarea {
                max-width: 100%;
                width: 100%;
                box-sizing: border-box;
                padding: 5px;
            }

            #sendMessage .form-group .content.message {
                max-height: 85px;
                overflow: auto;
            }

            #sendMessage .form-group .content.mailing-list {
                max-height: 55px;
                overflow: auto;
            }

            #sendMessage .form-group .content:before {
                content: ':';
                position: absolute;
                top: 3px;
                left: 0px;
                font-weight: bold;
            }

    #sendMessage .action-bar {
        margin: 0px;
    }

#requestCallBack {
    position: fixed;
    z-index: 9009;
    width: 400px !important;
    height: 350px;
}

    #requestCallBack .dialog-content .form-group {
        width: 100%;
    }

        #requestCallBack .dialog-content .form-group label {
            width: 30%;
            float: left;
        }

        #requestCallBack .dialog-content .form-group .form-control {
            width: 70%;
            float: left;
        }

    #requestCallBack .required {
        color: #C3291D;
    }

#ratingPopUp {
    position: fixed;
    z-index: 90009;
    width: 425px !important;
    height: 225px;
    background: white;
}

    #ratingPopUp .dialog-content {
        padding: 0px;
    }

.comments-entry textarea, .comments-entry span {
    margin: 0px;
    width: 402px !important;
    height: 72px !important;
}

#ratingPopUp .error-msg {
    width: auto;
    margin-top: 5px;
}

.rating .rrtOver a span, .rating .rrtSelected a span {
    background-position: -18px 0px !important;
}

.rating {
    float: left;
    height: 42px !important;
}
/************Style for the Send message Popup:ENDS HERE ************/
#mapPopUp {
    display: none;
    position: fixed;
    z-index: 9009;
    width: 640px !important;
    height: 544px;
}

.upload-error-container {
    width: 850px;
    float: left;
    overflow: auto;
    max-height: 200px;
}

.sfdc-file-upload input[type='text'] {
    display: none;
}

.sfdc-file-upload li.active {
    background: none !important;
}

.sfdc-file-upload .ruRemove {
    width: 100px !important;
}

#Reportcontainer .invoiceTabs ul li {
    height: 34px !important;
    display: inline-block;
}

#Reportcontainer .invoiceTabs ul li.active {
    height: 35px !important;
}

#loginpopupDiv {
    height: 340px !important;
    background: #fff;
}

.bidding-action .attach-BoQ {
    width: 100% !important;
}

.select-location .form-control {
    position: relative;
}

#Reportcontainer .invoiceTabs ul li.active {
    height: 35px !important;
}

.select-location .form-control {
    position: relative;
}

.location-mask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #eee;
    margin-left: 0px;
    opacity: .5;
    top: 0px;
    box-sizing: border-box;
}

.left-col.product-res {
    width: 25% !important;
    float: left;
    box-sizing: border-box;
}

.right-col.product-res {
    width: 75%;
    float: right;
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
}

    .right-col.product-res img {
    max-width: 100%;
    height: auto;
}

    .right-col.product-res .tabDescriptionHolder {
        max-height: none;
    }

#container.product-res {
    margin-left: 10px;
    margin-right: 10px;
}

#Reportcontainer .invoiceTabs ul li.active {
    height: 35px !important;
}

.products-left-box2 .RadComboBox_Default, .products-left-box2 .RadInput_Default {
    width: 90% !important;
}

.left-col.product-res {
}

.ProductMenuItems table {
    width: 98% !important;
}

/***********************CSS SPECIFIC TO FAQ ACCORDION :STARTS HERE**********************************/

.search-faq .form-group {
    width: 70%;
    box-sizing: border-box;
}

.search-faq .form-group .form-control {
    box-sizing: border-box;
    height: 30px;
}

.search-faq .faq-search-box {
    width: 45%;
    float: left;
}

.search-faq .btn.btn-blue {
    margin-top: 30px;
    width: 30%;
    box-sizing: border-box;
}

.search-faq .or-box {
    width: 10%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #555;
    padding: 5px;
    box-sizing: border-box;
}

.search-faq .or-box span {
    display: block;
    font-weight: normal;
    color: #ccc;
}

.search-faq .or-box .v-line .bar {
    border-left: 1px solid #ccc;
    height: 20px;
    display: inline-block;
}

.search-faq .or-box .or {
    color: #555;
}

.accord-question {
    display: block;
    padding: 15px 10px 0px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #0070AF;
    position: relative;
    margin-right: 30px;
}

.accord-question .ques-icon {
        font-size: 24px;
    vertical-align: middle;
}

.accord-question .ques {
    vertical-align: middle;
    padding-left: 6px;
}

.accord-question.show {
    font-weight: bold;
}

.accord-answer {
    display: none;
    padding: 5px 10px;
}

.accord-answer p {
        font-size: 13px;
    margin: 3px 30px;
}

.faq-list .faq-accordion {
    border-bottom: 1px dotted #ccc;
        margin-left: 24px;
    margin-right: 10px;
}

    .faq-list .faq-accordion .toggle-icon {
        display: block;
    float: right;
    font-size: 24px;
    cursor: pointer;
    padding: 0px 5px;
    color: #0070AF;
    background: #fff;
        border: 1px solid #0070AF;
    margin-top: -10px;
}

.faq-grp-accord {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.faq-grp-accord .grp-label {
    font-size: 16px;
    font-weight: bold;
    color: #0070AF;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.faq-grp-accord .grp-label .label p {
            display: inherit;
    font-size: 16px;
}

.faq-grp-accord .grp-label .fa {
    font-size: 24px;
}

.faq-grp-accord .grp-label .toggle-icon {
    display: block;
    float: right;
    font-size: 24px;
    cursor: pointer;
    padding: 0px 6px;
    background: #0070AF;
    color: #fff;
}

.grp-faq-list {
    margin-bottom: 10px;
    display: none;
}

/***********************CSS SPECIFIC TO FAQ ACCORDION :ENDS HERE************************************/
.product-page-link {
    color: #0070af !important; 
    font-family: arial; 
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none !important; 
} 

.ProductMenuItems a { 
    text-decoration: underline; 
    color: blue; 
}


#wrapper .PosRelative .divInputstyle p select {
    color: #333;
}

.faq-page .faqbrand {
    font-size: 13px;
    font-weight: bold;
}

.dialog-box .rating-box .btn.btn-blue {
    box-sizing: border-box !important;
       height: 30px !important;
}

.bidding-action .btn.btn-blue {
    min-width: 60px;
}

.view-details .comments-entry span {
    height: 40px !important;
}

.view-details .comments-entry .error-msg {
    height: 20px !important;
}

.view-details .comments-entry textarea {
    height: 40px !important;
}
/***********************CSS SPECIFIC TO Location POPUP :STARTS HERE********************************/
#geoLocate {
    position: fixed;
    display: none;
    z-index: 9009;
    width: 400px !important;
    height: 240px;
} 

#geoLocate .action-bar {
    text-align: center;
}
/***********************CSS SPECIFIC TO Location POPUP :ENDS HERE********************************/
.popup_gridLayout .Padd10 img {
    max-height: 360px !important;
    width: auto !important;
}


/***********************CSS SPECIFIC TO SELECT COUNTRY POPUP :STARTS HERE************************/

#selectCountry {
    position: fixed;
    display: none;
    z-index: 9009;
    width: 640px !important;
    height: 400px;
}

#selectCountry.dialog-box .overlay-header {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 10px;
}

#selectCountry .dialog-content .sub-title {
    font-size: 13px;
    padding: 5px 0 10px 0;
    font-weight: bold;
    color: #777;
    border-bottom: 1px solid #eee;
}

#selectCountry .region-box {
    width: 24%;
    float: left;
    margin: .5%;
    background: #444;
    color: #fff;
    border-radius: 2px;
    padding: 10px;
    box-sizing: border-box;
    height: 66px;
}

#selectCountry .region-box:hover {
    cursor: pointer;
}

#selectCountry .region-box .region-logo {
    width: 30%;
    float: left;
    height: 60%;
}

#selectCountry .region-box .region-logo img {
    width: 100%;
    height: 100%;
    /*padding-top: 10px;*/
}

#selectCountry .region-box .region-info {
    width: 70%;
    float: left;
    padding: 5px 10px;
    box-sizing: border-box;
}

#selectCountry .region-box .region-info .region-name {
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 2px;
    font-size: 14px;
}

#selectCountry .region-box .region-info .region-lang {
    font-size: 12px;
}

#selectCountry .regions h3 {
    width: 100%;
    padding: 5px 10px;
    float: left;
    font-size: 14px;
    font-weight: bold;
        box-sizing: border-box;
}

#selectCountry .all-reasons {
    width: 100%;
    float: left;
    box-sizing: border-box;
    overflow: auto;
    max-height: 190px;
}


/***********************CSS SPECIFIC TO SELECT COUNTRY POPUP :ENDS HERE**************************/


/***********************CSS SPECIFIC TO COUNTRY SELECT DROPDOWN :STARTS HERE*********************/

.country-selector {
    float: right;
    padding: 22px 10px 0px 0px;
    position: relative;
}

.country-selector .current-region {
    width: 52px;
    padding: 5px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
}

.country-selector .current-region .fa-globe {
    right: 6px;
    top: 3px;
    font-size: 20px;
    color: #555;
}

.country-selector .current-region .fa-caret-down {
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: 24px;
    color: #555;
}

.country-selector .region-list {
    display: none;
    position: absolute;
    background: #fff;
    list-style: none;
    width: 200px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    right: 10px;
        border-radius: 3px;
        z-index: 10;
}

.country-selector .region-list:before {
    content: '';
    right: 5px;
    top: -8px;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #555;
}

.country-selector:hover .region-list {
    display: block;
}

.country-selector .region-list ul {
    list-style: none;
}

.country-selector .region-list ul li {
    padding: 10px 8px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.country-selector .region-list ul li:hover {
    background: #eee;
}

.country-selector .region-name {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    width: 70%;
    float: left;
}

.country-selector .active.region-name {
    color: #0070af;
}

.country-selector .region-lang {
    font-size: 11px;
    width: 30%;
    float: left;
        color: #0070AF;
}


/***********************CSS SPECIFIC TO COUNTRY SELECT DROPDOWN :ENDS HERE***********************/


.tree-holder {
    height: 200px;
    width: 250px;
    background-color: white;
    overflow-y: scroll;
}

.tree-image {
    width: 14px;
        top: 2px;
position: relative;
}

.mainform {
    color: white;
}

.upload-text {
    float: left;
    width: 200px;
}

.upload-section {
    width: 100%; 
    float: left;
    padding: 10px;
}

.faq-list .grp-label .label {
    display: inline-block;
    width: auto;
    max-width: 80%;
}

.Inboxnotexpired {
    height: auto !important;
}

inboxpopupDiv .postime {
    left: 0;
}

.products-left-box .left-label a {
	 word-break: break-all;
}

#boqOverlayPopup .autosaving i {
    font-size: 24px;
    color: #777;
}

#boqOverlayPopup .autosaved i {
    font-size: 24px;
    color: #29b35b;
}

#boqOverlayPopup .autosaved span {
    color: #777;
    font-size: 15px;
}

.PosRelative .divInputstyle .cstmtelrk, .PosRelative .divInputstyle .cstmtelerik {
    width: 235px;
}

.PosRelative .divInputstyle .cstmtelrk p {
        width: 100%;
}

.PosRelative .divInputstyle .cstmtelrk .RadComboBox_Default {
    border: 1px solid #0070af;
    border-radius: 2px;
        width: 200px !important;
    margin-left: 5px;
}

#wrapper .divInputstyle .cstmtelrk input[type=text] {
    border: none;
    width: 100%;
    padding: 0px 4px;
}

div#ddlSelectStateID_DropDown, div#ddlSelectCityID_DropDown {
    top: 6px !important;
}

    div#ddlSelectStateID_DropDown .rcbScroll, div#ddlSelectCityID_DropDown .rcbScroll {
        height: 240px !important;
}

.active-element {
    color: #0070af;
    font-weight: bold;
}

.product-submenu { 
    padding: 10px 15px; 
} 

.product-submenu .submenuCol { 
    margin: 0 0 0 30px; 
}

#ddlSelectStateID input, #ddlSelectCityID input {
    font-style: normal;
    font-size: 12px;
    color: #666 !important;
    margin-left: -6px !important;
}

#wrapper #ddlSelectStateID.RadComboBox_Default .rcbArrowCellRight, #wrapper #ddlSelectStateID.RadComboBox_Default .rcbHovered .rcbArrowCellRight,
#wrapper #ddlSelectCityID.RadComboBox_Default .rcbArrowCellRight, #wrapper #ddlSelectCityID.RadComboBox_Default .rcbHovered .rcbArrowCellRight {
    background: url('/Assets/images/select-drop-down-arrow.png') !important;
    width: 5px;
    height: 5px;
}
/*********CSS SPECIFIC TO ENQUIRY PAGE********/
.with-enquiry .lft {
    float: left;
    width: 66%;
}

.with-enquiry .rgt {
    float: left;
    width: 33%;
}

.with-enquiry .enq-contact {
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

.with-enquiry .font-bold {
    font-weight: bold;
}

.with-enquiry .text-center {
    text-align: center;
}

.with-enquiry .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.with-enquiry .tollfree {
    font-size: 24px;
    color: #333;
}

.with-enquiry .email {
    font-size: 16px;
    color: #333;
    margin: 10px;
}

.with-enquiry .email.emailid {
    font-size: 14px;
    color: #3597de;
    font-style: italic;
        cursor: pointer;
}

.enquiry .with-enquiry .lft .form-group {
    width: 50%;
    float: left;
    position: relative;
    padding-bottom: 15px;
}

.enquiry .with-enquiry .lft .form-group.msg-box {
        width: 100%;
}

.enquiry .with-enquiry .err-msg {
    font-size: 12px;
    color: #e9392a;
    position: absolute;
    left: 5px;
    bottom: 0;
}

.enquiry .with-enquiry .lft .form-group textarea {
    width: 100%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #0070af;
    font-family: Arial, Helvetica, sans-serif;
}

.with-enquiry .bidding-create .form-group, .leadDetails .with-enquiry .form-group {
    width: 50%;
    float: left;
}

.with-enquiry .bidding-action .form-group, .leadDetails .with-enquiry .remarks-box, .leadDetails .with-enquiry .productSize .form-group input {
    width: 100%;
}

@media only screen and (max-width : 768px) {
    .with-enquiry .lft {
        float: left;
        width: 100%;
    }

    .with-enquiry .rgt {
        float: left;
        width: 100%;
    }
}

.enquiry-drop-down {
    color: #ccc !important;
    font-style: italic;
    font-size: 11px !important;
}

    .enquiry-drop-down option {
    color: #333 !important;
    font-style: normal;
    font-size: 12px !important;
}

.with-enquiry .form-group img {
    position: absolute;
    top: 3px;
    right: 6px;
    width: 24px;
    height: 24px;
}

.form-control-arrow { 
    background: url('/Assets/Images/select-drop-down-arrow.png') !important; 
    -webkit-appearance: none; 
    background-repeat: no-repeat !important; 
    background-position: right !important; 
    background-size: 24px 24px !important; 
} 

select.form-control-arrow::-ms-expand { 
    display: none; 
} 

#Tabholder .seconMenu-custom .Sectab .ulBclass li {
      border-bottom: 1px solid #0070af !important;
}

/***New Product List Stylesheet***/
.productright {
    background: #fff;
}

.new-product-list {
    width: 33%;
    float: left;
    text-decoration: none;
}

.new-product-list .product-thumb {
    height: 200px;
    padding: 10px;
    margin: 5px 10px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}

.new-product-list .product-thumb img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.new-product-list .product-desc {
    padding: 5px;
    margin: 0px 10px 10px 10px;
}

.new-product-list .product-desc p {
    text-decoration: none;
    font-family: arial;
    color: #666;
    font-size: 12px;
    line-height: 13px;
    margin: 3px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#selectCountry .region-box { 
    width: 24%; 
    float: left; 
    margin: .5%; 
    background: #444; 
    color: #fff; 
    border-radius: 2px; 
    padding: 10px; 
    box-sizing: border-box; 
    height: 66px; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-decoration: none; 
}  

#selectCountry .region-box .region-logo { 
    width: 40px; 
    float: left; 
    height: 26px; 
} 

#selectCountry .region-box .region-logo img { 
    width: 100%; 
    height: 100%; 
}