/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-weight:inherit;*/
	/*font-style:inherit;*/
	/*font-size:100%;*/
	/*font-family:inherit;*/
	vertical-align:baseline;
}

body {
	line-height:1;
	color:black;
	background:white;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font: 13px/1.6 Helvetica, Arial, 'Arial Unicode MS', Sans-Serif;
	color:#333;
	//background:#eee;
}

a, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	color:#000;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

#category-list table tr td img {
	    max-height: 100px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

.slide-card-view{
	display: block;
	position: relative;
	min-width: 290px;
	max-width: 450px;
	width: 45vw;
	height: 51vw;
	min-height: 329px;
	max-height: 510px;
	margin-left: auto;
	margin-right: auto;
}
.card-view{
	display: block;
	min-width: 300px;
	max-width: 450px;
	width: 45vw;
	height: 51vw;
	min-height: 400px;
	max-height: 600px;
}
.card-content{
	padding: 3%;
	height: 95%;
	overflow: auto;
}
.card-number{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 5px;
}

.btn-search{
	height: 39px;
	vertical-align: top;
}
.elearning-brand img{
	width: 36px;
	height: 36px;
}

.img-responsive.logo{
	width: 34%;

}

.elearning-brand{
	padding-top: 10px;
	background-color: transparent;
}

@media (max-width: 767px){
	#slider-next{
		top: 0;
		right: 0;
	}
	#slider-prev{
		top: 0;
		left: 0;
	}
}

@media all and (min-width: 320px) and (max-width: 1024px){
	.iframe {
		height: 134px;
	}
	#card1{
		width: 100%;
	}
	#refund{
		width:100%;
	}
	.nav.navbar-nav.navbar-right{
		font-size: 8px;
		margin: auto;
	}
	.navbar-form.navbar-left{
		margin: auto;
		display: table;
		border-bottom: none;
		border-top: none;
		border-color: rgba(0, 0, 139, 0);
	}
	.btn-menu{
		font-size: larger;
	}
	#elearning-navbar-collapse{
		border-color: rgba(0, 0, 139, 0);
	}
    .row-xs-12.text-center{
        padding-top: 15px;
    }
    .img-responsive.mobile{
        display: none;
    }
}
@media all and (min-width: 1024px) {
	.iframe {
		height: 428px;
	}
}

#rocketchat {
	display: none;
}

#rocketchat_iframe {
	width: 100%;
	height: 100%;
}

@media all and (min-width: 1366px) {
	#rocketchat {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 400px;
	}
}