/*****Common Styles*****/

/*body, div, a {
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    color: #000000;
}*/

a {
    text-decoration: none;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.container {
    max-width: 1170px;
    width: 100%;
}

section {
    padding: 60px 0px;
}

/*****Common Styles*****/

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

.text-white {
    color: #fff !important;
}

.text-orange {
    color: #ff7200;
}

.text-red {
    color: #FF0000;
}

/*****Common Styles*****/

main {
    background-color: #f7f7f7;
}

/**Market place section css starts**/

.main_vertical_tabs_wrapper {
    margin: 0px -15px;
}

.tab__links {
    width: 25%;
    display: flex;
    padding: 0px 15px;
}

.tab__content {
    width: 75%;
    display: flex;
    padding: 0px 15px;
}

.tab_links_wrapper {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    width: 100%;
}

.tab__links .nav-tabs {
    border-bottom: 0px !important;
}

.tab__links .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background: #0066CC;
    border: 1px solid #707070;
    border-bottom-color: transparent;
}

.tab__links .nav-tabs>li>a {
    margin-right: initial;
    border-radius: 0px;
    border: none !important;
}

.tab__links .nav>li>a {
    padding: 10px 50px !important;
    font-size: 16px;
}

.tab__links .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #06c;
    color: #fff;
    /* border: none; */
}

.tab_content_wrapper {
    width: 100%;
}

.tab-content {
    padding-top: 25px;
}

.product_heading h5 {
    margin: 0px 0px 10px 0px !important;
    font-size: 20px;
}

.product_btn a {
    background: #0066CC;
    padding: 10px 20px;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
}

/**Products Table section css starts**/

.products_table_section .table_section thead {
    background: #0066CC;
}

.products_table_section .table_section {
    /* border: 1px solid #ebebeb !important; */
    border-top: 0 !important;
}

.products_table_section .table_section tbody {
    background: #fff;
}

.products_table_section .table_section .table tr {
    border: 1px solid #ddd;
}

.products_table_section .table_section .table th {
    vertical-align: middle;
    border-bottom: none;
    color: #fff;
    font-weight: 400;
    line-height: 16px;
    font-size: 14px;
    padding: 10px 30px;
    white-space: nowrap;
    border: none;
}

.products_table_section .table_section .table td {
    font-size: 12px;
    font-weight: 400;
    padding: 15px 30px;
    /* white-space: nowrap; */
    vertical-align: top;
    border: none !important;
}

.products_table_section .table_section .table-bordered {
    border: 1px solid #dee2e6 !important;
}

/** Set border-radius on the top-left and bottom-left of the first table data on the table row**/

.products_table_section .table_section td:first-child, th:first-child {
    border-radius: 0px !important;
}

/** Set border-radius on the top-right and bottom-right of the last table data on the table row**/

.products_table_section .table_section td:last-child, th:last-child {
    border-radius: 0px !important;
}


/* .members_engagement_table_section .table-hover tbody tr:hover {
    color: #212529;
    background-color: #fef9f2;
} */

/* .members_engagement_table_section tbody tr {
    height: 70px;
} */

.product_content h6 {
    margin: 0px 0px 10px 0px !important;
    font-weight: 700;
    font-size: 12px;
}

.product_content p {
    margin: 0px 0px 10px 0px !important;
    font-weight: 400;
    font-size: 12px;
}

.visitors_links a {
    text-decoration: underline;
    font-size: 12px;
}

.sms_links a {
    text-decoration: underline;
    font-size: 12px;
}

.product_image img {
    width: 65px;
    height: 65px;
}

/*Products Table section css ends**/





/*****Add products page css starts*****/

.add_product_heading h5 {
    margin: 0px 0px 10px 0px !important;
    font-size: 20px;
    font-weight: 700;
}

.add_product_heading p {
    margin: 0px 0px 10px 0px !important;
    font-size: 16px;
    color: #A8A7A7;
}

.upload_image_container label {
    font-size: 12px;
    font-weight: 400;
}

.upload_image_wrapper {
    width: 104px;
    height: 104px;
    background: rgb(219 218 218 / 47%);
    border: 1px dashed #B2B0B0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.plus_icon i {
    color: #9f9f9f;
    font-size: 30px;
}

.upload_image_link a {
    text-decoration: underline;
    font-size: 8px;
    color: rgb(0 0 0 / 32%);
    font-weight: 700;
    display: inline-block;
}

.add_product_form_section label {
    font-size: 12px;
    font-weight: 400;
}

.add_product_form_section .form-control {
    height: 45px;
    border: 1px solid #D8D8D8;
    box-shadow: none;
    border-radius: 8px;
}

.add_product_form_section select {
    -webkit-appearance: none !important;
    background-image: url(../images/drop.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.add_product_form_section hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border: 1px dashed #d8d8d8;
}

/**Styling ck editor**/

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    height: 160px !important;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    height: 160px !important;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-radius: var(--ck-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: #D8D8D8;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) !important;
    border: 1px solid #0246b6 !important;
}

.ck.ck-icon, .ck.ck-icon * {
    color: #000000 !important;
    cursor: inherit;
}

.ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label {
    color: #000000 !important;
}

/**Styling ck editor**/


/**Product specification Table section css starts**/

.product_specification_table_section table {
    border-collapse: separate;
    border-spacing: 0px 5px !important;
}

.product_specification_table_section tbody {
    background: #fff;
}

.product_specification_table_section .table_section thead {
    background: transparent;
}

.product_specification_table_section .table_section {
    /* border: 1px solid #ebebeb !important; */
    border-top: 0 !important;
}

/* .meeting_list_table_section .table_section .table tr {
  border: 1px solid #ddd;
  
} */

.product_specification_table_section .table_section .table th {
    vertical-align: middle;
    border-bottom: none;
    color: rgb(0 0 0 / 73%);
    font-weight: 700;
    line-height: 16px;
    font-size: 12px;
    padding: 10px 20px;
    white-space: nowrap;
    border: none;
}

.product_specification_table_section .table_section .table td {
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px;
    background: transparent;
    /* white-space: nowrap; */
    vertical-align: sub;
    border: none !important;
}

/* .nomination_table_section .table_section .table-bordered {
    border: 1px solid #000000 !important;
} */

/* .nomination_table_section .table_section tbody tr:nth-child(odd) {
    background-color: #f8f8f7 !important;
} */

/** Set border-radius on the top-left and bottom-left of the first table data on the table row**/

.product_specification_table_section .table_section td:first-child, th:first-child {
    border-radius: 10px 0 0 10px;
}

/** Set border-radius on the top-right and bottom-right of the last table data on the table row**/

.product_specification_table_section .table_section td:last-child, th:last-child {
    border-radius: 0 10px 10px 0;
}




/**Product specification Table section css ends**/ 

.upload_file_container {
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    background: #fff;
}

.upload_file_container .form-control {
    border: none !important;
}

.upload_file_container input[type=file] {
    display: block;
    opacity: 0;
}

.upload_btn a {
    text-align: center;
    color: #807F7F;
    font-size: 12px;
    padding: 14px 20px;
    background: #D8D8D8;
    display: inline-block;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    white-space: nowrap;
}

.testimonial_btn a {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    background: #0066CC;
    border-radius: 8px;
    padding: 10px 15px;
    display: inline-block;
}

.testimonial_list {
    margin-bottom: 35px;
}

.testimonial_bar {
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
}

.testimonial_text p {
    font-size: 12px;
    font-weight: 700;
    margin: 0px !important;
}

.section_head h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 0px 0px 10px 0px !important;
}

.add_product_footer_btn_wrapper a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #0066CC;
    border-radius: 12px;
    padding: 5px 15px;
    margin: 5px 5px;
}

/*****Add products page css ends*****/

/**Market place section css ends**/

/******************************************************RESPONSIVE CSS*******************************************************/

/*

 * Table of Contents:

 * 	   - Media Queries

 *   0 - media screen and (max-width: 1170px)

 *   1 - media screen and (max-width: 1152px)

 *   2 - media screen and (max-width: 1024px)

 *   3 - media screen and (max-width: 992px)

 *   4 - media screen and (max-width: 800px)

 *   5 - media screen and (max-width: 768px)

 *   6 - media screen and (max-width: 728px)

 *   7 - media screen and (max-width: 640px)

 *   8 - media screen and (max-width: 500px)

 *   9 - media screen and (max-width: 480px)

 *  10 - media screen and (max-width: 414px)

 *  11 - media screen and (max-width: 375px)

 *  12 - media screen and (max-width: 360px)

 *  13 - media screen and (max-width: 320px)

---------------------------------------------------------------------- */

@media screen and (max-width:1170px) {
    .container {
        padding: 0px 15px;
    }
}

@media screen and (max-width:991px) {
    .tab__links {
        width: 100%;
        padding-bottom: 30px;
    }
    .tab__content {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none;
    }
}