@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700");
@font-face {
  font-family: 'rgd';
  src: url("../commanTheme/fonts/rgd.eot?i6ylyf");
  src: url("../commanTheme/fonts/rgd.eot?i6ylyf#iefix") format("embedded-opentype"), url("../commanTheme/fonts/rgd.ttf?i6ylyf") format("truetype"), url("../commanTheme/fonts/rgd.woff?i6ylyf") format("woff"), url("../commanTheme/fonts/rgd.svg?i6ylyf#rgd") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="i-"], [class*=" i-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rgd' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.i-arrow-down:before {
  content: "\e900"; }

.i-arrow-left:before {
  content: "\e901"; }

.i-arrow-right:before {
  content: "\e902"; }

.i-arrow-up:before {
  content: "\e903"; }

.i-card:before {
  content: "\e904"; }

.i-cart:before {
  content: "\e905"; }

.i-confirm:before {
  content: "\e906"; }

.i-dashboard:before {
  content: "\e907"; }

.i-diamond:before {
  content: "\e908"; }

.i-earth:before {
  content: "\e909"; }

.i-graph:before {
  content: "\e90a"; }

.i-heart:before {
  content: "\e90b"; }

.i-history:before {
  content: "\e90c"; }

.i-mail:before {
  content: "\e90d"; }

.i-memo:before {
  content: "\e90e"; }

.i-offer:before {
  content: "\e90f"; }

.i-real-diamond:before {
  content: "\e910"; }

.i-reload:before {
  content: "\e911"; }

.i-ring:before {
  content: "\e912"; }

.i-search:before {
  content: "\e913"; }

.i-shipping:before {
  content: "\e914"; }

.i-utility:before {
  content: "\e915"; }

.i-watch:before {
  content: "\e916"; }

@font-face {
  font-family: 'rgd_s';
  src: url("../commanTheme/fonts/rgd_s.eot?r260ei");
  src: url("../commanTheme/fonts/rgd_s.eot?r260ei#iefix") format("embedded-opentype"), url("../commanTheme/fonts/rgd_s.ttf?r260ei") format("truetype"), url("../commanTheme/fonts/rgd_s.woff?r260ei") format("woff"), url("../commanTheme/fonts/rgd_s.svg?r260ei#rgd") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rgd_s' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-diamond:before {
  content: "\e900"; }

.icon-diamond-fill:before {
  content: "\e901"; }

.icon-facebook:before {
  content: "\e902"; }

.icon-google:before {
  content: "\e903"; }

.icon-linkedin:before {
  content: "\e904"; }

.icon-mail:before {
  content: "\e905"; }

.icon-map:before {
  content: "\e906"; }

.icon-next:before {
  content: "\e907"; }

.icon-phone:before {
  content: "\e908"; }

.icon-prev:before {
  content: "\e909"; }

.icon-twitter:before {
  content: "\e90a"; }

html {
  position: relative;
  min-height: 100%; }

body {
  height: 100%; }

#wrapper {
  display: flex; }
  #wrapper #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding-top: 0; }

body.fixed-nav #content-wrapper {
  margin-top: 56px;
  padding-left: 110px; }
body.fixed-nav.sidebar-toggled #content-wrapper {
  padding-left: 0; }
@media (min-width: 768px) {
  body.fixed-nav #content-wrapper {
    padding-left: 110px; }
  body.fixed-nav.sidebar-toggled #content-wrapper {
    padding-left: 110px; } }

.scroll-to-top {
  position: fixed;
  right: 35px;
  bottom: 15px;
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  transition: 2s ease in out;
  line-height: 46px; }
  .scroll-to-top:focus, .scroll-to-top:hover {
    color: white; }
  .scroll-to-top:hover {
    background: #343a40;
    text-decoration: none; }
  .scroll-to-top i {
    font-weight: 800; }

.smaller {
  font-size: 0.7rem; }

.o-hidden {
  overflow: hidden !important; }

.z-0 {
  z-index: 0; }

.z-1 {
  z-index: 1; }

.navbar-nav .form-inline .input-group {
  width: 100%; }
.navbar-nav .nav-item a {
  transition: all 0.2s ease-in-out; }
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
  width: 1rem;
  text-align: center;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\e900';
  font-size: 14px;
  color: #000;
  font-family: 'rgd' !important; }
  @media screen and (max-width: 767px) {
    .navbar-nav .nav-item.dropdown .dropdown-toggle::after {
      font-size: 9px;
      width: 0; } }
.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
  display: none; }
.navbar-nav .nav-item .nav-link:focus {
  outline: none; }
.navbar-nav .nav-item .nav-link .badge {
  position: absolute;
  margin-left: 1.3rem;
  top: 0.90rem;
  font-weight: 400;
  font-size: 0.6rem;
  border-radius: 100%;
  padding: .32em .5em; }
  @media (max-width: 767px) {
    .navbar-nav .nav-item .nav-link .badge {
      top: 6px;
      margin-left: 0.3rem; } }
@media (min-width: 768px) {
  .navbar-nav .form-inline .input-group {
    width: auto; } }

.sidebar {
  width: 110px !important;
  background-color: #fff;
  min-height: calc(100vh - 56px); }
  @media (max-width: 767px) {
    .sidebar {
      position: absolute;
      z-index: 999;
      box-shadow: 2px 0px 12px 0px rgba(0, 0, 0, 0.2); } }
  .sidebar .nav-item:last-child {
    margin-bottom: 1rem; }
  .sidebar .nav-item .nav-link {
    text-align: center;
    padding: 0.75rem 0.75rem;
    width: 110px; }
    .sidebar .nav-item .nav-link span {
      font-size: 12px;
      display: block;
      line-height: normal;
      font-weight: 500; }
  .sidebar .nav-item .dropdown-menu {
    position: absolute !important;
    transform: none !important;
    left: calc(110px + 0.5rem) !important;
    margin: 0; }
    .sidebar .nav-item .dropdown-menu.dropup {
      bottom: 0;
      top: auto !important; }
  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: none; }
  .sidebar .nav-item a {
    transition: all 0.2s ease-in-out; }
  .sidebar .nav-item.active, .sidebar .nav-item:hover {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Safari 3-8 */
    transform: scale(1); }
    .sidebar .nav-item.active .nav-link, .sidebar .nav-item:hover .nav-link {
      color: #fe97d1;
      box-shadow: 0px 1px 13px 4px rgba(0, 0, 0, 0.1);
      width: 115px !important;
      background: #fff; }
  .sidebar .nav-item.dropdown .dropdown-toggle::after {
    width: 1rem;
    text-align: center;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: '\e900';
    font-size: 14px;
    color: #000;
    font-family: 'rgd' !important; }
  .sidebar .nav-item.dropdown.no-arrow .dropdown-toggle::after {
    display: none; }
  .sidebar .nav-item .nav-link:focus {
    outline: none; }
  .sidebar .nav-item .nav-link .badge {
    position: absolute;
    margin-left: 0.95rem;
    top: 0.99rem;
    font-weight: 400;
    font-size: 0.6rem;
    border-radius: 100%;
    padding: .32em .5em; }
    @media (max-width: 767px) {
      .sidebar .nav-item .nav-link .badge {
        top: 6px; } }
  .sidebar .nav-item .nav-link {
    color: #000; }
    .sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {
      color: #fe97d1; }
  .sidebar.toggled {
    width: 0 !important;
    overflow: hidden; }

@media (min-width: 768px) {
  .sidebar {
    width: 110px !important; }
    .sidebar .nav-item .nav-link {
      display: block;
      width: 100%;
      text-align: center;
      padding: 1rem;
      font-size: 35px;
      width: 110px; }
      .sidebar .nav-item .nav-link span {
        font-size: 12px;
        display: block; }
    .sidebar .nav-item .dropdown-menu {
      position: static !important;
      margin: 0 1rem;
      top: 0; }
    .sidebar .nav-item.dropdown .dropdown-toggle::after {
      display: block; }
    .sidebar.toggled {
      overflow: visible;
      width: 110px !important; }
      .sidebar.toggled .nav-item:last-child {
        margin-bottom: 1rem; }
      .sidebar.toggled .nav-item .nav-link {
        text-align: center;
        padding: 0.75rem 0.75rem;
        width: 110px; }
        .sidebar.toggled .nav-item .nav-link span {
          font-size: 12px;
          display: block;
          line-height: normal;
          font-weight: 500; }
      .sidebar.toggled .nav-item .dropdown-menu {
        position: absolute !important;
        transform: none !important;
        left: calc(110px + 0.5rem) !important;
        margin: 0; }
        .sidebar.toggled .nav-item .dropdown-menu.dropup {
          bottom: 0;
          top: auto !important; }
      .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
        display: none; }
      .sidebar.toggled .nav-item a {
        transition: all 0.2s ease-in-out; }
      .sidebar.toggled .nav-item.active, .sidebar.toggled .nav-item:hover {
        -ms-transform: scale(1);
        /* IE 9 */
        -webkit-transform: scale(1);
        /* Safari 3-8 */
        transform: scale(1); }
        .sidebar.toggled .nav-item.active .nav-link, .sidebar.toggled .nav-item:hover .nav-link {
          color: #fe97d1;
          box-shadow: 0px 1px 13px 4px rgba(0, 0, 0, 0.1);
          width: 115px !important;
          background: #fff; }
      .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
        width: 1rem;
        text-align: center;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\e900';
        font-size: 14px;
        color: #000;
        font-family: 'rgd' !important; }
      .sidebar.toggled .nav-item.dropdown.no-arrow .dropdown-toggle::after {
        display: none; }
      .sidebar.toggled .nav-item .nav-link:focus {
        outline: none; }
      .sidebar.toggled .nav-item .nav-link .badge {
        position: absolute;
        margin-left: 0.95rem;
        top: 0.99rem;
        font-weight: 400;
        font-size: 0.6rem;
        border-radius: 100%;
        padding: .32em .5em; } }
      @media (min-width: 768px) and (max-width: 767px) {
        .sidebar.toggled .nav-item .nav-link .badge {
          top: 6px; } }

.sidebar.fixed-top {
  top: 56px;
  height: calc(100vh - 56px);
  overflow-y: auto; }

.navbar .navbar-toggler {
  padding: 0.25rem 0.75rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  /*@include border-radius($navbar-toggler-border-radius);*/ }
  .navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {
    text-decoration: none; }
  .navbar .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: -1rem;
  opacity: 0.4;
  font-size: 5rem;
  transform: rotate(15deg); }

@media (min-width: 576px) {
  .card-columns {
    column-count: 1; } }
@media (min-width: 768px) {
  .card-columns {
    column-count: 2; } }
@media (min-width: 1200px) {
  .card-columns {
    column-count: 2; } }

/*
:root {
  --input-padding-x: 0.75rem;
  --input-padding-y: 0.75rem;
  --select-padding-y: 0.97rem;
}
*/
.card-login {
  max-width: 25rem; }

.card-register {
  max-width: 1000px;
  border-radius: 20px; }
  @media screen and (max-width: 767px) {
    .card-register {
      margin: 20px 0 0 0; } }

.form-label-group {
  position: relative;
  margin-bottom: 1.3rem; }

.form-label-group > input {
  padding: 0.75rem 0.75rem;
  height: auto; }

.form-label-group > select {
  padding-top: 0.92rem;
  padding-bottom: 0.92rem;
  /*padding-left: 0.97rem!important;
  padding-right: 0.75rem;*/
  height: auto; }

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  /*width: 90%;*/
  margin-bottom: 0;
  line-height: 25px;
  color: #495057 !important;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
  font-size: 12px;
  text-transform: uppercase;
  /*padding: 10px 20px;*/
  text-align: center; }

/*
.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}


.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(0.85 + 0.85 * (2 / 3));
  padding-bottom: calc(0.85 / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(0.85 / 3);
  padding-bottom: calc(0.85 / 3);
  font-size: 10px;
  color: #777;
}

*/
.form-control {
  font-size: 12px;
  line-height: 25px;
  color: #495057;
  background-color: #f8f9fa;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 40px;
  font-weight: 600;
  /*text-align: center;*/ }
  .form-control:hover, .form-control:focus {
    color: #000;
    background-color: rgba(254, 151, 209, 0.1);
    border-color: #41e1ff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(65, 225, 255, 0.25); }

.custom-checkbox {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.5px; }
  .custom-checkbox .custom-control-label {
    outline: 0; }
    .custom-checkbox .custom-control-label:before {
      background-color: #fff;
      border: 1px solid #fe97d1;
      top: 0; }
    .custom-checkbox .custom-control-label:after {
      top: 0; }
    .custom-checkbox .custom-control-label a {
      color: #000; }
    .custom-checkbox .custom-control-label .custom-control:before {
      background-color: #fe97d1; }

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fe97d1 !important;
  outline: 0; }

.LoginTitle {
  position: relative; }
  .LoginTitle a {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    transition: all 1s ease-in-out; }
  .LoginTitle:hover {
    text-decoration: none;
    color: #41e1ff; }
  .LoginTitle:before {
    position: absolute;
    background-image: linear-gradient(to right, #fe97d1, #41e1ff);
    height: 1px;
    width: 200px;
    content: '';
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto; }

.RegisterBlock {
  position: relative;
  padding: 0 40px;
  margin: 30px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .RegisterBlock {
      padding: 0 10px;
      margin: 10px 0; } }
  @media screen and (max-width: 767px) {
    .RegisterBlock {
      padding: 0 10px;
      margin: 0; } }
  .RegisterBlock:before {
    position: absolute;
    background-image: linear-gradient(to top, #fe97d1 0%, #41e1ff 51%, #41e1ff 100%);
    height: 100%;
    width: 1px;
    content: '';
    top: 0;
    left: 0;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .RegisterBlock:before {
        background-image: none; } }

.loginBlock {
  padding: 0 105px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .loginBlock {
      padding: 0 20px; } }
  @media screen and (max-width: 767px) {
    .loginBlock {
      padding: 0 10px;
      margin: 0; } }

.LogoBlock p {
  font-size: 12px; }
.LogoBlock h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700; }

.form-group {
  margin-bottom: 0px; }

.dropdown-menu {
  top: 90%; }

.btnblock {
  float: left;
  display: block; }

.selectBtn {
  padding: 0px;
  border: 0px;
  min-height: 1px;
  display: inline-block;
  float: left;
  margin: 0 0 0px 3px;
  border: 1px solid #abc580;
                           /*border: 1px solid transparent;
border-bottom: 1px solid #222;*/
  background: transparent;
  width: 60px;
  height: 40px; }

#rdColorType {
  margin-bottom: 0px; }

#rdColorType > li {
  border: 1px solid #abc580; }

@media all and (min-width: 1024px) {
  #rdColorType > li {
    width: 10%; } }
@media all and (max-width: 1024px) {
  #rdColorType > li {
    width: 10%; } }
#rdColorType > li > input[type="radio"], #H_A_List > li > span.selectBtn > input[type="radio"] {
  display: none; }

#rdColorType > li > input[type="radio"]:checked + label {
  color: #0066FF; }

#H_A_List > li > span.selectBtn > input[type="radio"]:checked + label, #D_CUT_TYPE > li > span.selectBtn > input[type="radio"]:checked + label {
  font-weight: 700;
  color: #fff;
  border: 1px solid #759245;
  background-color: #759245 !important;
  border-color: #759245 !important; }

#rdColorType > li > label {
  display: block;
  text-align: center;
  padding: 4px 0px 0px;
  line-height: 20px;
  cursor: pointer;
  font-size: 12px;
  color: #000;
  font-weight: bold; }

#shapewrapper .selectBtn {
  width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  background: #f4f4f4;
  margin: 0 0 3px 16px; }

#shapewrapper .selectBtn:hover {
  /*background-color: #67cebb;*/
  border: 1px solid #67cebb;
  border-bottom: 1px solid #33b86c;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  -webkit-transform: scale(1.05); }

#flurowrapper .selectBtn {
  width: 90px; }

#H_A_List .selectBtn {
  width: 90px; }

#H_A_List.list-inline > li, #D_CUT_TYPE.list-inline > li {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px; }

.selectBtn img {
  width: 38px;
  height: 38px;
  position: relative;
  margin: 0 0 0.5em 0; }
.selectBtn > label {
  font-weight: 600;
  color: #222;
  /*text-shadow: 0 1px 0 #fff;     background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));     background-image: -webkit-linear-gradient(#fff,#f1f1f1);     background-image: -moz-linear-gradient(#fff,#f1f1f1);     background-image: -ms-linear-gradient(#fff,#f1f1f1);     background-image: -o-linear-gradient(#fff,#f1f1f1);     background-image: linear-gradient(#fff,#f1f1f1);*/ }
.selectBtn > label {
  display: block;
  text-align: center;
  cursor: pointer;
  /*margin: .5em 5px;*/
  padding: 0.7em 0.5em;
  line-height: 20px;
  /*     left:0;     top:0;     */ }
.selectBtn input {
  display: block; }
.selectBtn input {
  position: absolute;
  left: 20px;
  top: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 0;
  outline: 0 !important;
  z-index: 1;
  display: none; }

.selectedItem {
  /*background:#563d7c!important;*/
  font-weight: 700;
  color: #fff;
  /*
  text-shadow: 0 1px 0 #194b7e;
  background-position: 0% 0%;
  background-image: linear-gradient(#5f9cc5,#396b9e) !important;
  background-color: #396b9e !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;       
  */
  border: 1px solid #46b8da;
  background-color: #759245 !important;
  border-color: #759245 !important;
    /*
#1585db 
#3ac0c7
*/ }

.selectedItem > label {
  color: #fff; }

#shapeDrpdwn .selectBtn > label {
  font-size: 0.8em !important; }

#intensitycolDrpdwn .selectBtn {
  width: 90px;
  padding: 0.3em 0.4em; }

#intensitycolDrpdwn .selectBtn > label {
  font-size: 0.85em !important;
  padding: 0em; }

#fancycolDrpdwn .selectBtn > label, #overtonecolDrpdwn .selectBtn > label {
  font-size: 0.85em !important;
  padding: 0.7em 0.4em; }

#overtonecolDrpdwn .selectBtn {
  width: 80px; }

#fancycolDrpdwn .selectBtn {
  width: 70px; }

.ftr-head {
  padding: 0.5em 0px 0.2em 3px;
  /*margin-top: 1em;*/
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: 0.9em;
  /*font-weight: bold;*/
  width: 160px;
  display: inline-block;
  float: left; }

.ftr-det {
  padding: 2px;
  color: #3399FF;
  /*font-family: Arial, Helvetica, sans-serif;*/
  vertical-align: middle;
  font-size: 0.85em;
  text-align: left;
  font-weight: 500;
  float: left;
  display: block; }

.icon-shape img {
  /*margin-left: 14px;     margin-top: 10px; */
  width: 48px;
  height: 48px;
  position: relative; }

.icon-shape label {
  position: absolute;
  /*top: 76px;     width: 92px; */
  top: 0px;
  left: 0px;
  width: 74px;
  text-align: center;
  /*left: 2px;*/
  overflow: hidden;
  /*height: 18px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 20px;
  display: block; }

.icon-shape label {
  display: block; }

.icon-shape:hover, .icon-set:hover {
  background: #fff; }

@media all and (min-width: 768px) {
  .btnblock {
    white-space: nowrap !important; } }
.btnblock .selectBtn {
  float: none !important;
  display: inline-block;
  vertical-align: top; }

@media all and (min-width: 768px) and (max-width: 1024px) {
  .col-sm-1.ftr-head1 {
    width: 12.1111113%; }

  .col-sm-11.chkBoxList {
    width: 87.66666667%;
    /*overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    overflow: auto; }

  .col-sm-5.chkBoxList, #sizediv.col-sm-5 {
    width: 37.88888887%;
    /*overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    overflow: auto; } }
@media all and (max-width: 768px) {
  .chkBoxList {
    width: 99.99%;
    /*overflow: hidden;*/
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: auto !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    overflow: auto; } }
/*.chkBoxList:hover 
 {
    overflow-x:scroll;     
}*/
.chkBoxList::-webkit-scrollbar {
  width: 0px;
  height: 2px;
  /*display: none; */ }

.chkBoxList::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px; }

.chkBoxList::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

.chkBoxList {
  scrollbar-face-color: rgba(0, 0, 0, 0.3);
  scrollbar-shadow-color: #2D2C4D;
  scrollbar-highlight-color: #7D7E94;
  scrollbar-3dlight-color: #7D7E94;
  scrollbar-darkshadow-color: #2D2C4D;
  scrollbar-track-color: rgba(255, 255, 255, 0.3);
  scrollbar-arrow-color: #C1C1D1; }

.fixBottom {
  /*position: fixed;
  bottom: 0px;*/
  background-color: rgba(255, 255, 255, 0.95);
  border-top: 2px solid #67e4ff;
  /*width: 100%;*/
  padding: 10px 3px;
  z-index: 1000; }

/*.btn-default
{
    border-color: rgba(11, 28, 77, 0.9)!important;
    }

*/
.searchPara .h4 {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 0.8em;
  /*font-weight: bold;*/
  padding-top: 0.5rem; }

.list-fr-to.list-inline {
  margin-bottom: 2px;
  margin-top: 2px; }

.list-fr-to.list-inline > li {
  padding-right: 1px;
  padding-left: 0px; }

.inline-RadioButtonList > li {
  display: inline-block; }
  .inline-RadioButtonList > li input {
    float: left;
    padding-right: 5px; }
  .inline-RadioButtonList > li label {
    padding-left: 5px;
    margin-right: 5px;
    margin-top: -2px; }

/*.list-inline input
{
    float: left;
}*/
legend {
  font-size: 1rem !important;
  font-weight: 600; }

.filtersummary {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }

.drpshadow {
  opacity: .75;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity:75);
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 0;
  display: block; }

.modalBackground {
  left: 0;
  top: 0;
  position: absolute;
  background-color: #b0c4de;
  filter: alpha(opacity=70);
  opacity: 0.7; }

.visible {
  visibility: visible;
  align: center; }

.hidden {
  visibility: hidden;
  display: none; }

.simple-modal-overlay {
  position: fixed;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFF), to(#291A49));
  background: -webkit-radial-gradient(circle, #FFF, #291A49);
  background: -moz-radial-gradient(circle, #FFF, #291A49);
  background: -ms-radial-gradient(circle, #FFF, #291A49); }

.simple-modal {
  width: 600px;
  left: 20px;
  top: 20px;
  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 18px;
  background-color: #FFFFFF;
  border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 99999; }

.x-widget-overlay {
  background: #666 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.x-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE; }

.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue" , Helvetica, Arial, sans-serif;
  line-height: 36px;
  text-align: center; }

.simple-modal .simple-modal-body {
  padding: 15px; }

.simple-modal .modal-body label {
  color: #ffffff; }

.simple-modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: inherit; }

.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
  padding: 14px 0px 15px;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center; }

/* default state */
.state-indicator {
  position: absolute;
  top: -999em;
  left: -999em;
  z-index: 1; }

/* small desktop */
@media all and (max-width: 1200px) {
  .state-indicator {
    z-index: 2; } }
/* tablet */
@media all and (max-width: 1024px) {
  .state-indicator {
    z-index: 3; } }
/* mobile phone */
@media all and (max-width: 768px) {
  .state-indicator {
    z-index: 4; } }
.Grid {
  table-layout: fixed;
  background-color: #CCCCCC; }

.gv-header {
  height: 25px;
  color: #CCCCCC;
  font-family: Verdana;
  font-size: 0.7em;
  font-weight: normal !important; }

.gv-header.smallFont {
  font-size: 0.6em !important; }

.gv-header th, .gv-header td {
  color: #ffffff;
  overflow: hidden;
  vertical-align: middle !important;
  /*background-color: #F2F2F2;*/
  border-color: #FFFFFF #808080 #333333 #FFFFFF;
  border-style: solid solid solid solid;
  border-width: 0px 1px 2px 0px;
  padding: 0.5rem 0.1em;
  background: #606060;
  background: -moz-linear-gradient(top, #22325e 0%, #22325e 36%, #22325e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22325e), color-stop(36%, #22325e), color-stop(100%, #22325e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #22325e 0%, #22325e 36%, #22325e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #22325e 0%, #22325e 36%, #22325e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #22325e 0%, #22325e 36%, #22325e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #22325e 0%, #22325e 36%, #22325e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22325e', endColorstr='#22325e',GradientType=0 );
  /* IE6-8 */ }

/*
.gv-header th, .gv-header td
{
    overflow: hidden; 
    border-color: #FFFFFF #808080 #333333 #FFFFFF;
    border-style: solid solid solid solid;
    border-width: 0px 1px 2px 0px;
    padding: 1px 0.1em 1px 0.1em;
    background: #606060; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzYwNjA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #606060 0%, #606060 36%, #474747 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(36%,#606060), color-stop(100%,#474747)); 
    background: -webkit-linear-gradient(top,  #606060 0%,#606060 36%,#474747 100%); 
    background: -o-linear-gradient(top,  #606060 0%,#606060 36%,#474747 100%); 
    background: -ms-linear-gradient(top,  #606060 0%,#606060 36%,#474747 100%); 
    background: linear-gradient(to bottom,  #606060 0%,#606060 36%,#474747 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#474747',GradientType=0 ); 
}
*/
.gv-quick .gv-header th {
  text-align: center !important;
  font-size: 1.2em !important; }

.table > tbody > tr > td {
  padding: 0.3rem; }

@media all and (max-width: 768px) {
  .table > tbody > tr > td {
    padding: 0.2rem; } }
.data {
  font-family: Calibri , Verdana;
  font-size: 14px;
  /*Width:2%;*/
  color: #000000;
  /*  border-right: lightgrey 1px solid;  border-bottom: lightgrey 1px solid; */
  vertical-align: middle;
  padding-right: 2px;
  padding-left: 2px; }

.gv-quick .data {
  font-size: 1.2em !important; }

.checkedrow {
  background-color: silver; }

.uncheckedrow {
  background-color: #FFFFFF; }

.stockpagedropdown {
  width: 100px; }

.dropdowns {
  width: 187px;
  /*background-color: #0099ff;*/
  padding-bottom: 10px;
  padding-left: 10px;
  color: #FFFFFF;
  text-align: left;
  font-family: verdana;
  font-size: small;
  visibility: hidden;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  z-index: 10000;
  background-image: url(Images/search_laryerbg.jpg);
  background-repeat: repeat;
  border: solid thin #d6d6d6; }

.sblock {
  display: block; }

.thback {
  color: #ccc;
  text-decoration: none;
  vertical-align: middle; }

.filterboxrow_white {
  padding: 3px;
  color: #ccc;
  background-color: #fff;
  font-family: Verdana;
  height: 25px;
  vertical-align: middle;
  font-size: 10pt;
  text-align: left; }

.filterboxrow {
  padding: 3px;
  color: #ccc;
  font-family: Verdana;
  background-color: #2F2F2F;
  height: 25px;
  vertical-align: middle;
  font-size: 10pt;
  text-align: left; }

.filterboxrow_col2 {
  width: 200px; }

.filterboxrow {
  padding: 3px;
  color: #ccc;
  font-family: Verdana;
  background-color: #2F2F2F;
  height: 25px;
  vertical-align: middle;
  font-size: 10pt;
  text-align: left; }

.filterboxrow_col2 {
  width: 200px; }

.filterboxtable .c-1 {
  padding: 3px;
  color: #ccc;
  font-family: Verdana;
  background-color: #2F2F2F;
  height: 25px;
  vertical-align: middle;
  font-size: 10pt;
  text-align: left;
  width: 150px; }

.filterboxtable .c-2 {
  overflow: hidden;
  height: 25px;
  white-space: nowrap;
  text-align: left;
  background-color: #d6d6d6;
  color: #000000;
  width: 200px;
  padding: 0 0 0 0.5em; }

.drpdwnok {
  font-weight: bold;
  color: #ffffff;
  font-family: Verdana, 'Segoe UI';
  background-color: #2F2F2F;
  width: 60px;
  height: 25px;
  font-size: small;
  border-right: #a9a9a9 1px solid;
  border-top: #a9a9a9 1px solid;
  border-left: #a9a9a9 1px solid;
  border-bottom: #a9a9a9 1px solid; }

.sc_dropdowndiv, #shapeDrpdwndiv, #colDrpdwndiv, #clarityDrpdwndiv, #fluroDrpdwndiv, #cutDrpdwndiv, #symDrpdwndiv, #finDrpdwndiv, #girdleDrpdwndiv, #culetDrpdwndiv {
  cursor: pointer;
  color: #000000;
  background-color: #d6d6d6;
  width: 175px;
  height: 25px;
  font-size: small;
  overflow: hidden;
  clear: left;
  display: block;
  float: left;
  vertical-align: middle;
  padding-left: 5px;
  padding-top: 4px;
  font-family: Verdana; }

/* #done a, #d1 a,#d2 a, #d3 a,#d4 a 
  {    float: left;     width: 100px;    line-height: 40px; }*/
/*
.filterdiv, #shapediv, #sizediv, #coldiv, #girdlediv, #pavdiv, #culetdiv, #rapadiv, #amtdiv, #crowndiv, #tablediv, #findiv, #symdiv, #depthdiv, #flurodiv, #cutdiv, #claritydiv, #h_adiv, #depthdiv, #tablediv, #crowndiv, #pavdiv, #rapadiv, #h_adiv, #amtdiv
{
    overflow: hidden;
    height: 25px;
    white-space: nowrap;
    text-align: left;
    background-color: #d6d6d6;
    color: #000000;
}
*/
.filterdiv, #findiv, #symdiv, #flurodiv, #cutdiv, #claritydiv, #girdlediv {
  overflow: hidden;
  height: 25px;
  white-space: nowrap;
  text-align: left;
  background-color: #d6d6d6;
  color: #000000; }

/*
.txtdiv, #depthdiv, #tablediv, #crowndiv, #pavdiv, #rapadiv, #amtdiv
{
    color: #ccc;
    padding: 0.3em 0 0 3px;
    font-family: Verdana;
}
*/
.modalPopup {
  background-color: #2F2F2F;
  border-width: 3px;
  border-style: solid;
  border-color: #2F2F2F;
  padding: 3px;
  width: 250px; }

/*.view_cert .list-inline>li,.stk-btn.list-inline>li
{
    padding-right: 1px; 
    padding-left: 0px;  
}
*/
#griddiv {
  /*      position:absolute;  top:91px; or whatever the header height is  right:0;    bottom:0;   left:0px; */
  overflow: auto; }

.flagind {
  background: url("Images/Flags/india.gif") no-repeat;
  width: 20px;
  height: 20px; }

.flaghk {
  background: url("Images/Flags/hongkong.png") no-repeat;
  width: 20px;
  height: 20px; }

.flagant {
  background: url("Images/Flags/belgium.gif") no-repeat;
  width: 20px;
  height: 20px; }

.flagtai {
  background: url("Images/Flags/taiwan.gif") no-repeat;
  width: 20px;
  height: 20px; }

.flagbkk {
  background: url("Images/Flags/thailand.gif") no-repeat;
  width: 20px;
  height: 20px; }

.flagchina {
  background: url("Images/Flags/china.gif") no-repeat;
  width: 20px;
  height: 20px; }

.flagusa {
  background: url("Images/Flags/usa.png") no-repeat;
  width: 20px;
  height: 20px; }

.norecpanel {
  background-color: #283d77; }
  .norecpanel div {
    font-size: 1.0rem;
    color: #fff;
    text-align: justify; }

/*------------------------delete------*/
/** {    border: 0;    margin: 0;  }*/
/*
@font-face
{
    font-family:Calibri;
    src:url(CALIBRI1.EOT);
}

 */
/*
body
{
    background-color: #000;
    height: 100%;
    font-family: Calibri,verdana;
    color: #333;
    
}
*/
body {
  padding: 0px;
  margin: 0px;
  /*font-family: Arial, Helvetica, sans-serif; */
  /*color: #ccc;*/
  /* background-color: #F7F7F7;
   background: url('Images/bg_19201.jpg') no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   */ }

.body {
  /* background-color: #F7F7F7;*/ }

/*
.btn-danger,.btn-danger:active, .btn-danger:focus, .btn.btn-danger:hover {
    
    color: #333;
    background: #f8cbdf!important;
    border-color: #f8cbdf!important;
}

*/
form {
  padding: 0px;
  margin: 0px; }

.hid {
  display: none; }

h1 {
  font-family: Calibri, Verdana;
  color: #FFFFFF; }

.contacts {
  font-family: tahoma;
  color: #aaa9a9;
  font-size: large;
  border-bottom: #000000 medium solid;
  background-color: #605d5c; }

.contacts1 {
  font-family: tahoma;
  color: #FFFFFF;
  font-size: small;
  border-bottom: #000000 medium solid;
  background-color: #605d5c; }

.gridview, .dropdownlist {
  border-right: 1px solid #2f2f2f;
  background-image: url(Images/grid_head_bg.jpg);
  cursor: pointer;
  font-size: 9px;
  font-family: Verdana;
  font-weight: bold; }

.actionbuttons {
  cursor: pointer; }

.topborder {
  /*background-image: url(Images/imgborder.png);  background-repeat: repeat-x;    background-position-y: top;*/ }

.dropdownlist {
  font-family: Tahoma;
  font-size: small;
  color: #FFFFFF;
  height: 10%;
  width: 10%;
  overflow: auto; }

.borderback {
  background-image: url(Images/borderback.png);
  background-repeat: repeat-x;
  border-top: #FFFFFF thin solid;
  height: 4px;
  font-size: 1pt; }

.srchbox {
  background-image: url(Images/srch_back.png);
  font-family: Tahoma;
  font-size: small;
  color: #FFFFFF;
  background-repeat: repeat-x;
  text-align: left;
  /*border-right: #FFFFFF thin solid;   border-top: #FFFFFF thin solid;     border-left: #FFFFFF thin solid;    border-bottom: #FFFFFF thin solid;*/ }

.filterdataback {
  background-color: Gray;
  font-family: Tahoma;
  font-size: small;
  color: #FFFFFF;
  text-align: left; }

.filterdatabackborder {
  /*border-bottom: #FFFFFF thin solid;*/ }

.borderbackv {
  /*border-left: #FFFFFF thin solid;  border-right: #FFFFFF thin solid;   border-bottom: #FFFFFF thin solid;*/
  background-image: url(Images/borderback.png);
  background-repeat: repeat-x; }

.backgroundv {
  background-image: url(Images/borderback.png);
  background-repeat: repeat-x;
  height: 4px;
  font-size: 1pt; }

.visible {
  visibility: visible;
  align: center; }

.hidden {
  visibility: hidden;
  display: none; }

.chklist {
  display: none;
  width: 250px;
  z-index: 2;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity:0);
  font-size: 12px;
  border: solid 1px #CCCCCC;
  background-color: #FFFFFF;
  padding: 5px;
  left: 0;
  top: 0;
  z-index: 500; }

.chklistitems {
  text-align: left; }

.chklistparent {
  float: right;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity:0); }

.chklistbuttons {
  background-color: #666666;
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border: outset thin #FFFFFF;
  padding: 5px; }

.filtertxtbox {
  height: 10px;
  width: 50px;
  font-family: Arial;
  font-size: smaller;
  vertical-align: middle;
  background-color: #FFFFFF; }

.progress {
  left: 0px;
  width: 100%;
  position: absolute;
  top: 0px;
  height: 100%;
  background-color: #b0c4de;
  filter: alpha(opacity=70);
  opacity: 0.7; }

.trial {
  overflow: hidden;
  background-color: #696969; }

.selectedScrolling {
  width: 100%;
  color: #FFFFFF;
  background-image: url(Images/SelectedText.png);
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  vertical-align: middle;
  text-align: left; }

.nonselectedScrolling {
  width: 100%;
  color: #a9a9a9;
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  vertical-align: middle;
  text-align: left; }

.newsfont {
  font-family: 'Segoe UI' , Verdana;
  font-size: medium; }

.divtest {
  padding-right: 15px;
  padding-left: 15px; }

.drplistbuttons {
  background-color: Gray;
  font-family: 'Segoe UI' , Verdana;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  border: solid 1px #CCCCCC;
  border: outset thin #FFFFFF; }

.hdrdiv {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: static; }

/*----------- svk --------------*/
.TextStrengthWeak {
  background: red;
  font-family: 'Segoe UI' , Verdana; }

.TextStrengthNotGood {
  background: yellow;
  font-family: 'Segoe UI' , Verdana; }

.TextStrengthGood {
  background: blue;
  font-family: 'Segoe UI' , Verdana; }

.BarBorder {
  border-style: dashed;
  border-width: 2px;
  width: 180px; }

.BarIndicator {
  color: orange;
  background-color: orange; }

.oversizeddropdowns {
  overflow: auto; }

/* a:hover, a:active for chaninging  link
{
text-decoration: none;
font-weight:bold;
color:silver;
}*/
.tdbgcolor {
  background-color: #cccccc;
  padding-right: 5px; }

Img {
  border-style: none;
  vertical-align: middle; }

#linkname {
  color: #FFFFFF;
  padding-left: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: small; }

#d0, #d1, #d2, #d3, #d4, #d5, #d6, #d7, #d8, #d9, #d10, #d11, #d12 {
  height: 45px;
  vertical-align: middle;
  line-height: 40px;
  width: 140px; }

#filterbox {
  width: 650px;
  position: absolute;
  left: 280px;
  top: 128px;
  display: none;
  color: #000000;
  background-color: black;
  padding: 20px;
  height: 370px; }

#advance {
  position: absolute;
  width: 500px;
  left: 500px;
  height: 300px;
  top: 170px;
  display: none;
  color: #000000;
  background-color: #808080; }

.selected {
  background-color: #000000;
  /*#808080;   */ }

.notSelected {
  background-color: #2F2F2F; }

.pad {
  color: #ccc;
  text-decoration: none;
  font-size: small;
  font-family: Verdana;
  font-weight: bold;
  cursor: default;
  width: 170px; }

.tddetails {
  width: 80px;
  background-color: #666666;
  border-style: none; }

.drpdownctrl {
  color: #808080;
  background-color: #FFFFFF;
  border: 3px solid #FFFFFF;
  width: 232px; }

.tblborder {
  border-left-color: gray;
  border-bottom-color: gray;
  border-top-color: gray;
  border-right-color: gray;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  border-width: thin; }

input {
  /* background-color:Transparent; */
  color: #000000;
  /*font-weight: bold;     border-style: none;*/ }

.filtertxtbox1 {
  height: 20px;
  width: 40pt;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  border: solid 1px black;
  padding: 0.2em 0.5em;
  font-weight: bold; }

.tdmain {
  text-align: center;
  font-family: verdana;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  height: 34px;
  /*background-image: url(Images/backg.JPG);    background-repeat: repeat-x;*/
  color: White; }

.PagerRowStyle {
  background-color: #ddd;
  text-align: center; }

/*.stocksrch_caption
{
    color: #cccc66;
    font-family: Verdana;
    font-weight: bold;
    text-decoration: none;
}
.stocksrch_caption_link
{
    text-decoration: underline;
}
*/
.logout_caption_link {
  text-decoration: underline; }

.logout_caption {
  color: #cccc66;
  /* #999966*/
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-decoration: none; }

.logout_caption_link:hover {
  color: #ffffff; }

.stocksrch_caption_link:hover {
  color: #ffffff; }

.logincaptions {
  color: #A6A6A6;
  font: 14px Arial, Helvetica, sans-serif; }

.headertext {
  font-family: Verdana;
  color: Gray;
  text-align: left;
  line-height: 20px; }

/* .Freezing
{
    
     top:expression(this.scrollTop);
    position:relative;
     position:relative;
     z-index: 10;
}*/
/*html,body disabiling page scrollbar

{
    margin:0;
   height:100%;
   width:100%;
   overflow:hidden;
    
}
    */
/*  .Freezing { 
  position:fixed ;
  z-index: 10;
}
* html .Freezing { 
  position:relative ;
  top:expression(this.offsetParent.scrollTop);
}*/
.bgco {
  background-color: #FFFFFF; }

.stocksrchbody {
  top: 0px;
  margin: 0px;
  background-color: #2F2F2F; }

.pageLinks {
  font-family: Verdana;
  text-decoration: none;
  color: #A6A6A6; }

.pageLinks:hover {
  font-family: Verdana;
  text-decoration: none;
  color: #fff; }

.menuLinks {
  font-family: Verdana;
  text-decoration: none;
  color: #99ccff; }

.menuLinks:hover {
  color: #fff; }

.btm_img {
  background-image: url(images/btm_img.jpg);
  background-repeat: repeat-x;
  height: 122px;
  vertical-align: middle; }

.leftpadding {
  width: 40px; }

.dropdwnimgdiv {
  text-align: center;
  padding-top: 4px;
  cursor: pointer; }

.dropdwnokdiv {
  text-align: center;
  padding-top: 10px; }

.btm_txt {
  font: 9px/16px Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  padding: 30px 0 0 30px; }

#update_progress {
  display: none; }

caption {
  padding-top: 50px; }

.validators {
  color: red;
  font-size: smaller;
  display: none; }

.validators_success {
  color: #ec0b0b;
  font-size: smaller; }

.pnl_test {
  background-color: Aqua;
  display: block; }

.contactusback {
  background-color: #b0c4de;
  filter: alpha(opacity=70);
  opacity: 0.7;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1000; }

.emp {
  color: #ffc0cb; }

.event_date1 {
  font: 1.2em Arial, Helvetica, sans-serif;
  color: #FED368; }

.event_date2 {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  color: #BAE286; }

.event_date3 {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  color: #597CB8; }

.event_date4 {
  font: bold 12px/30px Arial, Helvetica, sans-serif;
  color: #FA9BAE; }

.home_txt {
  font: 0.9em Arial, Helvetica, sans-serif;
  color: #a7a7a7;
  font-weight: bold; }

.contactus {
  background-color: #2F2F2F;
  width: 800px;
  padding: 10px;
  left: 0px;
  top: 0px;
  position: absolute;
  display: none; }

.i-l {
  display: inline;
  float: left;
  padding: 0px 5px 0px 0px; }

.cssRowOver {
  border-style: none none none none;
  border-width: 1px;
  border-color: #FFFFCC;
  background-color: #ffc700 !important; }

.imageRemark {
  color: #FF3300;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  font-style: italic; }

.errorMsg {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
  color: #FF4848;
  text-align: center;
  /*background-color: #333333;*/
  padding: 0.5em 0.2em;
  z-index: 100002;
  position: relative; }

.rap-head {
  padding: 0.2em 0px 0.2em 3px;
  color: #666666;
  font-family: Calibri , Verdana;
  vertical-align: middle;
  font-size: 0.93em;
  font-weight: bold;
  width: 105px;
  display: inline-block; }

.rap-det {
  padding: 3px;
  color: #3399FF;
  font-family: Calibri , Verdana;
  height: 25px;
  font-style: italic;
  vertical-align: middle;
  font-size: 0.92em;
  text-align: left;
  font-weight: bold; }

.app-head {
  padding: 0.2rem 0px 0.2rem 3px;
  /*color: #666666;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle;*/
  font-size: 0.85rem;
  font-weight: 600;
  display: inline-block; }

.app-det {
  padding: 3px;
  color: #3399FF;
  /*font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: italic;
  vertical-align: middle;**/
  font-size: 0.90em;
  text-align: left;
  font-weight: 400; }

.detail-block {
  border: 2px solid #333333;
  border-collapse: collapse; }

.v-head {
  padding: 0.2em 0px 0.2em 3px;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: 0.9em;
  font-weight: bold;
  /*width: 160px;*/
  display: inline-block; }

.v-det {
  padding: 3px;
  color: #3399FF;
  font-family: Arial, Helvetica, sans-serif;
  height: 25px;
  vertical-align: middle;
  font-size: 0.9em;
  text-align: left;
  font-weight: bold; }

.saleDisc {
  font-family: 'Trebuchet MS';
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #CC3300;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 3px 6px 3px 6px;
  margin-left: 5px; }

.c-ln > div {
  overflow: hidden;
  width: 100%;
  clear: both; }

/*
.c-ln div
{
    border: 1px solid #ccc;    
}
*/
.div_pd > div {
  padding: 4px 2px; }

.d-in-div-pd > div {
  padding: 4px 2px; }

.div-pd {
  padding: 4px 2px; }

.i-l {
  display: inline;
  float: left;
  padding: 0px 5px 0px 0px; }

.i-l-all-div > div {
  display: inline;
  float: left;
  padding: 0px 5px 0px 0px; }

/*button with image start*/
a.button {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 1px 10px;
  text-decoration: none;
  text-shadow: #fff 0 1px 0;
  float: left;
  display: block;
  color: #597390;
  line-height: 24px;
  font-size: 0.8em;
  font-weight: bold;
  width: 100px;
  /*background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));*/ }

a.button:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
  color: #000;
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #eeeeee)); }

a.button:active {
  text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5); }

a.button {
  border: 1px solid #979797; }

a.button.icon {
  padding-left: 11px; }

a.button.icon span {
  padding-left: 36px;
  /*background: url('/App_Themes/DefaultTheme/Images/active-search-2-32.png') no-repeat 0 -4px;*/ }

.button-icon.zoom {
  background: url("/App_Themes/DefaultTheme/Images/active-search-2-24.png") no-repeat; }

.button-icon.play {
  background: url("/App_Themes/DefaultTheme/Images/arrow-39-24.png") no-repeat; }

.button-icon.prev {
  background: url("/App_Themes/DefaultTheme/Images/arrow-108-24.png") no-repeat; }

.button-icon.next {
  background: url("/App_Themes/DefaultTheme/Images/arrow-42-24.png") no-repeat; }

.button-icon.right {
  background: url("/App_Themes/DefaultTheme/Images/white-right.png") no-repeat; }

.button-icon.front {
  background: url("/App_Themes/DefaultTheme/Images/back-24.png") no-repeat; }

.button-icon.back {
  background: url("/App_Themes/DefaultTheme/Images/back-24.png") no-repeat; }

.button-icon.left {
  background: url("/App_Themes/DefaultTheme/Images/white-left.png") no-repeat; }

.button-icon.reverse {
  background: url("/App_Themes/DefaultTheme/Images/undo-5-24.png") no-repeat; }

.button-icon-32.back {
  background: url("/App_Themes/DefaultTheme/Images/back-32.png") no-repeat; }

.button-icon {
  width: 24px;
  height: 24px; }

.button-icon-32 {
  width: 32px;
  height: 32px; }

.button-icon {
  /*background: #666;     background: rgba(0, 0, 0, .4);     background-image: url('/App_Themes/DefaultTheme/Images/active-search-2-24.png');*/
  background-repeat: no-repeat;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px; }

/*
a.button.icon.chat span {
    background-position: 0px -36px;
}
*/
/*button with image end*/
.btn-with-icon {
  position: relative;
  display: block; }

.btn-with-icon .btn-icon-pos {
  position: absolute;
  top: 50%;
  margin: -12px -9px 0 0;
  line-height: normal;
  vertical-align: baseline;
  display: inline-block; }

.btn-with-icon .btn-text {
  color: #000;
  padding: .6em 5px 0.6em 30px;
  display: block;
  white-space: nowrap;
  overflow: hidden; }

.icon-info-view {
  float: left;
  position: relative;
  width: 80px;
  height: 80px;
  border: 2px #fff solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px #d6d6d6;
  -moz-box-shadow: 0 1px 1px #d6d6d6;
  box-shadow: 0 1px 1px #d6d6d6;
  background: #f4f4f4;
  margin: 0 0 12px 16px;
  z-index: 10001; }

.icon-info-view img {
  margin-left: 14px;
  margin-top: 10px;
  width: 48px;
  height: 48px; }

.icon-info-view span {
  position: absolute;
  /*top: 76px;     width: 92px; */
  top: 60px;
  width: 74px;
  text-align: center;
  left: 2px;
  overflow: hidden;
  height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 20px;
  color: #333333; }

.icon-info-view a {
  display: block; }

.icon-info-view:hover, .icon-set:hover {
  background: #fff; }

.icon-btn-icon {
  position: absolute;
  top: 50%;
  margin: -10px -9px 0 0;
  line-height: normal;
  vertical-align: baseline;
  display: inline-block; }

.icon-btn-notext > .icon-btn-icon {
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -10px -9px 0 0;
  line-height: normal;
  vertical-align: baseline;
  display: block; }

.icon-btn {
  padding: .2em 6px .3em;
  display: block; }

.icon-btn.icon-btn-notext {
  padding: 1.0em 20px .5em;
  display: block; }

.icon-btn-text {
  padding: .6em 5px 0.6em 25px; }

.icon-btn-text {
  position: relative;
  z-index: 1; }

.icon-btn-text {
  color: #fff; }

label.l-text {
  vertical-align: top;
  display: inline-block;
  width: 110px;
  margin: 0 2% 0 0; }

label.l-text-f, div.l-text-f {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold; }

label.l-text-color, div.l-text-color {
  color: #0066FF; }

.b-t {
  border-top-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

tr.b-t > td {
  border-top-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.all-div-b-t > div:not(:first-child) {
  border-top-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.b-t-bold {
  border-top-style: solid;
  border-top-width: 2px;
  border-top-color: #808080; }

.b-b {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

tr.b-b > td {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.all-div-b-b > div:not(:last-child) {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.b-b-bold {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #666666; }

.b-l {
  border-left-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.b-l-bold {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: #808080; }

.b-r {
  border-right-style: solid;
  border-width: 1px;
  border-color: #dbdedf; }

.b-r-bold {
  border-right-style: solid;
  border-right-width: 2px;
  border-right-color: #808080; }

.t-l, .t-r, .t-d {
  z-index: 102;
  border: 1px solid #C0C0C0;
  /*height: 16px;*/
  width: 100%;
  font-weight: bold;
  font-size: 13px;
  /*font-family: Verdana;*/
  margin-bottom: 1px;
  /*background-color: #FFFFCC;*/
  -webkit-appearance: none; }

.t-l {
  /*letter-spacing: 2px;*/
  text-align: left;
  /*padding: 1px 5px 1px 5px;*/
  /*margin:0px 1px;*/ }

.t-r {
  letter-spacing: 1px;
  text-align: right;
  /*margin-top: 2px;*/ }

.i-r {
  display: inline;
  float: right;
  padding: 0px 5px 0px 0px; }

.t-a-l {
  text-align: left; }

.t-a-r {
  text-align: right; }

.t-a-c {
  text-align: center; }

.my-container {
  border: 0px solid #F0F0F0;
  width: 350px;
  height: 350px; }

.imgx {
  width: auto; }

.ui-progressbar {
  position: relative; }

.progress-label {
  position: absolute;
  left: 50%;
  top: 4px;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff; }

#slider .ui-slider-range {
  background: #2F2F2F; }

#slider .ui-slider-handle {
  border-color: #2F2F2F; }

.shipto {
  background-color: #E2E2E2; }

.selectionCount {
  font-family: 'Trebuchet MS';
  font-size: 1.0em;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #FF0000;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 3px 6px 3px 6px;
  position: absolute;
  top: -150%; }

.a-btn {
  padding: .2em 6px .3em;
  display: block; }

.a-btn-text {
  position: relative;
  z-index: 1; }

/*.btn
{
    display: inline-block;
    position: fixed;
    background: none repeat scroll 0 0 #4787ed;
    color: #fff;
    width: auto;
    height: auto;
    position: fixed;
    z-index: 10;
    padding: 0.3em 5px;
}
*/
/*.btn-container
{
    line-height:15px;
}
*/
/*
.btn
{
    position: relative;
    padding: 4px 12px;
    margin: 0 5px 0 0;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    cursor: default;
    color: #999;
}


.btn
{
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #0F0F0F;
    background-repeat: repeat-x;
    border: 1px solid #2f3029;
    border-bottom: 1px solid #222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    color: #999;
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 1em;
}

.btn:hover
{
    background-color: #2d2d33;
    color: #fff !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    border: 1px solid #0F0F0F;
    border-bottom: 1px solid #222;
}
*/
.btn-red {
  color: Red;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em; }

a {
  color: #08c;
  text-decoration: none; }

a:hover {
  outline: 0; }

.gv-css {
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-collapse: separate; }

.gv-item {
  border: 1px solid gray;
  font-size: 0.9em;
  color: #000000;
  font-family: Calibri , Verdana;
  background-color: #FFFFFF; }

.gv-item td {
  padding: 0.2em 0.5em 0.4em 0.2em; }

.gv-button > a, .gv-button > input {
  display: inline-block;
  padding: 2px 12px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #0F0F0F;
  background-repeat: repeat-x;
  border: 1px solid #2f3029;
  border-bottom: 1px solid #222;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  color: #999;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.9em; }

.gv-button > a:hover, .gv-button > input:hover, .gv-button > input:active, .gv-button > input:focus {
  background-color: #2d2d33;
  color: #fff !important;
  font-family: Arial,Helvetica,sans-serif;
  border: 1px solid #0F0F0F;
  border-bottom: 1px solid #222; }

.billingDetails {
  border-collapse: separate;
  border-width: 1;
  border-color: transparent; }

.billingDetails td {
  padding: 0.2em 5px 0.2em 5px; }

.billingDetails .header {
  padding: 0.5em 5px;
  color: #ccc;
  font-family: Arial,Helvetica,sans-serif;
  vertical-align: middle;
  font-size: 1.0em;
  text-align: right;
  width: 150px;
  display: inline-block; }

.billingDetails .details {
  padding: 3px;
  color: #999;
  font-family: Arial,Helvetica,sans-serif;
  /*background-color: #2F2F2F;*/
  height: 25px;
  vertical-align: middle;
  font-size: 1.0em;
  text-align: left; }

.tbl-data {
  border: 2px solid #2F2F2F;
  width: 100%;
  background: #202020; }

.tbl-data th {
  background-color: #2F2F2F;
  padding: 3px; }

.pop-details td {
  padding: 0.5em 5px; }

.pop-head {
  padding: 0.5em 5px;
  color: #000;
  font-family: Arial,Helvetica,sans-serif !important;
  vertical-align: middle;
  font-size: 1.0em;
  text-align: right;
  width: 120px;
  display: inline-block; }

.pop-det {
  padding: 3px;
  color: #999;
  font-family: Arial,Helvetica,sans-serif !important;
  height: 25px !important;
  vertical-align: middle;
  font-size: 0.9em;
  text-align: left;
  width: 30%; }

@media screen and (min-width: 800px) and (max-width: 1024px) {
  /*
      .btn
      {
          position: relative;
          padding: 2px 6px;
          margin: 0 5px 0 0;
          white-space: nowrap;
          text-align: center;
          vertical-align: middle;
          cursor: default;
          color: #999;
      }
  
  
      .btn
      {
          display: inline-block;
          padding: 2px 6px;
          margin-bottom: 0;
          line-height: 20px;
          text-align: center;
          vertical-align: middle;
          cursor: pointer;
          background-color: #0F0F0F;
          background-repeat: repeat-x;
          border: 1px solid #2f3029;
          border-bottom: 1px solid #222;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
          -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
          color: #999;
          font-family: Arial,Helvetica,sans-serif;
          font-weight: bold;
          font-size: 1em;
      }*/
  .selectionCount {
    font-family: 'Trebuchet MS';
    font-size: 0.9em;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FF0000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 1px 4px 1px 4px;
    position: absolute;
    top: -150%; }

  .mainpagefooter {
    margin: 15px 10px 0;
    display: block; } }
.ui-widget-header {
  background: #000000 !important; }

#DIV_SHIPPING_DETAILS {
  position: relative;
  overflow: hidden; }

.pop-det input[type="text"], .pop-det select, .pop-det textarea {
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 0.2em;
  width: 100%; }

/*
input[type="text"],input[type="password"], select, textarea
{
    /*border-style: solid;
    border-width: 1px;
    border-color: inherit !important;
    font:12px Arial, Helvetica, sans-serif; 
    color:#a7a7a7; 
    background-color:#2A2A2A; */
    /*border:1px solid #2a2a2a;
    padding: 3px 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

input[type="text"]:focus,input[type="password"]:focus, select:focus, textarea:focus
{
    border: 1px solid #FF9900;
}*/
.ftr-v-head {
  padding: 0.2em 0px 0.2em 3px;
  color: #ccc;
  font-family: Arial, Helvetica, sans-serif;
  vertical-align: middle;
  font-size: 0.9em;
  font-weight: bold;
  width: 50px;
  display: inline-block;
  text-align: right; }

.ftr-v-det {
  padding: 3px;
  color: #3399FF;
  font-family: Arial, Helvetica, sans-serif;
  height: 25px;
  vertical-align: middle;
  font-size: 0.9em;
  text-align: left;
  font-weight: bold; }

.filterbox {
  padding: 3px;
  color: #ccc;
  background-color: #2F2F2F;
  vertical-align: middle;
  text-align: left; }

.newfilterbox td {
  padding: 3px; }

.ftr-det .dropdwnimgdiv {
  float: left; }

.STG {
  border-width: 1px;
  border-style: none;
  font-weight: bold;
  font-size: 11px;
  font-family: Verdana;
  background-color: #FFFFB3;
  color: #000000;
  height: 18px;
  width: 100%;
  padding: 1px; }

.bid-grid .gv-item td {
  padding: 0.1em 0.5em 0.1em 0.2em;
  white-space: nowrap;
  height: 20px;
  overflow: hidden; }

.marked {
  background-color: #99CCFF; }

.download_icon {
  list-style-type: none; }

.download_icon li {
  float: left; }

.i-c-ipad {
  padding-left: 26px;
  background: url("Images/certificat-app-store-google-play-300x130.png") no-repeat;
  background-position: -70px -80px;
  height: 100px;
  width: 100px; }

.i-c-iphone {
  background: url("Images/certificat-app-store-google-play_165_92.png") no-repeat;
  background-position: -98px 3px;
  height: 70px;
  width: 70px; }

.i-c-android {
  background: url("Images/certificat-app-store-google-play_165_92.png") no-repeat;
  background-position: 0px 3px;
  height: 70px;
  width: 70px; }

.i-c-blackberry {
  background: url("Images/blackberry-world-icon.png") no-repeat;
  background-position: 0px 3px;
  height: 58px;
  width: 65px;
  margin-left: 4px; }

.download_icon li a {
  text-decoration: none;
  font-family: "Georgia" , Times New Roman, Times, serif;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  width: 100px;
  padding-top: 11px;
  color: #535353;
  position: relative; }

.download_icon li {
  margin: 0 5px;
  border: 1px solid #2f3029;
  border-bottom: 1px solid #222;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 1px #d6d6d6;
  -moz-box-shadow: 0 1px 1px #d6d6d6;
  box-shadow: 0 1px 1px #d6d6d6;
  outline: none; }

.download_icon img {
  /*border: 2px #fff solid;*/
  outline: 0;
  display: block;
  margin: 0px;
  padding: 0px; }

.download_icon a > span {
  color: #ccc;
  text-align: center;
  width: 100%;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  padding: 0 0 0.2em 0;
  font-weight: normal;
  font-style: italic; }

.download_icon:hover, .icon-set:hover, .download_icon li:hover {
  background: #666666; }

.cssToolTip {
  background: transparent;
  width: 300px; }

.divContent {
  position: absolute;
  background-color: #000000;
  filter: alpha(opacity=80);
  opacity: 0.80;
  width: auto;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 0.9em; }

.cssToolTip .divContent {
  padding: 0.5em 0.5em 0.5em 0.7em;
  margin-left: -0.22em; }

.bid1 {
  background-color: #ccc; }

.bid2 {
  background-color: #ddd; }

.bid3 {
  background-color: #eee; }

.text-label {
  color: #808080; }

.memberof .right-b {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #666666; }

.memberof div {
  padding: 0 10px 0 10px; }

.cssloading {
  border: 1px solid #808080;
  padding-top: 35px;
  visibility: visible;
  vertical-align: middle;
  background-color: #F4F4F4;
  color: #FF0000;
  font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  position: fixed;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFF), to(#291A49));
  background: -webkit-radial-gradient(circle, #FFF, #291A49);
  background: -moz-radial-gradient(circle, #FFF, #291A49);
  background: -ms-radial-gradient(circle, #FFF, #291A49); }

.sub-block-a > table, .sub-block-b > table {
  border: 1px solid #ccc;
  width: 100%;
  border-collapse: collapse; }

.sub-block-a > table th, .sub-block-b > table th {
  padding: 0.5em 0.6em;
  color: #FFFFFF;
  border: 1px solid #ccc;
  background-color: #333333;
  font-size: 0.8em; }

.sub-block-a > table td, .sub-block-b > table td {
  padding: 0.5em 0.6em;
  color: Blue;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center; }

.sub-block-size {
  color: #0066FF; }

.cssquick-color {
  font-size: 1.5em;
  /*font-weight: bold;*/
  text-align: center; }

/*.DEF
{
    background: rgba(255,255,255,1);
    background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,240,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFC6', GradientType=0 );
}

.GHI
{
    background: rgba(255,255,239,1);
    background: linear-gradient(top, rgba(255,255,239,1) 0%, rgba(255,255,230,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,239,1) 0%, rgba(255,255,230,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,239,1) 0%,rgba(255,255,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFCC', endColorstr='#FFFFB0', GradientType=0 );
}*/
.DEF_row, .GHI_row, .JK_row, .LMN_row, .O-Z_row, .FANCY_row {
  border-top-width: 2px;
  border-top-color: #3399FF;
  border-top-style: solid; }

/*.cssquick-clarity
{
    border-right-width: 2px;
    border-right-color: #3399FF;
    border-right-style: solid;
}*/
/*.JK
{
    background: rgba(255,255,229,1);
    background: linear-gradient(top, rgba(255,255,229,1) 0%, rgba(255,255,220,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,229,1) 0%, rgba(255,255,220,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,229,1) 0%,rgba(255,255,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFB0', endColorstr='#FFFF9F', GradientType=0 );
}

.LMN
{
    background: rgba(255,255,219,1);
    background: linear-gradient(top, rgba(255,255,219,1) 0%, rgba(255,255,210,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,219,1) 0%, rgba(255,255,210,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,219,1) 0%,rgba(255,255,210,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF66', endColorstr='#FFFF91', GradientType=0 );
}

.O-Z
{
    background: rgba(255,255,209,1);
    background: linear-gradient(top, rgba(255,255,209,1) 0%, rgba(255,255,100,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,209,1) 0%, rgba(255,255,100,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,209,1) 0%,rgba(255,255,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF99', endColorstr='#FFFF7D', GradientType=0 );
}

.FANCY
{
    background: rgba(245,233,10,1);
    background: -moz-linear-gradient(top, rgba(245,233,10,1) 0%, rgba(245,233,10,1) 21%, rgba(17,250,5,1) 46%, rgba(255,153,127,1) 73%, rgba(255,26,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,233,10,1)), color-stop(21%, rgba(245,233,10,1)), color-stop(46%, rgba(17,250,5,1)), color-stop(73%, rgba(255,153,127,1)), color-stop(100%, rgba(255,26,0,1)));
    background: -webkit-linear-gradient(top, rgba(245,233,10,1) 0%, rgba(245,233,10,1) 21%, rgba(17,250,5,1) 46%, rgba(255,153,127,1) 73%, rgba(255,26,0,1) 100%);
    background: -o-linear-gradient(top, rgba(245,233,10,1) 0%, rgba(245,233,10,1) 21%, rgba(17,250,5,1) 46%, rgba(255,153,127,1) 73%, rgba(255,26,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(245,233,10,1) 0%, rgba(245,233,10,1) 21%, rgba(17,250,5,1) 46%, rgba(255,153,127,1) 73%, rgba(255,26,0,1) 100%);
    background: linear-gradient(to bottom, rgba(245,233,10,1) 0%, rgba(245,233,10,1) 21%, rgba(17,250,5,1) 46%, rgba(255,153,127,1) 73%, rgba(255,26,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e90a', endColorstr='#ff1a00', GradientType=0 );
}*/
.cssquick-clarity {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center; }

.awht {
  /*background-color: #CCFFFF;*/ }

.grp > td {
  background-color: #E1E1E1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  border-bottom: 1px solid #333333;
  padding: 0.3em 30%; }

.icon-sightholder {
  background: url("Images/sightholder_logo.png") no-repeat;
  width: 167px;
  height: 65px; }

.icon-forevermark {
  background: url("Images/FM_logo.png") no-repeat;
  width: 167px;
  height: 65px;
  margin: 5px 0px 0 10px; }

.icon-alrosa {
  background: url("Images/ALROSA-COLOR.png") no-repeat;
  width: 65px;
  height: 65px;
  margin: 5px 0px 0 10px; }

.ContactsTr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.92em;
  color: #666666;
  padding-left: 5px;
  text-align: left;
  vertical-align: middle; }

.compname {
  font-weight: bold; }

.i-skype {
  content: url("Images/Skype/skype-blue-30.png");
  background: url(Images/Skype/skype-blue-30.png) no-repeat;
  width: 30px;
  height: 30px; }

.skype_caption {
  color: #00aff0;
  font-family: Verdana;
  font-size: small;
  font-weight: bold;
  text-decoration: none; }

.skype_caption:hover {
  color: #666; }

.skype_caption:hover > img {
  content: url("Images/Skype/skype-blk-30.png");
  background: url(Images/Skype/skype-blk-30.png) no-repeat;
  width: 30px;
  height: 30px; }

.c-skype-contact {
  width: 99.9%;
  padding-top: 1em; }

.c-skype-contact .list {
  padding: 4px 2px; }

.c-skype-contact .list > div {
  /*padding: 5px 10px;      */
  width: 15%;
  min-width: 105px; }

.contact-email {
  color: #FF4500;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none; }

.office-details tr > td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #666666;
  padding-left: 2px;
  text-align: left;
  vertical-align: middle; }

.css-flag {
  width: 45px; }

.mainpagefooter {
  padding: 10px 30px 0;
  display: block; }

.ic_play_pause {
  float: left;
  position: absolute;
  width: 25px;
  height: 25px;
  border: 1px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #d6d6d6;
  -moz-box-shadow: 0 1px 1px #d6d6d6;
  box-shadow: 0 1px 1px #d6d6d6;
  background: #f4f4f4;
  margin: 5px 5px;
  z-index: 10001; }

.ic_play_pause span {
  position: absolute;
  top: 0px;
  text-align: center;
  left: 0px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  line-height: 20px;
  color: #333333; }

.ic_play_pause span.play {
  background-image: url("/App_Themes/DefaultTheme/Images/arrow-39-24.png");
  background: url("/App_Themes/DefaultTheme/Images/arrow-39-24.png");
  background-repeat: no-repeat; }

.ic_play_pause span.pause {
  background-image: url("/App_Themes/DefaultTheme/Images/pause-24.png");
  background: url("/App_Themes/DefaultTheme/Images/pause-24.png");
  background-repeat: no-repeat; }

.main_loginrow {
  background-color: #2F2F2F;
  display: inline-block;
  margin: 5px 0px;
  padding: 10px 0px;
  vertical-align: top;
  zoom: 1;
  *display: inline; }

.main_loginpart {
  display: inline-block;
  float: right;
  padding-right: 40px; }

.main_certpart {
  display: inline-block;
  padding-left: 40px;
  margin-top: 20px; }

.HO {
  background-color: #FFB9B9; }

.MO {
  background-color: #00FFFF; }

.MyCalendar .ajax__calendar_container {
  border: 1px solid #646464;
  background-color: #FFFACD;
  color: #FF0000;
  z-index: 100;
  position: absolute; }

.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
  color: black; }

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
  color: black; }

.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
  color: black;
  font-weight: bold; }

.default hr {
  margin-top: 5px;
  margin-bottom: 5px; }

.view_cert {
  padding: 10px 0 10px 0; }

.main-b {
  margin-top: 5px;
  margin-bottom: 75px; }

.li_client {
  padding: 6px; }

#navbar-collapse-1 > .navbar-right {
  margin-right: 0px !important; }

.login_main {
  padding: 4px 0px 8px 0px; }

.lang {
  margin-left: 25px;
  margin-top: 2px; }

.lang > .nav > li > a {
  padding: 5px 10px !important;
  color: #000;
  font-size: 12px; }

.lang > .nav-pills > li.active > a {
  background-color: #f8cbdf !important; }

@media all and (max-width: 768px) {
  h4, .h4 {
    font-size: 14px !important; }

  .social_media {
    margin-top: 7px;
    border-top: 1px solid #000; }

  /*.navbar-collapse.collapse {
      display: none;
  }*/
  .navbar-header ul.list-inline {
    margin-bottom: 0px; }

  /*.navbar-toggle
  {
      margin-top: 0px;
      margin-bottom: 0px;
  }*/
  .navbar-toggle .icon-bar {
    background-color: #ffffff; }

  .main-menu-x {
    padding-top: 5px;
    padding-bottom: 5px; }

  .view_cert {
    padding: 5px 0 5px 0; }

  .panel-body {
    padding: 5px; }

  hr {
    margin-top: 5px;
    margin-bottom: 5px; }

  .padding-xs {
    padding-top: 10px; }

  #rdColorType > li {
    width: 48%; }

  .li_client {
    padding: 0px;
    float: left !important; }

  .ftr-head1 {
    margin-bottom: 1px !important; }

  #shapewrapper .selectBtn {
    margin: 0 0 3px 6px; }

  .login_main {
    padding: 10px 0px 2px 0px; }

  .lang {
    float: right !important;
    margin-right: -5px !important;
    margin-top: -3px !important; } }
#txtStoneId {
  width: 150px; }

footer.sticky-footer {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 110px);
  height: 80px;
  background-color: #e9ecef; }
  footer.sticky-footer .copyright {
    line-height: 1;
    font-size: 0.8rem; }
  @media (min-width: 768px) {
    footer.sticky-footer {
      width: calc(100% - 110px); } }

body.sidebar-toggled footer.sticky-footer {
  width: 100%; }
@media (min-width: 768px) {
  body.sidebar-toggled footer.sticky-footer {
    width: calc(100% - 110px); } }

html,
body {
  /*overflow-x: hidden;*/
  height: 100%;
  /*@include gradient($direction: right top, $from: $pink, $to: $cyan);*/
  background-image: linear-gradient(to right top, #909090, #b0b5a8);
  /*background-image: linear-gradient(rgba(226,226,226,0.9) 10%, rgba(226,226,226,0.9) 70%); */
  /*font-family: 'Montserrat', sans-serif;*/ }
  html.body_bg,
  body.body_bg {
    /*@include gradient($direction: right top, $from:  rgba($pink,0.5), $to: rgba($cyan,0.5));*/ }

.header-nav a {
  color: #000;
  text-decoration: none;
  font-weight: 600; }

a {
  color: #000;
  transition: all 1s ease-in-out; }
  a:hover {
    text-decoration: none !important;
    color: #41e1ff !important; }

.headermenu .nav-tabs > li > a {
  border-radius: 0px; }

.headermenu .nav-tabs > li.active > a {
  background-color: rgba(11, 28, 77, 0.9);
  color: #f97210; }

.headermenu .nav-tabs > li > a {
  padding: 8px 15px; }

/*

.headermenu
{
    width: 100%;
    border-bottom: 1px solid #ccc; 
    
}

.headermenu ul
{
    list-style-type: none;
    margin: 0px 0px 0 0px;
    padding:5px 0px 0 20px;
}

.headermenu ul li
{
    float: left;
}


.headermenu .menuBtn
{
    padding: 0px;
    border: 0px;
    min-height: 1px;
    display: inline-block;
    float: left;
    margin: 0 0 8px 25px;    
        
}
*/
.headermenu .menuBtn {
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #d6d6d6;
    -moz-box-shadow: 0 1px 1px #d6d6d6;
    box-shadow: 0 1px 1px #d6d6d6; 
*/
  /*background: #f4f4f4;*/
    /*margin: 0 0 12px 16px;
    border-bottom: 1px solid #CC3300;
*/ }

.headermenu li > a {
  /*padding: 0.1em 0.1em;
  display: block;
  text-align: center;
  cursor: pointer;
  line-height: 20px;*/
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif; }

.headermenu li > a:hover {
    /*background-color: #EBEBEB;
    border: 1px solid #0F0F0F;
    border-bottom: 1px solid #222;
*/ }

.headermenu li a:hover {
  color: #CC3300;
  font-style: italic; }

#content-wrapper .breadcrumb {
  background-color: #cdf6ff;
  border-radius: 0px;
  margin-bottom: 0.1rem; }
  #content-wrapper .breadcrumb .breadcrumb-item {
    color: #000;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    font-size: 21px;
    /*&:after {
       position: absolute;
       @include gradient($direction: right top, $from: $cyan, $to: $pink);
           height: 2px;
           width: 155px;
           content: '';
           bottom: -0.90rem;
           left: -1rem;
    }*/ }
  #content-wrapper .breadcrumb a {
    color: #000;
    text-decoration: none; }
#content-wrapper .navbar-nav li {
  border-right: solid 1px #e9ecef;
  display: flex;
  align-items: center;
  padding: 0 13px; }
  @media screen and (max-width: 767px) {
    #content-wrapper .navbar-nav li {
      padding: 0; } }
  #content-wrapper .navbar-nav li:last-child {
    border-right: solid 0px #adb5bd; }
  #content-wrapper .navbar-nav li i {
    color: #000;
    font-size: 33px;
    transition: all 0.2s ease-in-out; }
    #content-wrapper .navbar-nav li i:hover {
      color: pink; }
    @media screen and (max-width: 767px) {
      #content-wrapper .navbar-nav li i {
        font-size: 14px; } }
  #content-wrapper .navbar-nav li .imgprofile {
    width: 57px; }
    @media screen and (max-width: 767px) {
      #content-wrapper .navbar-nav li .imgprofile {
        width: 35px; } }
  #content-wrapper .navbar-nav li .texttitle span {
    line-height: -10px !important;
    vertical-align: 2px; }
    @media screen and (max-width: 767px) {
      #content-wrapper .navbar-nav li .texttitle span {
        font-size: 10px;
        align-items: center;
        display: flex;
        vertical-align: middle; } }

#sidebarToggle {
  display: none; }
  @media screen and (max-width: 767px) {
    #sidebarToggle {
      display: block; }
      #sidebarToggle i {
        color: #000;
        font-size: 20px;
        position: absolute;
        z-index: 99999;
        right: 13px;
        vertical-align: 2px;
        bottom: 20px; } }

.bg {
  padding: 20px; }
  @media screen and (max-width: 767px) {
    .bg {
      padding: 10px; } }

.Buyblock h2 {
  color: #fe97d1;
  font-size: 70px;
  font-weight: 700; }
  @media screen and (max-width: 1024px) {
    .Buyblock h2 {
      font-size: 50px; } }
.Buyblock h4 {
  color: #000;
  font-size: 20px;
  margin: 0;
  font-weight: 700; }
  @media screen and (max-width: 1024px) {
    .Buyblock h4 {
      font-size: 17px; } }
.Buyblock p {
  font-size: 14px; }

.StockSummaryblock {
  position: relative; }
  .StockSummaryblock:before {
    content: '\e908';
    font-family: 'rgd' !important;
    background-image: linear-gradient(to bottom left, #41e1ff, #fe97d1);
    background: -ms-linear-gradient(top, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 110px;
    position: relative;
    left: 0;
    right: 0; }
  .StockSummaryblock i {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 35px;
    vertical-align: middle;
    align-items: center;
    top: 58px;
    color: #fe97d1; }
  .StockSummaryblock h4 {
    color: #000;
    font-size: 15px;
    margin: 0;
    font-weight: 700; }
    @media screen and (max-width: 1024px) {
      .StockSummaryblock h4 {
        font-size: 17px; } }
  .StockSummaryblock p {
    font-size: 12px;
    color: #000; }

/*table{
    
       thead{
           th{
              background-color:rgba($cyan,0.4);
              text-transform: uppercase;
          }
       }
        tbody{
          tr{
              &:nth-of-type(odd){
                 background-color:rgba($cyan,0.1)!important;
                 text-transform: uppercase;
                 font-size: 12px;
              }
               &:nth-of-type(even){
                 background-color:rgba($pink,0.1)!important;
                 text-transform: uppercase;
                  font-size: 12px;
              }
          }
        }
         tfoot{
           th{
              background-color:rgba($pink,0.4);
          }
       }
       &.table-responsive{
         display: inline-table;
          @media screen and (max-width: 1024px){
                display: block;
          }
       }
}*/
footer span {
  font-size: 12px;
  font-weight: normal; }
footer a {
  color: #000; }

.card-register .card-header {
  font-size: 30px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: 1.5px; }

@media (max-width: 768px) {
  .card-register .card-header {
    font-size: 24px; }

  .register-logo {
    width: 80px; } }
.round-loupe {
  border-radius: 75px;
  border: 2px Solid #f0f0f0; }

.custom-Radius {
  border-radius: 20px; }

/*
.custom-Radius-top-left-right{
  border-top-left-radius:20px;
  border-top-right-radius:20px;
}
.custom-Radius-bottom-left-right{
     border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
*/
.mainSec {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.8); }

/*.segoma_view {
  padding-top: 79.36507936507937%;
  position:relative;
  
  iframe {
    position: absolute;
    left: 0;
    top: 0;

  }
}*/
@media screen and (min-width: 991px) and (max-width: 1024px) {
  main section.contactus-section .row-eq-height {
    margin-bottom: 30px; }
    main section.contactus-section .row-eq-height .contact-box .rightaddress p {
      padding-left: 41px; } }
.contactus-section .contact-box {
 /*border-radius: 5px;
 border: 1px solid rgba($cyan, 0.5);
 background:$white;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.50);
 -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.50);
 box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.50);  
 padding: 30px 20px;*/
  float: left;
  height: 100%; }
  .contactus-section .contact-box .rightaddress {
    width: 100%;
    float: left; }
    .contactus-section .contact-box .rightaddress i {
      font-size: 30px;
      border-radius: 100%;
      padding: 0px;
      width: 55px;
      margin-right: 15px;
      height: 55px;
      line-height: 55px;
      text-align: center;
      background: #d5edfc; }
    .contactus-section .contact-box .rightaddress h5 {
      line-height: 55px; }
    .contactus-section .contact-box .rightaddress p {
      line-height: normal;
      font-size: 16px;
      width: 100%;
      padding-bottom: 0px;
      padding-left: 75px; }
      .contactus-section .contact-box .rightaddress p a {
        color: #41e1ff; }

@media (min-width: 768px) {
  footer ul {
    list-style: none; }
    footer ul li {
      float: left;
      padding-left: 30px; } }
footer ul {
  list-style: none; }
  footer ul li {
    float: left;
    padding-left: 15px; }
    footer ul li a {
      color: #fff;
      text-transform: uppercase;
      font-weight: 300;
      letter-spacing: 2px;
      padding: 10px 5px; }
      footer ul li a:hover {
        color: #333333;
        background: #759245;
        text-center: center;
        border-radius: 0.25rem; }
      footer ul li a i {
        font-size: 24px;
        font-weight: bold;
        vertical-align: middle; }
  footer ul.social-icon li a {
    transition: all 2s; }
    footer ul.social-icon li a:hover {
      letter-spacing: 3px;
      border-radius: 100%;
      background: #759245; }

.validators {
  /*font-family: "verdana";*/
  color: red;
  font-size: smaller;
  display: none; }

/*side menu*/
.side-bar {
  background: #ffffff;
  position: absolute;
  height: 100%;
  width: 200px;
  color: #000;
  /*transition: margin-left 0.5s;*/
  transition: all 0.5s  ease-in-out; }
  .side-bar ul {
    list-style: none;
    padding: 0px; }
    .side-bar ul li .menu-head {
      font-family: 'Lato', sans-serif;
      /* padding: 20px; */
      /* padding-top: 20px; */
      padding-bottom: 50px;
      /* padding-left: 20px; */
      padding-right: 20px; }

.side-bar ul li.menu-head a {
  color: #000000;
  text-decoration: none;
  height: 50px; }

.side-bar ul .menu-head a {
  color: #b0d671;
  text-decoration: none;
  height: 50px; }

.side-bar ul .menu li a {
  background-color: #fff;
  color: #000000;
  text-decoration: none;
  display: inline-table;
  width: 100%;
  /*padding-left:20px;
  padding-right:20px;
  padding-top:1px;
  padding-bottom:1px; darken($sidebar-tab-color,8)*/
  border-bottom: 1px solid #51692a;
  transition: all 0.2s ease-in-out; }
  .side-bar ul .menu li a.active {
    background: #80af32;
    /*border-left:3px solid #ECECEA;*/
    color: #4f298e;
    padding-left: 17px; }
  .side-bar ul .menu li a:hover {
    /*border-left:3px solid #ECECEA;*/ }
  .side-bar ul .menu li a.active, .side-bar ul .menu li a:hover {
    -ms-transform: scale(1.01);
    /* IE 9 */
    -webkit-transform: scale(1.01);
    /* Safari 3-8 */
    transform: scale(1.01);
    color: #fe97d1 !important;
    box-shadow: 0px 1px 13px 4px rgba(0, 0, 0, 0.1);
    /*width: 115px*/
    background: #fff; }
  .side-bar ul .menu li a label {
    font-size: 15px;
    line-height: normal;
    font-weight: 500; }

.side-bar ul .menu li a.active .nav-icon {
  background: #80af32;
  box-shadow: 0px 1px 13px 4px rgba(0, 0, 0, 0.1); }

.side-bar ul .menu li a.active:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 15px solid #000;
  margin-top: 3px;
  margin-left: 183px; }

.nav-icon {
  /*position: relative;*/
  width: 54px;
  min-height: 50px;
  float: left;
  background: #b0d671;
  text-align: center;
  vertical-align: center; }
  .nav-icon i {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0.5rem;
    font-size: 35px; }

.nav-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px; }

.nav-text {
  margin-top: 15px;
  margin-left: 10px; }

.content {
  padding-left: 200px;
  transition: padding-left 0.5s; }

.active > .side-bar {
  margin-left: -150px;
  transition: margin-left 0.5s; }

@media (max-width: 768px) {
  .side-bar {
    display: none; }

  .active > .content {
    padding-left: 0px;
    transition: padding-left 0.5s; }

  .no-300 {
    display: none; } }
@media (min-width: 768px) {
  .active > .content {
    padding-left: 50px;
    transition: padding-left 0.5s; } }
.pull-right {
  float: right !important; }

/*side menu end*/
.btn {
  border-radius: 1.0rem; }

@media (max-width: 768px) {
  .btn {
    padding: .375rem .55rem;
    font-size: 0.90rem; } }
.btn-primary {
  transition: all 1s ease-in-out;
  border-radius: 40px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border: none;
  letter-spacing: 0.4px;
  background-size: 200% auto;
  /*background-image: linear-gradient(to right, $cyan 0%, $pink 51%, $cyan 100%);*/
  height: 50px;
  line-height: 40px; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-position: right center;
    color: #000;
    /* background-image: linear-gradient(to right, $cyan 0%, $pink 51%, $cyan 100%) !important; */ }

.btn-secondary {
  transition: all 1s ease-in-out;
  border-radius: 40px;
  /*font-size:16px;
  font-weight: bold;
  /*text-transform: uppercase;
  border:none;
  letter-spacing: 0.4px;
  height: 50px;
  line-height: 40px;*/ }

header {
  background: #fff;
  /*height:100px;*/
  transition: all 0.5s ease-in-out; }
  header .navbar {
    padding-top: 0;
    padding-bottom: 0; }
    header .navbar li {
      /*height: 100px;*/
      padding: 0 12px; }
      header .navbar li a {
        /*color:$darkgray;*/
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px; }
        header .navbar li a:hover {
          /*color: $darkgray;
          background:$lightblue;*/
          text-center: center;
          border-radius: 0.25rem; }
      header .navbar li.logo {
        position: relative;
        z-index: 9999;
        top: 15px; }
        header .navbar li.logo a:hover {
          color: #333333;
          background: transparent;
          border-radius: 0px; }
        header .navbar li.logo img {
          transition: all 0.5s ease-in-out;
          max-width: 215px;
          width: auto; }
      header .navbar li.active a {
        color: #333333;
        background: #759245;
        text-center: center;
        border-radius: 0.25rem; }
      header .navbar li .dropdown-menu {
        /*min-width: 100%; 
        width: 100%;*/
        position: absolute;
        transition: all 0.2s ease-in-out;
        height: 0;
        top: 100%;
        display: block;
        opacity: 0;
        visibility: hidden;
        background-color: #759245;
        background-image: url("../images/dropmenu_bg.png");
        background-position: 100% 100%;
        background-repeat: no-repeat;
        border-radius: 0px;
        margin: 0;
        border: none;
        background-size: cover;
        -webkit-box-shadow: -1px 18px 33px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: -1px 18px 33px 5px rgba(0, 0, 0, 0.4);
        box-shadow: -1px 18px 33px 5px rgba(0, 0, 0, 0.4); }
        header .navbar li .dropdown-menu a {
          width: 100%;
          float: left;
          font-weight: 300;
          font-size: 13px;
          text-transform: unset;
          margin-bottom: 10px; }
        header .navbar li .dropdown-menu .drop_tital {
          position: relative;
          font-size: 13px;
          font-weight: 700;
          text-transform: uppercase; }
          header .navbar li .dropdown-menu .drop_tital:before {
            position: absolute;
            bottom: -10px;
            content: "";
            border-bottom: 2px solid #fff;
            width: 100px; }
    header .navbar .resp-logo {
      display: none; }
    @media (max-width: 991px) {
      header .navbar .bar1, header .navbar .bar2, header .navbar .bar3 {
        width: 35px;
        height: 5px;
        background-color: #333333;
        margin: 6px 0;
        transition: all 0.5s ease-in-out; }
      header .navbar .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px); }
      header .navbar .change .bar2 {
        opacity: 0; }
      header .navbar .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -6px);
        transform: rotate(45deg) translate(-9px, -6px); }
      header .navbar .resp-logo {
        display: block;
        transition: all 0.5s ease-in-out; }
        header .navbar .resp-logo img {
          width: 160px; }
      header .navbar .navbar-collapse {
        background: #fff;
        z-index: 99;
        right: 0;
        width: 0px;
        position: absolute;
        top: 100%;
        margin-top: -2px;
        transition: all 0.2s ease-in-out; }
      header .navbar .navbar-collapse.show {
        width: 300px;
        transition: all 0.5s ease-in-out;
        height: 100vh;
        right: 0;
        z-index: 99;
        overflow: auto; }
        header .navbar .navbar-collapse.show .navbar-nav {
          margin-bottom: 100px; }
          header .navbar .navbar-collapse.show .navbar-nav .dropdown {
            position: relative; }
            header .navbar .navbar-collapse.show .navbar-nav .dropdown:before {
              position: absolute;
              top: 50%;
              right: 10px;
              content: "\e901";
              font-family: 'rgd';
              font-size: 14px;
              transform: translateY(-50%);
              transition: all 0.5s ease-in-out; }
          header .navbar .navbar-collapse.show .navbar-nav a {
            width: 100%;
            white-space: normal;
            padding: 10px 15px; }
            header .navbar .navbar-collapse.show .navbar-nav a.btn-outline-dark-blue {
              margin: 8px 14px; } }
  header li.dropdown:hover .dropdown-menu {
    opacity: 1;
    height: auto;
    visibility: visible; }
  header .navbar-nav {
    position: static; }
    header .navbar-nav .navbar {
      position: static; }
  header .dropdown {
    position: static; }
  header.fixed-me {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
    header.fixed-me .navbar li {
      height: 80px;
      transition: all 0.5s ease-in-out; }
      header.fixed-me .navbar li.logo {
        top: 0px;
        transition: all 0.5s ease-in-out; }
        header.fixed-me .navbar li.logo img {
          max-width: 125px;
          transition: all 0.5s ease-in-out; }
    @media (max-width: 991px) {
      header.fixed-me .navbar .resp-logo img {
        width: 120px;
        transition: all 0.5s ease-in-out; } }

button:focus {
  outline: none; }

/* floating label start*/
.ffl-wrapper {
  position: relative;
  display: block;
  padding-top: 1rem;
  margin-top: 0.4rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }
  .ffl-wrapper .ffl-label {
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transition-delay: 0s;
    position: absolute;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    top: 0.7rem; }
  .ffl-wrapper.ffl-floated .ffl-label {
    top: 0; }

.ffl-label {
  color: #909090;
  line-height: 1.2;
  padding-left: 3px; }
  .ffl-floated .ffl-label {
    color: #0289f3;
    font-size: 0.75rem; }

.card-register input[type="text"], .card-register input[type="password"],
.card-register textarea,
.card-register select {
  transition: border-bottom 100ms ease;
  display: block;
  width: 100%;
  padding-top: 0;
  padding-left: 4px;
  padding-bottom: 0;
  padding-right: 0;
  /*margin-bottom: 1rem;*/
  box-shadow: none;
  appearance: none;
  outline: none;
  background-color: transparent;
  border-style: none;
  /*bottom: {
      width: 1px;
      style: solid;
      color: $input-border-color;
  }*/
  height: 1.875rem; }
  .card-register input[type="text"]:hover, .card-register input[type="password"]:hover,
  .card-register textarea:hover,
  .card-register select:hover {
    border-bottom-width: 1px;
    border-bottom-color: #909090; }
  .card-register input[type="text"]:focus, .card-register input[type="password"]:focus,
  .card-register textarea:focus,
  .card-register select:focus {
    border-bottom-width: 1px !important;
    border-bottom-color: #0289f3 !important; }
.card-register textarea {
  resize: none;
  min-height: 1.875rem; }
.card-register label > span {
  color: #cccccc; }

/* floating label end*/

/*# sourceMappingURL=sb-admin.css.map */