@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'bolton1';
	src: url('fonts/Bolton_1.eot');
	src: local('☺'), url('fonts/Bolton_1.woff') format('woff'), url('fonts/Bolton_1.ttf') format('truetype'), url('fonts/Bolton_1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}
img, a, input{ outline:none; }
a{ cursor:pointer}
ul, ol{ margin:0; padding:0}
ul, ol{ list-style-position: inside;}
ul li, ol li{ padding:0 0 5px}
p{ margin:0 0 20px; padding:0;}
p:last-child{ margin:0}
a{text-decoration:none; color:#4E8CCF}
img{ max-width:100%; border:0}
input:required {
    box-shadow:none;
}
input:invalid {
	box-shadow:none
}

input:focus { outline: 0; }
input[type='text'], textarea, input[type='password'], select, input[type='submit'], input[type='button'] {
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #263746;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
  	-webkit-appearance: none;
	padding: 13px 12px;
	width: 100%;
}
input.error{ border-color:#b23d39}
input[type='submit'].btnDisabled, input[type='button'].btnDisabled {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	marign-top: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	/*border: 1px solid #ccc;*/
	animation: 1s linear 0s normal none infinite running progress-bar-stripes;
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
	background-size: 40px 40px;
	background-color: #6a6a6a !important
}

textarea {
	padding: 5px 12px;
	resize: none
}
textarea[readonly="readonly"] { cursor: default; }
input[type='submit'], input[type='button'] {
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 10px 18px;
	font-size: 16px /* 24px*/;
	color: #4e8ccf;
	text-align: center;
	margin-top: 1px;
	width: auto;
	overflow: visible;
		border-radius: 10px;
	-webkit-appearance: none;
	border:0;
	white-space: normal
}
input[type='submit'].btn, input[type='button'].btn{
	background-color:#4E8CCF
}
html{
	height: 100%;
	}
.clear{
	clear:both;
	}
body {
	/*padding: 0 0 180px;*/
	padding: 0 0 108px 0;
	position: relative;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 22px;
	color: #263746;
	background-color:#ffffff;
	overflow-x: hidden;
	min-height:100%;
	/*height:100%;*/

}
.alignLeft { text-align: left }
.alignRight { text-align: right }
.floatLeft { float: left }
.floatRight { float: right }

body.signinpage{ background-color:#4E8CCF; color:#fff}
.container{ margin:0 auto; max-width:100%;}
.notification {
	clear: both;
	overflow: hidden;
	margin: 0 auto 20px;
	color:#333;
	font-size:15px;
	font-weight: bold;
	max-width: 100%
}
.warningMsg {
	background: url(../images/delete-alert-icon.svg) no-repeat 10px 15px #b23d39;
	background-size: 33px auto;
	border-radius: 10px;
	padding: 20px 28px 20px 56px;
	color:#fff;
}
.notification ul {
	padding: 5px 0 0 14px !important;
	list-style: none;
	margin:0
}
.notification ul li {
	list-style: disc!important;
	padding: 0 !important;
	background:none !important;
	border-radius:0 !important;
	margin-bottom: 2px !important;
	overflow:visible !important;
	font-size: 14px !important;
	font-weight: normal;
	width: 100% !important
}
.loginPage .warningMsg { max-width: 510px; }
/* Common Css */
h1{/*font-family:'bolton1',Sans-Serif;*/ font-family:Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#000; margin:0 0 20px; padding:0; line-height:normal}
h2{ font-size:28px; font-weight:normal; color:#000; margin:0 0 20px; padding:0; line-height:normal}
h3{ font-size:24px; font-weight:bold; color:#000; margin:0 0 20px; padding:0; line-height:normal}
h4{ font-size:20px; font-weight:bold; color:#000; margin:0 0 20px; padding:0; line-height:normal}
h5{ font-size:18px; font-weight:normal; color:#000; margin:0 0 20px; padding:0; line-height:normal}
h6{ font-size:16px; font-weight:bold; color:#000; margin:0 0 20px; padding:0; line-height:normal}
header{ clear:both; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.innerheader .midcontainer{ padding-left:0; padding-right:0;}
.midcontainer{ clear:both; overflow:hidden; max-width:1315px; margin:0 auto; /*padding-left:15px; padding-right:15px;*/}
.headerlogo{ font-size:0; line-height:0}
.headerlogo.floatLeft{ padding:4px 0 0}

footer{ clear:both; overflow:hidden; padding:0 0 20px; position: absolute; bottom: 0; width: 100%}
.footertop{ background:url(../images/footer-border.png) repeat-x center bottom; padding:0 0 15px; clear:both; overflow:hidden; }
.footerbottom{ clear:both; overflow:hidden; padding:20px 0 0; border-top:#989899 dotted 2px;}
.copyrighttxt{ font-size:11px;}
.designby img{ float:right;}
.designedby{ float:left; padding:21px 10px 0 0; line-height:18px}
.middlesection{ clear:both; overflow:hidden; padding:20px 0 50px}
.footerusersignout{ clear:both; overflow:hidden; background:#f2f2f2; margin:0 0 30px; color:#4E8CCF; font-size:18px; padding:15px 15px; text-align:center; display:none}
.footerusersignout a{ color:#4E8CCF}
.footerusersignout span{ color:#474747}



/* button css */
.btn{ background:#4e8ccf; color:#fff !important; padding:10px 15px; display:inline-block; border-radius:10px; font-size:14px; text-decoration:none; font-weight:bold; cursor:pointer;}
.btn:hover{ background:#abbe38}

.deletebtn{ background-color:#b23d39}
/* button css */

ul.arrowList {
	list-style: none;
	padding-left: 2px;
}
ul.arrowList li, .competencyQuestion li {
	background-position: left 5px;
	background-size: 9px auto;
	background-image: url(../images/bullet-arrow.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin: 6px 0px
}


input[type="checkbox"] { display: none; }

input[type="checkbox"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 10px 0 0;
	vertical-align: middle;
	background-image: url(../images/checkbox-img.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 19px auto;
	cursor: pointer;
}

input[type="checkbox"].error + label span{ background-image: url(../images/checkbox-img-alert.png);}

input[type="checkbox"]:checked + label span {
	background-image: url(../images/checkbox-img.png);
	background-repeat: no-repeat;
	background-position: left -19px;
	background-size: 19px auto;
}
/* Common Css */

/* login start */
.loginPage {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/sign-body-bg.png);
}
.resetbg{ background-image:url(../images/reset-inner-bodybg.png); background-position:center 170px}
.loginPage #mainArea { padding: 20px 15px 20px; }
.loginPage #footer { background-color: #394a58 }
.regNumbers {
	line-height: 25px;
	float: left
}
.loginNav {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: right;
}
.loginNav li { margin: 2px 0px; }
.loginBox > div { padding: 40px; }
.loginBox div.form {
	font-size: 18px;
	float: right;
}
.loginBox {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #ffffff;
	border: 1px solid #a9a9a9;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	max-width: 510px;
	margin: 0px auto;
}
.choosePassword {
	max-width: 930px;
	margin: 0px auto 40px auto
}
.choosePassword .arrowList li { margin-bottom: 20px; }
.choosePassword .arrowList li:last-child{ margin:0}
.tealTitle {
	font-size: 30px;
	color: #ffffff;
	padding: 14px 10px;
	text-align: center;
	background-color: #4E8CCF;
	border-radius: 10px 10px 0px 0px;
	font-weight:bold;
	margin-bottom: 0px;
}

.boxCol_1_1 {
	overflow: hidden;
	clear: both;
}
.boxCol_1_1 > div {
	width: 45%;
	float: left
}
.choosePassword.loginBox div.form{ width:55%;}
.loginPage .choosepassWarr{ max-width:930px;}

.boxCol_1_1 > div.passwordtipslft { width: 54%; }
.boxCol_1_1 > div.passwordtipsrgt {
	width: 46%;
	padding-left: 0;
	padding-right: 30px
}
.form ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.form ul li {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	font-size: 18px;
}
.form ul li:last-child { margin-bottom: 0px; }
.form label {
	display: block;
	margin-bottom: 8px;
}
.successMsg {
	background-image: url("../images/success-msg-icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 61px auto;
	padding-left: 76px;
	height: 61px;
	margin-bottom: 0px;
	padding-top: 5px;
}
.loginBox .msg {
	border-radius: 10px 10px 0px 0px;
	background-color: #4e8ccf;
	color: #fff;
	padding: 22px 40px !important;
	font-size: 18px;
}
.loginBox.resetform .msg{border-radius: 10px; background:none; color:#263746}
.loginBox > div.termsouter{ padding:0 40px; clear:both; overflow:hidden; width:100%}
.termsaccpet {
	border-top: dashed 1px #a9a9a9;
	clear: both;
	overflow: hidden;
	font-size: 18px;
	width:100%;
	padding: 20px 0 25px;
}
.termsaccpet label {
	padding-top: 7px;
	float: left;
}
.resetform{ margin:100px auto}
.loginlft{ width:57%; padding-bottom:20px;}
.loginlft img{ border-radius:10px;}
.signinimg{ clear:both; overflow:hidden; background-repeat:no-repeat; margin-bottom:30px; background-position:center center; /*height:398px;*/ height:320px; max-width:735px; border-radius:10px; background-size: cover}
.signincursor{cursor: pointer;}
.loginBox.form.floatRight h2{ text-align:left; padding-left:40px; padding-right:40px;}
.resetLoginLinks{ padding:9px 0 0 0; float:left;}
/* login end */

/* change password */
.topbluebox{ clear:both; overflow:hidden; background:#4E8CCF; margin:20px 0 0; color:#fff; border-radius:10px; font-size:20px; padding:15px 15px}
.navigation ul{margin: 0; padding: 0; list-style: none;}
.navigation ul li{padding: 0; display: inline-block}
.navigation ul li:after{content: "|"; padding: 0 5px 0 10px; position: relative; top: -2px}
.navigation ul li:last-child:after{display: none}
.topbluebox a{  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
   -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  color:#fff; text-decoration:none; padding:0 0 5px;}


.topbluebox a:first-child{ padding-left:0}
.topbluebox a:hover{ color:#fff}
.topbluebox a.active{ font-weight:bold;}

.topbluebox a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #fff;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  width:0;
}
.topbluebox a:hover:before{
	width:auto;
  left: 0;
  right: 0;

}
.topbluebox span{ padding: 0 5px;}
.topnameemail{ clear:both; overflow:hidden; font-size:18px; padding:0 15px;}
.topemailaddress{ line-height:28px; color:#000}
.topemailaddress a{ color:#000; font-weight:bold;}
.topbluebox .floatRight{ font-size:18px;}

.resetpasswordbox{ clear:both; overflow:hidden; background:#f1f1f1; border-radius:10px; padding:20px 15px; margin:20px 0 0; font-size:18px;}
.resetpasswordbox ul{ width:85%; list-style:none;}
.resetpasswordbox ul li{ float:left; width:33.33%; padding-right:20px}
.resetpasswordbox ul li label{ padding:0 0 10px; display:block; color:#000}
.resetpasswordbox ul li input[type="text"], .resetpasswordbox ul li input[type="password"]{font-size:18px;}
.resetbtn{ padding:34px 0 0}
.resetbtn input.btn{ background-color:#a9ba37}

.passwordtipsec{ clear:both; overflow:hidden; padding:30px 15px 0; }
.passwordtipsec .column > p{ font-size:18px; line-height:24px; }
.passwordtipsec .column{float:left; width:33.33%; padding-right:40px;}
.passwordtipsec .column p{ min-height:48px}
.passwordtipsec .column:first-child{ padding-right:120px}
.changepasssuccess{ background:#abbe38; color:#fff; border-radius:10px; font-weight:bold; padding:10px 15px; margin:0 0 30px;}
.changepasssuccess:after{ background:url(../images/password-success.png) no-repeat right center; background-size:36px auto; width:36px; height:36px; display:inline-block; vertical-align:middle; content:""; margin-left:10px; }
/* change password */

/* Content pages */
/*.contentpages{ padding-left:30px;}*/
.innerlft{ width:72%; padding:0 40px 0 0}
.innerlft ul{ margin:0; padding:0 0 20px 10px; list-style:none; }
.innerlft ul li:before {content:'\2022'; display: block; position: relative; margin-right:10px; max-width: 0px; max-height: 0px; left: -20px; top: -0px; color:#4e8ccf; font-size: 40px;}
.innerlft ul li{ padding-left:10px;}
.innerlft ul[style="list-style-type: square;"]{ list-style:none !important;}
.innerlft ul[style="list-style-type: square;"] li:before{ content:''; background: url(../images/square-arrow.png) no-repeat left top; width: 7px; height: 7px; max-width: none; max-height: none; display: block; left: -15px; top: 16px;}

.innerrgt { width:28%; background-color:#E7F0F7; border-radius:10px; padding:5px 20px 15px 20px;}
.innerdocumentlist{ background:#e7f0f7; border-radius:10px; font-size:18px; font-weight:bold; padding:15px 15px;}
.innerdocumentlist ul{ margin:0; padding:15px 0 0; list-style:none;}
.innerdocumentlist ul li{padding:0 0 20px; clear:both; overflow:hidden; position: relative;}
.innerdocumentlist ul li a.icons{ background-size:40px auto; min-height:50px; background-repeat:no-repeat; background-position:left center; padding:12px 0 0 55px; display:inline-block}

.doc:before{ content: ""; float: left; background-image:url(../images/icon-doc.svg); background-repeat:no-repeat; background-size:40px; background-position:center center; width: 100px; height: 47px; margin-right: 15px; /*background-position:left center; width: 40px; position: absolute; left: 0*/}



.pdf{ background-image:url(../images/icon-pdf.svg);}
/*

{ background-image:url(../images/icon-doc.svg);}*/
.termscontent{ font-size:18px; line-height:24px;}
.contentpages .innerdocumentlist{background: none; padding: 0}
.innerdocumentlist ul li a.icons{word-break: break-all}
/* Content pages */


/* Organisations */
.organisationslist{ clear:both; overflow:hidden; padding:50px 0}
.organisationslist ul{ margin:0; padding:0; list-style:none;}
.organisationslist ul li{ float:left; width:25%; text-align:center; font-size:18px; font-weight:bold; padding:0 20px 50px;}
.organisationslist ul li a{ background:url(../images/academy-icon.svg) no-repeat center top; background-size:135px auto; min-height:98px; display:inline-block; padding:135px 0 0; width:100%}

/* Organisations */

/* Persmissions Section */
.govpermissionssec{ clear:both; overflow:hidden; position:relative;}
.permissiontreesec{ width:28%; padding-right:20px;}
.academytrust-usefulldoc{ clear:both; overflow:hidden;}
.academytrust-usefulldoc ul{ margin:0; padding:0; list-style:none;}
.academytrust-usefulldoc ul ul{ padding:10px 0 0 55px;}
.academytrust-usefulldoc ul li{ margin:0; padding:0 0 10px;}
.academytrust-usefulldoc ul li a{ color:#000000; background-repeat: no-repeat; background-position:left center; display:inline-block}
.academytrust-usefulldoc ul li a.academytrusticon{ padding:20px 0 0 0; color:#4e8ccf; font-weight:bold}

.academytrust-usefulldoc ul li a.academytrusticon:before{ background-image:url(../images/listing-folder.svg); background-size:47px auto; content: ""; float:left; width: 47px; height:42px; padding-right: 10px; background-position: left center; background-repeat: no-repeat; margin-top: -18px}

.usefuldocicon:before{ background-image:url(../images/use-docicon.svg); background-repeat: no-repeat; background-position: left center; padding: 0 10px 0 0px; content: ""; width: 30px; float: left; height: 22px;}

.usefuldocicon.folderactive{ background-color: #eeeeee; border-radius: 4px; margin-bottom: 5px; padding: 6px 10px 6px 5px; background-position: 5px center}
.usefuldocicon.folderactive:before{background-image: url(../images/use-docicon-active.svg); }
.documentsec{ width:72%; padding:0 0 0 20px;}
.borderbg{ position:absolute; left:28%; width:1px; height:100%; border-left:1px dashed #aaaaaa}
.documentlist{ clear:both; overflow:hidden;}
.documentlist ul{ margin:0; padding:0; list-style:none;}
.documentlist ul li{ padding:0 0 30px; margin-bottom:30px; border-bottom:1px dashed #aaaaaa; clear:both; overflow:hidden;}
.documentlist ul li:last-child{ border:0; margin:0}
.documentlist ul li a{ font-size:18px; font-weight:bold; cursor:pointer;}
.documentlist li span.meetingdate{ display:block; color:#474747; font-size:14px; padding-top:5px; font-weight:normal}
.documentlist ul li .floatRight{ padding:5px 0 0}
.documentlist ul li a.btn{ padding:10px 30px}
/* Persmissions Section */

/* Meeting Section */
.backtolist{ float:right; font-size:18px; margin-bottom: 10px;}
.meetingtopsec{ clear:both; overflow:hidden; padding:0 0 30px;}
.meetingLft{ /*width:65%; padding-right:50px;*/ width:100%; padding-right:0;}
.meetingRgt{ width:35%; background:#e6eff6; border-radius:10px; padding:20px;}
.meetingLft ul, .meetingLft ol{ margin-bottom:20px;}
.meetingLft ul{ list-style-position: outside; margin-left: 16px;}
.meetingLft ul li{ padding: 0; margin: 0}
.meetingRgt ul{ margin:0; padding:0; list-style:none; font-size:16px; line-height:24px;}
.meetingRgt ul li{ clear:both; overflow:hidden; padding:0 0 20px;}
.meetingRgt ul li:last-child{ padding-bottom:0}
.meetingRgt ul li span{ display:block; width:100%; font-weight:bold}
.downloadall{ clear:both; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #aaaaaa}
.downloadall a{ font-size:18px;}
.meetingdocument li.icon{ background-size:40px auto; min-height:50px; background-repeat:no-repeat; background-position:left top; /*padding-left:55px;*/ position: relative;}

/* Meeting Section */

/* PAGE NOT FOUND CSS */
.errorpage{ border-top: 10px solid #4E8CCF; clear:both; overflow: hidden}
.pagenotfound {
	clear: both;
	overflow: hidden;
	text-align: center;
}
.pagenotfound img {
	width: 200px;
	margin: 20px 0 20px;
}
/* PAGE NOT FOUND CSS */




@-webkit-keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position:40px 0
}
to {
background-position:0 0
}
}

.removecreatemenu .jstree-default-contextmenu{ display:none !important}
.error-title{font-weight: bold}
.container #tree-container{padding-left: 34px;}


/*  POPUP Section  */
.popTrigger { cursor: pointer }
#popUpOverlay, .popoverlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.60);
	overflow-x: auto;
}
.popup_block {
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 0%;
	padding: 5px;
	z-index: 99999999;
	margin: 0 auto!important;
	display: none;
	border-bottom: 50px solid transparent
}
.popup_block:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0%;
}
* html .popup_block { zoom: 1; } /* IE6 */
*:first-child+html .popup_block { zoom: 1; } /* IE7 */
.popUpHolder {
	position: relative;
	margin: 0px auto;
	background: #ffffff;
	max-width:975px;
	border-radius: 22px;
}
#addmember .popUpHolder { max-width:975px;}


.popup_block{ max-width: 975px; right: 0; margin: 0 auto}
#addmember.popup_block { max-width:975px;}
.popup_block h2 {
	background-color: #4e8ccf;
	border-radius: 18px 18px 0px 0px;
	color: rgba(255,255,255,1.00);
	padding: 12px 30px 12px;
	margin-bottom: 0px;
	font-weight:bold;
	line-height: none;
}
.popup_block h2.deletealert, .popup_block h2.notificationsent{ padding:15px 30px 15px}
/*--Making IE6 Understand Fixed Positioning--*/
*html #popUpOverlay { position: absolute; }
*html .popup_block { position: absolute; }
.popUpContent:after {
	visibility: hidden;
	display: block;
	font-size: 0px;
	content: " ";
	clear: both;
	height: 0%;
}

* html .popUpContent { zoom: 1; } /* IE6 */
*:first-child+html .popUpContent { zoom: 1; } /* IE7 */
.popUpContent {
	clear: both;
	padding: 30px;
}

.termspopcontent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.termspopcontent ul li {
  padding:0 0 15px 20px;
  position: relative;
  font-size: 18px;
  line-height: 24px;
}

.termspopcontent ul li::before {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  content: "";
  top: 8px;
  border-radius: 5px;
  background: #4E8CCF;
}

.termsbuttons{clear: both; overflow: hidden; padding: 30px 0 0}
.termsbuttons input{background: #cccccc; padding: 10px 20px; color: #ffffff; font-weight: bold;}
.termsbuttons input.floatRight{background: #a9ba37}



/* Home page Meeting and traning section */
.meetingtraningsec{ clear: both; overflow: hidden; font-size: 16px;}
.meetingtraningsec .floatLeft.meetingbg .lfticon { left:90px; top:30px;}
.meetingtraningsec .floatLeft.meetingbg .lfticon img{ width:149px;}
.meetingtraningsec > div{width: 50%; min-height: 100px; padding: 60px 50px; position: relative;}
.meetingtraningsec h2{font-weight: bold}
.meetingtraningsec a.btn{font-size: 18px; padding: 10px 25px}
.meetingtraningsec > div.meetingbg{ background: #f2f2f2 url(../images/meeting-bg.png) repeat center center; border-radius: 10px 0 0 10px; padding-left: 280px}
.meetingtraningsec > div.traningbg{background: #f18032 url(../images/training-bg.png) repeat center center; border-radius: 0 10px 10px 0; color: #fff; padding-left: 220px}
.traningbg h2{color: #fff}
.traningbg a.btn{background-color: #fff; color: #4e8ccf !important}
.traningbg a.btn:hover{background-color: #4e8ccf ; color: #fff !important}
.lfticon{float: left; padding-right: 40px; position: absolute; left: 50px}
.meetingbg .lfticon img{width: 200px;}
.traningbg .lfticon img{width: 132px;}

.traninigmain{clear: both; overflow: hidden; position: relative;}
.traninigcourselist{width: 28%; padding-right: 20px; font-size: 18px;}
.traninigcourselist h2{font-family:'bolton1',Sans-Serif; font-size:32px; font-weight:normal; color:#000; margin:0 0 20px; padding:0; line-height:normal}
.traninigcourselist ul{margin: 0; padding: 0; list-style: none;}
.traninigcourselist ul li{padding: 0 0 2px; display: block}
.traninigcourselist ul li a{display: block; color: #f4e8ccf; border-radius: 5px; padding:10px 30px 10px 10px; position: relative; word-wrap: break-word}

.traninigcourselist ul li a.active{font-weight: bold; background: #eeeeee}
.traninigcourselist ul li a.active: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}






#burgurMenu {width: 52px; height: 39px; padding: 8px; margin:auto; top: 0; bottom: 0; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out; cursor: pointer; z-index: 102; right: 15px; display: none; background: #4e8acd; border-radius: 3px;}
#burgurMenu span {
	display: block;
	position: absolute;
	height:5px;
	width: 38px;
	right: 0;
	margin: auto;
	background: #fff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#burgurMenu span:nth-child(1) {
  top: 7px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#burgurMenu span:nth-child(2) {
  top: 17px;
-webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#burgurMenu span:nth-child(3) {
  top: 27px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#burgurMenu.open > span{width: 25px;}
#burgurMenu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    left: 4px;
    top: 7px;
}
.menuOpen #burgurMenu span{
	background-color: #a0968b;
}
#burgurMenu.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#burgurMenu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
left: 4px;
    top: 25px;
}
.popoverlay{display: none}
.open.popoverlay{display: block; z-index: 99}

#search-menu{ display:none;}
.search-main{float:right; width:40%; margin:53px 0 0 0;}
.search-box{position:relative; width:72%; float:right; margin:0 10px 0 0;}
.search-box input[type="text"]{ border:#b2b2b2 solid 1px; padding-right:42px;}
.search-box .submit{ position:absolute; right:5px; background: url(../images/search-icon.svg) no-repeat center; width:26px; height:26px; top:6px; text-indent: -9999px;}
.search-main .btn{ float:right; border:0px; margin:4px 0 0 0;}
body.beforeloginbody .middlesection{ padding-top:0px;}
body.beforeloginbody .loginBox{ margin-top:14px;}
body.beforeloginbody .container header{ padding-bottom:5px;}

/* error page start here */
body.beforeloginbody.loginPage .container .midcontainer .errorpage{margin-top:10px;}
/* error page end here */

/* search page start here */
.search-info{ font-size:18px;}
.search-info span{ color:#4E8CCF;}
.search-heading{border-bottom: 1px dashed #aaaaaa; padding:0 0 25px 0; margin:0 0 20px 0;}
/* search page end here */

.meetingtopsec.trainingmainbox .meetingLft{ width:65%; padding-right:50px;}
#meetingViewHeader{ margin-bottom:35px;}
#meeting-detail-view-section .meetingtopsec{ border-bottom: 1px dashed #aaaaaa; margin-bottom:30px;}
ul#meetingList li .floatLeft a{ margin-top:12px; float:left;}
.organisationslist.nodocuments{ padding:0px;}
.imgThumb{position: absolute;
    left: 0;
    top: 0;

    margin-right: 15px;}
/*.docThumb{ float:left; margin-right: 15px;}*/
.docThumb{
margin: 0px auto;
object-fit: contain;
width: 100%;
height: 100%;
max-width: 100px;
max-height: 100px;
vertical-align: center;
}
.docimg{
display: block;
width: 100px;
height: 100px;
border: 1px solid #e8e8e8;
text-align: center;
float: left;
margin-right: 15px;
}
.docBox:before {
    content: "";
    float: left;
    background-image: url(../images/icon-doc.svg);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center center;
    width: 100px;
    height: 100px;
    margin-right: 15px;
    border: 1px solid #e8e8e8;
    background-size: inherit;
}