/* ####################################################
* Do not modify this file!
* Edit the source files in "site" folder instead then run grunt command.
* #################################################### 
*/
/* USAGE
<div class="row">
	<div class="row-height">
		<div class="col-xs-2 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
		<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
			<div class="inside"></div>
		</div>
	</div>
</div>
*/

/* content styles */
.inside-full-height {
	/*
	// if you want to give content full height give him height: 100%;
	// with content full height you can't apply margins to the content
	// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
	*/
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
.content {
	padding: 12px 3px;
}

/* columns of same height styles */

.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}
.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}
.col-top {
		vertical-align: top;
}
.col-middle {
	vertical-align: middle;
}
.col-bottom {
	vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-xs-top {
		vertical-align: top;
	}
	.col-xs-middle {
		vertical-align: middle;
	}
	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-sm-top {
		vertical-align: top;
	}
	.col-sm-middle {
		vertical-align: middle;
	}
	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-md-top {
		vertical-align: top;
	}
	.col-md-middle {
		vertical-align: middle;
	}
	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}
	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.col-lg-top {
		vertical-align: top;
	}
	.col-lg-middle {
		vertical-align: middle;
	}
	.col-lg-bottom {
		vertical-align: bottom;
	}
}
.media.chart-item-st,
.media.chart-item-nd,
.media.chart-item-rd{
    overflow: visible
}
.media.chart-item a,
.media.chart-item a:link,
.media.chart-item a:hover,
.media.chart-item a:active{
    text-decoration: none;
}
.media.chart-item-st .media-left,
.media.chart-item-nd .media-left,
.media.chart-item-rd .media-left{
    position: relative
}
.media.chart-item-st .media-left:before,
.media.chart-item-nd .media-left:before,
.media.chart-item-rd .media-left:before{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    -webki-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    z-index: 2;
}
.media.chart-item-st .media-left:before{
    background-color: #f9a825;
    content: '1';
}
.media.chart-item-nd .media-left:before{
    background-color: #01cebb;
    content: '2';
}
.media.chart-item-rd .media-left:before{
    background-color: #f44336;
    content: '3';
}
.media.chart-item-st .fa-diamond,
.media.chart-item-nd .fa-diamond,
.media.chart-item-rd .fa-diamond{
    color:#f9a825
}
.media.chart-item-st .media-object{
    border: 2px #f9a825 solid;
}
.media.chart-item-st .media-heading{
    color:#f9a825
}

.media.chart-item-nd .media-object{
    border: 2px #01cebb solid;
}
.media.chart-item-nd .media-heading{
    color:#01cebb
}
.media.chart-item-rd .media-object{
    border: 2px #f44336 solid;
}
.media.chart-item-rd .media-heading{
    color:#f44336
}
/*colors*/
.bg-orange {
	background-color: #ffb74d;
	color: #fff;
}
.bg-blue{
	background: #42a5f5;
	color: #fff;
}
.bg-red {
	background: #e15258;
	color: #fff;
}
.bg-teal {
	background-color: #4db6ac;
	color: #fff;
}

.bg-facebook{
	background-color: #3b5998;
}
.bg-gplus{
	background-color: #d34836;
}
.bg-youtube{
	background-color: #e62118;
}
.bg-skype{
	background-color: #00aff0
}

.color-google,
.color-gplus{
	color:#d34836
}
.color-facebook{
	color:#3b5998
}
.color-youtube{
	color: #ff0000
}
.color-skype{
	color: #00aff0
}
.bootstrap-switch .bootstrap-switch-label {
	background: #ffffff;
}
.v-bottom{
	vertical-align: bottom!important;
}
.padding-left-none{
	padding-left: 0px !important;
}
.padding-right-none{
	padding-right: 0px !important;
}
.padding-v-half{
	padding-top: 12px;
	padding-bottom: 12px;
}
.padding-top-half{
	padding-top: 12px;
}
.page-section.padding-v-half{
	padding-top: 20px;
	padding-bottom: 20px;
}
.page-section.padding-top-half{
	padding-top: 20px;
}
.ws-pre{
	white-space: pre;
}
.ws-normal{
	white-space: normal;
}
.ws-pre-line,
.ws-pre-line-content p{
	white-space: pre-line;
}
.ws-pre-wrap,
.ws-pre-wrap-content p{
	white-space: pre-wrap;
}
.min-height-500{
	min-height: 500px
}
.min-height-300{
	min-height: 300px
}
.min-height-200{
	min-height: 200px
}
.min-height-170{
	min-height: 170px
}
.min-height-20{
	min-height: 20px
}

.min-width-40{
	min-width: 40px;
}
.min-width-30{
	min-width: 30px;
}
.min-width-20{
	min-width: 20px;
}

.text-shadow {
	-webkit-text-shadow: 1px 1px 4px rgba(0,0,0,.5);
	text-shadow: 1px 1px 4px rgba(0,0,0,.5);
}

.label-group>.label:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: 0;
}
		
.label-group>.label:nth-child(2) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/* clipping */
.clip-triangle{
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.clip-trapezoid{
	-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.clip-parallelogram{
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.clip-rhombus{
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.clip-pentagon{
	-webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.clip-hexagon{
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.clip-heptagon{
	-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.clip-octagon{
	-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.nowrap{
	white-space: nowrap!important;
}

/* icons */
.md.xmd-tex:before{
	content: ' ';
	display: inline-block;
	width: 16px;
	height: 10px;
	background:url(../images/tex.png) center no-repeat;
	vertical-align: bottom
}

.btn-float{
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 9999;
}
/*collapse
[data-toggle="collapse"] .collapse-open,
.collapsed[data-toggle="collapse"] .collapse-close{
	display: none;
}

[data-toggle="collapse"] .collapse-close,
.collapsed[data-toggle="collapse"] .collapse-open{
	display: block;
}*/

[data-toggle="collapse"].collapsed .icon-collap-rotate{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
 .btn-collapse-status{
	 display: none
 }

.img-cover{
	display: block;
	margin: auto
}

.overlay-top, .overlay-bottom{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 6px;
}
.overlay-top{
	top: 0;
}
.overlay-bottom{
	bottom: 0;
}

.form-control-material label{
	margin-top:-10px!important
}

.pagination a.pagination-label, .pagination span.pagination-label,
.pagination a.pagination-label:hover, .pagination span.pagination-label:hover{
	border: none;
	background: none;
	color: #797979
}

.media.media-bordered {
		border-bottom: 1px #e2e9e6 solid;
}
.media-left.media-bordered{
	border-right: 1px #eee solid;
}
.media-right.media-bordered{
	border-left: 1px #eee solid;
}

.text-nowrap{
	white-space: nowrap
}
.navbar-float-none > li{
	float: none!important;
	display: inline-block
}
.navbar .container-fluid .navbar-right:last-of-type {
	margin-right: 0;
}

.center-middle{
	position: absolute;
	top: 50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pnl-side-bar.collapse{
	display: block;
	height: auto!important;
}

.margin-auto{
	margin: auto;
}

@media (max-width: 768px){
	.padding-xs-none{padding: 0!important}
	.padding-top-xs-none{padding-top:0!important}
	.padding-bottom-xs-none{padding-bottom:0!important}
	.margin-xs-none{margin:0!important}
	.margin-top-xs-none{margin-top:0!important}
	.margin-bottom-xs-none{margin-bottom:0!important}

	.navbar-nav.navbar-margin-0-xs{
		margin:0;
	}
	.nav-justified.nav-justified-xs{
		margin-bottom: -2px;
	}
	.nav-justified.nav-justified-xs > li {
		display: table-cell;
		width: 1%;
	}
	.nav-justified.nav-justified-xs > li > a  {
		border-radius: 2px 2px 0 0;
		margin-bottom: 0 !important;
	}
	.nav-tabs.nav-justified.nav-justified-xs > .active > a{
		border-bottom: none
	}
}
@media (max-width: 992px){
	.padding-sm-none{padding: 0!important}
	.padding-top-sm-none{padding-top:0!important}
	.padding-bottom-sm-none{padding-bottom:0!important}
	.margin-sm-none{margin:0!important}
	.margin-top-sm-none{margin-top:0!important}
	.margin-bottom-sm-none{margin-bottom:0!important}

	/* pnl-side-bar */
	.pnl-side-bar.pnl-side-bar-sm {
		position: fixed;
		background: #fff;
		border: 1px #e2e9e6 solid;
		padding: 10px;
		width: 300px;
		left: 0;
		top: 50px;
		bottom: 45px;
		overflow: auto;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		transition: all 200ms ease;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		transform: translateX(-100%);
		z-index: 9998;
	}
	.pnl-side-bar.pnl-side-bar-sm.in{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (min-width: 992px){
	.padding-md-none{padding: 0!important}
	.padding-top-md-none{padding-top:0!important}
	.padding-bottom-md-none{padding-bottom:0!important}
	.margin-md-none{margin:0!important}
	.margin-top-md-none{margin-top:0!important}
	.margin-bottom-md-none{margin-bottom:0!important}

	.border-right-md{
		border-right:1px #e2e9e6 solid
	}
}
@media (min-width: 1200px){
	.padding-lg-none{padding: 0!important}
	.padding-top-lg-none{padding-top:0!important}
	.padding-bottom-lg-none{padding-bottom:0!important}
	.margin-lg-none{margin:0!important}
	.margin-top-lg-none{margin-top:0!important}
	.margin-bottom-lg-none{margin-bottom:0!important}
	.border-right-lg{
		border-right:1px #e2e9e6 solid
	}
}

/* anchor */
.section-anchor:before{
content:"";
display:block;
height:70px; /* fixed header height*/
margin:-70px 0 0; /* negative fixed header height */
}
/* flashing */
.flashing{
	position: relative
}
.flashing:after {
		position: absolute;
		content: '';
		display: block;
		opacity: 0;
		-webkit-animation: flashing 2s;
		-moz-animation: flashing 2s;
		animation: flashing 2s;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		pointer-events: none;
		background: rgba(240,173,78,0.5);
		z-index: 9;
}
@-webkit-keyframes flashing {
	0%      { opacity: 1 }
	100%    { opacity: 0;
		display: none
	}
}
@keyframes flashing {
	0%      { opacity: 1 }
	100%    { opacity: 0;
		display: none
	}
}

/* tabs */
.nav-tabs > li > a {
	font-size: 13px;
}
.nav-tabs > li:first-of-type.active > a, .nav-tabs > li.active:first-of-type > a:hover{
	border-left-color:#e2e9e6
}
.nav-tabs.nav-tabs-dark > li > a {
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.nav-tabs.nav-tabs-dark > li.active > a, 
.nav-tabs.nav-tabs-dark > li.active a:focus, 
.nav-tabs.nav-tabs-dark > li.active a:hover {
    color: #42a5f5;
}
.nav-tabs.nav-tabs-light > li.active > a, 
.nav-tabs.nav-tabs-light > li.active > a:hover, 
.nav-tabs.nav-tabs-light > li.active > a:focus {
	background-color: #f5f5f5;
}
/* status upload */
.status-upload {
background: none repeat scroll 0 0 #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
float: left;
width: 100%;
}

.status-upload textarea {
background: none repeat scroll 0 0 #fff;
border: medium none;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
color: #777777;
float: left;
font-family: Lato;
font-size: 14px;
height: 142px;
letter-spacing: 0.3px;
padding: 20px;
width: 100%;
resize:vertical;
outline:none;
border: 1px solid #F2F2F2;
}

.status-upload ul {
float: left;
list-style: none outside none;
margin: 0;
padding: 0 0 0 15px;
width: auto;
}
.status-upload ul > li {
float: left;
}
.status-upload ul > li > a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #777777;
float: left;
font-size: 14px;
height: 30px;
line-height: 30px;
margin: 10px 0 10px 10px;
text-align: center;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 30px;
cursor: pointer;
}
.status-upload ul > li > a:hover {
background: none repeat scroll 0 0 #606060;
color: #fff;
}
.status-upload button {
border: medium none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
float: right;
font-family: Lato;
font-size: 14px;
letter-spacing: 0.3px;
margin-right: 9px;
margin-top: 9px;
padding: 6px 15px;
}
.status-upload .dropdown > a > span.green:before {
border-left-color: #2dcb73;
}
.status-upload button > i {
margin-right: 7px;
}

/*comment editor*/
.editor-toolbar{
	background: #fff
}

.solution-item, .comment-item{
	margin-bottom: 8px;
}
.comment-item .panel-body{
	padding: 8px;
}
.comment-item .panel-body p{
	margin:0
}

.testimonial.testimonial-right .panel:before, 
.testimonial.testimonial-right .panel:after{
	right:0;
	left: auto
}
.icon-block.s20 {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}

/* rate button */
.btn-rate,
.btn-none{
	margin: 0;
	padding: 0;
	display: inline;
	border: 0;
	background: none;
}

.rate-graph > .media{
	font-size: 0.92rem;
	line-height: 1.2rem;
	font-weight: 400;
	margin:0;
	vertical-align: middle;
	color: #757575;
}

/* tgs input */
.bootstrap-tagsinput input{
	border-radius: 2px;
	border: 1px #ddd solid;
	padding: 4px;
	background: #f7f7f7;
}
.navbar .divider-vertical {
	height: 50px;
	margin: 0 9px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
	border-right-color: #222222;
	border-left-color: #111111;
}

@media (max-width: 767px) {
	.navbar-collapse .nav > .divider-vertical {
		display: none;
	 }
}
.navbar-nav .dropdown-menu > li.dropdown-loading > a, 
.navbar-nav .dropdown-menu > li.dropdown-loading > a:focus{
	background-color: #fff;
	background-image: url(/images/loading-el32w.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
		padding: 3px 20px;
		font-size: 12px;
		height: 35px;
}
.bg-loader{
	background-image: url(/images/loading-el32w.gif);
	background-position: center;
	background-repeat: no-repeat;
}
/*logout button*/
.dropdown-menu > li button.btn-logout, 
.dropdown-menu > li button.btn-menuitem {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333333;
		white-space: nowrap;
		width: 100%;
		border: none;
		background: none;
		text-align: left;
}
.navbar-nav .dropdown-menu > li button.btn-logout, 
.navbar-nav .dropdown-menu > li button.btn-logout:focus,
.dropdown-menu > li button.btn-menuitem, 
.dropdown-menu > li button.btn-menuitem:focus {
		font-weight: 500;
		padding: 8px 14px;
		border-top: 1px solid #efefef;
}
.navbar-nav .dropdown-menu > li.active button.btn-logout, 
.navbar-nav .dropdown-menu > li button.btn-logout:hover,
.dropdown-menu > li.active button.btn-menuitem, 
.dropdown-menu > li button.btn-menuitem:hover {
		background: #f5f7f7;
		color: #42a5f5;
}

/* hide spinner input type number*/
input[type='number'] {
		-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
		/* display: none; <- Crashes Chrome on hover */
		-webkit-appearance: none;
		margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/*code mirror*/
.CodeMirror, .CodeMirror-scroll{
	min-height: 200px!important
}

.authorize-overlay{
	color: #888;
	font-weight: 700;
	text-align: center;
}
.authorize-overlay:before{
	display: block;
	content:'';
	height: 50%;
}

.home-buttons{
	position: absolute;
	top: 30%;
	width:56%;
	text-align: center;
}

.navbar-inline{
	margin:0;
	padding: 0;
	list-style: none;
	margin-top: 4px;
}
.navbar-inline::after{
	display: block;
	content: ' ';
	clear: both;
}
.navbar-inline > li{
	float: left
}
.navbar-inline > li > a, .navbar-inline > li > button{
	padding: 4px 8px;
	line-height: 14px;
	display: inline-block;
}
.navbar-inline > li > button{
	border:none;
	background: none;
}
.navbar-inline > li > button:hover, .navbar-inline > li > button:focus {
	color: #0c80df;
	text-decoration: underline;
}

.px-border-none .bx-wrapper{
	border:0!important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bx-prev-cont, .bx-next-cont{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	z-index: 99
}

.bx-prev-cont{
	left: 0;
}
.bx-next-cont{
	right: 0;
}
.bx-prev-cont>div, .bx-next-cont>div{
	height:100%;
	position: relative;
}
.bx-prev-cont a, .bx-next-cont a{
	position: absolute;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 46px;
	color: #fff;
	color:rgba(255,255,255,0.5);
	text-decoration:none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left:50%;
	top:50%;
}
.bx-next-cont a:before,.bx-prev-cont a:before{
	display: inline;
}
.bx-next-cont a:before {
	content: "\f105"
}
.bx-prev-cont a:before {
	content: "\f104";
}

.btn-storebadge{
	width: 150px;
}

/* converted document */
.doc-content{
	padding: 32px;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: justify;
}
/*.doc-content p{
	text-indent: 32px
}*/
.doc-content img{
	max-width: 100%;
}
.doc-content table{
	max-width: 100%;
}
.doc-content table td{
	padding: 4px
}
/* The ribbons */

.corner-ribbon{
	width: 200px;
	background: #e43;
	position: absolute;
	top: 25px;
	left: -50px;
	text-align: center;
	line-height: 50px;
	letter-spacing: 1px;
	color: #f0f0f0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
	position: fixed;
}

.corner-ribbon.shadow{
	box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.of-hidden{
	overflow: hidden!important;
}
.of-visible{
	overflow: visible!important;
}

/* Different positions */

.corner-ribbon.top-left{
	top: 25px;
	left: -50px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
	top: 25px;
	right: -50px;
	left: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
	top: auto;
	bottom: 25px;
	left: -50px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
	top: auto;
	right: -50px;
	bottom: 25px;
	left: auto;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.corner-ribbon.corner-sm.top-right{
	top: 5px;
	right: -75px;
	line-height: 36px;
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

.prbar-bg,
.prbar-fill{
	height: 5px;
}
.prbar-bg{
	background: #eee;
}

.validation-summary-valid{
	display: none
}

.text-transf-none{
text-transform: none!important;
}

.list-group-item.current:before {
	display: block;
	content: ' ';
	background-color: #fff;
	border-left: 1px #d3dad7 solid;
	border-bottom: 1px #d3dad7 solid;
	left: -8px;
	bottom: 50%;
	width: 16px;
	height: 16px;
	position: absolute;
	transform: ROTATE(45deg) translate(40%, 40%);
}
.list-group-item.active.current:before {
	background-color: #42a5f5;
	border-color: #42a5f5;
}
.list-group-item.active .list-group-link{
	color: #fff;
}
.list-group-item.active .text-light{
	color: rgba(255,255,255, 0.5);
}
.list-group-item.btn.btn-flat{
	border-color: #efefef;
}
.fb-like.fb_iframe_widget, .btn-gplusone > div{
	vertical-align: middle !important;
}
.pdfViewer.singlePageView .page + .page{
	border-top: 1px #e2e9e6 solid;
}

.embed-responsive-fill iframe{
	width: 100%;
	height: 100%;
}
.half-float {
	position: relative;
	margin-bottom: 65px;
}
.half-float .half-float-bottom, .half-float .half-float-top {
	position: absolute;
	left: 50%;
	bottom: -60px;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	z-index: 2;
}
.half-float+* {
	margin-top: -55px;
	padding-top: 65px;
}

.card-header{
	margin-bottom: 45px;
	padding: 20px 0 0 0;
	position: relative;
	-webkit-box-shadow: inset 0 -30px 60px -10px rgba(0,0,0,.4);
	box-shadow: inset 0 -30px 60px -10px rgba(0,0,0,.4);
}
.card-header.card-header-md{
	padding-top:40px;
}
.card-header.card-header-lg{
	padding-top:60px;
}
.card-header .card-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	opacity: .1;
}

.card-header .img-thumbnail{
	display: inline-block;
	margin-top:45px;
	margin-bottom:-45px;
	margin-left:auto;
	margin-right: auto;
	-webkit-box-shadow: 0 4px 12px -1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 4px 12px -1px rgba(0,0,0,.2);
	box-shadow: 0 4px 12px -1px rgba(0,0,0,.2);
}
.img-thumbnail{
	border-color: #f5f5f5;
}
.slick-basic{
	margin-left: -6px;
	margin-right: -6px;
}
.slick-basic .item {
	margin-left: 6px;
	margin-right: 6px;
}
.nav.nav-stacked > li > .nav> li > a{
	padding-left:40px
}
.nav.nav-stacked > li > .nav> li.active > a{
	background-color: #eeeeee;
	border-right:1px #42a5f5 solid;
}
@media (min-width: 768px){
.navbar-default .navbar-brand {
	border-right-color: #fff;
	border-right-color: transparent;
}
}
.panel-warning > .panel-heading {
	color: #ffffff;
}
.panel.border-none{
	border:0;
}
.content-container img{
	max-width: 100%;
}
.content-container .mjx-chtml{
	white-space: normal;
}

.select2-container{
	z-index: 1128;
}
.datepicker.dropdown-menu {
	z-index: 1129;
}

.gu-transit {
		background: #888;
		border-radius: 4px;
		padding: 6px 6px 6px 47px;
		position: relative;
		margin-bottom: 8px;
}
.gu-transit > .nestable-handle{
	top: 6px;
	left:6px;
}
.separator{
	display: table;
	white-space: nowrap;
	width: 100%;
	padding-left: 1.5%;
	padding-right: 1.5%;
	text-align: center;
}
.separator:before,.separator:after{
	border-top: 1px solid #e2e9e6;
	content: '';
	display: table-cell;
	position: relative;
	top: 0.5em;
	width: 45%;
}
.separator:before{
	right: 1.5%;
}
.separator:after{
	left: 1.5%;
}
.tree-line:before{
	width: 8px;
	height: 12px;
	border-width: 0 0 1px 1px;
	border-style: dotted;
	border-color: #757575;
	display: inline-block;
	content: ' ';
	margin-right: 6px;
	vertical-align: middle;
	margin-bottom: 6px;
	margin-top: -6px;
}
.tree-line.p15{
	padding-left: 15px;
}

.modal-backdrop{
	background-color:rgba(0,0,0,.5);
}
.modal-backdrop.in{
	opacity: 1;
}
.pageloader{
	background-image: url(/images/preloader.gif);
	background-position: center;
background-repeat: no-repeat;
}
.modal-backdrop.pageloader{
	z-index: 1060;
}
.currency{
	text-transform: lowercase;
}

.doc-prev-info{
	color: rgba(0,0,0,.8);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 15px;
	pointer-events: none;
	background: -moz-linear-gradient(top, rgba(224, 141, 81,0.5) 0%, rgba(224, 141, 81,0.5) 1%, rgba(224, 141, 81,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c57047', endColorstr='#00c57047',GradientType=0 );
	background: -moz-linear-gradient(top, rgba(224, 141, 81,0) 0%, rgba(224, 141, 81,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(224, 141, 81,0) 0%,rgba(224, 141, 81,0.5) 100%);
	background: linear-gradient(to bottom, rgba(224, 141, 81,0) 0%,rgba(224, 141, 81,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c57047', endColorstr='#80c57047',GradientType=0 );
}

h4.card-title-block{
	height: 2.6rem;
}
.ellipsis{
	text-overflow: ellipsis;
	overflow: hidden;
}

.panel.panel-doparea>.panel-heading + .panel-body > .nestable > ul.nestable-list{
	/*padding-top: 65px;
	margin-top: -65px;*/
	min-height: 30px;
	margin-bottom: 0;
}

.middle-center{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webket-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}
.is-countdown.border-none{
	border:none
}
.countdown-inline.is-countdown {
	border:none;
	display: inline;
	background-color: inherit
}
.countdown-inline .countdown-row{
	display: inline;
}
.countdown-inline .countdown-section,
.countdown-inline .countdown-amount,
.countdown-inline .countdown-period{
	display: inline;
	float: none;
	font-size: inherit;
	text-align: inherit;
	padding: inherit
}

.countdown-inline .countdown-period{
	text-transform: lowercase;
}

.countdown-inline .countdown-period:before,
.countdown-inline .countdown-section + .countdown-section .countdown-amount:before{
	display: inline;
	content: ' ';
}

/*.countdown-inline .countdown-period{
	display: none;
}

.countdown-inline .countdown-section + .countdown-section:before {
    display: inline;
    content: ':';
}*/

@media (max-width: 768px){
	.countdown-xs-small .countdown-section{
		padding: 10px 0;
	}
	.countdown-xs-small .countdown-section + .countdown-section:before{
		display: inline;
		content: ':';
		font-size: 200%;
		float: left;
	}
	.countdown-xs-small .countdown-period{
		display: none;
	}
}

@media (max-width: 992px){
	.countdown-sm-small .countdown-section{
		padding: 10px 0;
	}
	.countdown-sm-small .countdown-section + .countdown-section:before{
		display: inline;
		content: ':';
		font-size: 200%;
		float: left;
	}
	.countdown-sm-small .countdown-period{
		display: none;
	}
}
.rate-big-avg{
    text-align: center;
    font-size: 46px;
    line-height: 46px;
    display: inline-block
}
.quiz-qlist-button{
    margin-right:6px;
    margin-bottom:6px;
}
.quiz-qlist-button.bookmarked,
.quiz-qlist-button-flagged{
    background-color: #ffaa66;
}
.quiz-qlist.quiz-qlist-sm-dock{
    z-index: 9;
}
@media (max-width: 992px) {
  .quiz-qlist.quiz-qlist-sm-dock {
    position: fixed;
    bottom: 0;
    left: 0;right: 0;
    height: 74px;
  }
  .quiz-qlist.quiz-qlist-sm-dock .quiz-qlist-container{
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height:100%
    }
    .quiz-qlist.quiz-qlist-sm-dock > .panel{
        height:100%;
    }
}
/* discussion styles */
.solution-item .panel-body img {
    max-width: 100%;
}
.disc-show-cmnt, 
.disc-show-cmnt:hover, 
.disc-show-cmnt:active,
.disc-show-cmnt:focus{
    text-decoration: none;
}
.disc-cmntitem.disc-hide{
    color:#888
}
.disc-cmntitem.disc-hide .panel-body{
    background: #f5f5f5;
}
.disc-cmntitem .cmnt-show,
.disc-cmntitem.disc-hide .cmnt-hide{
    display: inline;
}
.disc-cmntitem .cmnt-hide,
.disc-cmntitem.disc-hide .cmnt-show{
    display: none;
}

.fa.fa-fx:before{
    content: "\0192x";
    font-weight: bold;
    font-style: italic;
}
.ellip {
	display: block;
	height: 100%;
}

.ellip-line {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 100%;
}

.ellip,
.ellip-line {
	position: relative;
	overflow: hidden;
}
.quiz-fixed-container{
    margin-top:50px;
}
.quiz-fixed-container.fixed-container-examref{
    position: fixed;
    top: 50px;
    bottom: 72px;
    left: 0;
    right: 0;
    margin-top: 0;
}
.quiz-fixed-container.fixed-container-examref > .container, 
.quiz-fixed-container.fixed-container-examref > .container > .row, 
.quiz-fixed-container.fixed-container-examref > .container > .row > div{
    height:100%
}
.ans-sheet{
    background-color: #fff;
}
.ans-sheet ul.list-group{
    background: #fff;
}
.list-group-item.ans-sheet-item.active, .list-group-item.ans-sheet-item.active:hover,.list-group-item.ans-sheet-item.active:focus{
    border-color:#e2e9e6;
}
.ans-sheet-item-index,.ans-sheet-item-ans{
    display: table-cell;
}
.ans-sheet-item-index{
    padding-right: 10px;
}
.ans-sheet-item-index a{
    text-decoration: none;
}
.ans-sheet-item-ans{
    background-color:#fff;
}
.ans-sheet-item.active,.ans-sheet-item.active:hover,.ans-sheet-item.active:focus{
    background-color: #fff;
    border-color: #fff;
}
.ans-sheet-item-ans .btn.active{
    background: #42a5f5;
    color: #fff;
}

@media (min-width: 992px) {
.quiz-fixed-container, 
.quiz-fixed-container.fixed-container-examref{
    position:fixed;top:80px;bottom:0;left:0;right:0;
    margin-top:0;
}
.quiz-fixed-container > .container, 
.quiz-fixed-container > .container > .row, 
.quiz-fixed-container > .container > .row > div{
    height:100%
}
.quiz-fixed-container > .container > .row > div{
    overflow:auto
}
.ans-sheet-panel{
    position: fixed;
    top: 75px;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
}
.col-md-4 .ans-sheet-panel{
    width: 299.98px;
}
.ans-sheet-sm-dock .ans-sheet-item-ans{
    width: 300px;
}
}
@media (min-width: 1200px) {
    .col-md-4 .ans-sheet-panel{
        width: 366.66px;
    }
}
@media (max-width: 992px) {
.ans-sheet.ans-sheet-sm-dock{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 72px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    z-index: 99;
}
.ans-sheet.ans-sheet-sm-dock > .panel-body{
    overflow: auto;
    overflow-y: hidden;
    height: 100%;
}
.ans-sheet.ans-sheet-sm-dock ul.list-group{
    overflow: visible;
    overflow-x:hidden;
    display: inline-block;
}
.ans-sheet.ans-sheet-sm-dock .list-group-item.ans-sheet-item{
    /*border-top-width: 1px!important;
    border-right-width: 1px!important;
    border-bottom-width: 1px!important;
    border-top-color: #fff!important;
    border-right-color: #fff!important;
    border-bottom-color: #fff!important;
    border-top-style: solid!important;
    border-right-style: solid!important;
    border-bottom-style: solid!important;*/
    border-top: 1px #fff solid !important;
    border-right: 1px #fff solid !important;
    border-bottom: 1px #fff solid !important;
}
.ans-sheet.ans-sheet-sm-dock .list-group-item.ans-sheet-item.active,
.ans-sheet.ans-sheet-sm-dock .list-group-item.ans-sheet-item.active:hover,
.ans-sheet.ans-sheet-sm-dock .list-group-item.ans-sheet-item.active:focus{
    border-top: 1px #42a5f5 solid !important;
    border-right: 1px #42a5f5 solid !important;
    border-bottom: 1px #42a5f5 solid !important;
}
.ans-sheet-sm-dock .ans-sheet-item-index{
    padding-right: 0;
    display: inline-block;
}
.ans-sheet-sm-dock .ans-sheet-item-ans{
    width: 0;
    display: inline-block;
    border: none;
    overflow: hidden;
    padding: 8px 0;
    -webkit-transition: width 200ms ease-in;
    -moz-transition: width 200ms ease-in;
    transition: width 200ms ease-in;
}
.ans-sheet-sm-dock .ans-sheet-item{
    display: inline-block;
}
.ans-sheet-sm-dock .ans-sheet-item.active .ans-sheet-item-ans{
    width: 200px;
    /*border: 1px #42a5f5 solid;
    bottom: 50px;
    opacity: 1;*/
}
.ans-sheet-sm-dock .ans-sheet-item.active .ans-sheet-item-index a{
    background-color: #42a5f5;
    color: #fff;
}
.ans-sheet-sm-dock .ans-sheet-item.active,.ans-sheet-item.active:hover,.ans-sheet-item.active:focus{
    /*background-color: #42a5f5;*/
    border-color: #42a5f5;
}

.ans-sheet-sm-dock .list-group-item.ans-sheet-item{
    padding: 0;
    border: none;
}
}

.ans-opt{
    position: relative;
}
.ans-opt.ans-opt-selected::after,
.ans-opt.ans-opt-right::after{
    display:block;
    content:' ';
    position: absolute;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 1.3em;
    width:20px;
    height:20px;
    top:50%;
    left:50%;
    border-width:1px;
    border-style: solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ans-opt.ans-opt-selected::after{
    border-color: #bd362f;
    color: #bd362f;
    content: '×'
}
.ans-opt.ans-opt-right::after{
    border-color: #42a5f5;
}
.ans-opt.ans-opt-selected.ans-opt-right::after{
    border-color: #39843c;
    color: #39843c;
    content: '\2713'
}
.gu-mirror{
	pointer-events: none;
	-webkit-pointer-events: none
}
/* fix table collapse */
.table.collapse.in{
	display: table;
}
.mbBalloonOverlay{
	z-index: 1040!important;
}
.mbBalloonOpener.mbBalloonOpened {
    z-index: 1041 !important;
}

body.login .lock-container{
	height: auto;
	margin-top: 50px;
}
.flash-icon{
    font-size: 9px;
    padding: 2px 3px;
    border-radius: 3px;
}
.flash-icon.fi-warning{
    color: #fff;
    background: #ffa000;
    animation: fi-warning 1s infinite;
    -webkit-animation: fi-warning 1s infinite;
}

@keyframes fi-warning {
    0% {
        background: #ffa000;
    }
    60% {
        background: #ff3d00;
    }
    100% {
        background: #ffa000;
    }
    
}
@-webkit-keyframes fi-warning {
    0% {
        background: #ffa000;
    }
    60% {
        background: #ff3d00;
    }
    100% {
        background: #ffa000;
    }
    
}

.flash-icon.fi-ribbon{
    padding: 9px 18px 0px;
    position: absolute;
    top: -6px;
    right: -21px;
    box-shadow: 9px 6px 0px rgba(0, 0, 0, 0.25);
    transform: rotate(30deg);
}

.flash-icon.fi-ribbon.fi-ribbon-big{
    padding: 60px 50px 15px 67px;
    font-size: 18px;
    font-weight: bold;
    top: -32px;
    right: -43px;
}
.footer-section{
    font-size: 1em;
}
.footer-section.footer-full-height .container{
	margin-top: -48px;
	margin-bottom: -48px;
}

.footer-section.footer-full-height .footer-left,
.footer-section.footer-full-height .footer-center,
.footer-section.footer-full-height .footer-right{
	padding-top: 48px;
    padding-bottom: 48px;
}

@media (min-width: 992px){
    .footer-section.footer-full-height .container{
        margin-top: -32px;
        margin-bottom: -32px;
    }

    .footer-section.footer-full-height .footer-left,
    .footer-section.footer-full-height .footer-center,
    .footer-section.footer-full-height .footer-right{
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

.footer-left{
	background: rgba(255, 255, 255, 0.07);
    background-image: url(../images/bg-footer-left.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
.footer-right{
    background-color: #166abd;
    background-color: rgba(0,0,0,0.1);
}

.footer-section.text-white .h1, 
.footer-section.text-white .h2, 
.footer-section.text-white .h3, 
.footer-section.text-white .h4, 
.footer-section.text-white .h5, 
.footer-section.text-white .h6, 
.footer-section.text-white h1, 
.footer-section.text-white h2, 
.footer-section.text-white h3, 
.footer-section.text-white h4, 
.footer-section.text-white h5, 
.footer-section.text-white h6 {
    color: #ffde4b;
}

.footer-section.text-white p,
.footer-section.text-white a:link,
.footer-section.text-white a:visited,
.footer-section.text-white a:hover,
.footer-section.text-white a:active{
    color: rgb(210, 231, 250);
    color: rgba(255,255,255,0.8);
}
.footer-section.text-white a:hover,
.footer-section.text-white a:active{
    color: #fff;
    text-decoration: none
}

@media(max-width:768px){
    .footer-left,
    .footer-right,
    .footer-center{
        margin-left: -10px;
        margin-right: -10px;
    }
}

/* footer icons */
.footer-icon{
    width: 25px;
    height:25px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.footer-icon:after{
    display: block;
    content: ' ';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 0 4px 4px 0;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #e2e9e6;
    border-radius: 2px;
}
.select2-container .select2-selection--single.border-none{
    border-color: transparent;
}
.select2-dropdown {
    border: 1px solid #e2e9e6;
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.1);
    box-shadow: 0px 1px 4px rgba(0,0,0,.1);
}
.select2-container .select2-selection--single {
    height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
/* BEGIN: Slider */
.slick-home-slide{
	display: none
}
.slick-home-slide.slick-initialized{
	display: block;
}

img.img-home-banner{
	width: 100%
}

@media(min-width: 992px){
	.slick-home-slide .item.slick-slide,
	img.img-home-banner{
		height:233.41px;
	}
	.panel.pnl-home-banner-news>.panel-body{
		height: 197.41px
	}
}
@media (min-width: 1200px) {
	.slick-home-slide .item.slick-slide,
	img.img-home-banner{
		height:320px;
	}
	.panel.pnl-home-banner-news>.panel-body{
		height: 283px
	}
}
/* END: Slider */

/* BEGIN: Active Contest */
.panel.pnl-home-active-contest{
	border:0;
    overflow: hidden;
    min-height: 100px;
    background-image: url(/images/bg-active-contest.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.pnl-home-active-contest a,
.pnl-home-active-contest a:link,
.pnl-home-active-contest a:hover,
.pnl-home-active-contest a:visited{
	color: #ffe7bc;
    text-decoration: none;
}
.pnl-home-active-contest .ac-title{
	text-transform: uppercase;
    font-weight: bold;
    background: linear-gradient(130deg, orange, #f44336/*#ff0700*/);
    padding: 10px;
}
.pnl-home-active-contest .ac-quote{
	opacity: 0.3;
}
/* END: Active Contest*/

h3.home-title{
	position: relative;
	overflow: visible;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.home-title::before{
	background-image: url(../images/bg-home-title.png);
	background-repeat: no-repeat;
	width: 64px;
    height: 64px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.home-title.ht-books-1::before{
	background-position: 0 0;
}
.home-title.ht-books-2::before{
	background-position: 0 -64px;
}

@media(min-width: 768px){
	h3.home-title{
		background-color: #42a5f5;
		color: #fff;
		text-transform: uppercase;
		padding: 5px 0 5px 80px;
		margin-top: 30px;
		font-size: 1.2em;
		line-height: 1.6em;
		text-shadow: 1px 1px rgba(0,0,0,.2);
	}
	.home-title::before{
		display: inline-block;
		content: ' ';
	}
}
.illustration{
	display: block;
	margin-left:auto;
	margin-right: auto;
	max-width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	width: 256px;
	height: 256px;
}

.illustration.il-sm{
	width: 64px;
	height: 64px;;
}

.illustration.il-sm.il-timeout{
	background-image: url(../images/illus/sm/timeout.png);
}
/*.modal.modal-login-notif .modal-content{
	background-image: url('/images/bg-login-notif-modal.jpg');
	background-size: auto 100%;
}*/
@media (min-width:768px){
.modal.modal-login-notif .modal-content .col-right{
	border-left: 1px #e2e9e6 solid
}
}

.modal.modal-middle {
	text-align: center;
	padding: 0!important;
}

.modal.modal-middle:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal.modal-middle > .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	height: auto;
}
.scard-opt,
.ewallet-item{
    width: 130px;
    height: 62px;
    background-position: -130px 0;
    background-repeat: no-repeat;
    border:1px #eee solid;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.scard-opt{
    background-image: url(/images/scratchcards.png);
}
.ewallet-item{
    background-image: url(/images/ewallets-sm.png);
    background-position: 140px 0;
}
.ewallet-item.ewallet-baokim{
    background-position: 0 0;
}
.scard-opt:last-child{
    margin-bottom: 5px;
}
.scard-opt.btn:active{
    background-color: transparent;
    background-image: url(/images/scratchcards.png);
}

.scard-opt.vina {
    background-position: -1px 0;
}
.scard-opt.vietel {
    background-position: -130px 0;
}
.scard-opt.gate {
    background-position: -520px 0px;
}
.scard-opt.mobi {
    background-position: -390px 0px;
}
.scard-opt.vnm {
    background-position: -620px 0px;
}

.btn-ewallet.active{
    border:1px #00aa00 solid;
}
.slick-slider{
	padding-bottom: 0;
}
.slick-slider.slick-dotted{
	padding-bottom: 35px;
}
.slick-slider.ui-slick-slider .item {
    margin: 3px;
}
.slick-slider.ui-slick-slider .item {
    margin-left: 6px;
    margin-right: 6px;
}

.slick-slider.slick-home-slide .item{
	margin: 0;
}

.ui-slick-slider button.slick-arrow:before {
	font-size: 50px;
	transition: opacity ease 200ms;
	-webkit-transition: opacity ease 200ms;
	-moz-transition: opacity ease 200ms;
}
.ui-slick-slider .slick-prev {
    left: 8px;
}
.ui-slick-slider .slick-next{
	right: 35px;
}
.ui-slick-slider .slick-prev,
.ui-slick-slider .slick-next{
	z-index: 99;
	opacity: .2;
}

.ui-slick-slider .slick-prev:hover,
.ui-slick-slider .slick-next:hover{
	opacity: 1;
}
.note-editor.note-frame {
    border-color: #e2e9e6!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.note-editor .note-toolbar {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.note-popover .popover-content, 
.panel-heading.note-toolbar {
    padding: 0 0 8px 8px!important;
}
.btn.dropdown-toggle, .bootstrap-select, .note-editor .btn-group .btn {
    height: 28px;
    line-height: 28px;
    font-size: .86rem;
    color: #7c8792;
}
.note-toolbar:hover .btn.dropdown-toggle,
.note-toolbar:hover .bootstrap-select,
.note-editor .note-toolbar:hover .btn-group .btn{
    color:#546271
}
.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
    margin-top: 8px!important;
    margin-right: 8px!important;
    margin-left: 0;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch.switch-sm{
    width: 40px;
  height: 24px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch.switch-sm .slider:before{
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 4px;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*html{
	font-size: 15px;
}*/
.btn{
    font-size: 14px;
    line-height: 1.23;
}
.text-content{
    font-size: 1.16rem;
	/*line-height: 1.3rem;*/
}
/*
.text-display-1, .jumbotron h1 {
    font-size: 2.2rem;
    line-height: 2.6rem;
}
.text-headline {
    font-size: 1.4rem;
    line-height: 2rem;
}
.text-subhead, .text-subhead-2, .jumbotron p {
    font-size: 1.1rem;
    line-height: 1.7rem;
}
.text-caption {
	font-size: 0.8rem;
	line-height: 1rem;
}
@media (min-width: 992px){
.navbar.navbar-size-large .navbar-nav > li > a {
    font-size: 1.1rem;
}
}*/
table.edt-qstmtx>tbody>tr>td{
	width: 130px;
	padding: 0;
}
.edt-qstmtx td input{
	border:none;
	text-align: right;
	box-shadow: none;
	-webkit-box-shadow:none;
}
.edt-qstmtx td input,
.edt-qstmtx td input:disabled{
	background-color: #fff;
}
.edt-qstmtx td input:disabled{
	color: #888
}
.ui-yt-channel-embed{
	display: none;
}
.ui-yt-channel-embed.loaded{
	display: inherit;
}
.yt-live{
	font-size: 12px;
    border: 1px #c62828 solid;
    padding: 0 6px;
    color: #c62828;
    border-radius: 2px;
    font-weight: 700;
}