#lawEU p,div,section{word-wrap:break-word}
.anno_site_announcement,.threshold-pop-up .pop-up-table-wrapper table,.view-manage-products.view-id-manage_products .view-content table.views-table,.view-og-members.view-id-og_members table{table-layout:fixed}
.ui-dialog .ui-resizable-se,.visible-none{visibility:hidden}
:after,:before{box-sizing:border-box}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.display-class-page .account-settings-info fieldset legend{display:block}
ol,ul{list-style:none!important}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0;width:100%;font-size:13px}
em,i{font-style:italic}
form tbody,form thead th{border:0}
.container .clms-table tr.even,.container .clms-table tr.odd,.ui-dialog .clms-table tr.even,.ui-dialog .clms-table tr.odd,tr,tr.even,tr.odd{border-bottom:2px solid #fff}
.container .clms-table thead th,.ui-dialog .clms-table th,tbody th,th,thead th{border:none;color:#222;padding:12px 8px;font-weight:700;line-height:18px}
.container .clms-table thead th a,.ui-dialog .clms-table th a,th a{color:#222}
th a img{margin-left:6px}
th img{vertical-align:middle}
tr.even,tr.even td.active,tr.odd,tr.odd td.active,.container .clms-table td,.ui-dialog .clms-table td,table.pop-up-table td,td,.bulk-upload-user-modal tbody tr:nth-child(odd), .welcome-table-list tr:nth-child(even){background-color:#f3f3f4}
.container .clms-table td,.ui-dialog .clms-table td,table.pop-up-table td,td{padding:15px 8px;line-height:16px;vertical-align:top}
sub,sup{font-size:60%;line-height:normal}
.container .clms-table td,.ui-dialog .clms-table td,.ui-dialog .single-modal-class fieldset,.ui-dialog .clms-courses-feeds-import-form fieldset{border:none}
.container .clms-table,.container .clms-table thead tr,.ui-dialog .clms-table,.ui-dialog .clms-table thead tr{background:0 0;border:0}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
hr{border:0;border-bottom:1px solid #666}
.clearfix:after,.clearfix:before,.content-view-profile .fieldset-wrapper:after,.content-view-profile .fieldset-wrapper:before,.event-calendar table thead:after,.event-calendar table thead:before{content:"\0020";display:block;height:0;clear:both;overflow:hidden}
body,html{height:100%}
.clearfix:after,.clrb,.content-view-profile .fieldset-wrapper:after,.event-calendar table thead:after,section:after{clear:both}
.f-right,.back_to_list,.ui-dialog .clms-courses-feeds-import-form .form-submit{float:right}
#header div#block-block-25,.f-left,
.add-user-sub-menu .form-item,
.ui-dialog .clms-courses-feeds-import-form #edit-email-check-wrapper,
.ui-dialog .clms-courses-feeds-import-form .date-clear-block,
.ui-dialog .clms-courses-feeds-import-form #edit-mail-language-wrapper,.welcome-join-school-sec,.welcome-right-wrap-sec,.welcome-school-acc-sec, .welcome-teacher-acc-sec,.edit-clms-class-unique label,.edit-clms-class-unique .date-clear-block,.edit-clms-class-unique #class-cbs-edit,.edit-clms-class-unique .edit-template-check,.welcome-join-school-sec-footer,.welcome-school-acc-footer,.welcome-teacher-acc-footer{float:left}
.hide,.no-display,html.js .attachment-file .hide,html.js .forum-attachment .hide, .ui-dialog .single-modal-class fieldset legend,.ui-dialog .single-modal-class .field-template-check-desc,.ui-dialog .single-modal-class .date-clear-block .description,.ui-dialog .clms-courses-feeds-import-form .date-clear-block .description,.edit-clms-class-unique fieldset legend,.edit-clms-class-unique .description,.display-class-page .account-settings-info .clms-ourse-code-update-wrap label{visibility:hidden;}
.hide-text{text-indent:100%;white-space:nowrap;overflow:hidden}
.reset-box{margin:0;padding:0}
.rel-pos{position:relative}
.align-right{text-align:right}
.align-left{text-align:left}
.align-center,.calendar-wrap,footer#footer,.welcome-join-school-sec-footer,.welcome-school-acc-footer,.welcome-teacher-acc-footer{text-align:center}
.bold-font{font-weight:700}
a{text-decoration:none;color:#2b7ab5}
a:hover{text-decoration:underline}
.mrgn-rgt-zero{margin-right:0!important}
b,strong{font-weight:700}
.margin-top-20{margin-top:20px!important}
.bg-white{background:#fff}
body{
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-text-size-adjust: none;    
    font-family:Helvetica,sans-serif!important;
    font-size:15px;
    line-height:20px;
    color:#605f5e;    
}
@-webkit-keyframes fontfix {
    from{ opacity: 1; }
    to   { opacity: 1; }
}
.block{margin:0}
#footer .f-left{margin:0;padding:0}
.clms-backgroundsize body.login{background:url(../images/main-pic.jpg) center top no-repeat}
.clms-no-backgroundsize #bg{position:fixed;top:0;left:0;min-width:100%;min-height:100%;z-index:-9999}
.container,.content-nav-page .page{min-height:100%}
.container:after{content:"";display:block;height:5px}
#header{background-color:#1e1e1d;min-height:55px}
#content{margin:0 auto;padding:20px 0 83px}
#content,.main-content,.scorm-navigation{width:960px;clear:both}
#footer,#header,#lawEU,.header-content,.login-details,.login-faq,.login-feature{min-width:960px}
#lawEU p{width:960px!important}
#header div.block.block-block{float:right;margin:0}
.logo a{display:block;margin:8px 20px 6px 10px}
h1.logo a img{height:44px;width:210px}
.global-nav ul{padding:.6em 0 0!important;font-size:13px;font-weight:700;margin:0}
#footer ul li,.global-nav>ul>li{float:left;padding:0 1em;list-style:none}
.global-nav>ul>li{position:relative;line-height:37px}
.global-nav>ul>li>a{color:#82807e;float:left;min-height:47px}
.global-nav>ul>li.active>a,.global-nav>ul>li>a:hover{color:#fff;text-decoration:none;background:url(../images/menu-arrow.png) center bottom no-repeat}
.global-nav ul li img{vertical-align:middle}
.global-nav ul li sup{font-size:.75em;background:url(../images/announcement-count.png) center center no-repeat;display:inline-block;line-height:19px;text-align:center;width:20px;vertical-align:baseline;height:20px;color:#fff;font-weight:700;margin-left:5px}
.item-list .pager,footer#footer{font-size:13px}
.global-nav .icon,.medium-icon, #kkpct-shopping-cart-link .icon{height:24px;vertical-align:middle}
.global-nav .icon, #kkpct-shopping-cart-link .icon{width:24px;background:url(../images/sprite.png) no-repeat;display:inline-block;margin-right:8px;cursor:pointer;opacity:.64999997615814208984375;filter:alpha(opacity=65)}
.global-nav ul li a:hover .icon,.global-nav ul li.active a .icon{opacity:1;filter:alpha(opacity=100)}
.global-nav .mylearning .icon{background-position:0 -98px}
.global-nav .myteaching .icon{background-position:0 -65px}
.global-nav .announcement .icon{background-position:0 0}
.global-nav .reports .icon{background-position:0 -32px}
.global-nav .arrow .icon{background-position:0 -124px;margin-right:0}
.global-nav ul li ul li{list-style:none}
.global-nav ul li ul li a:hover{color:#fff}
footer#footer{background-color:#413f3e;clear:both;padding:20px 0;}
#footer ul li{border-right:1px solid #9e9e9d}
#footer a{color:#9e9e9d;-o-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s;text-decoration:none}
#footer a:hover{color:#fea527}
#footer ul li.border-rt-none{border-right:none}
#footer .copyright-link{color:#9e9e9d;float:right;margin-right:1em}
#user-pass-reset a.ctools-use-dialog.ctools-use-dialog-processed:hover, .big-btn-wrap a, .comment_button .add-comment, .create-class-btn, .custom-btn-add-products, .red-btn-wrap a, .service-news ul li h5 a:hover, a.icon-btn:hover {
    text-decoration: none;
}
#user-pass-reset a.ctools-use-dialog.ctools-use-dialog-processed, .big-btn-wrap a, .comment_button .add-comment, .create-class-btn, .custom-btn-add-products, .file-upload-button, .red-btn-wrap a, .ui-dialog .ui-dialog-buttonpane button, .ui-widget .ui-widget-content button, .view-lp-org-leaf-courses-classes .more-link a, a.icon-btn, button, input[type="button"], input[type="submit"], .add-user-sub-menu ._add-user-modal span.anchor-button, .add-user-sub-menu ._add-user-by-file-modal span.anchor-button, #clms-konakart-product-allocation a.ctools-use-dialog, .view-license, .open-item, .view-order, #clms-konakart-view-licences-form a.ctools-use-dialog, ._add-teacher-user-modal span.anchor-button, ._add-teacher-user-by-file-modal span.anchor-button, ._edit-teacher-modal span.anchor-button, #edit-go-back.a-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #3890cf 0px, #2e7ebb 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    overflow: visible;
    padding: 6px 20px;
}
#user-pass-reset a.ctools-use-dialog.ctools-use-dialog-processed, .big-btn-wrap a, .comment_button .add-comment, .create-class-btn, .custom-btn-add-products, .red-btn-wrap a, .view-lp-org-leaf-courses-classes .more-link a, a.icon-btn {
    height: 18px;
    line-height: 18px;
    text-decoration: none;
}
.big-btn-wrap a {
    padding: 6px 15px;
}
.big-btn-wrap.faq-help-wrapper {
    margin-bottom: 0;
    margin-top: 14px;
}
.big-btn-wrap a.join-class.faq-help {
    color: #fff;
    min-height: auto;
}
.big-btn-wrap a.join-class.faq-help, .big-btn-wrap a.join-class.faq-help:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #6ea140 0px, #6ea140 100%) repeat scroll 0 0;
}
.form-item {
    margin: 12px 0;
}
.login #lang-dropdown-form #edit-lang-dropdown-select-wrapper {
    background: rgba(0, 0, 0, 0) url("../images/lang-icon.png") no-repeat scroll 2px center;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 4px 0 4px 28px;
    position: relative;
}
#selected-lang, .msg-icon {
    display: inline-block;
}
.login #lang-dropdown-form #edit-lang-dropdown-select-wrapper #selected-lang {
    background: rgba(0, 0, 0, 0) url("../images/lang-down-arrow.png") no-repeat scroll right center;
    color: #fff;
    font-size: 15px;
    padding: 2px 16px 2px 5px;
}
#edit-lang-dropdown-select {
    font-size: 1em;
    height: 20px;
    left: 27px;
    opacity: 0;
    position: absolute;
    top: 4px;
    width: 95px !important;
}
select, textarea {
    padding: 5px;
}
select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d5ca;
    color: #605f5e;
    font-family: Helvetica,sans-serif;
    word-wrap: normal;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fafafa 0px, #fff 100%) repeat scroll 0 0;
    border: 1px solid #dad6cb;
    border-radius: 3px;
    color: #605f5e;
    font-family: Helvetica,sans-serif;
    font-size: 13px;
    height: 30px;
    padding: 0 5px;
    width: 260px;
}
.login #content {
    background-color: transparent;
    min-height: 900px;
}
.login #content {
    position: relative;
}

/* New Splash Page Extra Css Required */
.selectcourse-container{
    background-color: rgba(255, 255, 255, 0.75);
    height: auto;
    margin: 150px auto;
    width: 600px;
	z-index:2;
    box-sizing: border-box;
    padding: 25px;
    position: relative;
}
.selectcourse-container h1{
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 5px;
    text-align: center;
    color:#000;
}
.selectcourse-container h3{
    text-align: center;
    font-size: 14px;
    padding: 0 0 20px;
}
input[type="text"].course-text{
    background-color: #fff;
    margin: 0 5px 0 0;
    padding: 0 30px 0 5px;
    width: 510px;
}
input[type="text"].course-text:active,input[type="text"].course-text:focus{
    border: 1px solid #2e7ebb;
	outline-color: #2e7ebb;
}
.gobutton{
    margin: 25px 44% 0;
}
.ui-autocomplete {
    max-height: 140px; 
    width: 548px;
}
.jspPane, .ui-autocomplete  {
    overflow: hidden;
}
button[disabled], input[type="button"][disabled], input[type="submit"][disabled], .disable-class, .disable-open-item {
    background: #a3a3a3 none repeat scroll 0 0;
    color: #fff;
    cursor: auto;
    filter: none;
    outline: medium none;
    text-shadow: none;
}
.searchbutton{
    background: #2e7ebb url(../images/down-arrow.png) no-repeat scroll center center;
    border-radius: 0 2px 2px 0;
    height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
    cursor: pointer;
}
#lang-dropdown-wrapper{
    margin:15px 30px;
}
#edit-lang-dropdown-select {
    left: 10px;
    top: 12px;
}
.hideError{
	display:none;
}
.course-text-wrapper{
	position:relative;
    width:548px
}
div.messages {
    word-wrap: break-word;
}
div.single.error {
    background-image: url("../images/error.png");
    background-position: 5px 14px;
    background-repeat: no-repeat;
    color: #d3461e;
    padding: 5px 5px 5px 33px;
	font-size: 13px;
	border: 1px solid #eb9999;
	line-height: 18px;
	margin: -12px 0 10px;
	background-color: #fee ;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}
.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
	/* fix IE 7,8 to work with jQuery fadeIn/Out */
	opacity:inherit;
	filter:inherit;
}
.jspTrack {
    background: #E0DFDD none repeat scroll 0 0;    
}
.jspDrag {
	background: #2e7ebb;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;		
	-ms-border-radius:5px;			
	-o-border-radius:5px;				
}
.ui-menu .ui-menu-item {
	line-height:20px;	
    padding:0.2em 0.4em;
    color:#222222;
    width: auto;
    display:block;
    overflow:hidden;
}
.jspContainer .ui-menu-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.ui-widget.ui-widget-content{
	font-family:Helvetica,​sans-serif;
	line-height:20px;
	font-size:16px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
    background: #007fff none repeat scroll 0 0;
    border: 1px solid #003eff;
    color: #ffffff;
    font-weight: normal;
	border: 0px none;
}
.main-content-wrap{position:relative; }
.main-content-wrap .better-learning-logo{
	 background: url("../images/better-learning-logo.png") no-repeat;
	 width:144px; 
	 height:108px;	 
	 z-index:1;
	 position:absolute;
	 right:50px;
	 /*bottom:98px;*/
	 overflow: hidden;
	 text-indent: -999px;
}

@media screen and (max-width :768px) {
	.main-content-wrap{		
		min-width: 960px;
	}
}