/* .fixed-header {
    position: fixed;
    z-index: 99;
    top: 0;
} */

.text-red {
    color: #fb0202;
}

/*DIAMOND*/
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>td {
    padding: 0px 7px !important;
}

/*.table-condensed > tbody > tr > td {
    font-weight: 600;
    }*/
.condensed>tbody>tr>td {
    padding: 8px 7px !important;
    padding-right: 30px;
}

.condensed>thead>tr>th {
    padding: 8px 7px !important;
    padding-right: 30px;
}

#example>thead>tr>th {
    padding: 0px 7px !important;
}

input[type=checkbox],
input[type=radio] {
    margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

#search_div .col-md-1 {
    /*border: 1px solid #b8b8b8 !important;*/
    padding-right: 0px;
    padding-left: 0px;
    width: 5.8%;
}

.btn.btn-flat {
    border-radius: 0;
    /*-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;*/
    border-width: 1px;
}

.range-input {
    border: 2px solid #d9d9d9;
    border-radius: 0px;
    font-weight: bold;
    width: 60px;
    height: 33px;
    text-align: center;
}

.page-border#search_div {
    border: 1px solid #091931;
    border-bottom: 5px solid #091931;
    border-top: 5px solid #091931;
    box-shadow: -4px 5px 5px #888888;
    margin-bottom: 15px;
}

/*.box-shadow{
        background: none repeat scroll 0 0 #fff;
        border: 1px solid #ccc;
    }*/
/* #example.box-shadow td {
    border: medium none;
    font-weight: 700;
} */

.header.sorting {
    cursor: pointer;
}

.row.p-remove {
    margin-bottom: 0px !important;
}

.filter_button {
    margin: auto;
    width: 150px;
}

/*MATCH DIAMOND*/
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>td {
    padding: 4px 7px !important;
}

.table-condensed>tbody>tr>td {
    font-weight: 600;
}

.condensed>tbody>tr>td {
    padding: 8px 7px !important;
    padding-right: 30px;
}

.condensed>thead>tr>th {
    padding: 8px 7px !important;
    padding-right: 30px;
}

#example>thead>tr>th {
    padding: 0px 7px !important;
}

input[type=checkbox],
input[type=radio] {
    margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
    margin: auto;
}

#search_div .col-md-1 {
    /*border: 1px solid #b8b8b8 !important;*/
    padding-right: 0px;
    padding-left: 17px;
    width: 8.33333333%;
}

.btn.btn-flat {
    border-radius: 0;
    /*-webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;*/
    border-width: 1px;
}

span.text {
    display: none;
}

.range-input {
    border: 2px solid #d9d9d9;
    border-radius: 0px;
    font-weight: bold;
    width: 60px;
    height: 33px;
    text-align: center;
}

.page-border#search_div {
    border: 1px solid black;
    border-bottom: 5px solid black;
    border-top: 5px solid black;
    box-shadow: -4px 5px 5px #888888;
    margin-bottom: 15px;
}

.header.sorting {
    cursor: pointer;
}

.row.p-remove {
    margin-bottom: 0px !important;
}

.filter_button {
    margin: auto;
    width: 150px;
}

.tr_color_even {
    background-color: #d0d0d0 !important;
}

.tr_color_odd {
    background-color: #ffffff !important;
}


.hide_show .btn{
    padding: 6px 0px;
    border: none;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 !important;
}

.search_filter_stock .col-sm-10.col-md-10.col-lg-10.col-12 {
    padding: 0;
}

#more_filter .tps_filter {
    padding: 5px 0;
    /*height: 55px;*/
}

#more_filter .tps_filter label {
    line-height: normal;
}

#more_filter .tps_filter .col-sm-4.col-md-4.col-lg-4.col-12 {
    padding: 5px;
}

.brand-list {
    list-style: none;
    padding: 0px 0 0 0;
    margin: 0;
}

.brand-list li {
    display: inline-block;
    position: relative;
    padding: 0px;
    cursor: pointer;
}

.brand-list>li {
    border: 1px solid #ddd;
    /* border-radius: 5px; */
    line-height: 1 !important;
    /* margin: 0px 0 2px; */
    border-right: 0px;
}
.brand-list>li:last-child {
  border-right:1px solid #ddd;
  border-radius: 0px 5px 5px 0px;
}
.brand-list>li:first-child {

  border-radius: 5px 0px 0px 5px;
}
.brand-list>li:hover {
    border: 1px solid black;
}
.brand-list.pointer-list>li {
    border: none;

}

.brand-list>li>label {
    border: 1px solid #ddd;
    /* border-radius: 5px; */
    line-height: 14px;
}
.brand-list>li>label:hover {
    border: 1px solid black;
    /* background: #000; */
    transition: 0.5s;
}
.brand-list>li>label:hover p .border-box{
    color: #fff !important;
}
.pointer-list>li {

    /* width: 7%; */
    text-align: center;
}

.make {
    color: #1c3462;
    border: 2px solid #1c3462;
}

.border-box {
    margin: 0 auto;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: black;
}

/*    .active-label {
        background-color: #1c3462;
        color: #fff !important;
    }*/

.active-label {
    background-color: #020101;
    font-weight: 100 !important;
    border: 1px solid #fff!important;
}
.active-label .border-box {
color: white;
}
button.search-btn, button.btn-info-reset {
    background: #fff;
    padding: 10px 15px;
    color: black;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: 0px 4px 11px rgba(0,0,0,15%);
}
button.search-btn:hover, button.btn-info-reset:hover {
  color: #fff;
  border: 1px solid #04192a;
  box-shadow: 0px 0px 0px rgba(0,0,0,15%);
  background: #04192a;
}

.btn.login {
    background: #ff0202;
    color: #fff;
}

.login-text {
    text-align: right;
    margin-right: 15px;
}

.login-text>span {
    font-weight: bold;
    text-align: right;
    color: #1c3462;
    animation: blinkingText 1.2s ease-in-out infinite;
}

@keyframes blinkingText {
    0% {
        opacity: 1;
    }

    30% {
        opacity: 0.8;
    }

    50% {
        opacity: 0.3;
    }

    70% {
        opacity: 0.8;
    }

    100% {
        opacity: 1;
    }
}

.login-text-filter {
    text-align: center;
}

.login-text-filter>span {
    color: black;
    animation: blinkingText 1.2s ease-in-out infinite;
}

.pad-r-0 {
    padding-right: 0;
}

#exTab1 .nav-pills {
    background: #ffffff;
}

#exTab1 .nav-pills>li {
    border: 2px solid #1c3462;
    background: #ffffff;
    margin-right: 3px !important;
}

#exTab1 .nav-pills>li>a {
    color: #1c3462;
    font-weight: 600;
}




.border-right {
    /* border-right: 1px solid #d7d7d7 !important; */
    margin-right: 0px;
    align-items: center;
}

select#per_page {
    padding: 7px 40px 6px 5px;
    border: 1px solid #000;
    color: #000;
    BORDER-RADIUS: 5PX;
}

button.btn.btn-toggle-yellow.comapre {
    padding: 3px 15px !important;
    line-height: normal;
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 4px 11px rgba(0,0,0,15%);
}
button.btn.btn-toggle-yellow.Select_all {
    /* padding: px 0px !important; */
    line-height: normal;
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: 0px 4px 11px rgba(0,0,0,15%);
}
button.btn.btn-toggle-yellow.Select_all label{
    padding: 4px 8px !important;
    font-weight: 600;
    cursor: pointer;
}
#list_diamond table tr th input[type=checkbox], #list_diamond table tr td input[type=checkbox], #grid_diamond input[type=checkbox], #listView input[type=checkbox] {
    position: relative;
    border: 2px solid #04192a;
    border-radius: 50% !important;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 16px;
    margin: auto;
    width: 16px;
    -webkit-appearance: none;
    opacity: .5;
}
button.btn.btn-toggle-yellow.Select_all p {
    margin-top: 0;
    margin-bottom: 0rem !important;
    font-weight: 600;
    cursor: pointer;
}
.select-box{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}
.Select_all input[type="checkbox"]{
    width: 14px; 
    height: 14px; 
    border-radius: 50%;
    border: 1px solid black;
    cursor: pointer;
    display: none !important;
  }
.btn-toggle-yellow {
    background-color: #fff;
    color: black;
    padding: 6px 15px !important;
    border: 1px solid black;
}

button.btn.btn-toggle-yellow.dropdown-toggle {
    padding: 3px 10px !important;
    line-height: normal;
    background-color: white;
    border: 1px solid transparent;
    box-shadow: 0px 4px 11px rgba(0,0,0,15%);
}
button.btn.btn-toggle-yellow.dropdown-toggle:hover,button.btn.btn-toggle-yellow.comapre:hover {
    box-shadow: 0px 0px 0px rgba(0,0,0,15%);
    border: 1px solid #000;
}

.btn-toggle-yellow i,
.btn-toggle-yellow span {
    font-size: 20px;
    vertical-align: middle;
}

button.btn.btn-toggle-yellow svg path {
    fill: black;
}

#compare-stock #CompareStone>tbody>tr>td {
    border: 1px solid #1c3462 !important;
    text-align: left;
    padding: 2px 1px 1px 5px;
    font-weight: bold;
}

#compare-stock #CompareStone tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .05);
}

#compare-stock td.heads {
    font-weight: 600 !important;
}

#compare-stock #CompareStone>tbody>tr>td {
    border: 1px solid #ccc !important;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 1px 4px 5px;
}
#compare-stock a{
    color: black;
    text-decoration: none;
}
div#showcalc {
    padding: 0px 15px;
}

#compare-stock .clsimages img {
    cursor: default;
    width: 100px;
}

.table-design .view .view_btn:hover {
    background-color: #04192a;
    color: #fff;
}

#compare-stock .modal-body table {
    width: 100%;
}

#compare-stock .modal-body table thead tr {
    background-color: rgb(235, 237, 239);
    left: 0px;
    position: relative;
}

#compare-stock tr td.heads {
    color: #060606;
    /* background-color:b; */
}

#compare-stock .modal-body button {
    margin: 15px auto 0px !important;
    display: block;
}

.custom-1500 {
    max-width: 1500px;
    width: 100%;
    margin: auto;
    position: relative;
}


/* .tps_diamond_shapes li {
    display: inline-block;
    width: 7.09%;
    float: none !important;
    border: 1px solid #ccc;
    border-radius: 10px;
} */

.tps_diamond_shapes li a:hover span.img_shape {
    border-radius: 10px 10px 0px 0px;
}


.text_shape {
    border-bottom: 0px !important;
}

.filter {
    border-top: 0px solid transparent !important;
    border-left: 0px solid transparent !important;
}

.tps_filter {
    border: none !important;
}

#more_filter .tps_filter {
    border-right: 0;
}

.c-label {
    margin: 0px 10px 15px;
}

.c-label .box-svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.navbar-nav.ml-auto.c-navbar-nav .nav-item.shift_left a svg {
    vertical-align: sub;
}

#tps_diamond_shapes .others label a span {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2px;
}

.header_diamond.desk {
    width: auto;
    z-index: unset;
    right: 0;
    left: 0;
    /* padding: 0px 10px; */
}

.header_diamond.desk a.navbar-brand.shift_to_right {
    z-index: 1;
    position: relative;
}

@media(max-width:991px) {
    #tps_diamond_shapes .others label a span {
        /* padding: 90px 0; */
    }

    .header_diamond.desk {
        display: none;
    }

    .d-flex.wrapper {
        flex-direction: column;
    }

    .header_diamond.desk {
        position: unset;
        width: auto;
    }

    .header_diamond.desk .navbar-nav.ml-auto.c-navbar-nav {
        gap: 0px;
        align-items: center;
        flex-flow: row;
        width: max-content;
    }

    .header_diamond.desk .c-navbar-nav {
        gap: 10px;
        flex-direction: unset;
        align-items: center;
    }

    .header_diamond.desk #navbarSupportedContent {
        top: 10px;
        padding: 10px;
        margin: 0;
        width: fit-content;
        box-shadow: none;
        background-color: transparent;
    }


}

@media(max-width: 768px) {
    .header_diamond.desk #navbarSupportedContent {
        top: 10px;
        padding: 10px;
        margin: 0;
        width: fit-content;
        box-shadow: none;
        background-color: transparent;
        margin: auto;
    }

    .header_diamond.desk ul.navbar-nav {
        text-align: start !important;
        margin-left: 30px;
        flex-direction: column !important;
        margin-left: auto;
    }
    div.search-btn {
        flex-wrap: wrap;
    }
}
/* modal */
#compare-stock .modal-dialog {
    transform: none;
    max-width: 700px;
    width: 100%;
}
.btn:focus-visible {
    background-color: black !important;
    color: white !important;
}
/* new colum color */
.filter_box.filter-flex {
    display: flex;
    gap: 38px;
    padding: 10px;
}
.filter_box {
    margin-bottom: 15px;
}
.filters_name {
    width: 80px;
    margin: 15px 0 0;
    font-size: 15px;
    float: left;
    clear: left;
    font-weight: 700;
    position: inherit!important;
}
.filter_box.filter-flex ul.filter-color {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.filter_box ul li {
    border: 1px solid #ddd;
    box-shadow: 0px 4px 11px rgba(0,0,0, 9%);
    /* margin-left: 2px; */
    margin-left: 0;
}
.filter-color li {
    padding: 0 3px;
}
.colors_filter{
    display: flex;
    gap: 41px;
    
}
.filter-shape li, .filter-color li {
    text-align: center;
    font-size: 14px;
    border: 1px solid transparent;
    margin: 4px 4px 0 0;
    transition: all 0.2s ease-in-out;
    padding: 0 2px;
    display: inline-block;
    list-style: none;
    position: relative;
}
.filter-color li img {
    display: block;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 32px;
}
.color_coloumn{
    display: flex;
    justify-content: end;
}
/* end */
@media (min-width: 1400px) and (max-width:1500px){
    .colors_filter {
        display: flex;
        gap: 28px;
    }
}
@media (min-width: 1300px) and (max-width:1499px){
    .colors_filter {
        display: flex;
        gap: 25px;
    }
}
@media(max-width: 1299px){
    .colors_filter {
        display: flex;
        gap: 10px;
    }
    .filters_name {
        font-size: 11px;
        
    }
}
@media(max-width: 991px){
    .colors_filter {
        flex-direction: column;
    }
    .filters_name {
        font-size: 11px;
        line-height: 30px;
        font-weight: 700;
        font-size: 14px;
    }
}
@media(max-width: 767px){
    .colors_filter {
        flex-direction: row;
        gap: 78px;
    }
    .matching_pair_stones-custom span{
        font-size: 18px;
    }
    .matching_pair_stones-custom label{
        font-size: 18px;
    }
}
@media(max-width: 610px){
    #compare-stock #CompareStone>tbody>tr>td {
        font-size: 10px;
    }
    #compare-stock   .modal-body {
        overflow-x: scroll;
    }
    #compare-stock .modal-dialog {
        max-width: 700px; 
         width: auto;
    }
    .stones-custom span,lable {
        font-size: 20px;
    }
    .stones-custom label{
        font-size: 20px;
    }
    .colors_filter {
        flex-direction: row;
        gap: 50px;
    }
}
@media(max-width:575px){
   .more_filter_column {
        margin-top: 7px;
    }
    .matching_pair_stones-custom{
        white-space: nowrap;
    }
}
@media(max-width:490px){
    select#per_page {
        padding: 4px 9px 4px 9px;
    }
    .colors_filter {
        flex-direction: column;
        gap: 5px;
    }
    section.new_update_design .custom-1500 {
        margin: auto 0px !important;
        padding: 25px 0px;
        overflow: hidden;
    }
    .table-design .px-5 {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    section.new_update_design .custom-1500 {
        margin: auto 7px !important;
        padding: 25px 1px;
    }
}
@media(max-width:450px){
    .matching_pair_stones-custom span{
        font-size: 18px !important;
        white-space: nowrap;
    }
    .matching_pair_stones-custom label{
        font-size: 18px !important;
    }
    
}
@media(max-width:422px){
    .stones_enteries_row {
        flex-direction: column;
        margin-bottom: 25px;
    }
    .matching_pair_stones-custom {
        padding: 0;
    }
    .matching_pair_stones-custom span {
        text-align: center !important;
    }
    .matching_show-enteries{
        white-space: nowrap;
    }
    .matching_show-enteries-inner{
        justify-content: center !important;
    }
    /* .matching_pair_stones-custom label {
        font-size: 16px !important;
    }
    .matching_pair_stones-custom span {
        font-size: 16px !important;
        white-space: nowrap;
    } */
}
/* @media(max-width:413px){
    .matching_show-enteries{
        white-space: nowrap;
    }
} */
 .c-form-control::placeholder {
  color: #585858;
  opacity: 0.5; /* Firefox */
}

.c-form-control::-ms-input-placeholder { /* Edge 12-18 */
  color: #585858;
}