:root {
	--color-bg-light: #f7f8fc;
	--color-bg-mid: #e7e9f5;
	--color-pb-blue-std: #1562e3;
	--color-pb-blue-light: #2e83ed;
	--color-text-dark: #102a43;
	--color-text-std: #5e7994;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color: #cccccc;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}a:focus,img:focus{outline: none;}button::-moz-focus-inner,img::-moz-focus-inner{border: 0;}*:focus { outline: 0; }

*{
	margin:0;
	padding:0;
	font:17px/30px 'Open Sans', sans-serif;
	font-weight:400;
	box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
	max-width:100%;
	overflow-x:hidden;
}

html {
	height:100%;
	color:var(--color-text-std); 
	background:var(--color-bg-light);
	scroll-behavior: smooth;
}

h1,h2,h3,h4,h5 {font-size:32px; margin-bottom:24px; color:var(--color-text-dark); font-weight:600; line-height:36px;}
h2 {font-size:26px; line-height:32px;}
h3 {font-size:22px; line-height:32px;}
h4 {font-size:20px; line-height:28px;}
h5 {font-size:18px; line-height:26px;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong {font-weight:700;}

.coloured {
	color:#648de9;	
}

.ucheader {
	text-transform:uppercase;	
}

.strheader {
	font-weight:600;
}

h1 .hairline {
	font-size:28px;
}
h1 .hairline, h2 .hairline, h3 .hairline, h4 .hairline, h5 .hairline {
	font-weight:300;
}

.hairline-text {
	font-weight:300;
}

ul {
}

ul li {
	margin:12px 0;
	line-height:20px;
}

.contentul {
	margin-left:16px !important;	
}
.contentul li {
	list-style:disc !important;	
}

.fa-ul li {
	margin-left:-10px !important;	
	margin:6px 0;
}

.fa-ul li i {
	color:#648de9;
}

.fa-li {
	
}

a {
	color:#648de9;
	font-weight:inherit;
	font-family:inherit;
	text-decoration:none; 
	font-size:inherit; 
	line-height:inherit;
	transition:color 0.4s;
	-webkit-transition:color 0.4s;
	font-style:inherit;
	cursor:pointer;
}

a:hover, .redlink:hover {
	color:#999;
}

.small-link {
	font-size:11px;	
}

.redlink {
	color:#999;
}

.redlink:hover {
	color:#ea1e41;	
}

.faint-links {
	color:#999;
}

.faint-links:hover {
	color:#333;
}

p {
	margin-bottom:20px;
	font-size:inherit;	
}

.clr {
	clear:both; 
	height:0;
}

hr {
	margin:30px 0;	
	border-top:1px solid var(--color-bg-mid);
	border-bottom:none;
	background:none;
	border-left:none;
	border-right:none;
}

strong { 
	font-size:inherit; 
	font-style:inherit;
	line-height:inherit;
	color:#383b42;
	font-weight:600;
}

em {
	color:#a4b2c5;
	font-size:inherit; 
	font-style:inherit;	
	line-height:inherit;
}

.strikethrough { 
	text-decoration:line-through;
}

span {
	font-weight:inherit; 
	font-size:inherit; 
	line-height:inherit; 
	font-family:inherit;
}

p {
	line-height:inherit;	
}

img {
	max-width:100%; 
	height:auto;
}

.err-text {
	color:#DE3D3F;	
}

.warn-text {
	color:#e49352;	
}

.suc-text {
	color:#2BE349;	
}

/** PAGE STYLES **/

.site-wrap {
	background:var(--color-bg-light);
	overflow:hidden;
	position:relative;
	width:100%;
}

#site-header {
	position:fixed;
	height:80px;
	background-color:#fff;
	padding:10px 0;
	color:#666;	
	width:100%;
	z-index:1000;
	transition:background-color 0.3s, margin 0.3s;
	-webkit-transition:background-color 0.3s, margin 0.3s;
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);
	box-shadow:0 10px 20px rgba(0,0,0,0.1);
}

#header-logo {
	padding:0 15px;	
	float:left;
	width:170px;
}

#header-search {
	padding-left:30px;
	float:left;	
}

#header-search .icon-input-container {
	width:320px;
	margin-top:10px;
	margin-bottom:10px;
}

#header-search input[type="text"] {
	height:40px;
	line-height:40px;
	background-color:var(--color-bg-light);
	border:none;
	color:#ccc;	
	transition:background-color 0.3s;
	-webkit-transition:background-color 0.3s;
}

#header-search i {
	color:#ccc;
	margin-top:-1px;	
}

#mobile-nav-trigger {
	position:relative;
	z-index:1000;
	display:none;
	color:#fff;
	background:#648de9;
	width:60px;
	height:60px;	
	float:left;
	text-align:center;
	line-height:60px;
	margin:-10px 0;
	cursor:pointer;
}

.site-wrap .site-canvas {
	background:var(--color-bg-light);
	overflow:hidden;
	position:relative;
	padding-left:200px;
	padding-top:80px;
}

.site-side {
	background:#fff;	
	height:100%;
	left:0;
	position:fixed;
	top:80px;
	width:200px;
	z-index:999;
	overflow:hidden;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-webkit-box-shadow:0 20px 40px rgba(0,0,0,0.1);
	box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.side-menu {
	margin-left:0;
	margin-bottom:32px;
}

.side-menu li {
	list-style:none;
	display:block;
	margin:0;
	border-top:1px solid #eee;
}

.side-menu li a {
	color:var(--color-text-dark);
	padding:10px 15px;
	display:block;
	font-weight:400;
	font-size:13px;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:1px;
}

.side-menu li i {
	display:inline-block;
	margin-right:15px;
	color:#a4b2c5;
	width:14px;
	text-align:center;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
}

.side-menu li a:hover {
	color:#111;
}

.side-menu li a:hover i {
	color:#648de9;
}

.side-menu-small li a {
	font-size:11px !important;
	padding:5px 0 !important;
}

.active-side-nav {
	color:#111 !important;
}

.active-side-nav i {
	color:#648de9 !important;
}

.second-side-container {
	background:#212121;	
	height:100%;
	left:0;
	position:fixed;
	top:80px;
	width:200px;
	z-index:900;
	overflow:hidden;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.second-side-container-open {
	left:200px;
}

.second-side {
	position:fixed;
	top:80px;
	width:200px;
	z-index:900;
	overflow:hidden;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	left:0px;
}

.second-side-open {
	left:200px !important;
}

.side-container {
	padding:15px;
}

.second-side .side-container {
	padding:26px 15px;
}

.side-container h4, .side-container h5 {
	color:#757575;
	margin-bottom:10px;	
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:13px;
	font-weight:400;
}

.main-content {
	margin-left:0;
	margin-right:0;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
}

.main-content-open {
	margin-left:200px;
	margin-right:-200px;
}

.page-header {
	background:#fff;
	font-size:0;
	border-bottom:1px solid var(--color-bg-mid);
}

.page-header h1 {
	margin-bottom:0;	
	font-size:32px;
	line-height:32px;
	display:inline-block;
	vertical-align:middle;
}

.header-buttons {
	display:inline-block;
	float:right;
	vertical-align:middle;
	font-size:0;
	margin-right:-5px;
}
.header-buttons .button {
	margin:0 5px;
}

.breadcrumbs {
	margin-bottom:10px;	
	color:#cccccc;
	text-transform:uppercase;
	font-size:12px;
}

.breadcrumbs .active-crumb {
	color:#999;	
}

.breadcrumbs a {
	color:#333;
	text-decoration:underline;	
}

.section-content {
	position:relative;
	padding:50px;
}

#content-container {
	padding-right:0px;
	transition:padding-right 0.3s;
	-webkit-transition:padding-right 0.3s;	
	background:var(--color-bg-light);	
}

.center-mod {
	margin:0 auto;
	width:520px;	
}

.module {
	position:relative;
	border-radius:4px;
	border:1px solid var(--color-bg-mid);
	background:#fff;
	overflow-x: auto;
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,0.05);
	box-shadow:0 10px 20px rgba(0,0,0,0.05);
}

.small-module {
	margin-bottom:16px;	
}

.module-header {
	overflow: auto;
	padding:10px 20px 10px 20px;
	border-bottom:1px solid var(--color-bg-mid);
	font-size:13px;
	color:#999;
}
.module-header > .button,
.module-header > button {
	display: block;
	float: right;
	font-size: 13px;
	line-height: 20px;
	padding: 5px 10px;
}
.module-header > button .fa {
	font-size: 13px;
}

.small-module .module-header {
	padding:6px 20px 6px 20px !important;	
}

.emlabel {
	font-size:13px !important;	
	display:block;
	color:#333;
}

.emnote {
	display:block;
	margin-bottom:5px;
	font-size:12px !important;
}	

.small-module .module-content {
	padding:8px 20px !important;	
}

.module-content {
	padding:15px 20px;	
}

.module-content em {
	font-size:13px;
}

.shaded-box {
	background:#f7f7f7;
	padding:6px;
}

.module-footer {
	padding:15px 20px;
	border-top:1px solid var(--color-bg-mid);
	font-size:13px;
}

.module-footer a {
	color:#333;
	text-transform:uppercase;
	font-size:11px;	
	text-decoration:underline;
}

.module-header h2, .module-header h3, .module-header h4, .module-header h5 {
	margin-bottom:0;
	line-height:20px;
	padding:4px 0;
	display:inline-block;
	vertical-align:baseline;	
}


.blue-module .module-content {
	background:#648de9;
}

.green-module .module-content {
	background:#00cb67;
}

.green-module-light .module-content {
	background:#30ca7e;
}

.red-module .module-content {
	background:#ea1e41;
}

.red-module-light .module-content {
	background:#d54b63;
}

.white-module-content {
	color:#fff;	
}

.white-module-content h2, .white-module-content h3, .white-module-content h4, .white-module-content h5 {
	color:#fff;	
	margin-bottom:6px;
}

.white-module-content label {
	color:#fff;	
}

.blue-module .module-content, .green-module .module-content, .green-module-light .module-content, .red-module .module-content, .red-module-light .module-content {
	padding:10px 20px;	
}

.large-figure {
	font-size:28px;
	line-height:28px;	
}

.medium-figure {
	font-size:20px;
	line-height:28px;	
}

.png-image-container {
	padding:6px 6px;
	background:url(../images/interface/png-bg.jpg);	
	border:1px solid var(--color-bg-mid);
	text-align:center;
	overflow:hidden;
}

.cover-thumb-prev {
	width:128px;
	height:189px;
	margin:0 auto;
	background:#fff;
	font-size:0;	
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	border:1px solid #e4ecf6;
}

.course-cover-thumb-prev {
	width:160px;
	height:100px;
	margin:0 auto;
	background:#fff;
	font-size:0;	
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	border:1px solid #e4ecf6;
}

.video-thumb-prev {
	width:160px;
	height:90px;
	margin:0 auto;
	background:#fff;
	font-size:0;	
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	border:1px solid #e4ecf6;
}

.novpadding {
	padding-top:0 !important;
	padding-bottom:0 !important;
}

.site-footer {
	background:#fff;	
}

.footer-p {
	padding-right:30px;	
}

.footer-block {
	padding:0 20px 0 0;	
}

.site-footer h5 {
	margin-bottom:10px;	
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:15px;
	font-weight:400;
}

.site-footer p {
	margin-bottom:0px;	
	font-size:13px;
}


.footer-links {
	margin-left:0;
}

.footer-links li {
	list-style:none;
	margin:0;
}

.footer-links li a {
	font-weight:400;
	font-size:13px;
	line-height:22px;
}

.site-sub-footer {
	background:var(--color-bg-light);
	padding:15px 30px;
	font-size:13px;
	color:#a4b2c5;
}

#form-container {
	overflow:hidden;
	opacity:1;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;	
}


.success-message {
	background:#dff0d8;
	padding:15px 30px;
	border:1px solid #d6e9c6;
	color:#468847;
	font-size:13px;
	border-radius:4px;
	opacity:1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}

.small-success-message {
	padding: 5px 10px !important;	
}

.success-message strong, .success-message h5 {
	color:#468847;	
}

.error-message {
	background:#f2d5d6;
	padding:10px 30px;
	border:1px solid #ecc2ca;
	color:#8f553f;
	font-size:13px;
	border-radius:4px;
	opacity:1;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}

.small-error-message {
	padding: 5px 10px !important;	
}

.error-message strong, .error-message h5 {
	color:#8f553f;	
}


/** BUTTON STYLES **/
button,
.button {
	padding:8px 15px;	
	border:none;
	border-radius:100px;
	font-weight:400;
	background: var(--color-pb-blue-std); 
	text-align:center;
	vertical-align: middle;
	font-size:15px; 
	color:#fff; 
	cursor:pointer;
	display:inline-block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-shadow:0 2px 4px 0 rgba(100, 105, 124, 0.24);
	text-transform:uppercase;
}
button:hover,
.button:hover {
	color:#fff;
	background:#75c2ea;
}
button:disabled, button:disabled:hover,
.button:disabled, .button:disabled:hover, .button-disabled, .button-disabled:hover {	
	background:#eee !important;
	color:#777 !important;
}

.button-red {
	background:#EA1E41 !important;
}

.button-block {
	display:block;
	padding:8px 0 !important;
	width:100%;
}

.button-small {
	padding:6px 10px !important;
	font-size:13px !important; 
}

.button-extra-small {
	padding:4px 8px !important;
	font-size:11px !important; 
}


.button-red:hover {
	background: #383b42; /* Old browsers */
	background: -moz-linear-gradient(left, #383b42 0%, #222 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #383b42 0%,#222 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #383b42 0%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383b42', endColorstr='#222',GradientType=1 ); /* IE6-9 */
}

.button-o {
	background:transparent;
	border:1px solid #648de9;
	border-radius:4px;
	padding:8px 15px;	
	color:#648de9;
}

.button-extra-small-o {
	padding:3px 8px !important;
	font-size:11px !important;
}

/** INPUT STYLES **/

.mbottom {
	display:block;
	margin-bottom:12px !important;	
}

.mbottom30 {
	display:block;
	margin-bottom:30px !important;	
}

.nombottom {
	margin-bottom:0px !important;	
}

.shaded-note {
	padding:10px;
	display:block;	
	background:#f7f7f7;
	color:#999;
	font-size:14px;
}

.shaded-note .mbottom {
	margin-bottom:10px !important;	
}

label {
	font-weight:600;
	text-transform:uppercase;
	font-size:11px;	
	color:#111;
}

label strong {
	font-weight:500;	
}

.asterix {
	font-weight:600;
	color:red;	
}


.input-container {
	padding:0 13px;
	margin:0px 13px 0px -13px;
	position:relative;
}

.select-container {
	border:1px solid #eeeeee;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	overflow:hidden;
	border-radius:4px;
}

.file-input-container {
	padding:0px 6px;
	margin:0px 6px 0px -6px;
}

.icon-input-container {
	padding:0 38px 0 38px;
	margin:0px 13px 0px -38px;
	position:relative;
}

.icon-input-container i {
	position:absolute;
	left:51px;
	top:14px;
	z-index:200;
	color:#ccc;
}

.icon-input.textbox,
.icon-input[type="text"] {
	padding:0 12px 0 37px !important;
}

.icon-input {
	padding-left:37px !important;
}

input.textbox,
input[type="text"], input[type="password"] {
	display:block;
	height:42px;
	line-height:42px;
	border-radius:4px;
	width:100%;
	padding:0 12px;
	font-size:15px;
	transition:border-color 0.3s;
	-webkit-transition:border-color 0.3s;
	background:#fff;
	color:#333;
	border:1px solid;
	border-color:#eeeeee;
}

input.textbox:disabled,
input[type="text"]:disabled {
	background:#f7f7f7 !important;
	color:#ccc !important;
}

input[type="file"] {
	display:block;
	height:32px;
	line-height:32px;
	width:100%;
	padding:5px 5px;
	cursor:pointer;
	border-radius:4px;
	background:#f7f7f7;
	color:#333;
	border:1px solid #eeeeee;
}

input[type="submit"] {
	line-height:24px !important;
}
input[type="submit"]:disabled {
	background:#eee !important;
	color:#777 !important;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	display:block;
	height:42px;
	line-height:42px;
	width:100%;
	padding:0 30px 0 10px;
	color:#333;
	background:#fff url(../images/interface/select-arrow.png) no-repeat right center;
	font-size:15px;
	border:none;
}

optgroup {
	color:#111;	
}

.small-select, .small-input {
	height:32px !important;
	line-height:32px !important;	
	font-size:14px !important;
}

.table-input {
	height:24px !important;
	line-height:24px !important;	
	font-size:13px !important;
	display:inline-block;
	margin-top:-3px;
	margin-bottom:-3px;
}

select option {
	padding:2px 5px;	
	color:#333;
}

select:disabled {
	color:#999 !important;
	background:#f7f7f7 url(../images/interface/select-arrow.png) no-repeat right center !important;	
}

select option:disabled {
	color:#999;
	background:#eee;	
}

select[multiple] {
	height: auto;
	background: none;
	padding: 2px;
	border: 1px solid #eee;
	border-radius: 4px;
}
select[multiple] option {
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

textarea {
	display:block;
	width:100%;
	max-width:100%;
	min-width:100%;
	border-radius:4px;
	min-height:106px;
	font-size:15px;
	padding:9px 12px;
	color:#333;
	border:1px solid #eeeeee;
	background:#fff;
}

/*input[type="checkbox"]{
    -webkit-appearance: checkbox;
}
input[type="radio"]{
    -webkit-appearance: radio;
}*/

.normalcheck {
	-webkit-appearance: checkbox !important;
	opacity:1 !important;
}

input[type=radio]:not(old){
	width:24px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
}

input[type=radio]:not(old) + label{
	display: inline-block;
	margin-left: -28px;
	padding-left: 32px;
	background: url('../images/interface/radio-buttons.png') no-repeat 0 0;
	line-height: 24px;
	text-transform:none;
	font-weight:300;
	font-size:15px;
	cursor:pointer;
}

input[type=radio]:not(old):checked + label{
	background-position: 0 -24px;
}


input[type=checkbox]:not(old){
	width:24px;
	height:20px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
}

input[type=checkbox]:not(old) + label{
	display: inline-block;
	margin-left: -28px;
	padding-left: 32px;
	background: url('../images/interface/checkbox-buttons.png') no-repeat 0 0;
	line-height: 24px;
	text-transform:none;
	font-weight:300;
	font-size:15px;
	cursor:pointer;
}

input[type=checkbox]:not(old):checked + label{
	background-position: 0 -24px;
}

input {
	-webkit-appearance:none;	
}

input.textbox:focus,
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	border-color:#648de9 !important;	
}


label.custom-file-upload input[type="file"] {
    position: fixed;
    top: -1000px;
}

input[readonly],
select[readonly],
textarea[readonly] {
	background-color: #f0f0f0;
}

.custom-file-upload {
    font-weight:300;
}
.custom-file-upload:hover {
    
}
.custom-file-upload:active {
    
}
.custom-file-upload :invalid + span {
    
}
.custom-file-upload :valid + span {
    
}


/** TABLES **/

table {
	width:100%;	
}

table tr th,
table tr td {
	padding:4px 20px;	
	font-size:13px;
	vertical-align:top;
	line-height:18px;
}

.alt-row {
	background:var(--color-bg-light);	
}

.faintrow td, .faintrow td a {
	color:#ccc;
}

.future-row td {
	color:#b3b3b3;	
}

.future-row td em {
	color:#b3b3b3;	
}

.link-cell {
	text-align:right;	
}

.centered-cell {
	text-align:center;	
}

.admin-table tr:hover,
.admin-table tr:hover a {
	background: var(--color-bg-mid);
	color: var(--color-text-dark);
}
.admin-table tr.active-row,
.admin-table tr.active-row a {
	background: var(--color-pb-blue-std);
	color: #fff;
}
.admin-table tr th,
.admin-table tr td {
	padding:8px 20px;
	vertical-align: middle;
}
.admin-table tr td a {
	display: block;
	width: 100%;
}
.admin-table tr button {
	border-radius: 11px;
	min-width: 23px;
	min-height: 23px;
	line-height: 23px;
	padding: 0 4px;
	background: none;
	box-shadow: none;
	color: var(--color-text-std);
}
.admin-table tr.active-row button {
	background: #fff;
}
.admin-table tr button:hover,
.admin-table tr.active-row button:hover {
	color: var(--color-pb-blue-light);
}
.admin-table tr button .fa {
	font-size: 13px;
}

.content-table {
	border:1px solid var(--color-bg-mid);	
}

.details-table {
	margin:15px 0;	
}

.module-content-table tr td {
	padding:2px 10px;
}

.details-label {
	text-align:right;	
	padding-right:0 !important;
	color:#a4b2c5;
	width:160px !important;
}

.details-label-2 {
	text-align:right;	
	padding-right:0 !important;
	color:#a4b2c5;
}

.valigned tr td {
	vertical-align:middle !important;
}

.header-row {
	border-bottom:1px solid var(--color-bg-mid);	
}

.header-row th,
.header-row td {
	color:#272727;	
}

.reorder-cell {
	padding-left:30px !important;
	position:relative;	
}

.reorder {
	position:absolute;	
	left:0;
	width:20px;
	height:50%;
	color:#999;
	text-align:center;
	background-color:transparent;
	cursor:pointer;
	transition:color 0.3s, background-color 0.3s;
	-webkit-transition:color 0.3s, background-color 0.3s;
}

.reorder-disabled {
	color:#ccc !important;
	cursor: default !important;	
	background-color:transparent !important;
}

.reorder:hover {
	color:#fff;	
	background-color:#222;
}

.reorderup {
	top:0;
}
.reorderdown {
	bottom:0;
}

.reorderdown i, .reorderup i {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-4px;
	margin-top:-6px;
}

.menu-table {
	width:auto !important;	
}

.menu-table tr td {
	border-left:1px solid var(--color-bg-mid);
	border-right:1px solid var(--color-bg-mid);
	cursor:pointer;
}

.menu-table tr td:hover {
	background:var(--color-bg-mid);	
}

.dropdown-trigger {
	position:relative;
}

.dropdown-list {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	background:#272727;
	width:260px;
	border-radius: 0 0 6px 6px;
}

.dropdown-trigger:hover .dropdown-list {
	display:block;	
}

.dropdown-item {
	padding:7px 20px;	
	line-height:18px;
	font-size:12px;
	color:#ccc;
	border-top:1px solid #333;
	margin:0;
}

.dropdown-item:hover {
	color:#fff;	
}

#draggable-list {
	position:relative;	
}

.menu-item {
	background:#fff;
	padding:6px 15px;
	color:#666;
	border:1px solid #eee;
	cursor:move;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);
	border-radius:4px;
	font-size:13px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.menu-item:hover {
	border:1px solid #999;	
}

.menu-item-edit-links {
	float:right;	
}

.menu-title {
	float:left;	
}

/* PAGINATION */

.pagination {
	text-align:left;
	font-size:0;
	margin-left:0;
}

.pagination li {
	display:inline-block;
	margin:0 8px 0 0;
}

.disabledpag {
	background-color:#f7f7f7 !important;
	color:#999 !important;
}

.pagination li a {
	display:block;
	height:24px;
	line-height:24px;
	padding:0 12px;
	background:var(--color-bg-mid);
	text-decoration:none;
	color:#333;
	font-size:11px;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
}

.pagination li a:hover {
	background-color:#424242;
	color:#fff;
	cursor:pointer;
}

.pagination li .active-pag {
	background:#648de9;
	color:#fff !important;	
}


/* LOGIN */

#login-container {
	position:absolute;
	left:50%;
	top:50%;	
	width:300px;
	margin-left:-150px;
	margin-top:-150px;
}

#login-container .module {
	-webkit-box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	margin-bottom:20px;
}

#login-container .module-header {
	padding:10px 15px;	
}
#login-container .module-content, #login-container .module-footer {
	padding:15px;	
}
#login-container .error-message {
	padding:10px 15px;	
}



/** DIALOG OVERLAY **/

#search-overlay {
	width:0px;
	height:0px;
	position:fixed;
	background:url(../images/interface/black-opacity.png);
	z-index:1000;
	top:80px;
	left:0;	
	opacity:0;
	transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	overflow:scroll;
}

#search-overlay-content {
	padding: 15px 30px 100px 212px;
	color:#fff;
}

.highlighted-match {
	background:yellow;	
	color:#111;
}

#search-overlay-content h4 {
	color:#fff;
	border-bottom:1px solid #333;
	padding-bottom:10px;
	margin-bottom:20px;	
}

#search-overlay-content a {
	color:#fff;	
}

#dialog-overlay {
	width:0px;
	height:0px;
	position:fixed;
	background-color: rgba(238, 238, 238, 0.8);
	z-index:2000;
	top:0;
	left:0;	
	opacity:0;
	transition:opacity 0.3s;
	overflow:hidden;
}

.dialog-notification {
	position:absolute;
	top:90px;
	left:50%;
	width:600px;
	margin-left:-200px;
	opacity:0;
	z-index:2500;
	background:#fff;
	box-shadow:0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
	transform: scale(0.2, 0.2);
	transition:opacity 0.3s, transform 0.3s;
	overflow:hidden;
}

.dialog-content {
	max-height:700px;
	overflow-y: auto;
}

.dialog-trigger {
	cursor:pointer;
}

#sub-overlay {
	position:absolute;
	left:0;
	top:0;
	width:0px;
	height:0px;
	background:url(../images/interface/white-opacity.png);	
	opacity:0;
	transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	overflow:hidden;
}

.sub-dialog-notification {
	position:absolute;
	top:10%;
	left:50%;
	width:80%;
	margin-left:-40%;
	opacity:0;
	z-index:2500;
	background:#fff;
	transform: scale(0, 0);
	transition:opacity 0.3s, transform 0.3s;
	overflow:hidden;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
}

.close-icon {
	color:#999;
	float:right;
	cursor:pointer;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	line-height:20px;
	margin:4px 0;
}
.close-icon:hover {
	color:#EA1E41;
}

#add-page-container {
	position:relative;	
}

#add-page-options-container {
	width:280px;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	border-right:1px solid var(--color-bg-mid);
}

#select-rule-page {
	display:none;	
}
#select-rule-quiz {
	display:none;	
}
#select-rule-day {
	display:none;	
}

.newpagerule {
	position:relative;
	background:#f7f7f7;
	padding:10px 10px 10px 26px;
	font-size:12px;
	color:#999;
	margin-bottom:10px;
	line-height:18px;
}

.remove-icon {
	position:absolute;
	left:10px;
	top:10px;
	color:#999;
	cursor:pointer;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
	line-height:18px;
	margin:3px 0;
}
.remove-icon:hover {
	color:#EA1E41;
}

.small-list {
	
}

.small-list li {
	list-style:disc;
	font-size:11px;
	margin:0;
}

.small-cell {
	font-size:11px;
}

.check-icon {
	color:#00cb67;
}
.cross-icon {
	color:#EA1E41;
}

.delete-icon {
	color:#999;
	cursor:pointer;
	transition:color 0.3s;
	-webkit-transition:color 0.3s;
}
.delete-icon:hover {
	color:#EA1E41;
}

.form-container {
	background:#eff2f3;
	padding:10px;	
}

#greyout {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;	
	opacity:0.8;
	display:none;
}

#processing-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/interface/white-opacity.png);	
}

#processing-mod {
	width:200px;
	height:auto;
	position:absolute;
	background:#fff;
	left:50%;
	top:50%;
	text-align:center;
	padding:20px;
	margin-top:-81px;
	margin-left:-21px;
	border-radius:8px;
	border:1px solid #eee;
	box-shadow: 0 18px 35px rgba(50,50,93,.1),0 8px 15px rgba(0,0,0,.07);
}

#processing-mod label {
	margin-bottom:0;	
}

.link-square {
	font-size:12px;
	text-transform:uppercase;
	color:#333;
	margin:0 6px;
	background:#f5f8fa;
	padding:10px 15px;
	display:inline-block;
}

.comparison-footer {
	background:#fff;
	color:#333;	
}

.comparison-block {
	width:50%;
	float:left;	
}

.comparison-content {
	padding:6px 20px;	
}

.small-label {
	color:#333 !important;
	font-size:10px;	
	line-height:16px;
}

.percentchange {
	float:right;
	font-size:11px;	
}

.comparison-content .percentchange {
	float:none;
}

.calendarday {
	width:12%;
	float:left;
	text-align:center;	
}
.calendarnumber {
	padding:2px 5px;
	font-size:11px;
	line-height:16px;	
}

#offer-container {
	position:relative;
}

#offer-image {
	
}

#offer-regular-price {
	font-size:18px;
}

#offer-regular-price strong {
	text-decoration: line-through;
}

#offer-price {
	position:absolute;
	bottom:0;
	right:0;
	color:#fff;
	background:#648de9;
	width:152px;
	height:128px;
	padding-top:24px;
	border-radius:80px;
	text-align:center;
	line-height:18px;
	font-size:16px;
	transform: rotate(10deg);
}

#offer-sale-price {
	font-weight:600;
	font-size:52px;
	display:block;
	line-height:60px;	
}

.new-notification {
	display:inline-block;
	vertical-align:middle;
	background:red;
	padding:1px 3px;
	margin-right:4px;
	border-radius:2px;
	color:#fff;
	font-size:9px;
	line-height:10px;	
	text-transform:uppercase;
}

.notification-count {
	display:inline-block;
	vertical-align:middle;
	background:red;
	width:10px;
	text-align:center;
	margin-top:-2px;
	margin-left:4px;
	height:10px;
	margin-right:4px;
	border-radius:100px;
	padding:2px;
	color:#fff;
	font-size:10px;
	line-height:10px;	
	text-transform:uppercase;
}

.briteverify {
	display:block;
	position:absolute;
	bottom:12px;
	right:-2px;	
	background:#95da3c;
	border-radius:20px;
	font-size:8px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:2px 8px 2px 2px;
	line-height:16px;
	font-weight:600;
}

.briteverify-success {
	background:#50e39b;
	color:#fff;
}

.briteverify-error {
	background:#d84a2f;
	color:#fff;
}

.briteverify-warning {
	background:#e28a34;
	color:#fff;
}

.briteverify-pending {
	background:#eee;
	color:#999;
}

.briteverify-icon {
	border-radius:20px;
	display:inline-block;
	width:16px;
	height:16px;
	text-align:center;
	margin-right:4px;
}

.briteverify-success .briteverify-icon {
	background:#33c07b;
}

.briteverify-error .briteverify-icon {
	background:#c5452b;
}

.briteverify-warning .briteverify-icon {
	background:#c8792b;
}

.briteverify-pending .briteverify-icon {
	background:#ccc;
}

.daily-compliment {
	float:right;
	display:inline-block;
	color:#666;
	background:#fff;
	border:5px solid #f7f7f7;
	padding:15px;
	margin-top:10px;	
}

.stat-product-count {
	font-size:11px;
	color:#888;
	display:inline-block;
	background:#fff; 
	border:1px solid #eee;
	margin:0 5px 5px 0;
	border-radius:2px;
	padding:2px 4px;	
}

.fileupload {
	position:relative;
	padding:6px 10px 6px 10px;
	background:#f7f7f7;
	margin-bottom:10px;
}
.fileupload-title {
	font-size:11px;
	text-transform:uppercase;
	font-weight:600;
}
.fileupload-bar {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:6px;
	background:#ccc;
}
.fileupload-progress {
	width:0px;
	background:#a0d455;
	height:6px;
}
.fileupload-remove {
	position:absolute;
	top:6px;
	right:10px;
}

.admin-vid-block-content {
	padding:6px 10px;
	background:#fff;
	border:1px solid var(--color-bg-mid);
	margin-bottom:6px;
	margin-right:6px;
	border-radius:6px;
	box-shadow:0 5px 12px rgba(50,50,93,.06);
}

.admin-vid-preview {
	float:left;
	background:#fff;
	border:1px solid var(--color-bg-mid);
	width:320px;
	margin-bottom:6px;
	margin-right:6px;
	border-radius:6px;
	box-shadow:0 5px 12px rgba(50,50,93,.06);
}

.admin-vid-preview-content {
	padding:6px 6px 6px 116px;
	position:relative;
	min-height:56px;
}

.admin-vid-preview-image {
	position:absolute;
	top:6px;
	left:6px;
	width:100px;
}

.admin-vid-preview-title {
	color:#333;
	font-weight:600;
	font-size:11px;
	line-height:16px;
	margin-bottom:4px;
}

.admin-vid-preview-actions i {
	margin-right:6px;
}

.option-tag {
	color:#fff;
	background:#648de9;
	display:inline-block;
	padding:2px 6px;
	font-size:12px;
	border-radius:4px;
	margin:3px;
}

.option-tag-remove {
	display:inline-block;
	margin-left:2px;
	cursor:pointer;
}

.option-tag-remove i {
	pointer-events:none;	
}

.image-holder {
	position:relative;	
}

.image-change-icon {
	position:absolute;
	display:block;
	background:#fff;
	width:20px;
	height:20px;
	border-radius:100px;
	right:0px;
	top:-3px;
	text-align:center;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
	font-size:12px;	
	color:#648de9;
	cursor:pointer;
}

.image-change-icon:hover {
	color:#999;
}

.image-change-icon i {
	margin-right:-2px;
}