/* @font-face {
    font-family: 'avenir_nextregular';
    src: url('font/avenir-next-regular-webfont.woff2') format('woff2'),
         url('font/avenir-next-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {overflow-x: hidden;font-family: 'avenir_nextregular'!important;font-size: 14px;background: #fff; margin: 0;}  */

.container.detail-form {
    /* max-width: 1400px; */
    width: 100%;
/*    padding: 0px;*/
    margin:0px auto;
    background-color: #fff;
    box-shadow: 1px 1px 27px 5px #dddddd40;
        position: relative;
}

.detail-form button.back_btn {
    /* display: block; */
    padding: 5px 10px;
    border: 0px;
    margin: 5px;
    background-color: transparent;
    border: 1px solid #cccccc2b;
    box-shadow: 0px 1px 4px -1px #ccc;
    transition: all 0.3s ease-in-out;

}
.detail-form .back-btn-box {
    position: absolute;
    right: 0;
}
.detail-form button.back_btn:hover {
    background-color: #f6f3ec;
}
/* .customer-form .img-box img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border: 3px solid #4e3629;
    border-radius: 15px;
  
} */
.customer-form {
    border-radius:5px;
    padding:0px 0px 35px 0px;
}
/* h4.head {
    border-bottom: 1px solid #ddd;
    padding-bottom:8px;
} */
.customer-form h3.text-center.my-4 {
    /* background-color: #4e3629; */
    color:#000;
    padding: 15px 0px;
}
/* .input-box{
        border: none !important;
        background-color:#f0ede5  !important;
        height: 50px;
        padding: 10px 10px;
        font-size: 14px !important;
        margin-top:8px;

} */

/* .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow:none !important;
} */
/* label.form-label {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
} */
.customer-form li {
   list-style-type: none;
    color: #4e3629;
    padding: 2px 0px;
}
.customer-form label.col-2 {
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    padding: 0px;
    white-space: nowrap;
}
.customer-form span.col-1 {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 0px 5px;
}
.customer-form span.col-9 {
    text-align: left;
    color: #858585;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0px;
    white-space: nowrap;
}
.customer-form ul{
    padding: 0px !important;
}
.nav-tabs .tab {
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f6f3ec;
  }
.nav-tabs .tab button {
    background-color:#f6f3ec;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px 27px;
    transition: 0.3s;
    font-size: 14px;
    
  }
.nav-tabs .tab button:hover {
    background-color: #fff;
  }
  .nav-tabs .tab button.active {
    background-color: #fff;
  }
  .nav-tabs .tabcontent {
    display: none;
    /* padding: 6px 12px; */
    /* border: 1px solid #ccc; */
    /* border-top: none; */

  }
 
  .nav-tabs .left-side {
    padding: 0px;
    background-color: #f6f3ec;
    border-right: 1px solid #cccccc7a;
}
.tabcontent .container-fluid{padding: 0px !important;} 

.nav-tabs .tabcontent .left-side li {padding: 10px 8px;list-style-type: none;margin:0px;font-size: 14px;}

.nav-tabs .tabcontent li a{
    color:#000;
    text-decoration: none;
    width: 100%;
}
.nav-tabs .tabcontent .left-side li:hover{
    background-color:#fff;
}
.nav-tabs .tabcontent li a:hover{
    color:#000;
    text-decoration: none;    
}
.nav-tabs .tabcontent li.active {
    background-color:#fff;
}
.nav-tabs .left-side ul {
    padding: 0px;
}
.nav-tabs .row.my-2{
    margin:0px !important;
}
/* .container-fluid {
    padding: 0px !important;
} */
.nav-tabs .tab .col-2{
    border: 1px solid #ddd;
}
.nav-tabs .label-col {
align-items: center;
}

@media(max-width:1200px){
    .nav-tabs .tab button {
        padding: 15px 7px;
        
    }
}
@media(max-width:575px){
    .customer-form.mt-5 {
        padding: 15px;
    }
    span.col-9 {
    white-space: pre-wrap !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: 5px 15px !important;
        margin-right: 0px !important;
        font-size: 13px;
    }
}

/* style for table in nav tab */

div#example_wrapper,div#example1_wrapper,div#example2_wrapper,div#example3_wrapper,div#example4_wrapper,div#example5_wrapper,div#example6_wrapper {margin-top: 25px;}

#example_wrapper .row,#example_wrapper1 .row,#example2_wrapper .row,#example3_wrapper .row,#example4_wrapper .row,#example5_wrapper .row{margin-left: 0px !important;margin-right: 0px !important;}

table#example,table#example1,table#example2,table#example3,table#example4,table#example5 {background-color: #fff;}

table.table thead {background-color: #4e3629;color: #fff;font-size: 14px;}

table.table thead th {white-space: nowrap;border:1px solid #ccc;padding:5px 10px;}

.table>tbody{white-space: nowrap;}

table.dataTable tbody tr {background-color: transparent;text-align: center;cursor: w-resize;}

div.dataTables_wrapper div.dataTables_length select {width: 100%;display: inline-block;}

.page-item.active .page-link {z-index: 3;color: #fff !important;background-color: #4e3629;border-color: #4e3629;}

.page-link{color:#4e3629 !important;}

.page-item:focus{box-shadow:none;}


.dataTables_wrapper .dataTables_paginate .paginate_button {border: 1px solid #ccc !important;}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {color:#000 !important;border:1px solid #f1ece1 !important;background: #f1ece1 !important;}

.firstth select{display: none;}
 
.dataTable thead tr th select{width: 20px;background-color:transparent;border:none;color:#fff;}

.dataTable thead tr th select option {color:#4e3629;}

.dataTable thead tr th select:focus-visible{outline:none !important;}

select:focus{box-shadow:none !important;}

.dataTable thead tr th select option:hover{background-color:#fff !important;}

li.paginate_button.page-item {padding: 0.1em !important;}

tr.even {background-color: #ab8b4229 !important;}

.dataTables_scrollHeadInner .dataTable thead tr th{position: relative;}

.dataTables_scrollHeadInner .dataTable thead tr th select {position: absolute;right: 0;}

a {color: #000 !important;text-decoration: none !important;background-color: transparent;}

input[type="text"] { border: 1px solid #fff; padding:0px 5px;}

input[type="text"]:focus-visible{border: 1px solid #fff;}

td {text-align: left;font-size: 14px;}

a#example1_next, a#example1_previous {
    border: 1px solid #ccc;
}

.right-side table.table.table-striped.table-bordered.cell-border.table-hover.no-footer.dataTable {
    width: 100% !important;
}

@media(max-width:1200px){
    .row.my-2 {
        margin: 0px !important;
    }
    li{
        margin:5px;
    }
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active{color: #000 !important;}

div#example_wrapper div#example_length {margin-left: 30px;}
div#example_wrapper div#example_filter {margin-right: 30px;}

@media (max-width: 640px){

    div#example_wrapper div#example_length {margin-left: 0px;}
    div#example_wrapper div#example_filter {margin-right: 0px;}
}

#list_diamond table.table thead th:nth-child(2) {
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
}

#list_diamond table.table tbody td:nth-child(2) {
    padding: 15px -12px;
    /* text-align: center; */
    width: 80px;
    padding: 5px 0px 5px 5px;
}