@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 0px) and (max-width:1325px) {
	.innerheader .midcontainer{ padding-left:15px; padding-right:15px;}
	.midcontainer{padding-left:15px; padding-right:15px;}
}
@media screen and (min-width: 0px) and (max-width:1300px) {
.loginlft{ padding-right:20px}
.loginBox.floatRight{ max-width:none; width:43%; }
.resetpasswordbox ul{ width: 82%;}
.resetbtn{ width: 18%;}
.resetbtn input.btn{ width: 100%;}
}

@media screen and (min-width: 801px) and (max-width:1250px) {
.meetingbg .lfticon{left: 20px;}
.meetingtraningsec > div.meetingbg{padding-left: 240px;}

}

@media screen and (min-width: 801px) and (max-width:1025px) {
.academytrust-usefulldoc ul li a.academytrusticon{ background-size: 79px auto; padding-left: 0}
.container .academytrust-usefulldoc ul ul{ padding-left:40px;}	
.container .jstree-default .jstree-node{margin-left: 18px;}
.container #tree-container{ padding-left:18px;}
.permissiontreesec{ width:33%}	
.documentsec{ width:65%;}
.borderbg{ left: 33%}
	.resetpasswordbox ul{ width: 81%;}
}

@media screen and (min-width: 0px) and (max-width:1023px) {
.loginBox > div{ padding:20px;}
.resetpasswordbox ul{ width:100%}
.resetbtn{ width:100%; padding:15px 0 0}

.lfticon{position: static; width: 100%; padding-bottom: 20px}
.meetingtraningsec > div .lfticon img{width:auto !important; height: 150px;}



.meetingtraningsec > div{padding:50px 40px !important; text-align: center}
}

@media screen and (min-width:1025px) {
.traninigcourselist ul li a:hover:after{background: url(../images/courses-arrow.svg) no-repeat right center; content: ""; position: absolute; width: 8px; height: 15px; background-size: 8px auto; right: 10px; top: 14px}
}

@media screen and (min-width: 0px) and (max-width:860px) {
	.search-main{ width:44%;}
}
@media screen and (min-width:801px) {
.restermsub, .governorlogo, .backtomenubtn, .backtolistbtn, .backtotrainingbtn{ display:none !important}
.documentsec{ height:auto !important}
.permissiontreesec{ display: block !important;}
/* .deskdoc #meeting-view-section{ display:none !important}*/
#meeting-detail-view-section{opacity: 0; transition: all 300ms linear;}	
#meeting-detail-view-section.divshow{ opacity: 1;}	
.traninigcourselist ul li a:hover{display: block;  background: #eeeeee} 

	
}
@media screen and (min-width: 0px) and (max-width:800px) {
html{ overflow-x:hidden;}
/*body{padding-bottom: 412px;}*/
body{padding-bottom:280px;}
body.beforeloginbody{padding-bottom: 330px;}
header:after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%;}
h1{font-size:26px;}
.innerheader .midcontainer{ padding-left: 0; padding-right: 0}
.notification li{ text-align:left !important}
.tealTitle{ font-size:24px;}
.loginBox.form.floatRight h2{ text-align: center}
header{ border-bottom:8px solid #4c8dce}
header.innerheader{ border:0}
/*header .headerlogo:first-child{ display:none}*/
header .headerlogo{ float:left; width:100px;}
.headerlogo{ width:100%; padding: 0 15px}
/*.headerlogo img{ width:300px;}*/
.headerlogo img{ width:100px;}

.navigation{display: none; position: absolute; left: 0; top: 167px; padding: 15px; width: 100%; background: #4c8dce; z-index: 9999999}
.navigation ul li{display: block; border-bottom: 1px dashed #96c3ea; clear: both; overflow: hidden;}
.navigation ul li:last-child{border: 0}
.topbluebox .navigation ul li a{float: left; width: 100%; padding: 15px 0; font-weight: bold; position: relative} 
.topbluebox .navigation ul li a.active:after{position: absolute; content: ""; background: url(../images/res-menu-active.svg) no-repeat center center; width: 15px; height: 15px; top: 18px; right: 0} 
.topbluebox a:before{display: none}
.navigation ul li:after{display: none}
#burgurMenu{display: block}
header{position: relative; overflow: visible; z-index: 9999999; background: #fff}
header .headerlogomenu{position: relative;}

/* search box start here */
.headerlogo.floatLeft{ margin-left:15px;}
body.beforeloginbody .headerlogo.floatLeft{ margin-left:0;}
body.beforeloginbody .container header{padding-bottom:20px;}

.midcontainer{ overflow:visible;} 
.search-main{ display:none; width:100%; background-color:#ccc; padding:10px 15px; position:absolute; top:162px; margin-top:0px;}
.search-box{ width:100%; float:left;}
#search-menu{ display:block; position:absolute; top:47px; right:77px; background-color:#4e8acd; padding:4px 10px; border-radius:4px;}
.search-main .btn{ display:none;}
/* search box end here */

.loginlft{ width:100%; padding:20px 0 0}
.loginlft .signinimg{ display:none}
.loginBox{ width:100%; }
.form label{ text-align:center;}
.form ul li:last-child{ text-align:center;}
.form ul li:last-child .btn-default{ width:100%; margin:0 0 15px}

.footertop{ text-align:center; background-image: url(../images/res-footer-bg.png)}
.governorlogo{ display:none}
.footertop a{ display:block; margin-bottom:20px;}
.footertop a:last-child{margin-bottom:0;}
.copyrighttxt{ text-align:center; width:100%}
.designby{ width:100%; text-align:center; padding:20px 0 0}
.designby img{ float:none;}
.designedby{ text-align:center; width:100%; padding:0}
.designedby br{ display:none}

.choosePassword.loginBox div.form, .boxCol_1_1 > div.passwordtipslft, .boxCol_1_1 > div.passwordtipsrgt{ width:100%}
.boxCol_1_1 > div{ width:100%}
.restermsub{ display:block;}
.termsaccpet{ display:none;}
.resubmitbtn{ text-align:center;}
.boxCol_1_1 > div.passwordtipsrgt{ padding:0 20px 20px;}

.organisationslist ul li{ width:33.33%; padding: 0; padding-bottom:40px;}
.choosePassword:last-child{ margin-bottom:0}
.loginBox .successMsg{ background-position:center top; padding-left:0; padding-top:80px; text-align:center; height:auto}
.resetLoginLinks{ float:none;}
.resetform{ margin:0 auto}
.resetform.loginBox .msg{ background:none; color:#263746}
.loginBox.floatRight{ width:100%; }
/* Inner page */
.topbluebox{ border-radius:0; padding: 0; height: 10px; font-size:18px}
.topbluebox .floatLeft{ width:100%}
.topbluebox span, .topbluebox .floatRight{ display:none}
/*.topbluebox .floatLeft a:last-child{ float:right;}*/
.innerfooter .midcontainer{ padding-left:0; padding-right:0;}
.footerusersignout{ display:block}
.organisationslist ul li:last-child{ padding-bottom:0}
.innerlft{ width:100%; padding:0 0 30px}
.innerrgt{ width:100%}
.contentpages{ padding:0 15px;}
.permissiontreesec, .documentsec, .traninigcourselist{ width:100%; padding:0}
.traninigcourselist{padding: 0 0 20px;}
.documentlist ul li .floatLeft{ width:100%;}
.documentlist ul li .floatRight{ width:100%; padding:15px 0 0}
.borderbg{ display:none}
.documentsec .documentmeetinglist{ position:absolute; right:-100%; width:100%; height:100%; top:0; background:#fff; padding:80px 15px 15px; z-index: 9}
.documentsec .documentmeetinglist.documentopen{ right:0}
.backtomenubtn, .backtolistbtn, .backtotrainingbtn{ clear:both; overflow:hidden; background:#f2f2f2; margin:-14px 0 0; text-align:center; padding:25px 15px 10px; position:absolute; top:0; left:0; width:100%}
.backtomenubtn a, .backtolistbtn a, .backtotrainingbtn a{ font-size:18px}
.govpermissionssec, .documentlist, .relativesec, .traninigmain{ position:static; overflow:visible}
.govpermissionssec:after, .relativesec:after, .documentlist:after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%;}
.relativesec{ position:relative;}
.documentsec .meetingdetailsec{ position:absolute; right:-100%; width:100%; height:100%; top:0; background:#fff; 	transition: all 300ms linear; padding:80px 15px 15px; z-index: 9}
.documentsec .meetingdetailsec.meetingopen{ right:0}
.backtolist, .downloadall{ display:none !important;}
.meetingRgt { width:100%; margin:0 0 15px;}
.meetingLft{ width: 100%; padding-right: 0} 
.topnameemail{ text-align:center}
.topnameemail .floatLeft{ width:100%;}
.topemailaddress{ width:100%}
.resetpasswordbox h3{ text-align:center; float:none;}
.resetpasswordbox ul{ width:100%;}
.resetpasswordbox ul li{ width:100%; padding:0 0 20px; text-align:center}
.resetbtn{ width:100%; text-align:center; padding:0}
.passwordtipsec .column{ width:100%; padding:0}
.passwordtipsec .column:first-child{ padding:0 }
.passwordtipsec .column p{ min-height:0}
.passwordtipsec .column ul{ margin:0 0 20px}
.passwordtipsec .column:nth-child(2) ul{ margin:0}
.passwordtipsec .column:last-child p{ display:none}
.changepasssuccess{ text-align:center; padding:20px 15px; float:none;}
.changepasssuccess:after{ display:none}
.changepasssuccess:before{ background:url(../images/password-success.png) no-repeat center center; background-size:36px auto; width:100%; height:36px; display:inline-block; vertical-align:middle; content:""; margin-bottom:10px; }
.resetbtn input.btn{ width:auto}
.organisationslist{padding: 0 0 20px}
	.container #tree-container{ padding-left:44px;}
/*.resetpassword{padding-bottom: 330px;}	
.resetpassword footer{position: absolute; bottom: 0; width: 100%;}*/

.removespacing{padding-top: 0}
.removespacing .midcontainer{padding: 0}
.meetingtraningsec > div{width: 100%; border-radius: 0 !important}

/* css changes */
ul#meetingList li .floatLeft a{ margin-top:0; float:left;}
/* css changes */
}
/*@media screen and (min-width: 0px) and (max-width:767px) {
	body{padding-bottom: 0; height: 100%}
	footer{position: static}
}*/
@media screen and (min-width: 0px) and (max-width:640px) {
.organisationslist ul li{ width:50%;}
	.academytrust-usefulldoc ul li a.academytrusticon{ background-size: 79px auto; padding-left: 0}
.container .academytrust-usefulldoc ul ul{ padding-left:40px;}	
.container .jstree-default .jstree-node{margin-left: 18px;}
		.container #tree-container{ padding-left:14px;}
/*.resetpassword{padding-bottom: 0;}	
.resetpassword footer{position: relative; bottom: 0; width: 100%;}*/
}

@media screen and (min-width: 0px) and (max-width:480px) {
.headerlogo{padding: 0 10px;}
.headerlogo img{width: 200px;}
/*.navigation{top: 99px}*/
.navigation{top:167px}
.organisationslist ul li{ width:100%;}
.termsbuttons{text-align: center}
.termsbuttons input{float: none;  display: block; margin:  0 auto 20px}
#burgurMenu{width: 40px}
#burgurMenu span{width: 30px}

#search-menu{ right:67px;}
}