/*font added here*/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Poppins-Thin.woff2') format('woff2'),
           url('../fonts/Poppins-Thin.woff') format('woff'),
           url('../fonts/Poppins-Thin.ttf')  format('truetype'),
           url('../fonts/Poppins-Thin.svg#svgFontName') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Poppins-Light.woff2') format('woff2'),
           url('../fonts/Poppins-Light.woff') format('woff'),
           url('../fonts/Poppins-Light.ttf')  format('truetype'),
           url('../fonts/Poppins-Light.svg#svgFontName') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Poppins-Regular.woff2') format('woff2'),
           url('../fonts/Poppins-Regular.woff') format('woff'),
           url('../fonts/Poppins-Regular.ttf')  format('truetype'),
           url('../fonts/Poppins-Regular.svg#svgFontName') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Poppins-Medium.woff2') format('woff2'),
           url('../fonts/Poppins-Medium.woff') format('woff'),
           url('../fonts/Poppins-Medium.ttf')  format('truetype'),
           url('../fonts/Poppins-Medium.svg#svgFontName') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
           url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
           url('../fonts/Poppins-SemiBold.woff') format('woff'),
           url('../fonts/Poppins-SemiBold.ttf')  format('truetype'),
           url('../fonts/Poppins-SemiBold.svg#svgFontName') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/*End*/
body{
  font-family: 'Poppins';
  font-weight:400;
}
p{
  font-weight: 300;
}

.card-login {
    padding: 18px;
    max-width: 52rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #28a745;
}
#scrollbarwrapper1 #table_scroll_table1 {
    height: 0.5px;
}
#scrollbarwrapper1 {
    overflow-x: scroll;
    overflow-y: hidden;
}
#scrollbarwrapper1 #table_scroll_table1, #scrollbarwrapper2 #table_scroll_table2 {
    width: 3340px;
}
#scrollbarwrapper1 {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* width */
#scrollbarwrapper1::-webkit-scrollbar{
  width: 4px;
  height: 7px;
}
/* Track */
#scrollbarwrapper1::-webkit-scrollbar-track{
  box-shadow: inset 0 0 1px grey;
  border-radius: 0px;
}
/* Handle */
#scrollbarwrapper1::-webkit-scrollbar-thumb:horizontal{
  background: #214162;
  border-radius: 3px;
}
/* Handle on hover */
#scrollbarwrapper1::-webkit-scrollbar-thumb:hover{
  background: #214162;
}
.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: #214162;
}

.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;
}
.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: #214162 !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: 99999;
}

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

.nav-left-sidebar .navbar-nav .nav-link{
    font-size: 0px !important;
    text-transform: uppercase;
}
.nav-left-sidebar .navbar-nav .nav-link:not([data-toggle="collapse"]){
    padding: 0px;
}
.nav-left-sidebar:hover .navbar-nav .nav-link:not([data-toggle="collapse"]),
.nav-left-sidebar.openSidepanel .navbar-nav .nav-link:not([data-toggle="collapse"]){
    padding: 8px 10px;
}
.nav-left-sidebar .submenu .nav .nav-item .nav-link{
    text-transform: capitalize;
}

.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;}

 /*common css 22-02-2022*/
 .dashboard-header .navbar{
    z-index: 99999;
 }
 .dashboard-wrapper {
    margin-left: 72px;
    padding: 0px 0px 0px;
}
.dashboard-wrapper .dashboard-content{
  padding: 18px 0px 0px 0px;
}
.tps_page_title h3, .tps_page_title center h3 {
    color: #242849;
    margin-bottom: 1rem!important;
}
.tps_form_style.padding30{
    padding: 20px 15px 20px 15px;
}
.tps_dashboard_table .table-responsive {
    margin-top: 5px;
    margin-bottom: 25px;
    overflow-y: hidden;
}
.tps_dashboard_table.tps_table .table-responsive,
.tps_table .table-responsive {
    height: auto !important;
}
.nav-left-sidebar{
    position: fixed;
    left: 0;
    top: 0px;
    bottom: 0;
    display: block;
    height: auto;
    min-width: 40px;
    width: 70px !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;
}
.top-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.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: #214162;
  border-radius: 10px;
}
/* Handle on hover */
.nav-left-sidebar::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.tps_sellect_ds{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:5px 15px;
}
.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('../../../static/images/webservices_menu_sprite.svg');
    background-position: -42px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_dashboard:before{
    background-position: -3px 40px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gemstone_menu:before{
    background-position: 804px -44px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gemstone_menu:before{
    background-position: 804px -4px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_dashboard:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_dashboard:before{
    background-position: -3px -1px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.chart_dashboard:before{
   background-position: -482px 32px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.chart_dashboard:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.chart_dashboard:before{
    background-position:-480px -8px
}
.nav-left-sidebar ul.navbar-nav li.nav-item.rapnet_diamonds:before{
   background-position: 1268px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.rapnet_diamonds:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.rapnet_diamonds:before{
    background-position: 1269px -6px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_natural_diamondsm:before{
    background-position: -89px -44px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_natural_diamondsm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_natural_diamondsm:before{
    background-position: -89px -85px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_lab_diamondsm:before{
    background-position: -137px 39px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_lab_diamondsm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_lab_diamondsm:before{
    background-position: -137px 77px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_vendorm_menu:before{
    background-position: 152px 37px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_vendorm_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_vendorm_menu:before{
    background-position: 152px -4px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_fancy_diamondsm:before{
   background-position: -178px -44px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_fancy_diamondsm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_fancy_diamondsm:before{
    background-position: -178px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_loose_diamondsm:before{
    background-position: -227px -45px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_loose_diamondsm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_loose_diamondsm:before{
    background-position: -226px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_soldm:before{
    background-position: -315px -128px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_soldm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_soldm:before{
    background-position: -317px -168px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_stonem:before{
    background-position: -44px 40px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_stonem:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_stonem:before{
    background-position: -43px -3px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_marckupm:before{
    background-position: -271px 37px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_marckupm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_marckupm:before{
    background-position: -270px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_dlogm:before{
    background-position: -362px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_dlogm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_dlogm:before{
    background-position: -362px -6px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_notification:before{
    background-position: -915px 38px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_notification:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_notification:before{
    background-position: -915px -6px
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_slogm:before{
    background-position: -405px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_slogm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_slogm:before{
    background-position: -405px -6px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_asettingm:before{
    background-position: -444px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_asettingm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_asettingm:before{
    background-position: -444px -7px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_expertdm:before{
    background-position: -44px 40px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_expertdm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_expertdm:before{
    background-position: -43px -3px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_crinfom:before{
    background-position: -482px 35px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_crinfom:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_crinfom:before{
    background-position: -482px -8px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_gem_logoutm:before{
    background-position: -518px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_gem_logoutm:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_gem_logoutm:before{
    background-position: -518px -9px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_api_menu:before{
    background-position: 153px -46px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_api_menu:before,
.nav-left-sidebar.openSidepanel 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: -6px -120px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dupload_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_selle_dupload_menu:before{
    background-position: -6px -82px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dlog_menu:before{
    background-position: -365px 32px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dlog_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_selle_dlog_menu:before{
    background-position: -365px 76px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_selle_dlist_menu:before{
    background-position: -181px -129px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_selle_dlist_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_selle_dlist_menu:before{
    background-position: -181px -88px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_logout_menu:before{
    background-position: -519px -129px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_logout_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_logout_menu:before{
    background-position: -519px -91px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_csv:before{
    background-position: -562px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_csv:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_csv:before{
    background-position: -563px -9px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_download:before{
    background-position: -745px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_download:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_download:before{
    background-position: -745px -5px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_import_natural:before{
    background-position: -802px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_import_natural:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_import_natural:before{
    background-position: -801px -5px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_import_lab:before{
    background-position: -859px 37px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_import_lab:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_import_lab:before{
    background-position: -859px -8px;
}

.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_import_fancy_lab:before{
    background-position: -978px 37px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_import_fancy_lab:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_import_fancy_lab:before{
    background-position: -978px -8px;
}



.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_disabled:before{
    background-position: -698px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_disabled:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_disabled:before{
    background-position: -699px -5px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_delete:before{
    background-position: -605px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_delete:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_delete:before{
    background-position: -605px -8px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_delete:before{
    background-position: -605px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_delete:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_delete:before{
    background-position: -605px -8px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_diamond_insert:before{
    background-position: -649px 36px;
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_diamond_insert:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_diamond_insert:before{
    background-position: -649px -8px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_ftp_menu:before{
   background-position: -119px -35px;
}
.nav-left-sidebar ul.navbar-nav li.tps_ftp_menu:before, .nav-left-sidebar ul.navbar-nav li.tps_api_menu:before{
    content: "";
    line-height: 30px;
    width: 40px;
    height: 35px;
    background-image: url(../../../static/images/webserive_sprite.svg);
}
.nav-left-sidebar:hover ul.navbar-nav li.nav-item.tps_ftp_menu:before,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.nav-item.tps_ftp_menu:before{
    background-position: -2px -37px;
}
.nav-left-sidebar ul.navbar-nav li.nav-item.tps_api_menu:before{
    background-position: -163px -35px;
}
.nav-left-sidebar .navbar{
    padding: 20px 0px 0px 0px;
}
.nav-left-sidebar ul.navbar-nav li  a{
    position: absolute;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    font-size: 0px;
    line-height: 0px;
}
.nav-left-sidebar:hover,
.nav-left-sidebar.openSidepanel{
    width: 360px !important;
    z-index: 999;
    background-color: #ffffff;
    overflow-x: hidden !important;
}
.nav-left-sidebar:hover ul.navbar-nav li  a,
.nav-left-sidebar.openSidepanel ul.navbar-nav li  a{
    width: 85% !important;
    display: flex !important;
    justify-content: left !important;
    left: 48px !important;
    visibility: visible;
    transition: all 0.2s linear;
    padding: 8px 10px;
    font-size: 15px !important;
    line-height: 25px !important;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  a,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.tps_left_menu_dr  a{
    left: 9px !important;
    width: 85% !important;
}
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link{
    font-weight: 300;
}
.nav-left-sidebar .submenu{
  width:0% !important;
  height:0px !important;
  background-color:transparent;
}
.nav-left-sidebar:hover .submenu,
.nav-left-sidebar.openSidepanel .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,
.nav-left-sidebar.openSidepanel 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,
.nav-left-sidebar.openSidepanel 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,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a{
  width: 85% !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,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a:hover,
.nav-left-sidebar.openSidepanel ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item a.active{
  background:transparent !important;
  color: #214162 !important;
  font-weight: 600;
}
.nav-left-sidebar:hover ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item:nth-last-child(1),
.nav-left-sidebar.openSidepanel ul.navbar-nav li.tps_left_menu_dr  .submenu .nav-item:nth-last-child(1){
   margin-bottom:0px !important;
}
.nav-left-sidebar .nav-link[data-toggle="collapse"]::after{
    content: '';
    border: none !important;
    width: 20px;
    height: 12px;
    background-image: url(../../../static/images/webserive_sprite.svg)!important;
/*  background-position: -289px -13px;*/
    background-position: -289px -22px;
    background-repeat: no-repeat;
    right: -9px;
    opacity: 1;
}
.nav-left-sidebar:hover .nav-link[data-toggle="collapse"]::after,
.nav-left-sidebar.openSidepanel .nav-link[data-toggle="collapse"]::after{
    background-position: -288px -13px;
}
.nav-left-sidebar:hover .nav-link[data-toggle="collapse"]::after,
.nav-left-sidebar.openSidepanel .nav-link[data-toggle="collapse"]::after{
    right: 0;
}
.nav-left-sidebar .nav-link[data-toggle="collapse"][aria-expanded="false"]:after {
    transform: rotate(-90deg);
}
.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;
}
.footer .col-xl-6 {
    width: 100%;
    max-width: 100%;
    text-align: center;
    flex: 0 0 100%;
    color: #242849;
}
.footer .col-xl-6 a {
    color: #214162;
}
.footer .col-xl-6 a:hover {
    text-decoration: underline;
}
.tps_page_data_body .tps_form_style.row, .tps_form_style.tps_pair_diamonds {
    margin-bottom: 20px !important;
}
.tps_form_style label {
   color: #000;
    font-weight: 400;
    width: 17%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.tps_form_style .tps_check_box_div {
    display: flex;
    width: 83%;
    align-items: center;
    padding-left: 20px;
}
.tps_form_style .tps_input_div {
    width: 83%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    grid-gap: 0px 15px;
}
.select2-container--default .select2-search--inline .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field::placeholder, .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: 300;
    color: #71748d;
    text-transform: capitalize;    
}

form select, 
form input[type="text"],
form input[type="tel"],
form input[type="email"],
textarea,
form input[type="number"],
form input[type="date"],
form input[type="password"],
.select2-container--default .select2-search--inline .select2-search__field{
    border: 1px solid #00000059;
    padding: 10px 10px;
    border-radius: 4px;
}
.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"], form input[type="text"]::placeholder, form select, form input[type="text"] {
   text-transform:none;
}
.tps_form_diamond_type label {
    width: 45%;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.tps_form_diamond_type .tps_check_box_div {
    width: 55%;
}
.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_diamond_type .form-check-input {
    margin-top: 0px;
}
.tps_form_style .form-control,
.select2-container--default .select2-search--inline .select2-search__field{
   width: 100%;
   border: 1px solid #00000059;
   padding: 5px 10px;
   border-radius: 4px;
}
.btn-primary, .tps_button {
    background: #214162;
    color: #fff;
    border-color: #214162;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}
.btn-primary:hover, .tps_button:hover {
    background-color: transparent;
    border-color: #214162;
    color: #214162;
}
.tps_form_style .tps_form_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tps_dashboard_table .tps_table_count {
    color: #242849;
    font-size: 14px;
    line-height: 13px;
    font-weight: 400;
}
.tps_dashboard_table .table thead th,
.tps_dashboard_table .table th,
.tps_table .table thead th,
.tps_table .table th,
.tps_table .table th label {
    color: #000;
    vertical-align: middle;
    text-align: center;
    font-size:12px;
    border-bottom:none;
    padding: 12px 5px;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #e6e6f2;
}
.tps_dashboard_table .table thead th,
.tps_table .table thead th{
    color: #fff;
}
.tps_dashboard_table td a,
.tps_table .table th a{
  cursor: pointer;
}
.tps_dashboard_table td, .tps_table td, .tps_table td label {
    font-weight: 300 !important;
    font-size: 12px;
    text-align: center;
    color: #000;
    border-bottom: none;
    border-top: none;
    font-family: 'Poppins' !important;
}
.tps_dashboard_table tbody tr:nth-child(odd), .tps_table tbody tr:nth-child(odd) {
    background-color: #f7f7ff;
}
.table-responsive {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* width */
.tps_dashboard_table .table-responsive::-webkit-scrollbar,
.tps_table .table-responsive::-webkit-scrollbar{
  width: 4px;
  height: 7px;
}
/* Track */
.tps_dashboard_table .table-responsive::-webkit-scrollbar-track,
.tps_table .table-responsive::-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{
  background: #214162;
  border-radius: 3px;
}
/* Handle on hover */
.tps_dashboard_table .table-responsive::-webkit-scrollbar-thumb:hover,
.tps_table .table-responsive::-webkit-scrollbar-thumb:hover{
  background: #214162;
}
/*End*/
 .fixed-pagination {
    position: fixed;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    width: 100%;
    margin: 0px 20px;
    padding: 20px 0px 4px 0px;
}
.page-item.active .page-link, .page-link:hover {
    background-color: #214162 !important;
    border-color: #214162 !important;
}
.tps_view_btn, .tps_edit_btn, .tps_delete_btn,
.tps_edit_btn a, .tps_delete_btn a{
  width: 25px;
  height: 25px;
  background: url(../../../static/images/webserive_sprite.svg), transparent !important;
}
.tps_view_btn{
    background-position: -201px -70px !important;
}
.tps_table td a.tps_view_btn, .tps_edit_btn, .tps_delete_btn,
.tps_edit_btn a, .tps_delete_btn a{
    color: transparent !important;
    display: block;
    margin: auto;
}
.tps_edit_btn a, .tps_edit_btn{
 background-position: -9px -101px !important;
 background:transparent;
 border:none !important;
}
.tps_delete_btn a, .tps_delete_btn{
 background-position: -87px -102px !important;
 background:transparent;
 border:none !important;
}
.tps_markup_form.padding30 {
    padding: 20px 15px 20px 15px;
}
.tps_upload_form #upload_diamond_csv_file, .tps_upload_form .upload_csv_file_input{
 border: 1px solid #a7a7f0;
  line-height: 24px;
  padding: 4px;
  box-shadow: none;
}
.tps_anchor {
   color: #214162 !important;
   text-decoration: none !important;
}
.tps_anchor:hover {
   text-decoration: underline !important;
   color: #214162 !important;
}
.para{
  color:#71748d;
  font-size:14px;
}
form label {
    color: #242849;
    font-weight: 100;
}
.tps_same_width_btn {
    width: 217px;
}
.tps_upload_form{
  align-items: center;
}
p.tps_success_message, .success_msg.tps_success_message{
    font-weight: 100 !important;
    color: #71748d;
    font-size: 14px;
}
.tps_black_table_page .tps_table thead tr,
 .tps_black_table_page .tps_dashboard_table thead tr{
    background: #0e0c28;
}
.tps_black_table_page .tps_table thead tr th,
.tps_black_table_page .tps_dashboard_table thead th{
    color:#fff;
}
.tps_vat_apply_form .tps_same_width_btn {
    width: 170px;
}

.filter.tps_filter{height: 30px;}

/*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;
   font-weight: 300;
}
 .footer .col-xl-6 a,
 .tps_login_form_cr .tps-login-link a{
    color:#214162;
    font-weight:500;
    position: relative;
    text-decoration: none;
  }
  .footer .col-xl-6 a::after,
  .tps_login_form_cr .tps-login-link a::after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #214162;
    transition: width .5s;
    display: block;
    position: absolute;
    bottom: 2px;
    left:50%;
    transform: translateX(-50%);
  }
  .footer .col-xl-6 a:hover{
    text-decoration:none;
  }
  .footer .col-xl-6 a:hover::after,
  .tps_login_form_cr .tps-login-link a:hover::after{
    width: 0%;
  }
  .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:#214162 !important;
    text-decoration:none !important;
  }
  .tps_anchor:hover{
    text-decoration:underline !important;
    color:#214162 !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: #214162;
    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: 15px 15px 15px 15px;
  }

  .dashboard-main-wrapper{
    padding-top: 45px;
  }
 /* .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;
}

/* new design start here*/
 .dashboard-header .navbar{
   background-color:#214162 !important;
 }
 .dashboard-header .navbar label{
    color:#fff;
 }
 .tps_web_service_header_login div{
    width:fit-content;
    display:flex;
    align-items: center;
  }
  .tps-login-dropdown-panel{
     position: relative;
  }
  .tps-login-dropdown-panel-list{
    position: absolute;
    width: 160px;
    margin: 0px;
    top: 55px;
    background-color: #fff;
    right: 0;
    list-style: none;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
    height: 0px;
    transition: height 0.5s linear;
    overflow: hidden;
  }
  .tps-login-dropdown-panel-list li a{
    width: fit-content;
    position: relative;
  }
  .tps-login-dropdown-panel-list li a::after{
    content: '';
    width: 0%;
    height:1px;
    background-color: #000;
    transition: width .5s;
    display: block;
    position: absolute;
    bottom:-2px;
    left: 0;
  }
  .tps-login-dropdown-panel-list li a:hover::after,
  .tps-login-dropdown-panel-list li.active a::after{
    width: 100%;
  }
  .tps-login-dropdown-panel:hover .tps-login-dropdown-panel-list{
    height: 75px;
    padding: 5px 0px 9px;
  }
  .tps-login-dropdown-panel-list li{
    padding: 8px 15px;
    cursor: pointer;
  }
  .tps-login-dropdown-panel-list li,
  .tps-login-dropdown-panel-list li a{
    font-size: 14px;
    color: #000;
    line-height: 14px;
    text-decoration: none;
  }
  .tps_web_service_header_login div span{
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    display: flex;
    padding-left: 30px;
    align-items: center;
    line-height: 16px;
    grid-gap: 5px;
    cursor:pointer;
  }
  .tps_web_service_header_login div span::before{
     content:"";
     width:30px;
     height:30px;
     background-image: url(../../../static/images/webservice-my-account.svg);
     background-position:center center;
  }
 .tps_page_main{
    padding:20px 20px;
 }
 .tps_page_header_bar .tps_page_title h3,
 .tps_page_header  h3{
    background: #fff;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 20px 35px 20px 23px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
 }
 .tps_page_header_bar .tps_page_title h3,
 .tps_page_header  h3{
    margin-bottom:0px !important;
    font-weight:400;
    color:#000;
    font-family: 'Poppins';
    text-align: center;
 }
 .tps-header-logo{
    display:flex;
    grid-gap:20px;
    align-items: center;
 }
 .tps-header-logo .tps_web_service_toggle{
    width: 30px;
    height:30px;
    background-image: url(../../../static/images/side-panel-toggler.svg);
    background-position: top -3px center;
    cursor: pointer;
 }
 .tps-header-logo .tps_web_service_toggle.close-side-panel{
    background-image: url(../../../static/images/side-panel-toggler-close.svg);
    background-position: top -2px center;
 }
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus::after,
 .sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover::after{
    background-position: -289px -23px;
 }
 .tps_form_style_new .d-flex{
    position: relative;
 }
 .tps_form_style_new .d-flex input + span{
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    height: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #00000059;
    width: 30px;
    justify-content: center;
    background-color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left-color: #00000036;
 }
 .tps_form_style .tps_form_btn.tps_form_btn-same-width input[type="button"]{
    max-width: 200px;
    width: 200px;
 }
 .tps_form_style_new {
    background-color: transparent;
    border: none;
    box-shadow: none;
    grid-gap: 0.8%;
    padding: 0px;
 }
 .tps_form_style_new .tps-form-col{
    -ms-flex: 0 0 49.6%;
    flex: 0 0 49.6%;
    max-width: 49.6%;
    background-color: #fff;
    padding: 25px 15px 15px 15px;
    box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);
    margin-bottom:15px;
    border-radius: 3px;
 }
 .tps_table .card{
    box-shadow: none !important;
 }
 .tps_table .tps_table-header{
    border-radius: 3px;
    margin-bottom: 3px;
    align-items: center;
    justify-content: space-between;
 }
 .tps_table table thead{
    background-color: #214162 !important;
 }
 .tps_table .tps_table-header .d-flex{
    align-items: center;
 }
 select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + -2px);
 }
 select::-ms-expand { display: none; }
 select.form-control{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background-image: url(../../../static/images/select-drop-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 8px;
    -webkit-appearance: none !important;
    background-size: 12px;
    cursor: pointer;
 }
 body.fixed-pagination-footer .footer{
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: #fff;
    left: 0;
 }
 .dashboard-wrapper .page-header .top-header{
    background: #fff;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 20px 35px 20px 23px;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.1);
 }
 .dashboard-wrapper .dashboard-content > .row{
    margin-right: 0px;
    margin-left: 0px;
 }
 form label{
    color: #000;
    font-weight: 400;   
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
 }
 .tps_setting_form .dcard{
    padding-left: 0px;
    padding-right: 0px;
 }
 .tps_page_main .dcard.padding30,
 .tps_page_main .card.padding30{
    padding-left: 15px;
    padding-right: 15px;
 }
 .tps_setting_form  form label{
    margin-bottom: 5px;
 }
 .tps_setting_form  form .form-control{
    width: 100%;
    border: 1px solid #00000059;
    padding: 10px 10px;
    border-radius: 4px;
 }
 .tps-sold-diamond-table.tps_table .tps_table-header{
    justify-content: space-between;
 }
 .table thead th, 
 .table th{
    font-family: 'Poppins';
 }
 .tps_black_table_page .tps_table thead tr th, 
 .tps_black_table_page .tps_dashboard_table thead tr  th{
   text-transform: uppercase;
}
.tps_form_style #vendor_api_settings_form label {
  margin: 20px 0px 10px 0px;
}
.tps_login_form_body{
  background-color: #214162;
}
.tps_login_form_body h1{
  margin-top: 0px;
  font-size: 28px;
  margin-bottom: 20px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.tps_login_form_cr{
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  flex-direction: column;
}
.tps_login_form_cr .tps_login_form{
    max-width: 500px;
    width: 100%;
    background-color: #fff;
    padding: 30px 30px;
    -webkit-box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);
    -moz-box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);
    box-shadow: 0px 1px 2px 1px rgba(154, 154, 204, 0.22);
    border-radius: 5px;
}
.tps_login_form_cr .tps_login_form .card-login{
    padding: 0px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #28a745;
}
.tps_login_form_cr .tps_login_form .card-header{
    font-size: 20px;
    font-weight: 400 !important;
    color: #000;
    margin-bottom: 30px;
    display: block;
}
.tps_login_form_cr .tps_login_form .form-control{
    height: 45px;
}
.tps_login_form_cr .login_btn{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 15px 10px;    
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #214162;
    color: #fff;
    border-color: #214162;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    max-width: 200px;
    width: 200px;
}
.tps_login_form_cr .login_btn:hover{
    background-color: transparent;
    border-color: #214162;
    color: #214162;
}
.tps_login_form_cr .validation_message, 
{
    margin-bottom: 10px;
    display: block;
    font-weight: 300;
} 
.tps_login_form_cr .error  {
    color: #ea2020;
}
.tps_table_header_pagination_parent nav{
    width: auto !important;
    position: unset !important;
    transform: none !important;
}
.tps_table_header_pagination_parent nav ul{
    margin-bottom: 0px !important;
}
.tps-row-0 .row{
  margin-right: 0px;
  margin-left: 0px;
}
.tps_check_box_div_seller label{
    display: flex;
    align-items: end;
}
.tps_single_diamond_edit .tps_form_style label{
   width: 100%;
   margin-bottom: 10px;
}
.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-top: 0px !important;
}
.select2-container--default .select2-selection--multiple{
    display: flex !important;
    align-items: center ;
}
/*Media Query start here*/
@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: 25px;
  }
  .tps_form_style .tps_exchange_rate label {
    width: 60%;
  } 
}
@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,
  .tps_form_style .col-md-5{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .header-title {
    font-size: 20px;
  } 
  .tps_form_style .tps_exchange_rate label {
    width: 48%;
  }
  .dashboard-wrapper .dashboard-content {
    padding: 15px 0px 0px 0px;
  }
}
@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:1050px){
    .tps_table .tps_table-header{
        flex-direction: column;
        grid-gap: 10px;
    }
}
@media(max-width:992px){
  .tps_upload_form{
    flex-wrap:wrap;
  }
  .tps_upload_form .col-md-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        flex: 0 0 100%;
       max-width: 100%;
       padding:0px;
       text-align:center;
  }
  .tps_upload_form .col-md-6:nth-child(1){
    margin-bottom:30px;
  }

  .tps_black_table_page .tps_form_style .col-md-3, .tps_vat_apply_form .col-md-3{
     -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
  .tps_black_table_page .tps_form_style  .dcard-noborder .col-md-3:nth-child(1),
  .tps_black_table_page .tps_form_style  .dcard-noborder .col-md-3:nth-child(2){
      margin-bottom:30px;
  }
  .tps_black_table_page .tps_form_style .col-md-3 input[type="text"],
  .tps_black_table_page .tps_form_style .col-md-3 select{
     width:100%;
  }
  .tps_setting_forms .tps_setting_cols_w{
     flex: 0 0 60.666667%;
     max-width: 70.666667%;
  }
  .nav-left-sidebar .navbar > a.d-xl-none,
  .nav-left-sidebar .navbar-toggler,
  .navbar-toggler:not(:disabled):not(.disabled){
    display: none !important;
  }
  #navbarNav.collapse:not(.show) {
    display: block !important;
  }
  .dashboard-wrapper{
    margin-left: 0px;
  }
  .nav-left-sidebar{
    padding-left: 0px;
    min-width: 00px;
    width: 0px !important;
  }
  .nav-left-sidebar.openSidepanel {
    width: 330px !important;
    padding-left: 5px;
  }
  .tps_vendor_module .tps_vendor_form:nth-child(1), .tps_vendor_edit_m .tps_vendor_form:nth-child(1),
  .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){
     grid-template-columns: 1fr;
  }
}
@media(max-width:800px){
    .tps-sold-diamond-table.tps_table .tps_table-header{
        flex-direction: column;
        grid-gap: 14px;
    }
}
@media(min-width:767px){
    .tps-new-content-center{
        align-items: flex-start;
    }    
}
@media(max-width:767px){
    .tps_page_main {
        padding: 20px 15px;
    }
    .dashboard-header .navbar .col-12:nth-child(1){
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
     .dashboard-header .navbar .col-12:nth-child(2){
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .tps_web_service_header_login div span{       
        font-size: 0px;
        line-height: 0px;
        color: transparent;
        overflow: hidden;
        display: block;
        padding: 0;
    }
    .tps_web_service_header_login div span::before{
        display: block;
    }
    .tps-header-logo{
        flex-direction: row-reverse;
        justify-content: flex-end;
    }
    .tps_form_style .tps_form_btn.tps_form_btn-same-width input[type="button"]{
        width: auto;
    }
    .fixed-pagination{
        margin-left: 0px;
    }
    .tps_table_header_pagination_parent nav{
        width: 100% !important;
        padding-top: 0px;
    }
    .pagination{
        display: flex !important;
        flex-wrap: nowrap !important;
        margin-bottom: 0px;
        max-width: 100% !important;
        overflow: auto !important;
        scroll-snap-type: x mandatory !important;
        grid-gap: 0px !important;
        padding-left: 40px;
        justify-content: flex-start !important;
    }  
    .pagination li{
        width: 35px !important;
        scroll-snap-align: start !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        white-space: nowrap !important;
        margin-right: 10px !important;
        display: flex;
        flex-direction: row;
        flex: 0 0 35px;
        
    } 
    .pagination li:nth-child(1),
    .pagination li:nth-last-child(1){
        width: 100px !important;
        flex: 0 0 100px;
    }
    .pagination::-webkit-scrollbar {
        display: none;
    }
    .tps_form_style .tps_form_btn .form-group{
        grid-gap: 10px;
    }
    .dashboard-wrapper .page-header .top-header{
        flex-direction: column;
       grid-gap: 10px;
    }
     .tps_setting_form .dcard {
        flex-wrap: wrap;
     }
    .tps_setting_form .dcard .col-md-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .para{
        margin-bottom: 10px;
    }
    .tps_vendor_module .col-md-8, .tps_vendor_edit_m .col-md-8{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tps-mob-gap{
        flex-direction: column;
        grid-gap: 20px;
        text-align: center;
    }
    .tps_single_diamond_edit  .form-group {
        margin-bottom: 20px;
    }
}
@media(max-width:639px){
    .tps_form_style .tps_input_div{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}
@media(max-width:580px){
    .tps_form_style label{
        line-height: 19px;
        width: 100%;
        margin-bottom: 5px;
    }
    .tps_form_style_new .d-flex{
        flex-wrap: wrap;
    }
    .tps_form_style .tps_input_div {
        width: 100%;
    }
    .header-title {
        font-size: 14px;
        width: 250px;
        display: block;
        word-wrap: break-word;
    }
    .tps-header-logo{
        grid-gap: 4px;
    }
    .dashboard-header .navbar .col-12:nth-child(1) {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .dashboard-header .navbar .col-12:nth-child(2) {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

}
@media(max-width:400px){
    .tps_dashboard_table .tps_table_count{
        font-size: 12px;
        line-height: 12px;
    }
    .tps_form_style .tps_input_div{
        grid-template-columns: 1fr;
    }
    .tps_form_style .tps_input_div {
        grid-gap: 10px 10px;
    }
    .tps-header-logo .tps_web_service_toggle.close-side-panel{
        width: 25px;
        height: 25px;
        background-size: 98%;
        background-repeat: no-repeat;
    }
}