/* ========================public =============================== */
/* Vertical align */
.valign-top {
  vertical-align: top !important;
}
.valign-middle {
  vertical-align: middle !important;
}
.valign-bottom {
  vertical-align: bottom !important;
}
/* Misc */
.bradius0 {
  border-radius: 0px !important;
}
.bdr0 {
  border-width: 0px !important;
}

.bdr-t-0 {
  border-top-width: 0px !important;
}
.bdr-b-0 {
  border-bottom-width: 0px !important;
}
.bdr-l-0 {
  border-left-width: 0px !important;
}
.bdr-r-0 {
  border-right-width: 0px !important;
}
.noshadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.dis-none {
  display: none;
}

.m-t-5{ margin-top: 5px !important;}
.m-b-5{ margin-bottom: 5px !important;}
.m-l-5{ margin-left: 5px !important;}
.m-r-5{ margin-right: 5px !important;}
.p-t-5{ padding-top: 5px !important;}
.p-b-5{ padding-bottom: 5px !important;}
.p-l-5{ padding-left: 5px !important;}
.p-r-5{ padding-right: 5px !important;}

.underline{
	text-decoration: underline;
}

.underline.disabled{text-decoration: none; cursor:not-allowed; -webkit-opacity: 0.5; opacity: 0.5;}

.loadtext{
	margin-bottom: 0;
	padding-bottom: 6px;
  padding-top: 6px;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
}

.content-lang{
  min-height: 900px;overflow-y: auto;height: 900px;
}

.alert a.text-danger{ color: #a94442;}

/* Font Size
-------------------------------*/
.fsize12 {
  font-size: 12px;
}
.fsize14 {
  font-size: 14px;
}
.fsize16 {
  font-size: 16px;
}
.fsize18 {
  font-size: 18px;
}
.fsize20 {
  font-size: 20px;
}
.fsize24 {
  font-size: 24px;
}
.fsize32 {
  font-size: 32px;
}
.fsize48 {
  font-size: 48px;
}
.fsize64 {
  font-size: 64px;
}
.fsize80 {
  font-size: 80px;
}
.fsize96 {
  font-size: 96px;
}
.fsize112 {
  font-size: 112px;
}
.fsize128 {
  font-size: 128px;
}

.pct60{ width:60%;}
.pct50{ width:50%;}
.pct40{ width:40%;}
.pct30{ width:30%;}
.pct20{ width:20%;}
.pct15{ width:15%;}
.pct16{ width:16%;}
.pct12{ width:12%;}
.pct10{ width:10%;}
.pct8{ width:8%;}
.pct6{ width:6%;}
.pct4{ width:4%;}
.pct2{ width:2%;}

/* table */
.table .photo{ -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;display: block;height: 60px; margin: 0 auto;position: relative;text-align: center;vertical-align: middle;width: 60px;}
.table .photo:hover{-webkit-box-shadow: 0 0 0 1px #319db5; box-shadow: 0 0 0 1px #319db5;}
.table .photo span{display: inline-block;height: 100%;vertical-align: middle;}
.table .photo img{max-height: 100%;max-width:100%;vertical-align: middle;overflow:hidden;}

.table .photo.photo-large{width: 80px; height: 80px; border: 1px solid #d2d2d2;}

.table .photo-group{ overflow: hidden; padding: 5px;}
.table .photo-group .photo{ margin: 0 10px 0 0; float: left;}

.tow-line{ max-height:40px; line-height: 20px; overflow: hidden; display: block; word-break: break-all; word-wrap: break-word;}
.table-fixed{ table-layout: fixed;}
.break-word{word-break: break-all;word-wrap: break-word;}

.table thead .sort{ display: inline-block; cursor: pointer;}
.table thead .sort::after{ padding-left: 5px;}
.table thead .sorting::after {color: #c0c0c0; content: "\f0dc";font-family: fontAwesome; }
.table thead .sorting_desc::after {color: #383838;content: "\f0dd";font-family: fontAwesome;}
.table thead .sorting_asc::after {color: #383838;content: "\f0de";font-family: fontAwesome;}

/*fixed css*/
.text-white {color: #fff !important;}
.text-teal{color:#00b6ad !important}
.text-muted{color: #7a7a7a !important;}
.main-content .page-content > .header, .main-content .page-content > div > .header{ padding-top: 0;}
.form-horizontal .form-group .control-label{ /*text-align: right;*/text-align: left;}
[class^="col-"].text-right{text-align: right;}
.fixed-height{ max-height: 300px; overflow-y: auto; overflow-x: hidden;}
table .btn{ margin-right: 0;}
.btn.disabled{ -webkit-opacity: 0.4; opacity: 0.4;}
.input-group input[type='checkbox'], .input-group input[type='radio']{ min-width: auto;}
.modal-body .modal-footer{ padding: 0; margin-top: 15px;}
.faa-spin.animated, .faa-spin.animated-hover:hover{ -webkit-animation:1.5s linear 0s normal none infinite running spin; animation:1.5s linear 0s normal none infinite running spin;}
-webki-@keyframes spin {0% {-webki-transform: rotate(0deg);}100% {-webki-transform: rotate(359deg);}}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(359deg);}}
.form-control.form-white.error{ border: 1px solid #eed3d7 !important;}

.panel-header .list-control-btn{position: absolute;z-index: 2; top: 10px; right: 20px;}
.panel-header .list-control-btn .btn{ margin-right: 0; margin-bottom: 0;}

.form-horizontal .control-label{top: 7px; font-weight: normal;}
.form-horizontal .radio-inline, .form-horizontal .checkbox-inline{padding-top: 7px;}
.help-block{margin-bottom: 0;}
select.form-control{ padding-top: 7px; padding-bottom: 6px;}
.form-control.form-white[disabled], textarea.form-control.form-white[disabled], .form-control.form-white[disabled]:hover, textarea.form-control.form-white[disabled]:hover{ background-color: #e0e0e0 !important;}
.after-tooltip > input.form-control, .after-tooltip > select.form-control, .after-tooltip > .input-group{float: left;width: 80%;}
.modal-open .popover{ z-index: 2001;}
.panel .panel-toggle{ font-size: 22px;}
.panel .panel-toggle i{ color: #999;}
.main-content .page-content .panel-content{ padding-top: 10px;}
.main-content .page-content .panel .control-btn{ top: 10px;}
.alert-nodata{ background-color: #f8f8f8; color: #999;}
.main-content .page-content .panel .panel-header{padding:6px 20px;}
.main-content .page-content .panel .control-btn{right: 20px;}

.table th {text-transform: inherit;}
.force-table-responsive{margin-bottom: 0; overflow-x: auto;}
.nav-tabs > li + li{ margin-left: 6px;}
.nav.nav-tabs > li > a{ background-color: transparent;}
.tab-content{ background-color: transparent; }

label.error{ margin-right: 10px;}

.alert .label{ margin-bottom: 5px; margin-right: 5px; display: inline-block; line-height: 1.3; font-size: 12px;}
.alert .label{white-space:  normal;}
.label .btn-close{ margin-left: 5px; cursor: pointer; color: #ccc; display: inline-block; font-size: 14px; padding-right: 0 !important;}
.label .btn-close:hover{ color: #7a7a7a;}
.label.label-primary .btn-close{ color: #5dd1eb;}
.label.label-primary .btn-close:hover{ color: #fff;}



/*blockUI*/
.blockUI.blockMsg{ border-radius: 10px; border: 0 !important; line-height: 40px;}

/*分类筛选*/
.filter-group .btn{ padding: 7px 10px 8px; font-size: 12px;}
.filter-group .btn.btn-primary{ border:1px solid rgba(0,0,0,0.1);}
.filter-group .btn.btn-primary, .filter-group .btn.btn-transparent{ margin-right: 5px;}

/*dropdown*/
.dropdown-submenu { position: relative;}
.main-content .page-content .panel .panel-content ul.dropdown-submenu, .main-content .page-content .panel .panel-content ul.dropdown-menu{ padding: 5px 0;}
.dropdown-submenu > .dropdown-menu { border-radius: 0 6px 6px; left: 100%; margin-left: -1px;margin-top: -6px;top: 0;}
.dropdown-submenu:hover > .dropdown-menu { display: block;}
.dropdown-submenu:hover{ background-color:#f5f5f5; color:#262626;}
.dropup .dropdown-submenu > .dropdown-menu { border-radius: 5px 5px 5px 0; bottom: 0; margin-bottom: -2px; margin-top: 0;top: auto;}
.dropdown-menu > li > a{ padding: 5px 15px;}
.dropdown-submenu > a:after {border-color: transparent transparent transparent #cccccc;border-style: solid;border-width: 5px 0 5px 5px; content: " "; display: block; float: right;height: 0; margin-right: -10px; margin-top: 5px; width: 0;}
.dropdown-submenu:hover > a:after { border-left-color:#999;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left > .dropdown-menu {border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px;}
.dropdown .dropdown-menu .nav-header { padding-left: 20px;  padding-right: 20px;}

/*pubish*/
.pubish-image-group{  position: relative; }

.thumbtype .thumbnail.ui-sortable-placeholder{background-color: #fff3d5 !important; }

.pubish-image-group .alert{ padding: 10px; margin-bottom: 10px;}
.pubish-image-group .alert a{ color: #a94442; margin-left: 10px;}

.thumbtype{ margin:0 -10px; overflow: hidden;}
.thumbtype .thumbnail{border:1px solid #e0e0e0; border-radius: 0; padding: 0; background-color: #f0f0f0; float: left;margin: 10px;overflow: hidden; position: relative;height: 144px;width: auto; -webkit-transition:none; -moz-transition:none; transition:none;}
.thumbtype .thumbnail .media{height:118px; width: 118px; text-align: center; vertical-align: middle;}
.thumbtype .thumbnail .media img{max-height: 118px;max-width: 118px;vertical-align: middle; border-radius:0 !important;}
.thumbtype .thumbnail .media span{display: inline-block; height: 100%; vertical-align: middle;}
.thumbtype .thumbnail .toolbar{height: 24px; line-height: 24px; padding: 0 5px; background-color: #f0f0f0; }
.thumbtype .thumbnail .toolbar .magnific{ float: left;}
.thumbtype .thumbnail .toolbar .btn-remove{ float:right;}


.thumbtype .thumbnail-grid{ cursor: pointer; border:1px solid #e0e0e0; border-radius: 0; background-color: #f9f9f9; float: left; height: 144px; margin: 10px; overflow: hidden;width: 120px; line-height: 144px; text-align: center; color: #ccc; font-size: 16px; font-weight: bold;}
.thumbtype .thumbnail-grid:hover{ background-color: #fff; color: #ddd;}


.publish-color{ overflow: hidden;}
.publish-color label{ min-height: 30px; position: relative; margin-bottom: 10px;}
.publish-color input[type="checkbox"]{position: absolute;  left: 15px; top: 9px;}
.publish-color .color-item{border: 1px solid #ddd; max-width: 120px; padding: 7px 5px; margin-left: 20px; display: block; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.publish-color .muiticolor{ color: #fff; text-shadow: 0 0 3px #000; background: url(../images/Multicolor.jpg) center no-repeat; background-size:cover;}

.nav.size-list{ border: 0;}
.size-list li{ margin-bottom: 5px; margin-right: 5px;}
.nav-pills.size-list li + li{ margin-left: 0;}
.nav.size-list > li > a{ padding: 5px 10px;}

.theme-photo{ width: 130px; height: 155px; padding: 4px; border: 1px solid #e0e0e0; margin-top: 10px;}
.theme-photo .magnific{height: 120px;text-align: center;vertical-align: middle; width: 120px; display: block;}
.theme-photo .magnific span{display: inline-block; height: 100%; vertical-align: middle;}
.theme-photo .magnific img{max-height: 120px;max-width: 120px; vertical-align: middle;}
.theme-photo .btn-removephoto{ display: block; line-height: 20px; background-color: #f0f0f0; border-radius: 3px; margin-top: 5px; text-align: center;}

/*platform*/
.platform-group{ height: 60px; overflow: hidden;}
.platform-group .platform-item{ display: block; border:1px solid #fff; width: 60px; height: 60px; line-height: 58px; position: relative; float: left; margin-right: 10px; text-align: center;}
.platform-group .platform-item:hover{ border-color: #eee;}
.platform-group .platform-item .platform-icon{ line-height: 60px; font-size: 55px; padding-right:0 !important;}
.platform-group .platform-item.facebook .platform-icon{ color: #3a5898;}
.platform-group .platform-item.twitter .platform-icon{ color: #1ab2e8;}
.platform-group .platform-item.active{ border-color: #319db5;}
.platform-group .platform-item.active:before{font-family: 'FontAwesome'; content: "\f00c"; width: 20px; line-height: 20px; color: #319db5; display: block; background-color: #fff; border: 1px solid #319db5; text-align: center; position: absolute; right: -1px; bottom: -1px;}


/*refund*/
.refundList{ border: 1px solid #ddd;}
.refund-info td{ background-color: #f8f8f8; border-top: 0 !important;}
.sf-circle .sf-li-number .sf-nav-subtext.tow-line{ display: block; line-height: 16px; padding-top: 5px; text-align: center;}

/*youtubo video*/
.modal-dialog.modal-video{ width: 400px;}
.modal-dialog.modal-video .photo{display: block; height: 48px; margin-right:10px; position: relative; text-align: center; vertical-align: middle; width: 48px; float: left;}
.modal-dialog.modal-video .photo span { display: inline-block; height: 100%;vertical-align: middle;}
.modal-dialog.modal-video .photo img { max-height: 100%; max-width: 100%; vertical-align: middle;}

.video-group .video-item{ width: 50%; float: left; padding: 0 15px; margin-bottom: 10px; height: 155px;}
.video-group a{display: block;}
.video-group a img { max-width: 100%; height: 110px; padding-bottom: 5px;}
.video-group a title{ line-height: 24px;}

.items-shipped .media{
	position: relative;
}
.items-shipped .media input{
	position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0;
}
.items-shipped .media .media-left{
	padding-left: 30px;
}
.items-shipped>div{
	padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.items-shipped>div .media-left img {
    width: 60px;
    height: 60px;
}
.items-shipped>div .media-body>*{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	margin: 0;
}
.items-shipped>div .media-body>p{
	height: 22px;
  line-height: 22px;
}
.items-shipped>div .media-body>span.label-primary{
	font-size: 12px;
}
#sendoutConfirm {
    overflow-y: scroll!important;
}
.sendout-Qty{
	position: absolute;
	bottom: 0;
	right: 0;
}
.shipped-process ul.process-detail{
	list-style: none;
}
.shipped-process ul.process-detail li {
    padding: 10px 10px 10px 30px;
    position: relative;
}
.shipped-process ul.process-detail li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ddd;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}
.shipped-process ul.process-detail li:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    top: 20px;
    left: 5px;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.shipped-process ul.process-detail li:last-child:after{
	display: none;
}
.shipped-process ul.process-detail li:first-child:before{
	background: #00b6ad;
}
.shipped-process ul.process-detail li:first-child:after{
	background: #00b6ad;
}
.shipped-process ul.process-detail li p{
	color: #767676;
}
.shipped-process ul.process-detail li p.shipped-content{
	color: #333;
}
.shipped-process ul.process-detail li:first-child p{
	color: #00b6ad;
}
.shipped-process .tab-content .tab-pane>.img-wrap,.refund-detail .panel-content .img-wrap{
	padding-left: 0;
	position: relative;
}
.shipped-process .tab-content .tab-pane>.img-wrap>span{
	position: absolute;
	bottom: 20px;
}
#refund #salesReturn .media{
	position: relative;
	padding: 10px 0;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
#refund #salesReturn .media-left{
	padding-left: 30px;
}
#refund #salesReturn .media input[type=checkbox]{
	position: absolute;
	top: 50%;
	left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: 0;
}
#refund #salesReturn .media-left img {
    width: 40px;
    height: 40px;
}
#refund #salesReturn .media-body>*{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	margin: 0;
	line-height: 20px;
	height: 20px;
}
#refund #salesReturn .media-body .input-group .refundQty{
	width: auto;
	max-width: 30%;
}
#refund .radio span.text-muted{
	margin-left: 10px;
	font-size: 12px;
	color: #999!important;
}
#refund #noneSalesReturn,#refund #noneSalesReturn p{
	margin: 0;
	padding: 10px;
}
#refund #noneSalesReturn p{
	padding: 0;
}
#productFilter ul.nav-tabs{
	white-space: nowrap;
	overflow: hidden;
	overflow-x: auto;
	height: 42px;
}
#productFilter ul::-webkit-scrollbar{
	height: 6px;
	cursor: pointer;
}
#productFilter .tab-block { margin-top: 15px;}
.clearfix {clear: both;}
input[type=checkbox], input[type=radio]{margin: 5px;}

@media only screen and (min-width: 992px) {
	.product-analytic .filter-submit-button {
		/*margin-top: 25px;*/
	}
}

@media only screen and (max-width: 991px) {
	.product-analytic .filter-submit-button {
		margin-bottom: 30px;
	}
}

.product-analytic .product-image {
	width: 100%;
	max-width: 40px;
}

.product-analytic .product-row {
	height: 62px;
}

.product-analytic .table-product-analytic td {
  /* padding: 0px; */
}

.product-analytic .table-product-analytic .btn {
  padding-right: 7px;
  padding-left: 7px;
}

.product-analytic .table-product-analytic .dropdown-toggle .caret {
  margin-left: 2px;
}

.product-analytic .table-product-analytic thead {
  background-color: #edeaea;
}

.row-fieldset {
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
  color: #9F9F9F;
}

.row-fieldset:before,
.row-fieldset:after {
  background-color: #E5E5E5;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
}

.row-fieldset:before {
  right: 0.5em;
  width: 10%;
  margin-left: -10%;
}

.row-fieldset:after {
  left: 0.5em;
  width: 90%;
  margin-right: -10%;
}

.text-dark {
  color: #333333;
}
.attributes-header {
  margin-top: 4px;
  margin-bottom: 16px;
}
.custom-attribute-actions {
  margin-top: -46px;
}


.bs-rounded-wrapper {
  width: 45px;
  height: 45px;
  border: 1px solid #324093;
  border-radius: 50px;
  margin-bottom: 5px;
}

.bs-rounded-wrapper .fa {
  padding: 0 !important;
  color: #324093;
}

.bs-align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.bs-justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

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

.bs-flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.bs-card {
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 14px 36px 10px 36px;
  cursor: pointer;
  margin: 10px;
  min-height: 140px;
}

.bs-card-small {
  padding: 14px 36px 18px 36px;
}

.bs-card.bs-card-transparent {
  background: transparent;
  padding: 0;
  cursor:default;
}

.bs-card:hover{
  transform: scale(1.015);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.bs-card h3{
  font-weight: 600;
  font-size: 16px !important;
  text-transform: none !important;
}

.bs-card-badge {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: top;
  background-size: 50px;
  background-position-x: 98%;
}

.bs-card-badge.bronze {
  background-image: url(../images/badges/newBronze.png);
  background-position: right 8px;
}

.bs-card-badge.silver {
  background-image: url(../images/badges/newSilver.png);
  background-position: right 8px;
}

.bs-card-badge.gold {
  background-image: url(../images/badges/newGold.png);
  background-position: right 8px;
}

.bs-card-badge.platinum {
  background-image: url(../images/badges/newPlatinum.png);
  background-position: right 8px;
}

.bs-rating-card {
  background-color: rgb(49 157 181 / 15%);
}

.bs-card img{
  position: absolute;
  top: 20px;
  right: 15px;
  max-height: 120px;
}

.grid-product-list img.product{
  max-height: 125px;
  padding: 5px;
  text-align: center;
}

.grid-product-list {
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 8px 10px 10px 10px;
  cursor: pointer;
  margin: 4px;
  min-height: 200px;
  border-radius: 20px;
}

.bs-uc-first {
  text-transform: capitalize !important;
}

.bs-card .rating-detail {
  padding-bottom: 10px;
  padding-top: 4px;
}

.bs-closer-text {
  line-height: 18px;
}

.tooltip {
  text-transform: none;
}

.bs-card .rating-detail.separator {
  border-bottom: 1px solid rgb(49 157 181 / 15%);
}

.badge-blue {
  background-color: #007bff!important;
}
.badge-yellow {
  background-color: #ffc107!important;
}

.bs-card-header {
  margin-left: 10px;
  text-transform: none;
  font-weight: 500;
}

.bs-card-table-row {
  padding: 5px;
  margin-bottom: 4px;
  background-color: #E1E5EA;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.bs-card-table-header {
  background-color: #A7BBC7;
  white-space: nowrap;
}

.bs-card-table-row-bg {
  background-color: #E1E5EA;
}

.bs-card-table-row-border {
  border-bottom: 2px solid #FFFFFF;
}

.bs-card-table-row-border:last-child {
  border-bottom: none
}

.bs-card .table {
  margin-bottom: 0px;
}

.bs-card .table td a {
    color: rgb(91, 91, 91);
}

.bs-card .table td a:hover {
  color: #319DB5;
}

.min-height-auto {
  min-height: auto;
}

.mar-left-minus-15 {
  margin-left: -15px;
}
.mar-top-20 {
  margin-top: 20px;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.loading{ display:none; border-radius:3px; background-color:#fff; padding-right:5px;  padding-left:20px; color:#999; position: relative;}
.loading i{ position:absolute; top:2px; left:5px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}

.loading_large{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll;position: fixed;right: 0; top: 0; z-index: 9999;}
.loading_text{ display:inline-block; background-color:#000; padding:10px 20px 10px 20px; line-height:30px; color:#fff; position: relative; font-size:1.5em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; filter:alpha(opacity:50);opacity: 0.5; border:5px solid rgba(255,255,255,0.5); position: fixed; left:50%; top:50%; z-index:999; margin-left:-130px; margin-top:-30px;}
.loading_text i{ position:absolute; font-size:1.2em; top:13px; left:20px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}
@-webkit-keyframes loadrotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes loadrotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@keyframes loadrotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}

.nav-tabs.oms > li + li{ margin-left: 4px !important;}

.bs-custom-card-dashboard {
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 14px 14px 10px 14px;
  cursor: pointer;
  margin: 10px;
  text-align: center;
}

.disabledDiv div{
  pointer-events : none;
  background-color: #e0e0e0 !important;
}

/* New leyout CSS  Start */
.boxed section {
  width: 100%;
}

/* New leyout CSS  End */

.custom-fresh-chat-frame {
  right: 50px !important;
  left: auto !important;
  bottom: 50px !important;
}

.custom-fresh-chat-frame-left {
  left: 50px !important;
  right: auto !important;
  bottom: 50px !important;
}

.ikpu-suggestion-info {
  max-width:550px;
}
.ikpu-suggestion-info h4 {
  font-size: 14px;
}

.ikpu-suggestion-info h4,
.ikpu-suggestion-info p {
  margin-bottom: 2px;
}

/* Higlighted (hover) result */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { 
  background-color:#EEEEEE;
  color: #262626;
}

.select2-container--bootstrap .select2-selection {
  border: 1px solid #ECEDEE;
  color: #555555;
  background-color: #FFFFFF;
  border-radius: 0px;
}

.select2-dropdown {
  border-radius: 0px;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  border-radius: 0px;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #2c8ca1;
  color: #fff;
}

.overflow-x-auto {
  overflow-x: auto;
}

.logologin {
	background:url(../images/zood-reg-login.svg);
	background-size:150%;
  background-position: center;
  background-repeat: no-repeat, no-repeat;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  height: 40px;
  width: 380px;
  margin-top: 10px;
}
.btn-login-reg {
  background-color: #324093;
  color: #fff;
}
.login-footer {
  text-align: center;
}
.backgroundbox section{
  background: #FFFFFF;
  margin: auto; 
  margin-top: 20px;
  position: relative;
  width: 864px !important;
}
.row-lang{
  width: 410px;
  height: 50px;
  margin-right: -15px;
  margin-left: -15px;
}
.displayText{
  color: #324093;
  font-size: medium;
  font-style: normal;
}
.password-description{
  text-align: left;
  font-size: x-small;
  color: #999;
}
.tooltipGirdView{
  position: relative;
  display: inline-block;
}
.tooltipGirdView .tooltiptextGirdView{
  visibility: hidden;
  background-color: #324093;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px 5px 5px;
  position: absolute;
  z-index: 1;
  top: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltipGirdView .tooltiptextGirdView::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #324093 transparent;
}

.tooltipGirdView:hover .tooltiptextGirdView {
  visibility: visible;
}
.editIcon{
  position: absolute; 
  margin-left:10px;
}
.gird-row{
  padding: 1px;
  margin-right: 3px;
}
.grid-lable{
  font-size: smaller; 
  text-align: left; 
  float:left;
  color: black;
}
.grid-content{
  font-size: smaller; 
  text-align: left; 
  float:right;
  margin-inline: 5px;
}
.image-container {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  text-align: center;
  margin-right: 5px;
  height:140px;
}
.image-container img {
    max-width: 100%;
    height: auto;
    overflow: hidden;
    margin: 8px auto 8px auto;
}
.main-content .full-width {
  width: 100%;
}
.min-width-200{
  min-width: 200px;
}
.fix-width-column{
 white-space: normal;
 word-wrap: break-word;
 max-width: 100px;
}
.set-cursor-pointer { cursor: pointer;}
.cursor-auto {
 cursor: auto !important;;
}
.nav-overlap {
 position: relative;
 z-index: 2;
}
.remove-cursor-pointer { cursor: default !important;}