.card-login {
    padding: 18px;
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #28a745;
}

.card-header {
    color: #945454;
    /*background: #ff0000;*/
    font-family: sans-serif;
    font-size: 20px;
    font-weight: 600 !important;
    margin-top: 10px;
    border-bottom: 0;
    margin-bottom: 10px;
}

.input-group-prepend span{
    width: 50px;
    background-color: #ff0000;
    color: #fff;
    border:0 !important;
}

input:focus{
    outline: 0 0 0 0  !important;
    box-shadow: 0 0 0 0 !important;
}

.login_btn{
    width: 130px;
}

.download_link{
    color: #439eff;
}

.not-text-transform{
    text-transform: none;
}

.copyr_link{
    color: #007bff;
}

.dcard{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: initial;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 30px;
    box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);
}

.dcard-noborder{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: initial;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    margin-bottom: 30px;
}

.dcard-nobackground{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: initial;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
    margin-bottom: 30px;
}
/*
.form-control {
    display: block;
    width: 100%;
    height: calc(4.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 2.2rem;
    line-height: 1.6;
    color: #566d5b;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #28a745;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
*/
.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0;
}

.validation_class{
    color: #ea2020;
}

.validation_message{
    color: #ea2020;
}

.padding30{
    padding: 30px;
}

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

.padding0{
    padding: 0px;
}

.margin-right10px{
    margin-right: 10px;
}

.custom_select1{
    width: 300px;
    height: 35px;
    padding: 5px;
}

.dataTables_scrollBody{
    max-height: 600px !important;
}

.markup_radio{
    display: inline !important;
    margin-right: 5px;
}

.left-text{
    text-align: left;
}

select.form-control{
    -webkit-appearance: menulist !important;
}

.blue_link{
    color: #007bff !important;
}

#api_response_section{
    font-size: 16px;
    color: blue;
}

.text_font_16px{
    font-size: 16px;
}

.header-title{
    font-size: 24px;
}

a.click_link{
    color: #0000ff;
}

span.click_link{
    color: #0000ff;
}

.click_cursor{
    cursor: pointer;
}

#loader_div{
    text-align: center;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /*background: #00000078;*/
    /*display: none;*/
    z-index: 999999999;
}

.loader_image{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffebcd;
}

.nav-left-sidebar .navbar-nav .nav-link{
    font-size: 15px !important;
}

.ftp_csv_selection{
    display: inline !important;
    margin-right: 5px;
}

.success_msg{
    padding-left: 0px;
    font-size: 17px;
    font-weight: bold;
}

.font14px{font-size: 14px;}
.font15px{font-size: 15px;}
.font16px{font-size: 16px;}
.font17px{font-size: 17px;}
.font18px{font-size: 18px;}
.font19px{font-size: 19px;}
.font20px{font-size: 20px;}

/*Left Menu design*/
.dashboard-wrapper{
  margin-left: 55px;
  padding: 15px 15px 0px;
}
.dashboard-wrapper .dashboard-content {
    padding: 0px 0px 60px 0px;
}
.dashboard-wrapper .dashboard-content .row{
  margin:auto !important;
}
.dashboard-wrapper .tps_page_data_body{
   padding: 0px 0px 0px;
}
.tps_page_title, .tps_page_title center{
   padding:0px;
   text-align:left !important;
}
.tps_page_title h3, .tps_page_title center h3{
  color:#242849;
}
.tps_sub_title{
  color:#242849 !important;
  font-weight:500 !important;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.btn-primary, tps_button{
  background:transparent;
  color:#242849;
  border-color:#007bff;
  text-transform: capitalize;
}
.btn-primary:hover, tps_button:hover{
  background-color:#007bff;
  border-color:#007bff;
}

.nav-left-sidebar{
    position: fixed;
    left: 0;
    top: 0px;
    bottom: 0;
    display: block;
    height: auto;
    min-width: 40px;
    width: 55px !important;
    transition-delay: 0s;
    transition-duration: 0.8s;
    transition-property: all;
    height: 100%;
    transition: width 0.8s ease 0.8s linear;
    padding-top: 60px;
    z-index:9999;
    padding-left:5px;
    overflow-x: hidden !important;
}
.nav-left-sidebar::-webkit-scrollbar {
  width: 3px;
}
/* Track */
.nav-left-sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
/* Handle */
.nav-left-sidebar::-webkit-scrollbar-thumb {
  background: #242849;
  border-radius: 10px;
}
/* Handle on hover */
.nav-left-sidebar::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

.nav-left-sidebar ul.navbar-nav li.nav-item{
    margin-bottom: 10px;
    cursor: pointer;
    padding: 2px 0px 2px 0px;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    border-right: 2px solid #0000;
    position: relative;
}
.nav-left-sidebar ul.navbar-nav li.nav-item:before{
    content: "";
    line-height: 30px;
    width: 40px;
    height: 35px;
    background-image:url('../images/witclarity_vendor_sprite.svg');
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_dashboard_menu:before{
    background-position: -114px -5px
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_dashboard_menu:before{
    background-position: -3px -5px
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_markup_menu:before{
   background-position: -158px -66px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_markup_menu:before{
    background-position: -46px -70px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_export_menu:before{
    background-position: -117px -66px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_export_menu:before{
    background-position: -4px -66px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_export_menu.tps_pair_d_menu:before{

    background-position: 323px -160px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_export_menu.tps_pair_d_menu:before{
     background-position: 360px -160px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_actives_menu:before{
    background-position: -186px -5px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_actives_menu:before{
    background-position: -74px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_vendorm_menu:before{
    background-position: -154px -5px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_vendorm_menu:before{
    background-position: -42px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_dlog_menu:before{
    background-position: -197px -35px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_dlog_menu:before{
    background-position: -81px -35px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_ftp_menu:before{
   background-position: -119px -35px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_ftp_menu:before{
    background-position: -2px -37px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dftp_menu:before{
   background-position: -115px -35px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dftp_menu:before{
    background-position: 4px -37px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_api_menu:before{
    background-position: -163px -35px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_api_menu:before{
    background-position: -45px -35px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dupload_menu:before{
    background-position: -185px -129px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dupload_menu:before{
    background-position: -0px -129px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dlog_menu:before{
    background-position: -194px -38px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dlog_menu:before{
    background-position: -76px -38px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dlist_menu:before{
    background-position: -230px -129px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dlist_menu:before{
    background-position: -46px -129px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_magento_menu:before{
    background-position: -146px -166px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_magento_menu:before{
    background-position: -102px -166px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_export_menu:before{
    background-position: 177px -129px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_export_menu:before{
    background-position: -4px -129px;
}

.nav-left-sidebar .navbar{
    padding:20px 0px;
}
.nav-left-sidebar ul.navbar-nav li  a{
    position: absolute;
    visibility: hidden;
    width: 0px;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    display:none !important;
}
.nav-left-sidebar:hover{
    width: 265px !important;
    z-index: 999;
    background-color: #ffffff;
    overflow-x: hidden !important;
}
.nav-left-sidebar:hover ul.navbar-nav li  a{
    width: 100% !important;
    display: flex !important;
    justify-content: left !important;
    left: 48px !important;
    visibility: visible;
    transition: all 0.2s linear;
    padding: 8px 10px;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  a{
    left: 9px !important;
    width: 82% !important;
}
.nav-left-sidebar .submenu{
  width:0% !important;
  height:0px !important;
  background-color:transparent;
}
.nav-left-sidebar:hover .submenu{
  width:100% !important;
  height:auto !important;
}
.nav-left-sidebar ul.navbar-nav li.nav-item .submenu  li.nav-item:before{
 display:none !important;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu ul.nav{
  display:block;
  width:100%;
  flex-direction: unset !important;
  margin-top:15px;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item{
   padding: 10px;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a{
  width: 100% !important;
  left: 34px !important;
  font-size: 14px !important;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a:hover,
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a.active{
  background:transparent !important;
  color: #007bff !important;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item:nth-last-child(1){
   margin-bottom:0px !important;
}
/*Top nava bar design*/
nav.tps_top_nav_bar{
  display:grid;
  grid-template-columns: 1fr;
  padding: 0px 18px !important;
  z-index:99999;
}
nav.tps_top_nav_bar .navbar-brand {
    margin:0px;
    text-align:center;
    padding:0px;
}
nav.tps_top_nav_bar .tps_top_nav_time p{
 margin:0px !important;
}
nav.tps_top_nav_bar .navbar-collapse .parent{
 position:relative;
}
nav.tps_top_nav_bar .navbar-collapse .navbar-nav .sub-nav{
    list-style: none;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 4%);
    position: absolute;
    width: 160px;
    right: 0%;
    top: 104%;
}
nav.tps_top_nav_bar .navbar-collapse .navbar-nav .sub-nav a{
 padding:5px 10px;
 color:#242849;
}
nav.tps_top_nav_bar .navbar-collapse  a[aria-controls="submenu-1"]{
 padding:0px;
 text-transform: capitalize;
 color:#242849;
 cursor:pointer;
}
nav.tps_top_nav_bar .navbar-collapse  a[aria-controls="submenu-1"]:hover,
nav.tps_top_nav_bar .navbar-collapse .navbar-nav .sub-nav a:hover{
 color:#007bff;
}
nav.tps_top_nav_bar .navbar-collapse  a[aria-controls="submenu-1"] i{
 margin-right:10px;
}
nav.tps_top_nav_bar .navbar-collapse .navbar-nav .sub-nav{
 visibility:hidden;
 height:0px;
 transition: height 0.5s;
 overflow:hidden;
}
nav.tps_top_nav_bar .navbar-collapse li.parent:hover .sub-nav{
  visibility: visible;
  height:92px;
}
/*End*/

/* form design*/
.tps_form_style label{
   color:#242849;
   font-weight:100;
   width: 17%;
}
.tps_form_style .tps_input_div{
  width: 83%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  grid-gap: 0px 15px;
}
.tps_form_style .tps_check_box_div{
  display:flex;
  width:83%;
  align-items: center;
  padding-left: 20px;
}
.tps_form_style .form-control{
  width:94%;
}
.tps_form_style input[type="text"]::placeholder, .tps_form_style select, .tps_form_style .tps_check_box_div label, .tps_form_style input[type="text"],
.tps_form_style p, form input[type="text"]::placeholder, form select, form input[type="text"]{
   font-size:14px;
   font-weight:100;
   color:#71748d;
   text-transform:none;
}
form input[type="text"]::placeholder, form select, form input[type="text"], .tps_form_style select{
   text-transform:none;
}
.tps_dashboard_table .tps_table_count{
    color: #242849;
}
.tps_dashboard_table .table-responsive{
   margin-top:15px;
}
.tps_dashboard_table .table thead th, .tps_dashboard_table .table th,
.tps_table .table thead th, .tps_table .table th{
    color: #242849;
    vertical-align: middle;
    text-align:center;
}
/* width */
.tps_dashboard_table .table-responsive::-webkit-scrollbar,
.tps_table .table-responsive::-webkit-scrollbar,
#scrollbarwrapper1::-webkit-scrollbar{
  width: 0px;
  height: 8px;
}

/* Track */
.tps_dashboard_table .table-responsive::-webkit-scrollbar-track,
.tps_table .table-responsive::-webkit-scrollbar-track,
#scrollbarwrapper1::-webkit-scrollbar-track{
  box-shadow: inset 0 0 1px grey;
  border-radius: 0px;
}

/* Handle */
.tps_dashboard_table .table-responsive::-webkit-scrollbar-thumb,
.tps_table .table-responsive::-webkit-scrollbar-thumb,
#scrollbarwrapper1::-webkit-scrollbar-thumb{
  background: #007bff;
  border-radius: 3px;
}

/* Handle on hover */
.tps_dashboard_table .table-responsive::-webkit-scrollbar-thumb:hover,
.tps_table .table-responsive::-webkit-scrollbar-thumb:hover,
#scrollbarwrapper1::-webkit-scrollbar-thumb:hover{
  background: #007bff;
}
.tps_dashboard_table td a, .tps_table td a{
   color:#007bff !important;
}
.tps_dashboard_table td a u, .tps_table td a u,
.tps_table td a:hover{
  text-decoration:none !important;
  cursor:pointer;
}
.tps_dashboard_table td a:hover u, .tps_table td a:hover u,
.tps_table td a:hover{
  text-decoration:underline !important;
}
.tps_dashboard_table td, .tps_table td, .tps_table td label {
  font-weight:100 !important;
  font-size:13px;
  text-align:center;
}
.tps_dashboard_table tbody tr:nth-child(odd), .tps_table tbody tr:nth-child(odd){
  background-color:#f2f2f2;
}
.page-item.active .page-link, .page-link:hover{
  background-color:#007bff !important;
  border-color: #007bff !important;
}
.tps_dashboard_table .tps_table_grabstructure{
  margin-top: 20px;
}
.tps_dashboard_table .table-responsive{
  margin-bottom:25px;
}

/*vendor addition */
.tps_vendor_module .tps_form_toggle, .tps_af_setting .tps_af_top_button{
  overflow:hidden;
  float: left;
  display: block;
  width: 100%;
  margin-bottom:15px;
}
.tps_vendor_module .tps_form_toggle .btn, .tps_af_setting .tps_af_top_button input{
  float: left !important;
}
.tps_vendor_module .page-header{
    margin-bottom:0px !important;
}
.tps_vendor_module .tps_vendor_form:nth-child(1), .tps_vendor_edit_m .tps_vendor_form:nth-child(1){
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-gap:20px 15px;
}
.tps_vendor_module .tps_vendor_form:nth-child(2),
.tps_vendor_module .tps_vendor_form:nth-child(3),
.tps_vendor_edit_m .tps_vendor_form:nth-child(2),
.tps_vendor_edit_m .tps_vendor_form:nth-child(3){
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap:20px 15px;
  margin-top: 7px;
}
.tps_vendor_table tbody td label.badge, .tps_common_buged tbody td label.badge{
 width: 80px;
 border-radius: 0px;
 padding: 5px;
}
.tps_vendor_table thead th label{
  margin-bottom:0px;
}
.tps_vendor_table tbody td input[type="button"]{
  position:relative;
}
 .footer .col-xl-6{
   width:100%;
   max-width:100%;
   text-align:center;
   flex: 0 0 100%;
   color:#242849;
}
 .footer .col-xl-6 a{
    color:#007bff;
  }
  .footer .col-xl-6 a:hover{
    text-decoration:underline;
  }
  .modal-header .modal-title{
    margin-left: auto;
  }
 .page-header {
    margin-bottom: 15px;
 }
 .tps_pair_diamonds.tps_form_style .tps_check_box_div{
  padding-left:0px;
 }
 /* Seller Diamonds */
  .tps_action_button{
     background-color:#5969ff !important;
     color:#fff !important;
     border:1px solid #5969ff !important;
     transition: all 0.5s ease-out;
  }
  .tps_action_button:hover{
    background-color:transparent !important;
    color:#5969ff !important;

  }
  .tps_import_diamonds .upload_diamond_csv_file, .tps_natural_diamonds_csv #upload_diamond_csv_file,
  .tps_natural_diamonds_csv #upload_diamond_csv, .tps_lab_custom_csv_upload #upload_diamond_csv_file{
    border: 1px solid #a7a7f0;
    line-height: 24px;
    padding: 4px;
    box-shadow:none;
  }
  .tps_import_csv_intro li{
    color:#3d405c;
  }
  .tps_anchor{
    color:#007bff !important;
    text-decoration:none !important;
  }
  .tps_anchor:hover{
    text-decoration:underline !important;
    color:#007bff !important;
  }
  .success_msg{
    font-weight:100 !important;
    color:#3d405c;
    text-align:center;
    font-size: 14px;
  }
  .tps_download_div{
    position:relative;
  }
  .tps_download_div p{
    position: absolute;
    font-size: 12px;
    width: 150px;
    text-align: center;
    color: #007bff;
    top: -29px;
    left: -50px;
    opacity:0;
    transition: opacity 2s ease-out;
    -webkit-transition: opacity 2s ease-out;
    -moz-transition: opacity 2s ease-in-out;
  }
  .tps_download_div:hover p{
    opacity:1;
  }
  .tps_help a{
     padding:8px 15px;
  }
  .modal-backdrop.show{
    z-index: 99999;
  }
  .modal{
    z-index: 9999999;
  }
  #tpsHelp .modal-lg{
    max-width:1024px;
  }
  #tpsHelp h4{
     font-size:20px;
     font-weight:normal;
     color:#fff;
  }
  #tpsHelp  .close{
    font-weight: 100;
    font-size: 27px;
    color: #fff;
    opacity: 1;
  }

  #tpsHelp  .close:hover{
    color:#fff;
  }
  .tps_form_style.padding30, .tps_markup_form .padding30{
   padding: 20px 15px 20px 15px;
  }
  .tps_form_style .col-md-6:nth-child(1){
    padding-left:0px;
  }
  .tps_form_style .col-md-6:nth-child(2){
    padding-right:0px;
  }
  .dashboard-main-wrapper{
    padding-top: 65px;
  }
  .tps_form_style .col-md-6:nth-child(1) .form-group:nth-last-child(3){
     margin-bottom:0px;
   }
  .tps_form_style .tps_exchange_rate label{
    width:45%;
  }
  .tps_form_diamond_type label{
     width:45%;
     display: flex;
     align-items: center;
     margin-bottom: 0;
   }
   .tps_form_diamond_type .form-check-input{
     margin-top:0px;
   }
   .tps_form_diamond_type  .form-check-label:nth-child(1){
    margin-right:15px;
   }
  .tps_form_style .tps_exchange_rate .tps_input_div{
   grid-template-columns: 1fr;
   width:55%;
  }
  .tps_form_diamond_type .tps_check_box_div{
   width:55%;
  }
  .tps_form_style .tps_form_btn{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  }
  .tps_form_style .tps_form_btn input[type="button"]{
    margin-left:10px;
    margin-right:10px;
    text-transform: uppercase;
  }
  .tps_page_data_body .tps_form_style.row, .tps_form_style.tps_pair_diamonds{
    margin-bottom:20px !important;
  }
  .tps_form_style .tps_form_btn .form-group{
     margin-bottom:0px !important;
  }

/*  .tps_dashboard_table.tps_table .table-responsive, .tps_table .table-responsive{
     height:auto !important;
  }*/

  .fixed-pagination{
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 100%;
    margin: 0px 20px;
    padding: 20px 0px 4px 0px;
  }
  #tpsHelp .modal-body{
    height:600px;
    overflow-X:auto;
  }
  .tps_form_style.tps_pair_diamonds .tps_check_box_div input[type="checkbox"]{
    margin-top: -2px;
  }
  .tps_export_diamonds{
    max-width:350px;
    width:100%;
  }
  .tps_api_form .tps_api_button{
     display:flex;
     justify-content:center;
  }
 .tps_api_form .tps_form_style label{
    width:100% !important;
 }
 form label{
   color: #242849;
   font-weight: 100;
 }
.tps_markup_form .tps_form_style .form-control, .tps_markup_form .tps_form_style label{
   width:100% !important;
}
.para{
  font-size:14px;
   color: #242849;
   font-weight: 100;
}
.tps_markup_form .tps_table thead tr{
 background:#0e0c28;
}
.tps_markup_form .tps_table thead tr th{
  color:#fff;
}
.tps_icon_button, .tps_vendor_table .btn[value="Edit"], .tps_vendor_table .btn[value="Delete"],
.tps_vendor_table .btn[value="Deactivate"], .tps_vendor_table .btn[value="Activate"],
.tps_ftp_setting .btn[value="Edit"], .tps_ftp_setting .btn[value="Deactivate"], .tps_ftp_setting .btn[value="Activate"],
.tps_ftp_setting .btn[value="Delete"], .tps_api_setting .btn[value="Delete"], .tps_api_setting .btn[value="Edit"],
.tps_api_setting .btn[value="Deactivate"], .tps_api_setting .btn[value="Activate"], .tps_ftp_setting .btn[value="View Details"],
.tps_view_btn, .tps_edit_new_btn, .tps_delete_new_btn{
  width:41px;
  height:37px;
  border:1px solid #007bff;
  background:url('../images/witclarity_vendor_sprite.svg'),  transparent !important;
  color:transparent !important;
}
.tps_icon_button[value="Edit"], .tps_vendor_table .btn[value="Edit"], .tps_ftp_setting .btn[value="Edit"], .tps_api_setting .btn[value="Edit"], .tps_edit_new_btn{
  background-position: -0px -96px !important;
}
.tps_vendor_table .btn[value="Deactivate"], .tps_ftp_setting .btn[value="Deactivate"], .tps_api_setting .btn[value="Deactivate"]{
  background-position: -193px -96px !important;
  background-color:#ffc108 !important;
  border-color: #ffc108 !important;
}
.tps_delete_new_btn, .tps_icon_button[value="Delete"], .tps_vendor_table .btn[value="Delete"], .tps_ftp_setting .btn[value="Delete"], .tps_api_setting .btn[value="Delete"]{
  background-position: -80px -96px !important;
}
.tps_edit_new_btn:hover, .tps_icon_button[value="Edit"]:hover, .tps_vendor_table .btn[value="Edit"]:hover, .tps_ftp_setting .btn[value="Edit"]:hover, .tps_api_setting .btn[value="Edit"]:hover{
  background-position: -40px -96px !important;
}
.tps_delete_new_btn:hover, .tps_icon_button[value="Delete"]:hover, .tps_vendor_table .btn[value="Delete"]:hover, .tps_ftp_setting .btn[value="Delete"]:hover, .tps_api_setting .btn[value="Delete"]:hover{
  background-position: -117px -96px !important;
}
.tps_vendor_table .btn[value="Deactivate"]:hover, .tps_ftp_setting .btn[value="Deactivate"]:hover, .tps_api_setting .btn[value="Deactivate"]:hover{
  background-position: -193px -96px !important;
  background-color:#007bff !important;
  border-color:#007bff !important;
}
.tps_vendor_table .btn[value="Activate"], .tps_ftp_setting .btn[value="Activate"], .tps_api_setting .btn[value="Activate"]{
  background-color: #2ec551 !important;
  border-color: #2ec551 !important;
  background-position: -270px -96px !important;
}
.tps_ftp_setting .btn[value="View Details"], .tps_view_btn {
  background-position: -194px -65px !important;
}
.tps_ftp_setting .btn[value="View Details"]:hover, .tps_view_btn:hover{
  background-position: -223px -65px !important;
}
.tps_icon_button:hover, .tps_vendor_table .btn[value="Edit"]:hover, .tps_vendor_table .btn[value="Delete"]:hover,
 .tps_vendor_table .btn[value="Deactivate"]:hover, .tps_vendor_table .btn[value="Activate"]:hover, .tps_ftp_setting .btn[value="Edit"]:hover,
 .tps_ftp_setting .btn[value="Delete"]:hover, .tps_api_setting .btn[value="Edit"]:hover, .tps_api_setting .btn[value="Delete"]:hover,
  .tps_api_setting .btn[value="Activate"]:hover, .tps_ftp_setting .btn[value="View Details"]:hover, .tps_view_btn:hover,
  .tps_edit_new_btn:hover, .tps_delete_new_btn:hover{
  background-color:#007bff !important;
}
.tps_edit_new_btn:hover, .tps_delete_new_btn:hover{
  border-color:#007bff !important;
}
.nav-left-sidebar .nav-link[data-toggle="collapse"]::after{
  content: '';
    border: none !important;
    width: 20px;
    height: 12px;
    background-image: url(../images/witclarity_vendor_sprite.svg)!important;
    background-position: -289px -13px;
    background-repeat: no-repeat;
    right: 5px;
    opacity:1;
}
.nav-left-sidebar .nav-link.active[data-toggle="collapse"]::after, .nav-left-sidebar .nav-link.active[data-toggle="collapse"]:hover::after{
    background-position: -290px -24px;
}
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link{
   font-size:14px;
}
.tps_vendor_log_form_table select.filter_supplier{
  max-width: 300px;
}
.tps_vendor_log_form_table .tps_form_style form label{
  width:auto !important;
}
.tps_seller_dashboard .tps_form_style .form-check-input{
  margin-top:3px;
}
.tps_table td a.tps_view_btn{
  color:transparent !important;
  display:block;
  margin:auto;
}
.modal .btn{
  height: 37px;
}
.tps_af_setting .fps_setting_form{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:5px 15px;
}
.tps_af_setting .fps_setting_form input[type="text"]{
  height:38px;
}
.tps_af_setting .dcard.padding30{
 padding: 15px 15px 5px 15px !important;
}
.tps_af_setting  .tps_form_style label{
  width:100% !important;
}
.tps_sellect_ds{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:5px 15px;
}
.btn-primary u, tps_button u{
  text-decoration:none;
}
.tps_action_button{
  cursor:pointer;
}
.tps_dashboard_table_check {
    position:relative
}
.tps_dashboard_table_check .form-check-input{
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}
.btn-same-width{
  width: 231px;
}
.modal .modal-header{
   background: #007bff;
   display: flex;
   align-items: baseline;
}
.modal .modal-header .modal-title, .modal .modal-header h5{
  color:#fff;
}
.modal .modal-header .close{
  color:#fff;
  opacity:1;
}
.label {
    color: #242849;
    font-weight: 100;
    font-size: 15px;
    font-family: 'Circular Std Book';
    margin-bottom:15px;
    padding:0px;
}
.modal .modal-header .close:hover{
 color:#fff;
}
.tps_confirm_modal{

}
.tps_modal_deletion{

}
.tps_modal_save{

}
.tps_log_modal{

}
.modal.tps_modal_deletion .modal-header{
  background:#e7564b;
}
.tps_vendor_deletion_modal .modal-dialog{
  max-width: 650px;
}
.tps_vendor_deletion_modal .modal-body.text-center{
 text-align: justify !important;
}
 /* End */
.tps_pair_diamond_button_grp  a[title="View Certificate"]{
    background-position: -187px -169px !important;
    width: 34px;
    height: 30px;
}
.tps_pair_diamond_button_grp a[title="View Diamond Image"]{
    background-position: -305px -171px !important;
    width: 34px;
    height: 30px;
}
.tps_pair_diamond_button_grp  a[title="View Video"]{
    background-position: -249px -169px !important;
    width: 34px;
    height: 30px;
}
.tps_pair_diamond_button_grp  a[title="View Certificate"]:hover{
 background-position: -218px -169px !important;
}
.tps_pair_diamond_button_grp  a[title="View Diamond Image"]:hover{
 background-position: -331px -171px !important;
}
.tps_pair_diamond_button_grp  a[title="View Video"]:hover {
    background-position: -275px -169px !important;
}
.tps_pair_dashboard_table table.table thead tr th{
   text-transform: capitalize;
}
#scrollbarwrapper1{
    overflow-x: scroll;
    overflow-y:hidden;
}
#scrollbarwrapper1 #table_scroll_table1,
#scrollbarwrapper2 #table_scroll_table2{
  width:2500px;
}
#scrollbarwrapper1 #table_scroll_table1{
    height:10px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_export_menu.tps_ap_menu:before {
background-position: 84px -129px;
}

.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_export_menu.tps_ap_menu:before { background-position: -97px -129px;
}
.tps_dashboard_check_box{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
}
.tps_dashboard_check_box label{
  width: 100% !important;
}

/*nav bar code*/
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr .submenu .nav-item a{
position: unset;
}

.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr .submenu .nav-item {
    padding: 0px;
    margin: 0;
}

.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr .submenu ul.nav{
padding-left: 30px;
}

/*Media Query*/
@media(max-width:1500px){
  .tps_form_style label{
    width:20%;
  }
  .tps_form_style .tps_input_div{
    width: 80%;
  }
  .tps_form_diamond_type label{
     width: 45% !important;
  }
  .tps_form_diamond_type .form-check-label:nth-child(1) {
    margin-right: 27px;
  }
}
@media(max-width:1440px){
  .tps_form_style .tps_input_div{
    grid-gap: 0px 10px
  }
  .tps_form_style .tps_input_div {
    width:78%;
  }
  .tps_form_style label {
    width: 22%;
  }
  .tps_form_style label{
     font-size:14px;
  }
  .tps_form_style input[type="text"]::placeholder, .tps_form_style select, .tps_form_style .tps_check_box_div label, .tps_form_style input[type="text"], .tps_form_style p{
     font-size:13px;
  }
  .tps_form_style .tps_check_box_div{
     padding-left: 0px;
  }
  .tps_form_style .tps_exchange_rate label {
    width: 60%;
  }
  .tps_form_style .col-md-6:nth-child(1){
     padding-right:0px;
  }
}
@media(max-width:1350px){
  .tps_sellect_ds .dcard.padding30 {
     padding: 30px 15px;
  }
}
@media(max-width:1325px) and (min-width:1281px){
  .tps_form_diamond_type label, .tps_form_style .tps_exchange_rate label{
     width: 35% !important;
  }
  .tps_form_diamond_type .form-check-label:nth-child(1) {
    margin-right: 45px;
  }
  .tps_form_style.tps_pair_diamonds .tps_exchange_rate label{
    width: 39% !important;
  }
}
@media(max-width:1300px){
 .tps_dashboard_table .table thead th, .tps_dashboard_table .table th, .tps_table .table thead th, .tps_table .table th, .tps_vendor_table thead th label{
    font-size:13px;
 }
 .tps_pair_diamonds.tps_form_style .tps_check_box_div {
    padding-left: 9px;
 }
 .tps_vendor_module .col-md-8, .tps_vendor_edit_m .col-md-8{
   flex: 0 0 80.666667%;
   max-width: 80.666667%;
 }
 .tps_API_details{
    padding:25px 10px;
 }
 .tps_api_form .dcard .col-md-5 {
    flex: 0 0 50.666667%;
    max-width: 50.666667%;
 }

}

@media(max-width:1280px){
  .tps_form_style{
    flex-wrap:wrap;
  }
  .tps_form_style .col-md-6{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .header-title {
    font-size: 20px;
  }
  .tps_form_style .col-md-6:nth-child(2){
    padding-left:0px;
  }
  .tps_form_style .tps_exchange_rate label {
    width: 48%;
  }

  .tps_single_diamond_edit .form-group.col-md-4{
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media(max-width:1199px){
  .tps_af_setting .fps_setting_form{
    grid-template-columns: 1fr 1fr;
  }
  .tps_sellect_ds{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:991px){
  .tps_jas_diamond_setting .dcard .col-md-12.col-lg-6.pl-0{
     padding-right:0px !important;
  }
  .tps_jas_diamond_setting .dcard .col-md-12.col-lg-6.pr-0{
     padding-left:0px !important;
  }
  .tps_jas_diamond_setting .para{
    text-align:center;
  }
  .btn_group{
     display: flex;
    justify-content: center;
    grid-gap: 0px 20px;
  }
}

@media(max-width:767px){
   .tps_single_diamond_edit .form-group.col-md-4{
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}