/* open-sans-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); 
}
.topPadding{padding-top:2.75rem;}
#errorDiv{color:#f00;display:none;padding:1rem;}
.has-error{color:#f00;}
.hidden{display:none;}
.prelogin{height : calc(100vh - 72px);}
.cover{ background: url("/images/bg.jpg"); background-color:rgba(255,255,255,1); background-position: center;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;background-position: center;  background-repeat: no-repeat; background-size: cover;}
.navbar{padding:0px; margin:0px;}
.navbar-nav .nav-item{white-space: nowrap;padding:6px 4px;}
.krystallogo{width:28px;}
.dropdown-main{
	max-height: 36rem;
	overflow: auto;
}
.actions{
	width:12px;
}
table.hitlist td,th{white-space: nowrap;}  
input.search{border: 1px solid #ccc; padding:4px;}
input.search:focus {  
	border-color: #220022;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(50, 0, 50, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(50, 0, 50, 0.25);
}
.message{background: rgba(225,225,225,0.2); color:#333; padding:8px; border:1px solid #ccc; margin-bottom:8px; border-radius: 8px;}
.textareacontent{white-space: pre-wrap;}
.img-icon{margin:0px 4px 0px 0px; border:0px;}
.highlight { background-color: yellow }
.no-sort::after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; }
.scrolldiv{overflow: auto; overflow-y: auto;  overflow-x: hidden; max-height:550px; }
.bulkUploadForm{border:0px;padding:0px;margin:0px;}
.bgimage{background:url('/images/bg.jpg');}
#controlPanelTable{width:100%;}
#controlPanelTable th{color: #660066;}
table.dataTable span.highlight { background-color: #FFFF88;}
.profile{
	position: relative;
}
.profile-image{
  display: block;
  height: auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #d0d0d0;
}
.profile:hover .overlay {
  opacity: 1;
}

.profile-pic-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
  
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  *display: inline;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
 
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility:hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
  transform:translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}
#hpStorageCount .odometer-value{
	line-height: 0.9rem;
}

/*Rate it CSS */
.rateit {
    display: -moz-inline-box;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.rateit .rateit-range
{
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
    background: url(/images/star.gif);
    height: 16px;
    outline: none;
}

.rateit .rateit-range * {
    display:block;
}

/* for IE 6 */
* html .rateit, * html .rateit .rateit-range
{
    display: inline;
}

/* for IE 7 */
* + html .rateit, * + html .rateit .rateit-range
{
    display: inline;
}

.rateit .rateit-hover, .rateit .rateit-selected
{
    position: absolute;
    left: 0px;
}

.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl
{
    left: auto;
    right: 0px;
}

.rateit .rateit-hover
{
    background: url(/images/star.gif) left -32px;
}

.rateit .rateit-hover-rtl
{
    background-position: right -32px;
}

.rateit .rateit-selected
{
    background: url(/images/star.gif) left -16px;
}

.rateit .rateit-selected-rtl
{
    background-position: right -16px;
}

.rateit .rateit-preset
{
    background: url(/images/star.gif) left -48px;
}

.rateit .rateit-preset-rtl
{
    background: url(/images/star.gif) left -48px;
}

.rateit button.rateit-reset
{
    background: url(/images/delete.gif) 0 0;
    width: 16px;
    height: 16px;
    display: -moz-inline-box;
    display: inline-block;
    outline: none;
    border:none;
    padding: 0;
}

.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus
{
    background-position: 0 -16px;
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.preloader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/images/loading-gif.gif) center no-repeat #fff;
}
#tree li{font-size:13px;font-weight: normal;}
li{list-style:none;}
ul {list-style: none;padding-left: 0px;margin: 0px;}
#divProductDetail li:first-child {margin-top: 3px;margin-left: 15px;}
#operateGrp li{display: inline;}
#operateGrp li { margin: 21px; width: 60px; height: 57px; line-height: 52px; text-align: center; }
#operateGrp li > img { cursor: pointer; }

.typeahead > li{padding:8px;}
.mention_name{font-size:14px; margin-left:10px;}
.mention_username{font-size:14px;color:#d32a0e;}
.active .mention_username{color:#F04124;}
.input-group>.twitter-typeahead {
     position: relative;
     -ms-flex: 1 1 auto;
     -webkit-box-flex: 1;
     flex: 1 1 auto;
     width: 1%;
     margin-bottom: 0;
 }
 .input-group>.twitter-typeahead:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .input-group>.twitter-typeahead>.tt-input {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
 .form-control.tt-input:focus {
     z-index: 3;
     
 }
.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 3px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 6px 9px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #330033;
    background-image: -moz-linear-gradient(top, #330033, #330033);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#330033), to(#330033));
    background-image: -webkit-linear-gradient(top, #330033, #330033);
    background-image: -o-linear-gradient(top, #330033, #330033);
    background-image: linear-gradient(to bottom, #330033, #330033);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff330033', endColorstr='#ff330033', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}
.tt-dropdown-menu {width: 100%;}
.tt-hint {width: 100%;}

 .zonalcontainer {
	position: relative;
	background-image: linear-gradient(to bottom right, #000000, #cccccc);
	overflow:auto;
}
#container{
	position: relative;
}
#imageTemp {
	position: absolute;
	top: 1px;
	left: 1px;
}

.tribute-container ul {
  margin: 0;
  margin-top: 2px;
  padding: 0;
  list-style: none;
  background: #fff;
  border:1px solid #ccc;
}
.tribute-container li {
  padding: 2px 4px;
  cursor: pointer;
}
.tribute-container li.highlight {
  background: #330033;
  color:#fff;
}
.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}