@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
.hvr-ptr:hover {
  cursor: pointer;
}

.dropdown-menu.userdrop {
  right: 0 !important;
  top: 45px !important;
  background: #fff;
  width: 230px;
  padding: 0;
  color: #383838;
  font-weight: 500;
}

.mr-5 {
  margin-right: 5px;
}

.tile .h2 {
  font-family: inherit;
  font-weight: 400;
}

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

.dropdown-menu.userdrop .fa {
  border: 1px solid #868686;
  border-radius: 100px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
}

.dropdown-menu.userdrop li a {
  padding: 5px 22px;
}

.pro-name-btn {
  text-align: center;
  padding: 5px 0;
}

.pro-name {
  padding: 15px;
  border-bottom: 1px solid #dddddd;
}

.ro-name .fa {
  margin-right: 5px;
}

.pro-name .fa {
  margin-right: 5px;
}

.mast-des tr.active td {
  background: #00aeff94;
}

.mast-des .table>tbody>tr.active>td {
  background: transparent;
}

body {
  background: #EBEFF2;
  color: #555;
  font-family: 'Open Sans', sans-serif;
  text-rendering: optimizeLegibility;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.breadcrumb {
  z-index: 9;
  padding: 17px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
  display: inline-block;
  width: 100%;
}

.color-edit, .color-edit:hover {
  color: #007F06;
}

.color-view, .color-view:hover {
  color: #1117A2;
}

.color-delete, .color-delete:hover {
  color: #DC3545;
}

.color-white {
  color: #ffffff;
}

.bg-blue {
  background: #22295D;
}

.bg-grey {
  background: #f1f1f1;
}

.bg-grey2 {
  background: #F0F9FD;
}

.btn-set a {
  padding: 4px;
  margin: 5px;
}

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

.btn-set {
  width: 110px;
}

.col-no {
  width: 50px;
  text-align: center;
}

.w-100 {
  width: 100%;
  display: inline-block;
}

.w50 {
  width: 50%;
  float: left;
}

.d-flex2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.d-flex2 .btn-primary {
  flex: 0 0 84px;
  justify-content: space-around;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dispaly-flex {
  display: flex;
  justify-content: space-around;
  margin: 5px 0;
}

.btn-demand:hover, .btn-demand {
  background: #32bd98;
  color: #ffffff;
  margin: 2px;
  padding: 3px 10px;
  border-radius: 30px;
}

.mg-T30 {
  margin-top: 30px;
}

.mg-T-60 {
  margin-top: -60px;
}

/* .button3combo { width: 100%; display: inline-block; } */

.mg-b10 {
  margin-bottom: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.third-pary-api {
  width: 30%;
  margin: 0 auto;
  text-align: center;
}

.third-pary-api .api-type {
  display: flex;
  justify-content: space-around;
}

.third-pary-api h4 {
  margin-top: 50px;
  margin-bottom: 0;
}

.api-type {
  margin: 40px 0 0 0;
}

.api-type a {
  flex: 0 0 30%;
  box-shadow: 0 0 2px rgba(0, 0, 0, .3);
  background: #ffffff;
  padding: 10px;
  transition: all 0.4s ease 0s;
  border-radius: 10px;
}

.api-type a:hover {
  box-shadow: 0 0 14px rgba(0, 0, 0, .5);
}

.text-blue {
  color: #1117A2;
}

.btn-save-order, .btn-save-order:focus, .btn-save-order:hover {
  background: #37b410 !important;
  color: #ffffff;
  border: none;
  padding: 6px 12px;
}

.color-green {
  color: #37b410;
}

.btn-delete, .btn-delete:hover {
  background: #f54444;
  color: #ffffff;
}

.br100 {
  border-radius: 100px;
}

.text-red {
  color: #f00;
}

.text-green {
  color: rgb(38, 165, 0);
}

.bg-black {
  background: #313131;
}

.f-grow {
  flex: 0 0 35%;
  margin: 0 4px;
  max-width: 35%;
}

.advc_title.f-grow {
  flex: 0 0 25%;
  max-width: 25%;
}

.card {
  background: #ffffff;
  width: 100%;
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

.card-body {
  padding: 10px;
}

.card-body table {
  margin: 0;
}

#register .pad-L0 {
  padding-left: 5px;
}

#register .pad-R0 {
  padding-right: 5px;
}

#saleAddModal .form-group {
  position: relative;
  margin-bottom: 20px;
}

#saleAddModal .form-group small {
  position: absolute;
  left: 20px;
  bottom: -16px;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.loader-small {
  border: 6px solid #bdbdbd;
  border-top: 6px solid #22295D;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
  margin: auto;
}

.loader-small-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: -31px;
}

.loader-small-main {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999999;
  height: 100%;
  width: 100%;
}

.ad-search .dispaly-flex {
  position: relative;
  margin: 1px 0 14px;
}

.ad-search .dispaly-flex small {
  position: absolute;
  right: 5px;
  bottom: -15px;
}

/*=============================================
              HOme CSS
===============================================*/

.slider-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-reg {
  width: 100%;
  display: inline-block;
  margin: 5px 0;
}

.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #1e297d !important;
  border-color: #1e297d !important;
}

.laungauge_set a {
  color: #22295D !important;
  cursor: pointer;
  font-size: 15px;
  padding: 5px;
}

.activeLink {
  background-color: #eee !important;
}

.body-inner {
  padding: 65px 10px 10px;
  /* height: calc(100vh - 66px) !important;  */
  overflow: auto;
}

.body-inner.in {
  height: calc(100vh - 150px) !important;
}

/* .body-inner.in .ag-theme-balham { height: calc(100vh - 390px) !important; overflow: auto; } */

.wrap-login100 {
  width: 470px;
  background: #fff;
  overflow: hidden;
  padding: 0 50px;
  position: absolute;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  right: 0;
  height: 100vh;
  top: 0;
}

.container-login100::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../images/pattern2.png");
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-login100 {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}

/*=============================================
              OLD CSS
===============================================*/

.phn .form-control1 {
  padding: 6px 5px 6px 46px !important;
}

.btn-close {
  background: #585858;
  color: #ffffff;
  box-shadow: none;
}

.btn-close:hover {
  background: #3B3B3B;
  color: #ffffff;
  box-shadow: none;
}

.btn-close:focus {
  outline: none;
}

.mrgb10 {
  margin-bottom: 10px;
}

.btn:focus {
  outline: none;
}

.form-control1 {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 46px;
  width: 100%;
}

.color-red {
  color: #f00f00 !important;
}

.form-control2 {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 15px;
  width: 50%;
}

.cont-icon {
  left: 12px;
  position: relative;
  top: 30px;
  width: 40px;
}

.cont-icon i {
  font-size: 24px;
}

#login .modal-dialog, #myresulSheet .modal-dialog {
  margin: 30px auto;
  width: 429px;
}

.modal-title {
  color: #22295D;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.42857;
  margin: 0;
  text-align: center;
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
}

.form-group:hover .cont-icon i {
  color: #22295D;
}

.btn-default, .btn-primary {
  color: #fff;
  background-color: #22295D;
  border-color: #22295D;
  transition: all 1s ease;
}

.btn-default.active, .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {
  background-color: #fff;
  color: #22295D;
  border-color: #22295D;
}

/* ======= models ===== */

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0 !important;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
  position: relative;
}

.modal-title {
  color: #22295D;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.42857;
  margin: 0;
  text-align: center;
}

.form-horizontal .control-label {
  text-transform: capitalize;
}

#login .modal-dialog .login-form {
  padding: 0 40px;
}

#login .modal-dialog .login-form .form-group {
  position: relative;
  margin-bottom: 5px;
}

#login .modal-dialog .login-form .form-group small {
  position: absolute;
  left: 0;
  bottom: -18px;
}

#login .modal-dialog .login-form .form-group .btn-default {
  margin: 20px 0 10px 0;
}

#login {
  margin-top: 128px;
}

#sjcall {
  margin-top: 97px;
}

#b_app {
  margin-top: 60px;
}

#place {
  margin-top: 117px;
}

#suggest {
  margin-top: 117px;
}

#place .modal-dialog {
  margin: 30px auto;
  width: 845px;
  max-width: 80%;
}

#register .modal-dialog {
  margin: 14px auto;
  width: 850px;
}

#register .modal-body {
  padding: 10px;
  max-height: calc(100vh - 125px);
  overflow-x: hidden;
  overflow-y: auto;
  min-height: auto;
}

#register .form-control {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  margin-top: 26px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px;
  width: 100%;
}

#login .modal-dialog {
  margin: 30px auto;
  width: 429px;
}

#emailConfirmModel .modal-dialog {
  margin: 30px auto;
  width: 429px;
}

.form-control.col-sm-6 {
  width: 48%;
  float: left;
  margin-right: 4px;
}

.mrgt {
  margin-top: 10px;
}

.m-0 {
  margin: 0;
}

.pass-msg small {
  bottom: -35px !important;
}

#register .form-control {
  border-radius: 0;
}

#register label {
  text-align: left;
  font-weight: 600;
  text-transform: capitalize;
}

#forgot_password .lblResetPwd {
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 25px;
  text-transform: capitalize;
}

#forgot_password .re_pass {
  margin: 20px 0;
}

#forgot_password .reset_password .btn {
  margin: 0 15px 0 0;
}

#forgot_password .reset_password_modal-body {
  padding: 24px !important;
}

/* #forgot_password .modal-dialog { width: 36%; } */

#forgot_password .modal-dialog {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}

@media(max-width: 768px) {
  #forgot_password .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

@media screen and (max-width: 767px) {
  #forgot_password .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

#forgot_password .reset_password {
  position: relative;
}

#forgot_password .reset_password small {
  position: absolute;
  left: 0;
  bottom: -16px;
}

.pass-remember {
  margin: 10px 0;
}

#register .next-step {
  position: relative;
  top: -7px
}

/*-----------------------------------
         01- Layout setup
 ----------------------------------*/

.lang-sel .ng-select.ng-select-single .ng-select-container {
  height: 36px;
  margin-top: 10px;
  padding-right: 0;
}

.lang-sel {
  margin-right: 5px;
}

.lang-sel .ng-input input[type=text] {
  border: none !important;
  width: 100% !important;
}

.lang-sel .ng-select.ng-select-single .ng-select-container {
  height: 36px;
  margin-top: 10px;
  border-radius: 0;
  border: 1px solid #dddddd;
  box-shadow: none;
}

.lang-sel img {
  margin: -1px 4px 0 0;
}

.sidetoggle .fa.fa-bars {
  font-size: 35px;
  padding: 15px 11px 11px 17px;
}

.nav.navbar-nav.navbar-right.pull-right {
  margin-top: 5px;
}

.navbar-brand {
  float: left;
  height: 61px;
  padding: 6px 8px;
  font-size: 18px;
  line-height: 0;
  background: #ffffff;
}

.header-search .input-group.add-on {
  margin: 8px 0 0;
  border: 1px solid #EBEFF2;
  float: left;
}

.header-search .input-group.add-on .form-control {
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none !important;
  color: #ffffff !important;
}

.header-search .input-group.add-on .btn-default {
  color: #22295d;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none !important;
  text-align: center;
}

.header-search> ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
}

.header-search> ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}

.header-search> :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
}

.header-search> :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}

.sidetoggle {
  color: #FFFFFF;
  float: left;
  font-size: 25px;
  /* padding: 7px 17px 2px 0; */
  position: relative;
}

.sidetoggle:hover {
  cursor: pointer;
}

.theme_sidebar.in {
  background: #ffffff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: all .3s ease 0s;
  width: 67px;
  z-index: 1;
  padding-top: 61px;
  text-align: center;
  font-size: 10px;
}

.theme_sidebar {
  width: 170px;
  background: #ffffff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: all .3s ease 0s;
  z-index: 1;
  padding-top: 61px;
  text-align: left;
  font-size: 10px;
}

.theme_sidebar.in .nav-text {
  display: none;
}

.theme_sidebar .nav-text {
  display: inline-block;
  margin-left: 4px;
}

.theme_sidebar.in .mysidebar a {
  font-size: 18px;
}

.theme_sidebar .mysidebar a {
  font-size: 14px;
  padding: 10px;
}

.mysidebar a {
  text-transform: capitalize;
  color: #1E1E1E;
  font-size: 14px;
  width: 100%;
  text-decoration: none;
  padding: 10px -2px;
  display: inline-block;
}

.mysidebar a:hover {
  text-decoration: none;
}

.mysidebar ul {
  margin: 0;
  padding: 0;
}

.mysidebar li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}

.mysidebar li:hover {
  background: #22295D;
}

.mysidebar li:hover a {
  color: #fff;
}

.theme-body {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 68px;
  transition: all .3s ease;
  margin-top: 66px;
}

.theme-body.left {
  padding-left: 171px;
}

.list-widget {
  list-style: none;
  padding: 0;
}

.list-widget li {
  display: block;
  width: 100%;
}

.list-widget li a {
  display: block;
  width: 100%;
  padding: 14px;
  text-decoration: none;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
}

.list-widget li.active a {
  background: #EFEFEF;
  border-left: 4px solid #7266BA;
  color: #7266BA;
}

.list-widget li a:hover {
  cursor: pointer;
  background: #F4F8FB;
}

.arrowicon {
  float: right;
  padding-right: 10px;
}

.submenu {
  padding-left: 10px !important;
}

.profile.dropdown .dropdown-menu li {
  width: 100%;
}

/*----------------- Header css --------------*/

.navbar-form .form-control::placeholder {
  color: #ffffff;
}

header .navbar-form {
  padding: 0;
}

.navbar-default {
  background: #22295D;
  background: -moz-linear-gradient(left, #22295D 0%, #273260 51%, #3E4668 100%);
  background: -webkit-linear-gradient(left, #22295D 0%, #273260 51%, #3E4668 100%);
  background: linear-gradient(to right, #22295D 0%, #273260 51%, #3E4668 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5b80a8', endColorstr='#7db9e8', GradientType=1);
  color: #fff;
}

.navbar {
  border-radius: 0;
  border: none;
  z-index: 999;
  margin-bottom: 0;
}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}

.nav>li>a i {
  font-size: 16px;
}

.navbar-default .badge {
  position: absolute;
  right: 0;
  top: 5px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background-color: transparent;
  color: #fff;
}

.navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
  color: #fff !important;
  background: #fff;
}

.profile img {
  height: 36px;
  width: 36px;
  object-fit: cover;
  object-position: center;
}

.profile.dropdown>a {
  padding: 0;
}

.user-area {
  margin-right: -7px;
  padding: 6px;
}

.user-area li {
  padding: 0 5px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: transparent;
}

.dropdown-menu.userdrop {
  right: -15px !important;
  top: 50px !important;
}

.dropdown-menu.userdrop li a {
  padding: 6px 22px;
}

.notification-list .fa.fa-bell {
  font-size: 19px;
  line-height: 35px;
}

.profile.dropdown {
  padding: 7px;
}

.notification-list {
  max-height: 230px;
}

.notification-list em {
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  margin-top: 4px;
}

.notification-list .media-body {
  display: inherit;
  width: auto;
  overflow: hidden;
  margin-left: 50px;
}

.notification-list .media-body h5 {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  font-weight: normal;
  overflow: hidden;
}

.notifi-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 11px 20px 15px;
  color: #4c5667;
}

.noti-primary {
  color: #5d9cec;
  border: 2px solid #5d9cec;
}

.noti-success {
  color: #81c868;
  border: 2px solid #81c868;
}

.noti-info {
  color: #34d3eb;
  border: 2px solid #34d3eb;
}

.noti-warning {
  color: #ffbd4a;
  border: 2px solid #ffbd4a;
}

.noti-danger {
  color: #f05050;
  border: 2px solid #f05050;
}

.noti-dark {
  color: #36404a;
  border: 2px solid #36404a;
}

.noti-purple {
  color: #7266ba;
  border: 2px solid #7266ba;
}

.noti-pink {
  color: #fb6d9d;
  border: 2px solid #fb6d9d;
}

.noti-custom {
  color: #5fbeaa;
  border: 2px solid #5fbeaa;
}

.noti-inverse {
  color: #4c5667;
  border: 2px solid #4c5667;
}

.dropdown-menu-lg .list-group-item {
  border: medium none;
  padding: 10px 20px;
}

.list-group-item:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 0;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.dropdown-menu-lg {
  width: 300px;
}

.noti-body {
  position: relative;
  overflow-y: scroll;
  width: auto;
  height: 230px;
}

/*==================================================================================
						special Diamond search css
 ==================================================================================*/

.Diamond_Active_twinstone {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_newarrivle {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_topchart {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_Parcle {
  background-image: url("../images/diamond_check.png");
  background-position: top right;
  background-repeat: no-repeat;
}

.page-navigation {
  margin-top: 90px;
  width: 100%;
  display: inline-block;
}

.page-navigation .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  list-style: outside none none;
  margin-bottom: 5px;
  padding: 8px 4px;
}

.search_special {
  padding: 20px 0 0;
  width: 100%;
}

.Specific_Search>a:hover {
  text-decoration: none;
}

.search_special .Specific_Search .bg_img {
  transition: all 1s ease 0s;
  display: block;
}

.search_special .Specific_Search .bg_img2 {
  transition: all 1s ease 0s;
  display: none;
}

.search_special .Specific_Search .bg_img, .search_special .Specific_Search .bg_img2 {
  padding: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-align: center;
}

.search_special .Specific_Search .New_Arrivals_Search, .search_special .Specific_Search .Parcel_Diamond_Search, .search_special .Specific_Search .Top_Charts_Search, .search_special .Specific_Search .Top_Specific_Search, .search_special .Specific_Search .Twin_Stone_Search {
  width: 100%;
  display: inline-block;
  position: relative;
}

.Top_Specific_Search>span {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}

.Specific_Search:hover {
  cursor: pointer;
}

.Specific_Search:hover .bg_img2 {
  display: block;
}

.Specific_Search:hover .bg_img {
  display: none;
}

.wishlist {
  position: fixed;
  right: 0;
  top: 50%;
}

.wishlist a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #2D7597;
}

.wishlist>a {
  padding: 10px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #22295D;
  transition: all 1s ease 0s;
}

/* master setting */

.card-footer {
  padding: 10px;
  background: #f1f1f1;
  width: 100%;
  display: inline-block;
  margin-bottom: -5px;
}

.card-footer .pagination {
  margin: 0;
}

.mast-add {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}

.mast-add h4 {
  margin: 6px 0 0;
}

/* .mast-des table td{border:1px solid #dddddd;} */

.mast-des thead tr {
  background: #f1f1f1;
}

.master-add-modal .modal-dialog {
  width: 450px;
}

.master-add-modal .modal-dialog .modal-title {
  font-size: 18px;
  color: #1e1e1e;
}

.mast-des small {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
}

.mast-des table {
  margin: 0;
}

.mast-details .card-header {
  padding: 10px 10px 3px;
}

/* master setting */

/*==========================================
           search-main-container
===========================================*/

/*===== Search Button=====*/

.demo {
  background: #fff;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  margin: 0;
}

.sidetoggle .fa.fa-bars {
  font-size: 35px;
  padding: 15px 11px 11px 17px;
}

.nav.navbar-nav.navbar-right.pull-right {
  margin-top: 5px;
}

img {
  max-width: 100%;
}

.navbar-brand {
  float: left;
  height: auto;
  padding: 8px;
}

/*==========================================
                    Color Toggle
===========================================*/

.color-tab {
  text-align: center;
  float: none;
  margin: 0 auto;
  max-width: 288px;
  display: flex;
  justify-content: center;
}

.color-tab .nav.nav-pills {
  background: #ffffff;
  padding: 4px;
  border: 1px solid #d7d7d7;
  border-radius: 100px;
}

.color-tab .nav-pills>li.active>a, .color-tab .nav-pills>li.active>a:focus, .color-tab .nav-pills>li.active>a:hover {
  background-color: #22295D;
  border-radius: 0;
  color: #ffffff;
  border-radius: 100px;
}

.color-tab .nav>li>a {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #000000;
  padding: 6px 12px;
  border-radius: 100px;
}

.bdrB {
  border-bottom: 1px solid #d7d7d7;
}

/*==========================================
           search-main-container
===========================================*/

.mrgT10 {
  margin-top: 10px !important;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:focus {
  outline: none;
}

li {
  list-style: none;
  float: left;
  display: inline-block;
}

ul {
  margin: 0;
}

.d-flex {
  display: flex;
}

.d-flex75 {
  flex: 0 0 75%;
}

.d-flex50 {
  flex: 0 0 50%;
}

.d-flex33 {
  flex: 0 0 33%;
}

/* .s-active { background: #22295D !important; color: #fff !important; border-color: #22295D !important; } */

.shape-list li img {
  float: none;
  text-align: center;
  width: 60%;
  margin-bottom: 5px;
}

/* .s-active { background: #22295D !important; color: #fff !important; border-color: #22295D !important; } */

.search-main-container {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  margin-top: 10px;
  border-radius: 20px;
  overflow: hidden;
  z-index: 0;
  padding-bottom: 30px;
}

/*------------------------ Shape css---------------------*/

.shape-list2 li:hover {
  cursor: pointer;
}

.search-title22 {
  width: 55px !important;
  float: left;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.search-title22 span {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  padding-top: 3px;
  display: inline-block;
}

.shape-list2 {
  width: calc(100% - 60px) !important;
  float: left;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.shape-content {
  padding: 2px 0;
  display: inline-block;
  width: 100%;
}

.shape-content p {
  width: auto;
  margin: 0;
}

.shape-content .shape-list {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.shape-list li.search-title {
  margin: 0 6px 0 0;
  text-align: left !important;
}

.shape-list2 ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.shape-list2 ul li {
  flex: 0 1 70px;
  list-style: none;
  width: auto;
  text-align: center;
  margin: 4px;
  padding: 1px;
  border: 1px solid #ddd;
}

.shape-list2 ul li.s-active {
  background: #C2C9EF !important;
}

.shape-list2 ul li span {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #000;
}

.shape-list2 li img {
  float: none;
  text-align: center;
  width: 41px;
  margin-top: 1px;
  height: auto;
}

.search-title span {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
}

.dispaly-flex label {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.ClarityList, .ColorList, .brown-list, .milky-list, .fluorscence-list, .shape-list, .fancy-content .MilkyList, .lab-list, .CountryList8, .fancy-color-list {
  width: calc(100% - 60px) !important;
  display: inline-block;
}

.search-title {
  width: 60px !important;
  float: left;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.dm-val {
  padding: 0;
}

/* .search-main-container .owl-carousel .owl-item {  margin: 4px 2px 0 2px;} */

/* .owl-carousel{display: block;opacity: 1;} */

.owl-carousel .item:hover {
  cursor: pointer;
}

.owl-carousel .item p:hover {
  background: #C2C9EF !important;
  color: #fff;
  cursor: pointer;
  border-color: #A2ACED !important;
}

.owl-carousel .item p {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  display: inline-block;
  width: 100%;
  color: #000000;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin: 0;
}

/*------------------------ Color css---------------------*/

.simple-notification.info {
  background: #7d8dff !important;
}

.all-div {
  float: left;
  padding: 9px 7px;
  background: #dddddd;
  color: #000000;
  margin: 5px 2px 0 0;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  transform: rotate(0);
  border-color: #22295D;
}

.all-div p {
  margin: 0;
}

.all-div.s-active p {
  background: transparent !important;
  color: #ffffff !important;
}

.all-div:hover {
  background: #808EE6 !important;
  cursor: pointer;
  border-color: #808EE6 !important;
}

.dm-val .all-div li:nth-child(1):hover {
  background: #808EE6 !important;
  border-color: #808EE6 !important;
}

.all-div.s-active {
  background: #808EE6 !important;
  color: #fff !important;
  border-color: #808EE6 !important;
}

/* .owl-carousel .item.s-active p:hover { background: #22295D !important; } */

#th-color3, #th-Clarity3, #th-fluorscence-list, #th-brown-color, #th-county-list, #th-lab-list, .th-clarity, #th-milky-list2, #th-color {
  float: left;
  width: 90%;
  margin-top: 3px;
  margin-bottom: -9px;
}

/* #th-milky-list2 { float: left; width: 75%; } */

#th-color .item {
  display: block;
}

/* #th-color3 .item { float: left; margin: 4px 2px 0 2px; width: fit-content !important; } */

.color-content {
  padding: 2px 0 7px;
  display: inline-block;
}

.color-list {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.color-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

.color-content .search-title span {
  line-height: 30px;
}

/*------------------------ country css---------------------*/

.country-content {
  padding: 4px 0 0;
  display: inline-block;
  width: 100%;
}

.country-list {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

/* .country-list li { padding: 4px; border: 1px solid #d7d7d7; background: #ffffff; color: #000000; margin: 0 3px; } */

.country-list li>.form-control {
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 5px;
  border-radius: 0;
}

.country-list>li:nth-child(2n):hover {
  background: none !important;
}

.country-content .search-title span {
  line-height: 30px;
}

/*------------------------ carat-content  css---------------------*/

.carat-content {
  padding: 5px 0 2px;
  display: inline-block;
}

.carat-content .search-title span {
  line-height: 30px;
}

#fancy-color {
  position: relative;
  top: 3px;
}

.diamond-add-btn {
  width: 24px;
  font-size: 12px;
  height: 24px;
  border-radius: 100px;
  border: 1px solid #C4C4C4;
  background: #C4C4C4;
  color: #1b1b1b;
  line-height: 10px;
  display: inline-block;
  box-shadow: none;
  padding: 0;
  margin-top: 3px;
}

.diamond-add-btn.focus, .diamond-add-btn:focus, .diamond-add-btn:hover {
  box-shadow: none !important;
}

.carat-content li {
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.carat-content .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
  height: 30px !important;
}

.carat-content .from-text-box {
  width: 120px;
}

.carat-content .to-text-box {
  width: 120px;
}

.carat-content .all-text-box {
  width: 170px;
  margin-left: 30px;
}



/*------------------------ pr-carat-content  css---------------------*/

.pr-carat-content {
  padding: 4px 0 5px;
  display: inline-block;
  width: 100%;
}

.padT10 {
  padding-top: 10px;
}

.pr-carat-content .search-title span {
  line-height: 30px;
}

.pr-carat-content .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
}

.ad-search .pr-carat-list li {
  margin: 0 5px;
  flex: 0 0 106px;
}

/*------------------------ clarity-content  css---------------------*/

.mysidebar li:hover a {
  color: #fff;
}

.mysidebar li span {
  margin-right: 7px;
}

/* .theme-body { position: relative; display: block; width: 100%; padding-left: 68px; transition: all .3s ease; margin-top: 66px; }
.theme-body.left { padding-left: 171px; } */

.list-widget {
  list-style: none;
  padding: 0;
}

.list-widget li {
  display: block;
  width: 100%;
}

.list-widget li a {
  display: block;
  width: 100%;
  padding: 14px;
  text-decoration: none;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
}

.list-widget li.active a {
  background: #EFEFEF;
  border-left: 4px solid #7266BA;
  color: #7266BA;
}

.list-widget li a:hover {
  cursor: pointer;
  background: #F4F8FB;
}

.arrowicon {
  float: right;
  padding-right: 10px;
}

.submenu {
  padding-left: 10px !important;
}

/*==================================================================================
						special Diamond search css
 ==================================================================================*/

.spaceNTWDiv {
  width: 220px !important;
}

.stone-counter {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #D4D8F2 !important;
  color: #000;
  cursor: pointer;
  width: fit-content;
  padding: 5px 10px;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  border-radius: 100px;
}

.d-flexth {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}

.search-main-container .tab-pane {
  display: none;
}

.search-main-container .tab-pane.active {
  display: block;
}

.Diamond_Active_twinstone {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_newarrivle {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_topchart {
  background-image: url("../images/diamond_check.png");
  background-position: 71px 5px;
  background-repeat: no-repeat;
}

.Diamond_Active_Parcle {
  background-image: url("../images/diamond_check.png");
  background-position: top right;
  background-repeat: no-repeat;
}

.page-navigation {
  margin-top: 90px;
  width: 100%;
  display: inline-block;
}

.page-navigation .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  list-style: outside none none;
  margin-bottom: 5px;
  padding: 8px 4px;
}

.search_special {
  padding: 20px 0 0;
  width: 100%;
}

.Specific_Search>a:hover {
  text-decoration: none;
}

.Specific_Search a {
  padding: 10px;
  width: 100%;
  display: inline-block;
}

.Specific_Search1 {
  display: inline-block;
  position: relative;
  transition: all 1s ease 0s;
  flex: 0 0 31.33%;
  float: left;
  background: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  height: 70px;
}

@media screen and (max-width: 768px) {
  .spaceNTWDiv {
    width: 193px !important;
  }
  .Specific_Search1 .box-img {
    width: 45px !important;
    height: 45px !important;
  }
  .Specific_Search1 h1 {
    font-size: 14px;
    padding: 16px 10px 10px 0 !important;
    margin: 18px 0 0 0 !important;
    width: 100%;
  }
}

.Specific_Search1 a:hover {
  text-decoration: none;
}

.Specific_Search1:hover {
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.20);
}

.Specific_Search1 h1 {
  color: #4c4c4c;
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  padding: 10px 10px 10px 66px;
  margin: -6px 0 0 0;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 20px;
  height: 48px;
}

.Specific_Search1 .box-img {
  position: absolute;
  width: 55px;
  height: 55px;
  background: #22295D;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(34, 41, 93, 0.8);
  left: 10px;
  top: -10px;
}

.Specific_Search {
  border-radius: 10px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
  display: inline-block;
  position: relative;
  transition: all 1s ease 0s;
  flex: 0 0 18%;
  float: left;
  background: #ffffff;
  margin: 30px 10px 14px;
}

.search_special .Specific_Search h1 {
  color: #4c4c4c;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 10px;
}

.Specific_Search img {
  width: 70px;
  vertical-align: middle;
  height: auto;
}

.search_special .Specific_Search .bg_img {
  transition: all 1s ease 0s;
  display: block;
}

.search_special .Specific_Search .bg_img2 {
  transition: all 1s ease 0s;
  display: none;
}

.search_special .Specific_Search .bg_img, .search_special .Specific_Search .bg_img2 {
  padding: 10px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-align: center;
}

.search_special .Specific_Search .New_Arrivals_Search, .search_special .Specific_Search .Parcel_Diamond_Search, .search_special .Specific_Search .Top_Charts_Search, .search_special .Specific_Search .Top_Specific_Search, .search_special .Specific_Search .Twin_Stone_Search {
  width: 100%;
  display: inline-block;
  position: relative;
}

.Top_Specific_Search>span {
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
}

.search_special .Specific_Search .New_Arrivals_Search span .fa.fa-diamond, .search_special .Specific_Search .Parcel_Diamond_Search span .fa.fa-diamond, .search_special .Specific_Search .Top_Charts_Search span .fa.fa-diamond, .search_special .Specific_Search .Top_Specific_Search span .fa.fa-diamond, .search_special .Specific_Search .Twin_Stone_Search span .fa.fa-diamond {
  background: #ffffff;
  border: none;
  border-radius: 100%;
  color: #080B36;
  font-size: 24px;
  height: 50px;
  left: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: -43px;
  vertical-align: middle;
  width: 50px;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 4px 16px rgba(34, 41, 93, 0.5);
}

.Specific_Search:hover {
  cursor: pointer;
}

.Specific_Search:hover .bg_img2 {
  display: block;
}

.Specific_Search:hover .bg_img {
  display: none;
}

.wishlist {
  position: fixed;
  right: 0;
  top: 50%;
}

.wishlist a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #2D7597;
}

.wishlist>a {
  padding: 10px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #22295D;
  transition: all 1s ease 0s;
}

/* master setting */

.label-primary {
  background-color: #22295D !important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #C2C9EF !important;
}

.master_menu {
  position: relative;
  width: 200px;
  float: left;
  height: calc(100vh - 61px);
  border-right: 1px solid #ddd;
  overflow: auto;
  background: #ffffff;
}

.master_setting_content {
  position: relative;
  float: left;
  width: calc(100% - 200px);
  height: calc(100vh - 61px);
  overflow: auto;
}

.master_menu ul {
  margin: 0;
  padding: 0;
}

.master_menu li {
  list-style: none;
  border-bottom: 1px dotted #dddddd;
  width: 100%;
  float: left;
}

.master_menu li a:hover {
  text-decoration: none;
}

.master_menu li a {
  color: #1E1E1E;
  padding: 7px 6px;
  display: block;
  width: 100%;
}

.master_menu li a:focus {
  text-decoration: none;
  outline: none;
}

.master_menu li:hover {
  background: #f1f1f1;
}

.mast-details {
  padding: 14px;
}

.mast-active {
  background: #F1F1F1;
}

/* .mast-des { background: #ffffff; width: 100%; display: inline-block; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.10); } */

.card-footer {
  padding: 10px;
  background: #f1f1f1;
  width: 100%;
  display: inline-block;
  margin-bottom: -5px;
}

.card-footer .pagination {
  margin: 0;
}

.mast-add {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
}

.mast-add h4 {
  margin: 6px 0 0;
}

/* .mast-des table td{border:1px solid #dddddd;} */

.mast-des thead tr {
  background: #f1f1f1;
}

.master-add-modal .modal-dialog {
  width: 450px;
}

.master-add-modal .modal-dialog .modal-title {
  font-size: 18px;
  color: #1e1e1e;
}

.mast-des small {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block;
}

.mast-des table {
  margin: 0;
}

.mast-details .card-header {
  padding: 10px 10px 3px;
}

/* master setting */

/*==========================================
           search-main-container
===========================================*/

/*===== Search Button=====*/

.demo {
  background: #fff;
  color: #000 !important;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  margin: 0;
}

.sidetoggle .fa.fa-bars {
  font-size: 35px;
  padding: 15px 11px 11px 17px;
}

.nav.navbar-nav.navbar-right.pull-right {
  margin-top: 5px;
}

img {
  max-width: 100%;
}

.navbar-brand {
  float: left;
  height: auto;
  padding: 8px;
}

/*==========================================
                    Color Toggle
===========================================*/

.color-tab .nav.nav-pills {
  background: #ffffff;
  padding: 4px;
  border: 1px solid #d7d7d7;
  border-radius: 100px;
}

.color-tab .nav-pills>li.active>a, .color-tab .nav-pills>li.active>a:focus, .color-tab .nav-pills>li.active>a:hover {
  background-color: #22295D;
  border-radius: 0;
  color: #ffffff;
  border-radius: 100px;
}

.color-tab .nav>li>a {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 1px;
  color: #000000;
  padding: 7px 13px;
  border-radius: 100px;
}

.bdrB {
  border-bottom: 1px solid #d7d7d7;
}

/*==========================================
            3EX / NOBGM / 3VG+
===========================================*/

.d333 {
  flex: 0 0 30%;
}

.button3combo {
  width: 31%;
  float: right;
}

.search-title-new {
  width: 60px !important;
  float: left;
  border: none !important;
  background: none !important;
}

.search-title-new span {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  line-height: 30px;
}

.set-tag {
  float: left;
  width: 100%;
  padding-left: 58px;
}

.set-combo {
  margin: 5px 0 0 0px;
  position: relative;
}

.set-combo .text-danger {
  display: inline-block;
  min-width: 212px;
}

.button3combo .button-combo li:hover {
  background: #C2C9EF !important;
  color: #333;
  cursor: pointer;
  border-color: #A2ACED !important;
}

.button3combo .button-combo li.s-active {
  background: #22295D;
  cursor: pointer;
  color: #ffffff;
}

.button3combo .button-combo li {
  display: inline;
  list-style: none;
  margin: 6px 7px 0 0;
  padding: 6px 7px;
  background: #DCDCDC;
}

.button3combo .button-combo li a {
  text-decoration: none;
  color: #000000;
  background: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 4px 10px;
  transition: all .3s ease 0s;
}

.button3combo .button-combo li a:hover {
  background: #22295D;
  cursor: pointer;
  color: #ffffff;
  border-color: #22295D;
}

.dm-val>.inner-title:hover {
  background: transparent !important;
  cursor: pointer !important;
  color: #000000 !important;
  border: none !important;
}

.s-active {
  background: #c2c9ef !important;
  color: #22295d !important;
  cursor: pointer;
  border-color: #808ee6 !important;
}

.dm-val .all-div {
  padding: 7px 7px;
  background: #dddddd;
  color: #000000;
  margin-left: 0px !important;
  font-size: 12px !important;
}

/*==========================================
           search-main-container
===========================================*/

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:focus {
  outline: none;
}

.btn-skip, .btn-skip:hover {
  background: #8CB808;
  border-color: #8CB808;
  color: #ffffff;
}

.shape-list li img {
  float: none;
  text-align: center;
  width: 60%;
  margin-bottom: 5px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:focus {
  outline: none;
}

.search-main-container {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  margin-top: 10px;
  border-radius: 20px;
  overflow: hidden;
  z-index: 0;
  padding-bottom: 30px;
}

/*------------------------ Shape css---------------------*/

.carat-content2 .form-control, .stock-cert .form-control {
  border-radius: 0;
}

.stock-cert .form-control {
  margin: 8px 5px 8px 5px;
  width: auto;
  float: left;
}

.shape-content {
  padding: 2px 0;
  display: inline-block;
  width: 100%;
  box-shadow: none;
}

.shape-content p {
  width: auto;
  margin: 0;
}

.shape-content .shape-list {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.shape-list li.search-title {
  margin: 0 6px 0 0;
  text-align: left !important;
}

.shape-content .shape-list li {
  display: inline;
  list-style: none;
  width: 70px;
  text-align: center;
}

.shape-list li span {
  width: 100%;
  display: inline-block;
}

.shape-list li img {
  float: none;
  text-align: center;
  width: 60%;
  margin-bottom: 5px;
}

.search-title span {
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  line-height: 30px;
}

.dispaly-flex label {
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.ClarityList, .ColorList, .brown-list, .milky-list, .fluorscence-list, .shape-list, .fancy-content, .MilkyList {
  width: calc(100% - 60px) !important;
  display: inline-block;
}

/* .search-title { width: 15% !important; float: left; padding: 0 !important; border: none !important; background: none !important; } */

.dm-val {
  padding: 0;
}

.ng-select-container span:hover, .ng-dropdown-header span:hover {
  cursor: pointer;
}

/*------------------------ Color css---------------------*/

.pl5 {
  padding-left: 5px !important;
}

.color-content {
  padding: 2px 0 7px;
  display: inline-block;
}

.color-list {
  float: left;
  width: 60%;
  margin: 0 auto;
  padding: 0;
}

.color-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

.color-content .search-title span {
  line-height: 30px;
}

.button-combo {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}

/*------------------------ country css---------------------*/

.mg-r3 {
  margin-right: 3px;
}

.country-content {
  padding: 4px 0 0;
  display: inline-block;
  width: 100%;
}

.country-list {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

.country-list li>.form-control {
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 5px;
  border-radius: 0;
}

.country-list>li:nth-child(2n):hover {
  background: none !important;
}

.country-content .search-title span {
  line-height: 30px;
}

/*------------------------ carat-content  css---------------------*/

.carat-content {
  padding: 5px 0 2px;
  display: inline-block;
}

.carat-content .search-title span {
  line-height: 30px;
}

#fancy-color {
  position: relative;
  top: 3px;
}

.diamond-add-btn {
  width: 24px;
  font-size: 12px;
  height: 24px;
  border-radius: 100px;
  border: 1px solid #C4C4C4;
  background: #C4C4C4;
  color: #1b1b1b;
  line-height: 10px;
  display: inline-block;
  box-shadow: none;
  padding: 0;
  margin-top: 3px;
}

.diamond-add-btn.focus, .diamond-add-btn:focus, .diamond-add-btn:hover {
  box-shadow: none !important;
}

.carat-content li {
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.carat-content .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
  height: 30px !important;
}

.carat-content .from-text-box {
  width: 120px;
}

.carat-content .to-text-box {
  width: 120px;
}

.carat-content .all-text-box {
  width: 170px;
  margin-left: 30px;
}

/*------------------------ pr-carat-content  css---------------------*/

.ag-theme-balham .ag-row {
  border-color: #d9dcde !important;
}

.pr-carat-content {
  padding: 4px 0 5px;
  display: inline-block;
  width: 100%;
}

.padT10 {
  padding-top: 10px;
}

.pr-carat-content .search-title span {
  line-height: 30px;
}

.pr-carat-content .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
}

.from-text-box {
  width: 90px !important;
  float: left;
  margin-left: 0px
}

.to-text-box {
  width: 90px !important;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}

.ad-search .pr-carat-list li {
  margin: 0 5px;
  flex: 0 0 106px;
}

/*------------------------ clarity-content  css---------------------*/

.clarity-content {
  padding: 4px 0 5px;
  display: inline-block;
}

.clarity-content .search-title span {
  line-height: 30px;
}

.clarity-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ Fluorscence-content  css---------------------*/

.fluorscence-content {
  padding: 4px 0 0;
  display: inline-block;
}

.fluorscence-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ milky-content  css---------------------*/

.milky-content {
  padding: 4px 0 5px;
  display: inline-block;
}

.milky-content .search-title span {
  line-height: 30px;
}

.milky-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ brown-content  css---------------------*/

.brown-content {
  padding: 4px 0 5px;
  display: inline-block;
}

.brown-content .search-title span {
  line-height: 30px;
}

.brown-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ lab-content  css---------------------*/

.lab-content {
  padding: 5px 0 0;
  display: inline-block;
  width: 100%;
}

.lab-content .search-title span {
  line-height: 30px;
}

.lab-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ Finishing -content  css---------------------*/

.finishing-content {
  padding: 4px 0 5px;
  display: inline-block;
  width: 100%;
}

.finishing-list {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.finishing-content .search-title span {
  line-height: 30px;
}

.finishing-content .inner-title {
  text-align: center;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.finishing-content .inner-title span {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  margin-left: 8px;
}

.finishing-content .cut-section ul {
  margin: 0;
  padding: 0;
}

.color-list.dm-val.white-content {
  position: relative;
  top: 3px;
}

.shadow-box {
  background: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}

.set-tag span {
  background: #D4D8F2;
  color: #3c3c3c;
  padding: 5px 7px 5px 8px;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 14px;
  margin: 3px;
}

.brown-list>.search-title:hover, .clarity-list>.search-title:hover, .color-list>.search-title:hover, .country-list>.search-title:hover, .finishing-list>.search-title:hover, .fluorscence-list>.search-title:hover, .lab-list>.search-title:hover, .milky-list>.search-title:hover, .shape-list>.search-title:hover {
  background: none !important;
}

.btn-round {
  background-color: #22295D;
  color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  position: relative;
  z-index: 111;
  bottom: 25px;
}

.btn-round:hover, .btn-rounds:hover {
  color: #ffffff;
}

.outline-round:hover {
  color: #22295D;
}

.btn-rounds {
  background-color: #22295D;
  color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  margin: 5px;
  z-index: 999999;
}

.outline-round {
  margin: 5px;
  color: #22295D;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  z-index: 999999;
  border: 2px solid #22295D;
}

.float-none {
  float: none;
}

.advance-option {
  display: block;
  transition: all .5s ease-in 0s;
  padding-top: 5px;
}

.advance-option.show {
  display: block;
}

.btn-round.active.focus, .btn-round.active:focus, .btn-round.focus, .btn-round.focus, .btn-round:active.focus, .btn-round:active:focus, .btn-round:focus, .btn-round:focus, .btn-round:hover {
  background-color: #22295D;
  color: #ffffff;
}

.extra-btn {
  display: inline-block;
  width: 100%;
}

.search-title2 {
  width: 106px !important;
  font-size: 13px;
  border: 0 !important;
  padding: 0;
  font-weight: bold;
}

.search-title2:hover {
  background: none !important;
}

.pr-carat-list {
  display: block;
  margin: 0;
  padding: 0;
}

.price-cts-content {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

.save-search {
  background: #22295D;
  padding: 2px;
  border-radius: 100px;
  width: 200px;
  display: flex;
}

.save-search .form-control {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  flex: 0 0 81%;
  border-right: 1px solid #fff;
  border-radius: 0;
}

#saveSearch .modal-dialog {
  width: 450px;
  margin: 50px auto;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.save-search .btn-save-search {
  color: #ffffff;
  padding: 8px;
  font-size: 17px;
  padding-left: 10px;
}

.form-control .dropdown-toggle {
  background: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  color: #ffffff;
  text-align: left;
}

.form-control .dropdown-toggle .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 7px 0 0;
  vertical-align: middle;
  border-top: 10px dashed;
  border-top: 4px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  text-align: right;
  float: right;
}

.save-search li {
  width: 100%;
}

.dispaly-flex .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
  height: 27px;
}

.save-search li a {
  float: left;
}

.save-search li span {
  flex: 0 0 69%;
  padding-left: 5px;
}

.save-search li {
  display: flex;
}

.save-search .dropdown-menu>li>a {
  display: block;
  padding: 2px;
  line-height: 0;
}

.save-search .dropdown-menu>li:hover {
  background: #f1f1f1;
}

.save-search .dropdown-menu>li {
  padding: 5px;
}

.save-search .dropdown-menu {
  padding: 0;
  margin: 0;
  border-color: #22295D;
  border-radius: 0;
}

/*===============================
   search result
=================================*/

@media screen and (max-width: 768px) {
  .navbar-collapse {
    padding: 0 !important;
  }
}

.lang-sel .ng-select {
  width: 90px;
}

.lang-sel .ng-value-container {
  padding-left: 7px !important;
}

.lang-sel .ng-arrow-wrapper {
  width: 17px !important;
}

.collaps-widget {
  width: 100%;
  display: inline-block;
  /* margin: 10px;*/
}

.lang-sel .ng-input {
  padding-right: 25px !important;
}

.bell-noti {
  padding: 17px 6px !important;
}

.btn-download-inventory img {
  width: 25px;
}

.btn-download-inventory, .btn-download-inventory:hover {
  background: #fff !important;
  padding: 5px!important;
  border-radius: 100px;
  margin: 11px 5px;
}

.dm-search-table-result {
  width: 100%;
  display: inline-block;
  padding-top: 5px;
}

.search-res .ng-input input[type=text] {
  border: 0 !important;
}

.search-res .card-body {
  padding: 0px 10px 10px 10px;
}

.search-res .ng-option {
  text-align: left;
}

.search-res .card-body h5 {
  margin: 2px 0 !important;
}

.search-res .ng-dropdown-panel.ng-select-bottom {
  bottom: 100% !important;
  top: inherit;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #dddddd !important;
  margin-top: -1px;
}

.demand-button {
  padding: 0px;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}

.demand-button .bg:hover {
  cursor: pointer;
}

.demand-button .bg {
  background: #22295D;
  padding: 4px 10px;
  border-radius: 24px;
  margin: 2px;
  color: #fff;
}

.card-header .ng-input input[type=text] {
  border: 0 !important;
}

.search-res .card-header {
  padding: 5px;
}

.search-bottom .btn {
  margin: 10px 0;
}

.btn-action {
  background: #22295D;
  color: #ffffff;
}

.status-btn {
  float: right;
  margin-right: 12px;
  line-height: 38px;
}

/* .btn-new-arrival { background: #80E88A; color: #015F0A; border-radius: 50px; box-shadow: none; padding: 4px 10px; margin: 0 2px; } */

/* .btn-under-business-process { color: #A24E02; background: #FFBD81; border-radius: 50px; box-shadow: none; padding: 4px 10px; margin: 0 2px; } */

.btn-hot-pick {
  margin: 0 2px;
  color: #C30339;
  background: #FC80A3;
  border-radius: 50px;
  box-shadow: none;
  padding: 4px 10px;
}

.search-box {
  border-radius: 0;
  border: 1px solid #d7d7d7;
  height: 40px;
  margin-left: 47px;
  width: auto !important;
}

.btn-list {
  border: 1px solid #d7d7d7;
  background: none;
  border-radius: 0;
  width: 40px;
  height: 40px;
  font-size: 22px;
  float: left;
  text-align: center;
  padding: 0;
  box-shadow: none;
}

.action-btn {
  float: right;
  line-height: 38px;
}

.btn-hot-pick:hover {
  box-shadow: none !important;
  color: #C30339;
}

/* .btn-under-business-process:hover { box-shadow: none !important; color: #A24E02; } */

/* .btn-new-arrival:hover { box-shadow: none !important; color: #015F0A; } */

.btn-action, .btn-action:hover {
  background: #22295D;
  color: #ffffff;
  margin: 0 2px;
  outline: none;
}

/*==============================================
                Diamond Details
===============================================*/

.diamond_master.in {
  bottom: 0;
}

.diamond_master .cart-up {
  position: absolute;
  right: 0;
  background: #22295D;
  color: #fff;
  height: 24px;
  width: 30px;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  top: -25px;
  left: 0;
  margin: 0 auto;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.diamond_master .panel {
  margin-bottom: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.diamond_master {
  transition: all .5s ease 0s;
  position: relative;
  border-top: 2px solid #22295D;
  position: fixed;
  bottom: -76px;
  right: 0;
  width: 100%;
  background: #ffffff;
  z-index: 99;
  left: 0;
  margin: 0 auto;
}

.select_diamond_container .table {
  float: left;
  margin: 0;
}

.select_diamond_container thead tr {
  background-color: #22295D;
  border: 1px solid #22295D;
  color: #fff;
  font-weight: normal;
}

.select_diamond_container thead tr th {
  font-weight: 500;
}

.select_diamond_container tr td {
  border: 1px solid #22295D;
  font-weight: normal;
  font-size: 12px;
}

.select_diamond_container .btns_collection .btn_collection1 .btn.btn-primary, .select_diamond_container .btns_collection .btn_collection2 .btn.btn-primary, .select_diamond_container .btns_collection .btn_collection3 .btn.btn-primary {
  background: #22295D none repeat scroll 0 0;
  border: inherit;
  margin: 2px 9px;
  /* flex: 1 */
}

.diamond_master .panel-body {
  background: transparent !important;
}

.select_diamond_container .table>thead>tr>th {
  border-bottom: 1px solid #22295D;
}

.select_diamond_container tbody tr {
  border: 1px solid #22295D;
  margin-top: -1px;
}

.select_diamond_container .btns_collection {
  display: inline-block;
  display: flex;
}

.btns_collection .btn-primary:hover {
  color: #fff;
  background-color: #1C87DC;
  border-color: #1C87DC;
  margin: 4px;
}

.btns_collection .btn-primary {
  margin: 4px;
}

.diamond_master .btn-primary, .diamond_master .btn-primary:focus, .diamond_master .btn-primary:hover {
  color: #fff;
  background-color: #22295D !important;
  border-color: #22295D !important;
  transition: all 1s ease;
  font-size: 14px !important;
  padding: 5px 8px !important;
  border-radius: 2px !important;
}

.diamond_master .panel-body {
  padding: 6px;
}

.btns_collection .fa {
  margin-right: 5px;
}

a {
  color: #22295d;
  text-decoration: none;
}

/*==============================================
                  diamond-compare
===============================================*/

.compare-table {
  padding: 10px;
}

.compare-stone-list ul {
  margin: 0;
  padding: 0;
}

.dm-title {
  font-weight: bold;
  color: #000000;
}

.diamond-compare-table {
  background: #ffffff;
  padding: 10px;
}

.diamond-compare-table table {
  margin: 0;
}

.compare-table {
  width: 100%;
  display: inline-block;
  border-radius: 4px;
}

.compare-stone-list li {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}

.compare-table .compare-stone-list {
  width: 20%;
  border: 1px solid #dddddd;
  text-align: center;
  float: left;
  background: #ffffff;
}

.common-details {
  font-weight: bold;
}

.th-heading {
  background: #22295D;
  color: #ffffff;
}

.th-heading2 {
  background: #f1f1f1;
}

.breadcrumb {
  margin-bottom: 0;
  position: fixed;
}

.diamond-compare-table td {
  word-break: break-all;
  width: 20%;
  text-align: center;
}

.diamond-compare-table th {
  word-break: break-all;
  width: 20%;
  text-align: center;
  font-size: 16px;
}

.make-offer-discount2 {
  padding: 10px;
  background: #ffffff;
  display: inline-block;
  max-height: calc(100vh - 148px);
  overflow-y: scroll;
  width: 100%;
}

/*====================================
    Single Diamond Details
======================================*/

.dm-char-stick table tr td span {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.dm-char-stick table tr td span:nth-child(1) {
  font-size: 12px;
}

.dm-char-stick table tr td span:nth-child(2) {
  font-size: 14px;
}

table.no-border {
  margin: 0;
}

.no-border.table>tbody>tr>td {
  border: none !important;
  padding: 4px;
}

table.tbl-last>tbody>tr:nth-child(1) td {
  border-top: none !important;
}

table.no-border tr td:nth-child(3) {
  font-size: 14px;
}

table.no-border tr td:nth-child(1) {
  font-size: 12px;
}

.color-green {
  color: #37b410 !important;
}

.price-title {
  padding: 14px !important;
}

.price-title span:nth-child(2) {
  font-size: 18px !important;
}

.rap-title span:nth-child(2) {
  font-size: 18px !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding .table-bordered {
  border: 0;
}

.no-padding .table-bordered>tbody>tr>td {
  border-left: 0;
  border-right: 0;
}

.border-right {
  border-right: 1px solid #DDDDDD !important;
}

.no-padding table {
  margin: 0;
  height: 100%;
}

.no-padding table td:last-child {
  border-bottom: none !important;
}

.dm-ston-id {
  margin: 0 0 2px;
  display: inline-block;
  width: 100%;
}

.diamond-tag ul {
  margin: 0;
  padding: 0;
  float: right;
}

table .pad-tab {
  border: 1px solid #dddddd;
}

.diamond-tag ul li {
  list-style: none;
  display: inline-block;
}

.diamond-tag ul li a {
  background: rgb(216, 216, 216);
  color: #000;
  padding: 4px 10px;
  margin: 5px;
  font-size: 14px;
  text-align: center;
  border-radius: 2px;
}

.dm-ston-id h2 {
  width: auto !important;
  float: left;
  font-size: 20px;
  margin: 0;
}

.dm-ston-id h2 span {
  font-size: 20px;
  margin-right: 5px;
}

.btn-prev {
  border: 1px solid #36404A;
  border-radius: 100px;
  background: transparent;
  font-size: 20px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 3px !important;
  float: left;
  margin-right: 5px;
  display: inline-block;
  padding: 0;
}

.dm-inner-details td {
  padding: 4px;
}

.no-margin {
  margin: 0;
}

.dm-details .row {
  margin: 0;
}

.indivisual-diamond .table {
  margin-bottom: 10px;
}

.dm-table-details .table {
  margin: 0;
}

.indivisual-diamond {
  padding: 10px 0 0;
}

.dm-img-details {
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
  min-height: calc(100vh - 200px);
}

#trfv, #ty {
  display: none !important;
}

.dm-img-details .img-div>iframe video {
  width: 100% !important;
  height: auto;
}

.img-div {
  position: relative;
  width: 100%;
  height: 420px;
}

.rwd-media img {
  /*width: 100% !important; max-width: auto !important;*/
  margin: 0 auto !important;
  height: auto !important;
  text-align: center !important;
}

#vieImage .modal-body {
  padding: 15px;
  display: inline-block;
  height: calc(100vh - 150px);
  width: 100%;
  overflow: scroll;
}

.sales-details {
  width: 100%;
  display: inline-block;
  text-align: justify;
}

.pt0 {
  padding-top: 0 !important;
}

.bigframe {
  width: 100vw;
}

.img-div img {
  max-width: 100% !important;
  max-height: 415px;
  width: auto;
  height: auto;
}

/* @media only screen and (max-width: 1366px){
  .img-div img { max-width: 100% !important;  max-height: 415px;  width: auto;  height: auto;
  opacity: 0.5}
} */

.img-div>iframe {
  position: absolute;
  left: 4px;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.img-div>iframe canvas {
  width: 100% !important;
  height: 100% !important;
}

.dm-img-details .dm-img-btn {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
}

.dm-img-details .dm-imgfilter-icon {
  margin: 0 auto;
  width: 100%;
}

#vieImage iframe {
  width: 100%;
}

.dm-char-stick {
  background: #ffffff;
}

.extra-btn1 {
  margin-top: 5px;
}

.no-border .ng-select-container {
  border: none !important;
}

.no-border .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  background: transparent;
  top: 0;
  border: 0;
}

.no-border .ng-select-container {
  top: -11px;
}

.card thead tr {
  background: #f1f1f1;
}

.web-user {
  width: 35%;
  display: inline-block;
  margin-bottom: 10px;
}

.web-user .form-control {
  width: auto;
}

.web-user span {
  float: left;
  font-weight: bold;
  margin: 5px 10px 0 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 6px;
}

.col20 {
  min-width: 20px;
  max-width: 20px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col30 {
  min-width: 30px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col40 {
  min-width: 40px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col50 {
  min-width: 50px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col60 {
  min-width: 60px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col70 {
  min-width: 70px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col80 {
  min-width: 80px !important;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col90 {
  min-width: 90px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col100 {
  min-width: 120px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col120 {
  min-width: 120px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col140 {
  min-width: 140px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col160 {
  min-width: 160px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col180 {
  min-width: 180px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col200 {
  min-width: 200px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col300 {
  min-width: 300px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.col250 {
  min-width: 250px;
  -ms-word-break: break-all;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.m-b-10 {
  margin-bottom: 10px;
}

.bell-noti {
  color: #fff !important;
  font-size: 20px;
}

.bell-noti .fa {
  position: relative;
}

.bell-noti sup {
  background: orange;
  color: #ffffff;
  border-radius: 100px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  text-align: center;
  line-height: 14px;
  font-size: 11px;
  right: -5px;
  top: -5px;
  font-family: 'Open Sans', sans-serif;
}

.navbar-default .dropdown-menu.notify-drop {
  width: 340px;
  background-color: #fff;
  min-height: auto;
  max-height: 430px;
  padding: 0;
  border: none;
  border-radius: .35rem;
  -webkit-box-shadow: 0 0 15px 1px rgba(64, 70, 74, .25) !important;
  box-shadow: 0 0 15px 1px rgba(64, 70, 74, .25) !important;
}

.navbar-default .dropdown-menu.notify-drop:before {
  content: "";
  border-bottom: 10px solid #ffffff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -10px;
  right: 16px;
  z-index: 10;
}

.navbar-default .dropdown-menu>li>a {
  white-space: inherit !important;
  word-break: break-all;
}

.noti-icon {
  color: #ffa500;
  height: 20px;
  width: fit-content;
  text-align: center;
  font-size: 12px;
  font-family: sans-serif;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* .bg-green-light { background: rgba(94, 216, 79, 0.10) !important; } */

.navbar-default .dropdown-menu.notify-drop .notify-drop-title {
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  padding: 10px;
  width: 100%;
  color: #000000;
  font-weight: bold;
}

.navbar-default .dropdown-menu.notify-drop .drop-content {
  min-height: auto;
  max-height: 340px;
  overflow-y: scroll;
  color: #000000;
  width: 100%;
}

.navbar-default .dropdown-menu.notify-drop .drop-content a {
  border-bottom: 3px solid #ffffff;
  padding: 8px 8px 20px 8px;
  position: relative;
}

.navbar-default .dropdown-menu.notify-drop .drop-content a:hover {
  background: inherit !important;
}

/* .navbar-default .dropdown-menu.notify-drop .drop-content a { background-color: #fafafa; } */

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

.noti-read {
  background: #ffffff;
}

.noti-noread {
  background: #e8e6e6;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.navbar-default .dropdown-menu.notify-drop .drop-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 5px 0px;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:nth-child(2n+0) {
  background-color: #fafafa;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:after {
  content: "";
  clear: both;
  display: block;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:hover {
  background-color: #fcfcfc;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li:last-child {
  border-bottom: none;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li .notify-img {
  float: left;
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 0px 0px 8px 0px;
}

.navbar-default .dropdown-menu.notify-drop .allRead {
  margin-right: 7px;
}

.navbar-default .dropdown-menu.notify-drop .rIcon {
  float: right;
  color: #999;
}

.navbar-default .dropdown-menu.notify-drop .rIcon:hover {
  color: #333;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li a {
  font-size: 12px;
  font-weight: normal;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li {
  font-weight: bold;
  font-size: 11px;
  width: 100%;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li hr {
  margin: 5px 0;
  width: 70%;
  border-color: #e2e2e2;
}

.navbar-default .dropdown-menu.notify-drop .drop-content .pd-l0 {
  padding-left: 0;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  margin: 3px 0;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p.time {
  font-size: 10px;
  font-weight: 600;
  top: -6px;
  margin: 8px 0px 0px 0px;
  padding: 0px 3px;
  border: 1px solid #e2e2e2;
  position: relative;
  background-image: linear-gradient(#fff, #f2f2f2);
  display: inline-block;
  border-radius: 2px;
  color: #B97745;
}

.navbar-default .dropdown-menu.notify-drop .drop-content>li p.time:hover {
  background-image: linear-gradient(#fff, #fff);
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer {
  border-top: 1px solid #e2e2e2;
  bottom: 0;
  background: #ebeff2;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  text-align: center;
  color: #000;
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  padding: 14px;
}

.navbar-default .dropdown-menu.notify-drop .notify-drop-footer a:hover {
  color: #333;
  background: transparent !important;
}

.btn-edit-o {
  color: #79b530 !important;
  border-color: #79b530 !important;
  background: transparent;
}

.btn-edit-o:hover {
  color: #ffffff !important;
  background-color: #79b530 !important;
}

.btn-delete-o {
  color: #F03935 !important;
  border-color: #F03935 !important;
  background: transparent;
}

.btn-delete-o:hover {
  color: #ffffff !important;
  background-color: #F03935 !important;
}

.p-l-10 {
  padding-left: 10px;
}

.font17 {
  font-size: 17px !important;
}

a {
  cursor: pointer;
}

.card-footer select {
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin: 0 3px;
}

.select_input {
  padding: 3px 10px;
  border: 1px solid #ddd;
  margin: 0 3px;
}

.switch_td {
  min-width: 100px;
}

.table>tbody>tr>td.switch_td {
  padding: 13px 6px !important;
}

.trash_icon {
  font-size: 14px;
}

.material-switch>input[type="checkbox"] {
  display: none;
}

.material-switch>label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 40px;
  display: inherit;
}

.material-switch>label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: .3;
  transition: all .4s ease-in-out;
  width: 40px;
}

.material-switch>label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: 12px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all .3s ease-in-out;
  width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
  background: inherit;
  opacity: .5;
}

.material-switch>input[type="checkbox"]:checked+label::after {
  background: inherit;
  left: 40px;
}

.card-header {
  padding: 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
}

.card-header h3 {
  margin: 0;
  display: inline-block;
  font-size: 18px;
}

.c-details span {
  font-weight: 400;
  font-size: 12px;
}

.c-details p {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  color: #000;
}

.c-details {
  flex: 1 0 25%;
  padding: 4px 2px;
  border-bottom: 1px solid #ddd;
}

.user-admin-panel {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 10px;
  margin: 6px 2px !important;
  display: inline-block;
}

.reset-pwd-form {
  width: 33%;
  margin: 30px auto;
}

@media screen and (max-width: 768px) {
  .reset-pwd-form {
    width: 90% !important;
  }
}

.reset-pwd-form .mgr-10 {
  margin-right: 10px;
}

.user-admin-panel.active {
  background: #22295D;
  border-color: #22295D;
}

clarity-content {
  padding: 4px 0 5px;
  display: inline-block;
}

.clarity-content .search-title span {
  line-height: 30px;
}

.clarity-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ Fluorscence-content  css---------------------*/

.fluorscence-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ milky-content  css---------------------*/

.milky-content {
  padding: 4px 0 5px;
  display: inline-block;
  width: 100px;
}

.milky-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ lab-content  css---------------------*/

.lab-content {
  padding: 5px 0 0;
  display: inline-block;
  /* width: 100%; */
}

.lab-content .search-title span {
  line-height: 30px;
}

.lab-list li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

/*------------------------ Finishing -content  css---------------------*/

.finishing-content {
  padding: 4px 0 5px;
  display: inline-block;
  width: 100%;
}

.finishing-list {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.finishing-content .search-title span {
  line-height: 30px;
}

.finishing-content .inner-title {
  text-align: center;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

.finishing-content .inner-title span {
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
  color: #000000;
  margin-left: 8px;
}

.finishing-content .cut-section ul {
  margin: 0;
  padding: 0;
}

.finishing-content .cut-section ul li, .finishing-content .polish-section ul li, .finishing-content .sym-section ul li {
  padding: 4px 8px;
  ;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

.color-list.dm-val.white-content {
  position: relative;
  top: 3px;
}

.shadow-box {
  background: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.05);
  position: relative;
}

.set-tag span {
  background: #D4D8F2;
  color: #3c3c3c;
  padding: 5px 7px 5px 8px;
  border-radius: 4px;
  font-size: 12px;
  position: relative;
  text-align: center;
  display: inline-block;
  line-height: 14px;
  margin: 5px;
}

.set-tag span:nth-child(1) {
  margin-left: 0;
}

.brown-list>.search-title:hover, .clarity-list>.search-title:hover, .color-list>.search-title:hover, .country-list>.search-title:hover, .finishing-list>.search-title:hover, .fluorscence-list>.search-title:hover, .lab-list>.search-title:hover, .milky-list>.search-title:hover, .shape-list>.search-title:hover {
  background: none !important;
}

.btn-round {
  background-color: #22295D;
  color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  position: relative;
  z-index: 111;
  bottom: 25px;
}

.btn-round:hover, .btn-rounds:hover {
  color: #ffffff;
}

.outline-round:hover {
  color: #22295D;
}

.btn-rounds {
  background-color: #22295D;
  color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  margin: 5px;
  z-index: 999999;
}

.outline-round {
  margin: 5px;
  color: #22295D;
  background-color: #ffffff;
  border-radius: 100px;
  padding: 5px 16px;
  font-size: 14px;
  z-index: 999999;
  border: 2px solid #22295D;
}

.float-none {
  float: none;
}

.advance-option {
  display: block;
  transition: all .5s ease-in 0s;
  padding-top: 5px;
}

.advance-option.show {
  display: block;
}

.btn-round.active.focus, .btn-round.active:focus, .btn-round.focus, .btn-round.focus, .btn-round:active.focus, .btn-round:active:focus, .btn-round:focus, .btn-round:focus, .btn-round:hover {
  background-color: #22295D;
  color: #ffffff;
}

.extra-btn {
  display: inline-block;
  width: 100%;
}

.search-title2 {
  width: 106px !important;
  font-size: 13px;
  border: 0 !important;
  padding: 0;
  font-weight: bold;
}

.search-title2:hover {
  background: none !important;
}

.pr-carat-list {
  display: block;
  margin: 0;
  padding: 0;
}

.price-cts-content {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}

.save-search {
  background: #22295D;
  padding: 2px;
  border-radius: 100px;
  width: 200px;
  display: flex;
}

.save-search .form-control {
  background: transparent;
  border: none;
  box-shadow: none;
  margin: 0;
  flex: 0 0 81%;
  border-right: 1px solid #fff;
  border-radius: 0;
}

#saveSearch .modal-dialog {
  width: 450px;
  margin: 50px auto;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.save-search .btn-save-search {
  color: #ffffff;
  padding: 8px;
  font-size: 17px;
  padding-left: 10px;
}

.form-control .dropdown-toggle {
  background: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
  color: #ffffff;
  text-align: left;
}

.form-control .dropdown-toggle .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 7px 0 0;
  vertical-align: middle;
  border-top: 10px dashed;
  border-top: 4px solid\9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  text-align: right;
  float: right;
}

.save-search li {
  width: 100%;
}

.dispaly-flex .form-control {
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #d7d7d7 !important;
  width: 100% !important;
  height: 27px;
}

.save-search li a {
  float: left;
}

.save-search li span {
  flex: 0 0 69%;
  padding-left: 5px;
}

.save-search li {
  display: flex;
}

.save-search .dropdown-menu>li>a {
  display: block;
  padding: 2px;
  line-height: 0;
}

.save-search .dropdown-menu>li:hover {
  background: #f1f1f1;
}

.save-search .dropdown-menu>li {
  padding: 5px;
}

.save-search .dropdown-menu {
  padding: 0;
  margin: 0;
  border-color: #22295D;
  border-radius: 0;
  min-width: 146px;
  left: unset;
}

/*===============================
   search result
=================================*/

.ag-layout-normal {
  height: calc(100vh - 314px);
}

/* .ag-pinned-left-cols-viewport { height: 100%; overflow-x: hidden; overflow-y: hidden !important; } */

.search-res .card-header {
  padding: 5px;
}

.search-bottom .btn {
  margin: 10px 0;
}

.btn-action {
  background: #22295D;
  color: #ffffff;
}

.status-btn {
  float: right;
  margin-right: 12px;
  line-height: 38px;
}

.btn-new-arrival {
  background: transparent;
  position: relative;
  color: #282828;
  border-radius: 50px;
  box-shadow: none;
  padding: 4px 10px;
  margin: 0 2px;
}

.btn-under-business-process {
  background: transparent;
  position: relative;
  color: #282828;
  border-radius: 50px;
  box-shadow: none;
  padding: 4px 5px;
  margin: 0 2px;
}

.btn-hot-pick {
  margin: 0 2px;
  color: #C30339;
  background: #FC80A3;
  border-radius: 50px;
  box-shadow: none;
  padding: 4px 5px;
}

.search-box {
  border-radius: 0;
  border: 1px solid #d7d7d7;
  height: 40px;
  margin-left: 47px;
  width: auto !important;
}

.btn-list {
  border: 1px solid #d7d7d7;
  background: none;
  border-radius: 0;
  width: 40px;
  height: 40px;
  font-size: 22px;
  float: left;
  text-align: center;
  padding: 0;
  box-shadow: none;
}

.action-btn {
  float: right;
  line-height: 38px;
}

.btn-hot-pick:hover {
  box-shadow: none !important;
  color: #C30339;
}

.btn-under-business-process:hover {
  box-shadow: none !important;
  color: #282828;
}

.btn-new-arrival:hover {
  box-shadow: none !important;
  color: #282828;
}

.btn-action, .btn-action:hover {
  background: #22295D;
  color: #ffffff;
  margin: 0 2px;
  outline: none;
}

/*==============================================
                Diamond Details
===============================================*/

.diamond_master.in {
  bottom: 0;
}

.diamond_master .cart-up {
  position: absolute;
  right: 0;
  background: #22295D;
  color: #fff;
  height: 24px;
  width: 30px;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  top: -25px;
  left: 0;
  margin: 0 auto;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

.diamond_master .panel {
  margin-bottom: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.diamond_master {
  transition: all .5s ease 0s;
  position: relative;
  border-top: 2px solid #22295D;
  position: fixed;
  bottom: -76px;
  right: 0;
  width: 100%;
  background: #ffffff;
  z-index: 99;
  left: 0;
  margin: 0 auto;
}

.select_diamond_container .table {
  float: left;
  margin: 0;
}

.select_diamond_container thead tr {
  background-color: #22295D;
  border: 1px solid #22295D;
  color: #fff;
  font-weight: normal;
}

.select_diamond_container thead tr th {
  font-weight: 500;
}

.select_diamond_container tr td {
  border: 1px solid #22295D;
  font-weight: normal;
  font-size: 12px;
}

.select_diamond_container .btns_collection .btn_collection1 .btn.btn-primary, .select_diamond_container .btns_collection .btn_collection2 .btn.btn-primary, .select_diamond_container .btns_collection .btn_collection3 .btn.btn-primary {
  background: #22295D none repeat scroll 0 0;
  border: inherit;
  margin: 2px 9px;
  /* flex: 1 */
}

.diamond_master .panel-body {
  background: transparent !important;
}

.select_diamond_container .table>thead>tr>th {
  border-bottom: 1px solid #22295D;
}

.select_diamond_container tbody tr {
  border: 1px solid #22295D;
  margin-top: -1px;
}

.select_diamond_container .btns_collection {
  display: inline-block;
  display: flex;
}

.btns_collection .btn-primary:hover {
  color: #fff;
  background-color: #1C87DC;
  border-color: #1C87DC;
  margin: 4px;
}

.btns_collection .btn-primary {
  margin: 4px;
}

.diamond_master .btn-primary, .diamond_master .btn-primary:focus, .diamond_master .btn-primary:hover {
  color: #fff;
  background-color: #22295D !important;
  border-color: #22295D !important;
  transition: all 1s ease;
  font-size: 14px !important;
  padding: 5px 8px !important;
  border-radius: 2px !important;
}

.diamond_master .panel-body {
  padding: 6px;
}

.btns_collection .fa {
  margin-right: 5px;
}

/*==============================================
                  diamond-compare
===============================================*/

.compare-table {
  padding: 10px;
}

.compare-stone-list ul {
  margin: 0;
  padding: 0;
}

.dm-title {
  font-weight: bold;
  color: #000000;
}

.diamond-compare-table {
  background: #ffffff;
  padding: 10px;
}

.diamond-compare-table table {
  margin: 0;
}

.compare-table {
  width: 100%;
  display: inline-block;
  border-radius: 4px;
}

.compare-stone-list li {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}

.compare-table .compare-stone-list {
  width: 20%;
  border: 1px solid #dddddd;
  text-align: center;
  float: left;
  background: #ffffff;
}

.common-details {
  font-weight: bold;
}

.th-heading {
  background: #22295D;
  color: #ffffff;
}

.th-heading2 {
  background: #f1f1f1;
}

.breadcrumb {
  margin-bottom: 0;
  position: fixed;
}

.diamond-compare-table td {
  word-break: break-all;
  width: 20%;
  text-align: center;
}

.diamond-compare-table th {
  word-break: break-all;
  width: 20%;
  text-align: center;
  font-size: 16px;
}

/*==============================================
                 make-offer-discount
===============================================*/

.make-offer-discount {
  padding: 10px;
  background: #ffffff;
  display: inline-block;
  width: 40%;
  max-height: calc(100vh - 148px);
  overflow-y: scroll;
}

.make-offer-discount table {
  margin: 0;
}

/*====================================
    Single Diamond Details
======================================*/

.dm-img-btn li a {
  border: 1px solid #22295D;
  display: inline-block;
  padding: 0;
  background: #22295D;
  height: 40px;
  width: 40px;
  border-radius: 2px;
  margin: 10px 5px 0 5px;
  padding: 3px;
}

.dm-char-stick table tr td span {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.dm-char-stick table tr td span:nth-child(1) {
  font-size: 12px;
}

.dm-char-stick table tr td span:nth-child(2) {
  font-size: 14px;
}

table.no-border {
  margin: 0;
}

.nbDr {
  border: 0 !important;
}

.nbDr td {
  border-top: none !important;
  border-left: none !important;
}

.pairTitle {
  margin-left: 10px;
}

.no-border.table>tbody>tr>td {
  border: none !important;
  padding: 4px;
}

table.tbl-last>tbody>tr:nth-child(1) td {
  border-top: none !important;
}

table.no-border tr td:nth-child(3) {
  font-size: 14px;
}

table.no-border tr td:nth-child(1) {
  font-size: 12px;
}

.color-red {
  color: #f00;
}

.color-green {
  color: #37b410;
}

.price-title {
  padding: 14px !important;
}

.price-title span:nth-child(2) {
  font-size: 18px !important;
}

.rap-title span:nth-child(2) {
  font-size: 18px !important;
}

.no-padding1 {
  padding: 0 !important;
}

.no-padding .table-bordered {
  border: 0;
}

.no-padding .table-bordered>tbody>tr>td {
  border-left: 0;
  border-right: 0;
}

.border-right {
  border-right: 1px solid #DDDDDD !important;
}

.no-padding table {
  margin: 0;
  height: 100%;
}

.no-padding table td:last-child {
  border-bottom: none !important;
}

.dm-ston-id {
  margin: 0 0 2px;
  display: inline-block;
  width: 100%;
}

.diamond-tag ul {
  margin: 0;
  padding: 0;
  float: right;
}

table .pad-tab {
  border: 1px solid #dddddd;
}

.diamond-tag ul li {
  list-style: none;
  display: inline-block;
}

.diamond-tag ul li a {
  background: rgb(216, 216, 216);
  color: #000;
  padding: 4px 10px;
  margin: 5px;
  font-size: 14px;
  text-align: center;
  border-radius: 2px;
}

.dm-ston-id h2 {
  width: auto !important;
  float: left;
  font-size: 20px;
  margin: 0;
}

.dm-ston-id h2 span {
  font-size: 20px;
  margin-right: 5px;
}

.btn-prev {
  border: 1px solid #36404A;
  border-radius: 100px;
  background: transparent;
  font-size: 20px !important;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 3px !important;
  float: left;
  margin-right: 5px;
  display: inline-block;
  padding: 0;
}

.dm-inner-details td {
  padding: 4px;
}

.no-margin {
  margin: 0;
}

.dm-details .row {
  margin: 0;
}

.indivisual-diamond .table {
  margin-bottom: 10px;
}

.dm-table-details .table {
  margin: 0;
}

.indivisual-diamond {
  padding: 10px 0 0;
}

.dm-img-details {
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  margin: 0 auto 10px;
}

.dm-img-details .dm-img-btn {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: auto;
}

.dm-img-details .dm-imgfilter-icon {
  margin: 0 auto;
  width: 100%;
}

#vieImage iframe {
  width: 100%;
}

.dm-char-stick {
  background: #ffffff;
}

.dm-img-details {
  background: #ffffff;
  border: 1px solid #dddddd;
}

.extra-btn1 {
  margin-top: 5px;
}

.no-border .ng-select-container {
  border: none !important;
}

.no-border .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  background: transparent;
  top: 0;
  border: 0;
}

.no-border .ng-select-container {
  top: -11px;
}

.card thead tr {
  background: #f1f1f1;
}

.web-user {
  width: 35%;
  display: inline-block;
  margin-bottom: 10px;
}

.web-user .form-control {
  width: auto;
}

.web-user span {
  float: left;
  font-weight: bold;
  margin: 5px 10px 0 0;
}

.web-tracking-table td, .web-tracking-table th {
  font-size: 14px;
  text-align: center;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 6px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-l-10 {
  padding-left: 10px;
}

.font17 {
  font-size: 17px !important;
}

a {
  cursor: pointer;
}

.card-footer select {
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin: 0 3px;
}

.select_input {
  padding: 3px 10px;
  border: 1px solid #ddd;
  margin: 0 3px;
}

.switch_td {
  min-width: 100px;
}

.table>tbody>tr>td.switch_td {
  padding: 13px 6px !important;
}

.trash_icon {
  font-size: 14px;
}

.material-switch>input[type="checkbox"] {
  display: none;
}

.material-switch>label {
  cursor: pointer;
  height: 0;
  position: relative;
  width: 40px;
  display: inherit;
}

.material-switch>label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: .3;
  transition: all .4s ease-in-out;
  width: 40px;
}

.material-switch>label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: 12px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all .3s ease-in-out;
  width: 24px;
}

.material-switch>input[type="checkbox"]:checked+label::before {
  background: inherit;
  opacity: .5;
}

.material-switch>input[type="checkbox"]:checked+label::after {
  background: inherit;
  left: 40px;
}

.card-header {
  padding: 10px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
}

.c-details span {
  font-weight: 400;
  font-size: 12px;
}

.c-details p {
  font-weight: 600;
  font-size: 14px;
  margin: 0;
  color: #000;
}

.c-details {
  flex: 1 0 25%;
  padding: 4px 2px;
  border-bottom: 1px solid #ddd;
}

.user-admin-panel {
  border: 1px solid #ffffff;
  color: #ffffff;
  padding: 6px 10px;
  margin: 10px 2px !important;
  display: inline-block;
}

.user-admin-panel:hover {
  border: 1px solid #ffffff;
  color: #000000;
  background: #ffffff;
  text-decoration: none;
}

.reset-pwd-form {
  width: 35%;
  margin: 30px auto;
}

.reset-pass-logo {
  text-align: center;
  margin-bottom: 40px;
}

.reset-pass-logo img {
  width: 250px;
  height: auto;
}

.user-admin-panel.active {
  background: #fff;
  border-color: #fff;
  color: #22295d;
}

.w100 {
  width: 100%;
  display: block;
}

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

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

/*====================================
  feeback form
======================================*/

.feedback-form {
  width: 50%;
}

.feedback-form .contact-form {
  margin-top: -22px;
}

.feedform {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border: 1px solid #22295D !important;
  border-image: none;
  border-radius: 0;
  line-height: 1.42857;
  padding: 12px 17px;
  width: 100%;
  resize: none;
  max-width: 100%;
}

.popup-manager-add {
  width: 100%;
  display: inline-block;
  padding: 10px;
  text-align: right;
}

.button1 {
  padding: 8px 24px;
  background-color: #22295D;
  border: 2px solid #22295D;
  color: #FFF;
  margin-top: 15px;
  font-size: 16px;
  transition: all .5s ease-in 0s;
}

#popupmodal .form-control1 {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 4px !important;
  width: 100%;
}

.mg-r10 {
  margin-right: 10px;
}

.popup-manager, .popup-manager td, .popup-manager th {
  text-align: center;
}

.confirmation-stonelist td, .confirmation-stonelist th {
  text-align: center;
  font-size: 12px;
  padding: 4px !important;
}

.reset-pwd-form .card-body {
  padding: 20px;
}

/*====================================
user-change-profile
======================================*/

.user-change-profile {
  width: 100%;
}

.profile-gen {
  margin-top: 30px !important;
}

.user-change-profile .form-horizontal .form-group {
  margin: 0;
}

/*====================================
cart-list
======================================*/

.cart-list td {
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  vertical-align: middle !important;
}

.cart-list th {
  text-align: center;
  font-weight: 500;
  font-size: 13px;
}

.cart-img {
  width: 35px;
  height: auto;
}

.cart-list .card-body {
  padding: 10px;
  min-height: auto;
  max-height: calc(100vh - 256px);
  overflow: auto;
}

/*====================================
deleteModal
======================================*/

.confirm-modal .icon-box {
  width: 70px;
  border-radius: 100%;
  border: 1px solid #00A75A;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 37px;
  color: #00A75A;
  margin: 10px auto;
}

.log-out-modal .icon-box {
  width: 70px;
  border-radius: 100%;
  border: 1px solid #FD2D35;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 37px;
  color: #FD2D35;
  margin: 10px auto;
}

.log-out-modal .btn-delete-modal, .log-out-modal .btn-delete-modal:focus, .log-out-modal .btn-delete-modal:hover {
  background: #FD2D35 !important;
  color: #ffffff;
  border: none;
}

.no-stone {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.42857;
  margin: 10px 0;
  text-align: center;
}

.confirm-modal p {
  color: #425B64;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.42857;
  margin: 15px 0 13px;
  text-align: center;
}

#deleteModal {
  text-align: center;
  padding: 20px;
}

#logoutModal {
  text-align: center;
  padding: 20px;
}

#logoutModal .icon-box .ti-close {
  font-size: 40px;
  color: #E53935;
  border: 2px solid #E53935;
  padding: 20px;
  border-radius: 100px;
  margin: 40px;
}

#deleteModal .icon-box .ti-close {
  font-size: 40px;
  color: #E53935;
  border: 2px solid #E53935;
  padding: 20px;
  border-radius: 100px;
  margin: 40px;
}

#deleteModal .modal-title {
  color: #425B64;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.42857;
  margin: 45px 0 13px;
  text-align: center;
}

#deleteModal .modal-dialog {
  width: 450px;
  padding: 30px;
  margin: 30px auto;
}

#logoutModal .modal-dialog {
  width: 500px;
  padding: 30px;
  margin: 30px auto;
}

#logoutModal .modal-dialog .modal-title {
  margin: 30px 0 20px 0;
}

#deleteModal p {
  margin: 4px 0 29px;
}

#deleteModal .btn-close, #deleteModal .btn-close:focus, #deleteModal .btn-close:hover {
  background: #969696;
  color: #ffffff;
}

#deleteModal .icon-box {
  display: inline-block;
  width: 100%;
  padding: 30px 0 0;
}

#logoutModal .icon-box {
  display: inline-block;
  width: 100%;
  padding: 30px 0 0;
}

.btn-delete-modal, .btn-delete-modal:focus, .btn-delete-modal:hover {
  background: #00A75A;
  color: #ffffff;
  border: none;
}

.mast-details table td:nth-last-child(1) {
  text-align: center;
}

.mast-details table th:nth-last-child(1) {
  text-align: center;
}

.phone-isd .form-3 {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 20px;
  width: 24% !important;
  float: left;
  box-shadow: none;
}

.phone-isd .form-4 {
  box-shadow: none;
  width: 72% !important;
  float: right;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
}

.phone-isd .form-5 {
  box-shadow: none;
  width: 26% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 36px;
  margin-right: 6px;
}

.phone-isd .form-6 {
  box-shadow: none;
  width: 20% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
}

.phone-isd .form-7 {
  box-shadow: none;
  width: 50% !important;
  float: right;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
}

.phone-isd {
  position: relative;
  margin-top: 26px;
}

.phone-isd .fa {
  font-size: 34px;
  position: absolute;
  left: 0;
  top: 0;
}

.p-img .form-control1 {
  width: 70% !important;
  float: left;
}

.p-img img {
  width: 40px;
  float: left;
  border-radius: 100px;
  margin-top: -6px;
}

.p-img .pos-rel {
  width: 40px;
  float: left;
  border-radius: 100px;
  margin-top: -6px;
}

.p-img {
  margin-top: -4px;
}

.pos-rel .fa {
  position: absolute;
  top: -5px;
  left: 29px;
  width: 100%;
  font-size: 11px;
  background: #fff;
  width: auto;
  height: 16px;
  bottom: 0;
  color: #333;
  border-radius: 22px !important;
  width: 16px;
  text-align: center;
  line-height: 13px;
}

.cart-list td, .cart-list th {
  padding: 4px;
}

/*====================================
manage-csv        */

.manage-csv .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #22295D;
  border-radius: 0;
  font-weight: 400;
  background: #ffffff;
  font-size: 16px;
}

.manage-csv .nav-tabs {
  border-bottom: none;
}

.manage-csv .nav>li>a:hover {
  text-decoration: none;
  color: #fff;
  background: #22295D;
}

.manage-csv .nav-tabs>li.active>a, .manage-csv .nav-tabs>li.active>a:focus, .manage-csv .nav-tabs>li.active>a:hover {
  border: 1px solid #22295D;
  background: #22295D;
  color: #fff;
}

.manage-csv .img-csv-part {
  border: 1px solid #dddddd;
  width: 100%;
  display: inline-block;
}

.manage-csv .img-csv-part .csv-header {
  margin: 0;
  background: #f1f1f1;
  padding: 10px;
  color: #000000;
  width: 100%;
  display: inline-block;
}

.manage-csv .img-csv-part h3 {
  float: left;
  font-size: 18px;
  margin: 0;
}

.manage-csv .img-csv-part span {
  float: right;
  font-size: 20px;
  color: #22295D;
}

.manage-csv .img-csv-part ul {
  margin: 0;
  padding: 0;
  min-height: auto;
  max-height: calc(100vh - 323px);
  overflow: auto;
}

.manage-csv .img-csv-part ul li {
  padding: 8px 10px;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}

.manage-csv .img-csv-part ul li:hover {
  background: #E3F3FF;
}

/*=================================
Switch toggle
===================================*/

/* The container */

.container22 {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-right: 6px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.container22 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.container22:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */

.container22 input:checked~.checkmark {
  background-color: #22295D;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

.container22 input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.container22 .checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #22295D;
}

input:focus+.slider {
  box-shadow: 0 0 1px #22295D;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.sales-details h4 {
  font-size: 20px;
}

.sales-details p {
  font-size: 16px;
  line-height: 34px;
  font-weight: 600;
}

.sales-details p a {
  color: #555555;
}

.sales-details p .fa {
  margin-right: 10px;
}

.btn-upload-excel, .btn-upload-excel:focus, .btn-upload-excel:hover {
  background: #2AA198;
  padding: 8px;
  margin: 10px 0 0 9px;
}

header .custom-file-upload input[type="file"] {
  display: none;
}

/* header .custom-file-upload .custom-file-upload2 { border: 1px solid #ffffff; display: inline-block; padding: 6px 12px; float: left; cursor: pointer; font-weight: 400; } */

header .custom-file-upload {
  float: left;
  margin: 9px 0 0 12px;
}

header .custom-file-upload .custom-file-upload2:hover, header .custom-file-upload .custom-file-upload2 {
  background: #ffffff;
  border-color: #ffffff;
  color: #1E1E1E !important;
  display: inline-block;
  padding: 8px 12px;
  float: left;
  cursor: pointer;
  font-weight: 400;
}

header .custom-file-upload .custom-file-upload2:hover span {
  color: #1E1E1E !important;
}

.titlee {
  display: inline-block;
  width: 80px;
  line-height: 1.4;
}

.decptin {
  display: inline-block;
  width: calc(100% - 85px);
  word-break: break-all;
  vertical-align: top;
  line-height: 1.4;
}

/*=================================
merge-usr
===================================*/

.merge-usr {
  width: 60%;
  max-width: 60%;
}

.shape-list .s-active {
  background: transparent !important;
  border: 1px solid #22295D !important;
  color: #000 !important;
}

.shape-list li {
  border: 1px solid transparent !important;
}

.button3 li {
  padding: 4px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  color: #000000;
  margin: 0 3px;
}

.template_input .ng-dropdown-panel .scroll-host {
  max-height: 129px !important;
}

.merge-usr {
  width: 60%;
  max-width: 60%;
}

#shape {
  color: red;
  border: 2px solid #f00;
}

.test {
  color: red;
}

.ag-cell {
  border-right: 1px solid #dddddd !important;
}

.V360-canvas {
  width: 250px;
  height: 250px;
}

.test {
  color: red;
  pointer-events: none;
}

.ag-cell {
  border-right: 1px solid #dddddd !important;
}

.V360-canvas {
  width: 250px;
  height: 250px;
}

.card-footer .ng-input input[type=text] {
  border: 0 !important;
}

.card-footer .ng-dropdown-panel.ng-select-bottom {
  top: inherit;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
  bottom: 100%;
  border: 1px solid #ddd !important;
}

.ag-header {
  cursor: pointer;
}

.th-multicheckbox .ag-cell-label-container {
  pointer-events: none;
}

.search-histry-user {
  width: 200px;
  float: right;
}

.ag-theme-balham .ag-pinned-left-cols-container .new-arrival .tc-stoneId {
  background-image: url("../images/g1.png") !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-size: auto !important;
}

.ag-theme-balham .ag-pinned-left-cols-container .under-business .tc-stoneId {
  background-image: url("../images/y1.png") !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-size: auto !important;
}

.ag-theme-balham .ag-pinned-left-cols-container .new-arrival.under-business .tc-stoneId {
  background-image: url("../images/g-y.png") !important;
  background-repeat: no-repeat !important;
  background-position: right !important;
  background-size: auto !important;
}

.ng-input input[type=text] {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  width: 90% !important;
}

.ag-cell {
  border-right: 1px solid #dddddd !important;
}

.V360-canvas {
  width: 250px;
  height: 250px;
}

.search-main-container .owl-theme .owl-controls {
  margin-top: 0;
  text-align: left;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 100%;
}

.search-main-container .owl-theme .owl-prev {
  position: absolute;
  top: -5px;
  left: -12px;
}

.search-main-container .owl-theme .owl-next {
  top: -5px;
  position: absolute;
  right: -13px;
}

.search-main-container .owl-theme .owl-prev:focus, .search-main-container .owl-theme .owl-next:focus {
  outline: none;
}

.search-main-container .owl-theme .owl-prev, .search-main-container .owl-theme .owl-next {
  color: #FFF !important;
  display: inline-block;
  zoom: 1;
  display: inline;
  padding: 0;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 0;
  background: #d4d6d5 !important;
  filter: Alpha(Opacity=50);
  opacity: 1;
  width: 9px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.search-main-container .owl-dots {
  display: none;
}

.search-main-container .owl-theme .owl-nav {
  margin: 0;
}

.s-active p {
  background: #c2c9ef !important;
  color: #22295d !important;
  border-color: #808ee6 !important;
}

.w50 .search-title {
  padding: 4px 5px 0 2px !important;
}

.colum-selection .btn-default, .colum-selection .btn-default:hover, .colum-selection .btn-default:focus {
  color: #22295D;
  background-color: #ffffff;
  border-color: #22295D;
  transition: none;
  border-radius: 0;
  box-shadow: none;
}

.colum-selection .btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.colum-selection {
  margin-left: 5px;
  margin-top: 2px;
}

.colum-selection .multiselect-item .multiselect-all {
  width: 100%;
}

.colum-selection .btn-primary {
  margin-left: 5px;
  margin-top: 2px;
}

.colum-selection li {
  width: 100%;
}

.colum-selection .multiselect-container {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: auto;
  max-height: 250px;
  overflow-y: scroll;
}

.fancy-content ul {
  margin: 0;
  padding: 0;
  width: 100%;
}

.fancy-content ul li {
  width: 28.33%;
  float: left;
}

.fancy-content .ng-select {
  width: 94% !important;
}

.fancy-content .ng-input input[type=text] {
  border: none !important;
}

.fancy-content .ng-dropdown-panel {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 0 !important;
  left: 0;
  top: 30px;
  z-index: 999999;
  min-height: auto;
}

.fancy-content .ng-select .ng-select-container {
  min-height: auto;
  border-radius: 0px;
}

.fancy-content input {
  text-transform: capitalize;
}

.fancy-content .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 151px;
}

.bdrT {
  border-top: 1px solid #d7d7d7;
}

/*Registration drop down*/

.country-content .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  left: -43px;
  top: 1px !important;
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 11px;
}

.country-content {
  border-bottom: 1px solid #22295D !important;
  padding: 13px 0 0 44px;
  display: inline-block;
  /* width: 100%; */
}

.country-content .ng-dropdown-panel {
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  width: 87%;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  height: 34px;
  border-radius: 0 !important;
  border-left: none !important;
}

.country-content .ng-input input[type=text] {
  border: none !important;
  border-radius: 0 !important;
  width: 90% !important;
}

.country-content .ng-select-container {
  top: -8px;
}

.country-content .ng-value-label {
  margin: 9px;
  border: 1px solid #dddddd;
  padding: 2px;
  font-size: 10px;
}

/* registration wizard */

#register .wizard {
  margin: 10px auto;
  background: #fff;
}

.r60 {
  left: 60% !important;
}

textarea {
  resize: none;
}

#register .form-group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 17px;
}

#register .form-group .col-sm-7, #register .form-group .col-sm-2, #register .form-group .col-sm-3, #register .form-group .col-sm-10 {
  position: static !important;
}

#register .form-group small {
  position: absolute;
  left: 0;
  bottom: -20px;
}

#register .confirm-email-reg {
  width: 50%;
  margin: 0 auto 20px auto;
}

#register .wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: #e0e0e0;
  display: flex;
  border: none;
  justify-content: space-between;
}

#register .ti-check {
  color: #4CAF50;
  border-radius: 100px;
  border: 1px solid #4CAF50;
  padding: 10px;
  font-size: 30px;
  margin: 30px auto;
  text-align: center;
  float: none;
  padding: 20px;
  display: inline-block;
}

#register .wizard>div.wizard-inner {
  position: relative;
}

#register .connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

#register .wizard .nav-tabs>li .active>a, #register .wizard .nav-tabs>li .active>a:hover, #register .wizard .nav-tabs>li .active>a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

#register span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 26px;
  display: inline-block;
  border-radius: 100px;
  background: #fff;
  border: 2px solid #e0e0e0;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 14px;
}

#register span.round-tab i {
  color: #555555;
}

#register .wizard li .active span.round-tab {
  background: #fff;
  border: 2px solid #22295d;
}

#register .wizard li .active span.round-tab i {
  color: #5bc0de;
}

#register span.round-tab:hover {
  color: #333;
  border: 2px solid #333;
}

#register .wizard .nav-tabs>li {
  flex: 0 0 10%;
}

#register .wizard .nav-tabs>li a {
  width: 30px;
  height: 30px;
  margin: 9px auto;
  border-radius: 100%;
  padding: 0;
}

#register .wizard .nav-tabs>li a:hover {
  background: transparent;
}

#register .wizard .tab-pane {
  position: relative;
  padding-top: 2px;
}

#register .wizard h3 {
  margin-top: 0;
}

#register .list-inline2 {
  margin: 10px 0 4px 0;
  border-top: 1px solid #dddddd;
  width: 100%;
  padding-top: 10px;
  display: inline-block;
}

@media(max-width: 585px) {
  #register .wizard {
    width: 90%;
    height: auto !important;
  }
  #register span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #register .wizard .nav-tabs>li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #register .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 35%;
  }
}

.fancy-content ul li {
  width: 33.33%;
  float: left;
}

.column-selection {
  float: left;
  position: relative;
}

.column-selection .dropdown-menu {
  width: 100px;
  min-height: 240px;
  max-height: 250px;
  overflow-y: auto;
}

.column-selection .btn-sm {
  letter-spacing: 5px;
  padding: 7px 10px !important;
}

.column-selection .dropdown-menu li {
  width: 100%;
  padding: 5px 9px;
  margin: 0;
  line-height: 1px;
  text-transform: capitalize;
}

.ag h5 {
  margin: 5px 0 !important;
}

.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell {
  line-height: 32px;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.tc-total {
  color: green;
}

.tc-rap {
  color: red;
}

.th-prefix .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  left: 0px;
  top: 34px;
  background: #ffffff;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 0px !important;
}

.th-prefix .ng-dropdown-panel {
  top: 1px !important;
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  width: 100%;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  height: 34px;
  border-radius: 0 !important;
  border-left: none !important;
}

.th-select-con .ng-input input[type=text], .th-prefix .ng-input input[type=text] {
  border: none !important;
  border-radius: 0 !important;
  width: 90% !important;
}

/* .wizard #step1 .ng-select-container { top: -8px; } */

.th-prefix .ng-select-container {
  top: -10px;
}

.th-prefix, .th-select-con {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 5px 6px 46px;
  width: 100%;
}

.th-select-con .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  left: 0px;
  top: 0px;
  background: #ffffff;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 0px !important;
}

.th-select-con .ng-select-container {
  background: #fff;
  border: none !important;
  top: -10px;
}

.th-select-con .ng-dropdown-panel {
  top: 1px;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent;
}

.th-change-pro-cont .ng-dropdown-panel {
  top: 1px;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent;
}

.wizard #step1 .ng-value-label {
  margin: 9px;
  border: 1px solid #dddddd;
  padding: 2px;
  font-size: 10px;
}

.ng-option-marked {
  background: #BEE7FB;
}

.profile-info2 input[type=text] {
  border: none !important;
  border-radius: 0 !important;
}

.ng-option {
  padding: 3px;
}

.loaderimg {
  width: 25px;
  height: 25px;
}

.lazyloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999999;
  height: 100%;
  width: 100%;
  /* neel */
  animation: fadeInAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

.fadeOutLoader {
  animation: fadeOutAnimation ease 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* neel */

@-webkit-keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loaderinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 45%;
}

.loader {
  border: 10px solid #f3f3f3;
  /* Light grey */
  border-top: 10px solid #22295D;
  /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite;
  margin: auto;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.simple-notification-wrapper {
  z-index: 9999 !important;
}

.profile-info .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-overflow-scrolling: touch;
  left: 0px;
  top: 34px;
  background: #ffffff;
  border: 1px solid #dddddd;
  width: 100%;
  padding: 0px !important;
}

.profile-info .ng-dropdown-panel {
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  width: 10%;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  height: 34px;
  border-radius: 0 !important;
  border-left: none !important;
}

.profile-info .ng-input input[type=text] {
  border: none !important;
  border-radius: 0 !important;
  width: 90% !important;
}

.profile-info .ng-select-container {
  top: 1px;
}

.profile-info .form-group, .profile-info2 .form-group {
  position: relative;
}

.form-control100 {
  box-shadow: none;
  width: 49% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
  margin-left: 9px;
}

.form-control1252 {
  box-shadow: none;
  width: 73% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
  margin-left: 9px;
}

.change-pro .phone-isd {
  position: inherit !important;
}

.phone-isd2 .form-6 {
  box-shadow: none;
  width: 20% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
}

.phone-isd2 .form-7 {
  box-shadow: none;
  width: 50% !important;
  float: right;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 10px;
}

.phone-isd2 .form-5 {
  box-shadow: none;
  width: 26% !important;
  float: left;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 36px;
  margin-right: 6px;
}

.phone-isd2 .fa {
  left: 12px;
  position: absolute;
  top: 25px;
  width: 40px;
  font-size: 24px;
}

.phone-isd2 .fa-mobile {
  left: 12px;
  position: absolute;
  top: 25px;
  width: 40px;
  font-size: 28px;
}

.phone-isd2 {
  display: flex;
  padding-top: 27px
}

.phone-isd2 .form-3 {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px 6px 30px;
  width: 24% !important;
  float: left;
  box-shadow: none;
}

.user-change-profile .card-body {
  padding: 10px 10px 20px 10px;
}

.user-change-profile .form-group {
  margin: 0;
}

.profile-gen label {
  margin-left: 12px;
}

.profile-gen label:nth-child(1) {
  margin: 0px;
  padding: 0px;
}

.user-change-profile .profile-gen input[type=radio] {
  margin: 1px 4px 2px 0;
}

.ag-theme-balham .ag-ltr .ag-cell-focus {
  border: none !important;
}

.ag-theme-balham .ag-header-select-all {
  height: 100%;
  margin-right: -17px;
  margin-left: 8px;
}

.user-change-profile .p-img2 input[type=file] {
  margin-top: 24px;
  display: block;
  font-size: 12px;
  word-break: break-all;
  overflow: hidden;
  width: 100%;
}

.form-control-texarea {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  min-height: 93px;
  max-height: 93px;
  line-height: 1.42857;
  padding: 6px 46px;
  width: 100%;
}

.carat-list li {
  border: none !important;
  margin: 0 -1px;
}

.ag-paging-panel {
  margin-top: 10px !important;
}

.fancy-content .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  flex-wrap: nowrap;
}

.user-change-profile .p-img2 .pos-rel {
  width: 100%;
  text-align: center;
}

.user-change-profile .p-img2 .pos-rel .fa-close {
  text-align: center;
  background: #3c3c3c;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: -30px;
  color: #ffffff;
  line-height: 15px;
  font-size: 9px;
  padding: 0;
}

.no-bg {
  background: transparent;
}

.user-change-profile .cont-icon {
  left: 3px;
}

.user-change-profile .phone-isd2 .fa {
  left: 3px;
}

.s-activity {
  width: 233px;
  font-size: 13px;
  padding: 0;
}

.mL-30 {
  paddign-left: 82px;
}

.searchIconBackColor {
  background-color: #d6d4e6 !important;
}

/* .dm-val li */

.ex33 li {
  padding: 6px 10px;
  border: 1px solid #d7d7d7;
  background: #ffffff;
  display: inline-block;
  color: #555555;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin: 6px 2px !important;
}

/* .cut-list.new { width: 35%; display: inline-block; float: left; } */

.ex33 li:not(:first-child):hover {
  background: #D4D8F2 !important;
  color: #000;
  cursor: pointer;
}

.nb-select .ng-input input[type=text], .modal-content .ng-input input[type=text] {
  border: none !important;
}

.ng-close .ng-clear {
  display: none !important;
  pointer-events: none;
}

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

.api-alert .form-group {
  position: relative;
  min-height: 65px;
}

.api-alert .no-min-height {
  min-height: 40px !important;
}

.api-alert .form-group small {
  position: absolute;
  left: 17px;
  bottom: -12px;
  width: 100%;
}

.api-header {
  padding: 14px 0;
  width: 100%;
  display: inline-block;
  border-radius: 0;
}

.api-header img {
  width: 150px;
  height: auto;
  margin-left: 10px;
}

.reg-form-s1 {
  width: 100% !important;
  display: inline-block !important;
}

.reg-form-s1 .form-control-texarea {
  background-color: transparent;
  border-bottom: 1px solid #22295D !important;
  border-radius: 0;
  border: none;
  color: #555;
  display: block;
  font-size: 14px;
  min-height: 109px !important;
  max-height: 109px !important;
  line-height: 1.42857;
  padding: 6px 46px;
  width: 100%;
}

.profile-change {
  height: 150px;
  width: 150px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin: 0 auto;
  position: relative;
}

.profile-change img {
  height: 150px !important;
  width: 150px !important;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin: auto;
}

.profile-change:hover p {
  opacity: 1;
}

.profile-change p {
  position: absolute;
  left: 0 !important;
  top: 0;
  background: rgba(70, 70, 70, 0.7);
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  border-radius: 100%;
  color: #fff;
  line-height: 231px;
  font-size: 27px;
}

.profile-change p small {
  font-size: 27px;
  position: absolute;
  left: 0 !important;
  right: 0 !important;
  top: 42%;
}

.master-modal .form-group {
  position: relative;
}

.master-modal .form-control {
  height: 36px;
}

.master-modal .form-group small {
  position: absolute;
  left: 15px;
  bottom: -17px;
}

.ag-theme-balham {
  min-height: auto;
}

.card-body td {
  font-size: 14px !important;
}

/* .ag-pinned-left-cols-viewport { height: 100%; overflow-x: hidden; overflow-y: auto !important; } */

.sj-d .ng-select {
  width: 110px;
}

.sj .ng-dropdown-panel.ng-select-bottom {
  overflow-x: auto;
  max-height: 75px;
  min-height: auto;
  overflow-y: scroll;
}

.sj .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 2px 10px !important;
}

.save-search p {
  margin: 0;
}

.card-body .ng-dropdown-panel.ng-select-bottom {
  top: inherit;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
  top: 100%;
  border: 1px solid #ddd !important;
}

.ag-theme-balham {
  min-height: auto;
}

.card-body td {
  font-size: 14px !important;
  vertical-align: middle !important;
  padding: 4px !important;
}

.card-bodyth {
  vertical-align: middle !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.offer-discount .ng-dropdown-panel {
  box-shadow: 1px -4px 23px rgba(0, 0, 0, 0.12);
}

.serch_hr_bdy {
  height: calc(100vh - 254px);
}

#fairModal .modal-body {
  padding: 0px;
}

#fairModal .modal-dialog {
  width: 50%;
  margin: 40px auto;
}

#fairModal .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-shadow: none;
  filter: alpha(opacity=20);
  opacity: 1;
  background: #191D51 !important;
  height: 30px;
  width: 30px;
  margin-right: 0;
  position: absolute;
  z-index: 999;
  right: 0;
}

#vieImage .modal-dialog {
  width: 80%;
  max-width: 95%;
}

.change-pro {
  top: 100% !important;
}

.profile-info .form-group, .profile-info2 .form-group {
  position: relative;
}

.profile-info small, .profile-info2 small {
  position: absolute;
  bottom: -16px;
  left: 10px;
  width: 100%;
}

.status-btn .btn:hover {
  cursor: inherit;
}

.change-pwd {
  width: 50%;
}

.change-pwd .form-group {
  position: relative;
  margin-bottom: 5px !important;
}

.change-pwd .form-group small {
  position: absolute;
}

.view-request-admin .user-details {
  background: #f7f7f7;
  display: inline-block;
  width: 100%;
}

.view-request-admin .user-details small {
  margin: 0 0 8px 0 !important;
  display: inline-block;
  width: 100%;
}

.view-request-admin .user-details h5.name {
  text-transform: capitalize;
}

.view-request-admin .user-details h5 {
  font-weight: bold;
  margin: 0;
}

.view-request-admin .user-details ul {
  padding: 0;
  margin: 0;
}

.view-request-admin .user-details ul li {
  padding: 10px;
}

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

.collaps-widget .accordion-body {
  color: #4c4c4c;
  border-top: 1px solid #dddddd;
  margin-top: 10px;
}

.collaps-widget .accordion-group {
  color: #4c4c4c;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
  border-color: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
  margin: 14px 0;
}

.text-center th {
  text-align: center;
}

.accordion-heading a {
  color: #4c4c4c;
  font-size: 15px !important;
  font-weight: 600;
  padding-left: 32px;
  width: 100%;
  display: block;
  position: relative;
}

.accordion-heading a:hover, .accordion-heading a:focus {
  text-decoration: none;
}

.accordion-heading a .fa {
  margin-right: 5px;
  position: absolute;
  width: 25px;
  height: 25px;
  background: #22295D;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 0 4px 16px rgba(34, 41, 93, 0.8);
  left: -3px;
  top: -2px;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

.view-request-tab .nav-pills>li.active>a, .view-request-tab .nav-pills>li.active>a:focus, .view-request-tab .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #ffa500;
}

.view-request-tab .nav-pills>li>a {
  border-radius: 4px;
}

.view-request-tab .nav>li>a {
  position: relative;
  display: block;
  color: #1b1b1b;
  padding: 7px 15px;
  background: #f0f0f0;
}

.view-request-tab .nav {
  margin: 6px 0 !important;
}

.view-request-tab .nav-pills>li {
  margin: 0 4px;
}

.noti-footer {
  width: 100%;
  display: inline-block;
  background: rgba(46, 56, 98, 0.07);
}

.noti-footer a, .noti-footer a:hover {
  color: #22295D !important;
  display: block;
  padding: 13px 20px !important;
  clear: both;
  font-weight: 700 !important;
  font-size: 14px;
  font-weight: bold;
}

.fair_bottom {
  width: 100%;
  display: inline-block;
  position: fixed;
  left: 0;
  text-align: center;
  bottom: 0;
  background: url(../images/fairbg.jpg);
  z-index: 9;
  padding: 6px;
  background-size: cover;
  background-position: center;
}

.fair_bottom img {
  object-fit: contain;
  object-position: center;
  text-align: center;
  width: 1170px;
  height: 100px;
}

.body-inner.fair-in {
  height: calc(100vh - 122px) !important;
}

#compare-stone-modal .modal-dialog, #diamond-details-modal .modal-dialog {
  width: 90vw;
  margin: 10px auto;
}

#compare-stone-modal, #diamond-details-modal {
  padding: 0 !important;
}

.navbar-default .dropdown-menu>li>a:hover {
  background: transparent;
}

.ag-theme-balham .ag-row-selected {
  border-bottom-color: #C2C9EF !important;
  background-color: #C2C9EF !important;
}

.accordion-body .ng-dropdown-panel .scroll-host {
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  display: block;
  -webkit-overflow-scrolling: touch;
  max-height: 70px;
}

.ngxcarousel .item h2:hover {
  background: #D4D8F2 !important;
  color: #000;
  cursor: pointer;
}

.item h2 {
  padding: 9px 10px;
  font-size: 14px;
  border: 1px solid #d7d7d7;
  text-align: center;
  margin: 0;
}

/* .ngxcarousel > .ngxcarousel-inner > .ngxcarousel-items > .item {    width: fit-content !important;} */

.tab-area {
  float: left;
  padding: 10px;
  background: #f2f2f2;
}

.add-tab {
  padding: 10px;
  background: #00A75A
}

.add-tab-button, .add-tab-button:focus, .add-tab-button:hover {
  outline: none;
  margin-bottom: 0;
  background: rgba(34, 41, 93, 0.85);
  color: #ffffff;
  border: 0;
  border-radius: 0px;
  font-size: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 40px;
  width: 42px;
  margin-top: 2px;
  margin-left: 2px;
}

/* .modal-md{width:98vw;} */

.modal-md .modal-body {
  padding: 0px;
}

.modal-md .modal-body .indivisual-diamond {
  padding: 0;
}

.pane .body-inner {
  padding: 6px 10px;
}

.save-search-mdl .modal-md {
  width: 450px;
}

.save-search-mdl .modal-body {
  padding: 10px;
}

.compare-stone-mdl .modal-md {
  width: 80%;
}

.compare-stone-mdl .modal-body {
  padding: 10px;
}

.place-offer-mdl .modal-md {
  width: 450x;
}

.diamond-view-mdl .modal-md {
  width: 95%;
}

.diamond-view-mdl .modal-body {
  padding: 10px;
}

.dm-inner-details img {
  width: 300px;
  height: auto;
  margin: 0 auto;
}

.search-tabs .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  float: left;
  width: auto;
  display: contents;
}

.search-tabs .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  /* border: 1px solid rgba(34, 41, 93, 0.09); */
  border-radius: 0px;
  background: rgba(34, 41, 93, 0.09);
  margin: 2px 1px;
  display: inline-flex;
}

.search-tabs .nav li span {
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 0 0 0 4px;
  font-weight: 600;
  height: 16px;
  width: 16px;
  background: #252f5f;
  border-radius: 10px;
  line-height: 13px;
  margin-top: 3px;
  margin-left: 4px;
  font-size: 12px;
}

.search-tabs .nav li:hover span {
  color: #252f5f;
  background: #ffffff;
}

.search-tabs .nav li.active:hover span {
  color: #fff;
  background: #C7D1E0;
}

.search-tabs {
  position: relative;
  top: 2px;
}

button.page-link {
  color: #fff;
  background-color: #22295D;
  border-color: #22295D;
  transition: all 1s ease;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.th-right-page .pagination, .th-left-page .pagination {
  margin: 0;
}

.th-left-page .select-container, .th-right-page .select-container {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 34px;
  align-items: center;
  margin: 5px;
  padding: 5px;
  width: fit-content;
  text-align: center;
}

.th-left-page .select-container option {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 10px;
}

.th-right-page .page-no a {
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold;
  color: #555;
  padding: 8px 10px;
  line-height: 36px;
}

.th-right-page ul {
  display: table-footer-group;
}

.th-right-page .pull-right:nth-child(1) {
  padding: 5px;
}

input:focus {
  border: 1px solid rgba(34, 41, 93, 0.5) !important;
  outline: none !important;
  box-shadow: none !important;
}

.ag-header-cell .ag-floating-filter-body {
  width: 100%;
}

.ag-header-cell .ag-floating-filter-button {
  opacity: 0;
}

.ag-header-cell:hover .ag-floating-filter-button {
  opacity: 1;
}

.ag-floating-filter-body {
  width: calc(100% - 1px) !important;
}

.ag-header-cell:hover .ag-floating-filter-body {
  width: calc(100% - 25px) !important;
}

.confirm-modal .modal-footer, .log-out-modal .modal-footer {
  text-align: center;
  border: none;
}

.confirm-modal .modal-header, .log-out-modal .modal-header {
  display: none;
}

.confirm-modal .close, .log-out-modal .close, .dlt-mdl .close {
  height: 20px;
  height: 20px;
  width: 20px;
  text-align: center;
  background: #D4D8F2;
  color: #000000;
  border-radius: 100px;
  font-size: 12px;
  opacity: 1;
  text-shadow: none;
}

.confirm-modal .close:focus, .confirm-modal .close:hover, .log-out-modal .close:focus, .log-out-modal .close:hover {
  outline: none !important;
}

/* .my_margin,.my_margin2{padding: 0;} */

.disablePB {
  opacity: .65;
}

/* .my_margin { position: absolute;right:-23px; bottom: -15px; }  */

/* .my_margin2 {position: absolute; left: -23px; bottom: -8px;}  */

.test {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.twin-list .card-body {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 192px);
}

.twin-list tfoot td {
  padding: 50px;
}

/* .twin-list .row{position: absolute;left: 0;width: 100%;} */

.th-left-page {
  width: fit-content;
  float: left;
}

/* .th-right-page { width: 100%; display: inline-block; text-align: right; } */

.mt6 {
  margin-top: 6px;
}

.polish-section-new .search-title {
  margin-left: 43px;
}

.email-verify {
  display: flex;
  justify-content: center;
  width: 500px;
  padding: 50px;
  background: #ffffff;
  text-align: center;
  margin: 10% auto;
}

.email-verify h3 {
  color: #00A75A;
}

.email-message {
  font-size: 20px !important;
}

.email-error {
  display: flex;
  justify-content: center;
  width: 500px;
  padding: 50px;
  background: #ffffff;
  text-align: center;
  margin: 10% auto;
}

.email-error h3 {
  color: #f00 !important;
}

.email-error .confirm-modal .icon-box, .dlt-mdl .icon-box {
  width: 70px;
  border-radius: 100%;
  border: 1px solid #f00;
  height: 70px;
  text-align: center;
  line-height: 70px;
  font-size: 37px;
  color: #f00;
  margin: 10px auto;
}

.dlt-mdl .modal-footer {
  float: none;
  text-align: center;
  border-top: none;
}

.dlt-mdl .modal-header {
  border: none;
  display: none;
}

.dlt-mdl p {
  color: #425B64;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.42857;
  margin: 15px 0 13px;
  text-align: center;
}

.mt6 {
  margin-top: 6px;
}

.polish-section-new .search-title {
  margin-left: 43px;
}

.pT10 {
  padding-top: 12px;
}

/* .ag-pinned-left-cols-viewport { overflow-y: hidden !important; } */

.place-offer-mdl .make-offer-discount2 {
  max-height: inherit !important;
}

.place-offer-mdl .modal-md .modal-body {
  padding: 0px;
  max-height: calc(100vh - 170px);
  overflow-y: scroll;
}

.shivm_center_logo {
  width: 400px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 470px;
}

.cart-person {
  width: 100%;
}

.cart-person td {
  padding: 10px;
}

.cart-titles span {
  font-size: 16px !important;
  font-weight: 600;
  margin-left: 7px;
}

.cart-titles {
  margin: 0 5px;
}

.cart-list2 .collaps-widget {
  margin: 0;
  font-weight: 500;
  color: #ffffff;
}

.cart-list2 .d-flex111 {
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding-left: 23px;
}

.cart-list2 small {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.cart-list2 td {
  font-size: 14px;
}

.cart-list2 th {
  font-weight: 700;
  font-size: 16px;
}

.cart-list2 .bg-grey {
  background: #00a !important;
}

.cart-titles {
  flex: 0 0 24%;
  padding: 0 3px;
}

.cart-list2 .collaps-widget .accordion-group {
  padding: 5px;
  background: #22295D;
  color: #ffffff;
}

.small-status {
  margin-top: 8px;
  margin-right: 5px;
}

.cart-list2 .accordion-heading a .fa {
  left: 5px !important;
  top: 5px !important;
}

.cart-list2 .accordion-heading a {
  color: #ffffff;
}

.cart-list2 .accordion-body {
  background-color: #ffffff;
}

.cart-list2 .ng-select {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 79%;
  float: left;
  left: 0;
  font-size: 16px;
}

.cart-list2 .ng-option-label {
  font-size: 14px !important;
}

.cart-list2 .ng-option {
  padding: 3px 4px;
}

.cart-titles small {
  float: left;
}

.cart-filter {
  width: 100%;
  display: inline-block;
  margin: 10px 0;
}

.cart-filter .fa {
  background: #22295d;
  color: #fff !important;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
}

.cart-main-filter {
  width: 200px;
  float: right;
  text-align: right;
}

.cart-list2 .collaps-widget .accordion-group:nth-child(1) {
  margin-top: 0;
}

.column-switch .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.column-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.column-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.column-switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.column-switch input:checked+.slider {
  background-color: #22295D !important;
}

.column-switch input:focus+.slider {
  box-shadow: 0 0 1px #22295D;
}

.column-switch input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.column-switch .slider.round {
  border-radius: 34px;
}

.column-switch .slider.round:before {
  border-radius: 50%;
}

#custom-search-input {
  padding: 3px;
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  background-color: #fff;
}

#custom-search-input input {
  border: 0;
  box-shadow: none;
}

#custom-search-input button {
  margin: 2px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;
  border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}

#custom-search-input .fa {
  font-size: 18px;
}

#custom-search-input .input-lg {
  height: 30px !important;
  padding: 9px 16px !important;
  font-size: 16px !important;
}

#custom-search-input input:focus {
  outline: none !important;
  border: none !important;
}

#custom-search-input .btn-lg {
  padding: 5px 16px !important;
  font-size: 16px !important;
}

#custom-search-input {
  width: 250px;
  max-width: 250px;
  min-width: 250px;
}

.hide-column td, .hide-column th, .new-arrival-card td, .new-arrival-card th {
  text-align: center;
}

.hide-column .card-body {
  height: calc(100vh - 260px);
}

.demant-forms .form-group {
  margin: 0;
  padding: 0 20px;
}

.demant-forms .form-group .form-control {
  height: 35px;
}

.new-arrival-card .nav-pills>li.active>a, .new-arrival-card .nav-pills>li.active>a:focus, .new-arrival-card .nav-pills>li.active>a:hover {
  color: #fff;
  background-color: #232C56;
}

.new-arrival-card .nav-pills>li a {
  padding: 5px 10px;
  border-radius: 100px;
  background: rgba(35, 44, 86, 0.2);
  margin: 0 2px;
}

.new-arrival-card .card-header h3 {
  line-height: 30px;
}

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

/* .ag-pinned-left-header, */

.ag-pinned-left-cols-viewport, .ag-pinned-left-header {
  /* height: 100%; */
  /* overflow-x: scroll; */
  /* overflow-y: hidden;  */
  /* max-width: 587px; */
  /* min-width: 587px; */
}

.ag-pinned-left-cols-viewport-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  max-width: 587px;
  min-width: 587px;
}

.m0 {
  margin: 0 !important;
}

.ag-pinned-left-cols-viewport::-webkit-scrollbar {
  opacity: 0 !important;
  display: none !important;
}

.ag-pinned-left-cols-viewport::-webkit-scrollbar-thumb {
  opacity: 0 !important;
  display: none !important;
}

.sj.client-activation .ng-dropdown-panel.ng-select-bottom {
  max-height: 90px;
  overflow: hidden;
}

.client-activation .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 71px;
}

/* .ag-pinned-left-cols-viewport{overflow: hidden !important;} */

/* .ag-pinned-left-cols-viewport-wrapper::scrollbar {display: none; } */

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 1440px) and (max-device-width: 1441px) {
  .hide-column .card-body {
    height: calc(100vh - 260px);
  }
  /* STYLES GO HERE */
  .ag-theme-balham {
    height: 414px !important;
  }
  .new-data .ag-theme-balham {
    height: 397px !important;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 920px) {
  #custom-search-input {
    width: 100% !important;
  }
}

@media screen and (max-width: 992px) {
  .hide-column .card-body {
    height: calc(100vh - 260px);
  }
}

.divbtnpos .btnpos img {
  max-width: 34px!important;
}

.videoButton {
  bottom: 20px;
  left: 15px;
  position: absolute;
  height: 44px;
  width: 44px;
  background-color: #252F5F;
  background-repeat: no-repeat;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  outline: none;
}

.fullWidth {
  width: 100% !important;
}

.tableBtn tr :hover {
  cursor: pointer;
}

.tableBtn tr {
  text-align: center;
}

.fifty-fifty-H img {
  max-height: 50% !important;
}

.expandBtn {
  bottom: 4px;
  right: 11px;
  position: absolute;
  height: 44px;
  width: 44px;
  background-color: #252F5F;
  background-repeat: no-repeat;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  outline: none;
}

.shareLink {
  font-size: 43px;
  margin-top: 8px;
  margin-left: 4px;
}

.canvasbutton {
  bottom: 7px;
  left: 0;
  position: absolute;
  height: 44px;
  width: 80px;
  background-color: Transparent;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
  outline: 0
}

.canvasbutton {
  display: none
}

.relativeParent {
  position: relative;
}
.curPoinT {
  cursor: pointer
}
.propIframe{
  border: 0;
  max-width: 100%;
}


.notiPosition {
  /* margin-bottom: 200px; */
  right: 20px;
  bottom: 100px;
}





@media (max-width: 575.98px) {
  .titleFeedback h2 {
    font-size: 30px !important;
  }

  .titleCenter h2 {
    font-size: 30px !important;
  }
}

@media (max-width: 575.98px) {
  .titleFeedback {
    text-align: center !important;
  }
}


.titleFeedback {
  padding: 30px 0 10px 0px;
  z-index: 2;
  position: relative;
}

.titleFeedback h2 {
  font-size: 50px;
  font-family: auto;
  font-weight: 800;
  color: #23295e;
  margin: 0;
}

.titleCenter h2 {
  font-size: 50px;
  font-family: auto;
  font-weight: 800;
  color: #23295e;
  margin: 0;
  text-align: center;
}

.titleCenterh3 {
  font-size: 30px;
  font-family: auto;
  font-weight: 800;
  color: #23295e;
  margin: 0;
  text-align: center;
}

.titleCenterh6 {
  font-size: 16px;
  font-family: auto;
  font-weight: 800;
  color: #23295e;
  margin: 0;
  text-align: center;
}

.curOpen {
  display: grid;
  min-height: 100px !important;
  margin: 4px 0 4px 0 !important;
}

.titleFeedback:before {
  content: "";
  position: absolute;
  top: -5px;
  left: -35px;
  width: 150px;
  height: 150px;
  z-index: 1;
  background: url(../images/text-bg-dark.png) repeat;
  background-size: cover;
  opacity: 0.08;
  z-index: -1;
}

.mt-30 {
  margin-top: 30px !important;
}

@media (max-width: 575.98px) {

  .mid-title .titleFeedback:before,
  .titleFeedback:before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    z-index: 1;
    background: url(../img/text-bg-light.svg) repeat;
    background-size: 10px;
  }
}