body{color:#333}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.vcenter {
  position: absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pointer{cursor:pointer}
.w150{width:150px}
.w200{width:200px}
.text-dark{color:#222 !important;font-size:1.1em;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #337ab7!important;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 3;
}
.select2-close-mask{
    z-index: 2099;
}
.select2-dropdown{
    z-index: 3051;
}
.relativepicture{
	position:relative;
}
.onpicture{
	position:absolute;
	top:0;
	left:0;
}
.h-130{
	min-height:130px
}

.disabled-select {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
video {
	object-fit: inherit;
}
select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}
.select2-container {
	width: 100% !important;
	padding: 0;
}
.select2-selection__clear {
	font-size:160%;
	color:#888;
}
.note-editor.note-frame .note-editing-area .note-editable {
    color: #000 !important;
	font-size: 14px;
}
.product-box .img-responsive {
    margin: 0 auto;
}
@media screen and (max-width: 480px) {
	#page-wrapper {
		padding: 0;
	}
	.wrapper-content {
		padding: 10px;
	}
}

@media screen and (max-width: 320px) {
	#page-wrapper {
		padding: 0;
	}
	.wrapper-content {
		padding: 10px;
	}
}
#help-wait {
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 9999;
}
.help-round-button, .wait-round-button {
    display:block;
    width:50px;
    height:50px;
    line-height:45px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#f5f5f5;
    text-align:center;
    text-decoration:none;
    background: #FE0505;
    box-shadow: 0 0 3px gray;
    font-size:15px;
    font-weight:bold;
	z-index: 9999;
}
.wait-round-button {
    background: #F8AC59;
}
.help-round-button:hover {
	color:#f5f5f5;
    background: #FF7373;
	text-decoration:none;
}
.help-round-button:visited {
	color:#f5f5f5;
	text-decoration:none;
}
.wait-round-button:hover {
	color:#f5f5f5;
    background: #F4BD81;
	text-decoration:none;
}
.wait-round-button:visited {
	color:#f5f5f5;
	text-decoration:none;
}
.aligned-row {
	display: flex;
	flex-flow: row wrap;
	&::before {
		display: block;
	}
}
.sortable .panel {
	cursor: move;
}
.placeholder {
	border: 1px dashed #cccccc; 
	border-radius:5px;
	margin: 0;
}
.required {
	color:#f00;
}
.form-group label i {
	color:#ccc;
	font-size: 1.6em;
}
.small-label label {
	font-size: 0.8em !important;
}
.cke_button__contentpaging_label {
	display: inline !important;
}
.wrapper-content {
	padding: 20px 0 40px;
}
.ibox-content.x-padding-10 {
	padding: 15px 10px 20px 10px;
}