html, body {
	height: 100%;
	font-size: 100%;
	font-family: arial,helvetica,sans-serif !important;
}
body {
	/*font-family: arial !important;*/
	/*font-family: arial, sans-serif;*/
	font-family: arial,helvetica,sans-serif !important;
	margin: 0px;
	padding: 0px;
	font-size: 12pt;
	line-height: 15pt;
	color: #3a3b3d;
}
.row{
	margin:0 0 10px 0;
}
.page-left-bar{
position:absolute;
width: 70px;
top:0;
left:0;
bottom:31px;	
}
.navbar-nav > a {
color:#FFF;
text-align:center !important;
}
.side-nav{
list-style:none;
text-align:center;
background-color:#4e4f53;
padding-top:10px;
}
.side-nav > a{
color:#FFF;
display:block;
font-size:10pt;
padding:10px 0;
text-align:center !important;
}
.side-nav > a:hover,
.side-nav > a:focus{
	background-color: #111;
	text-decoration:none;
}
.padding-0{
padding:0px !important;
}

.border-white{
border:2px solid #FFF;

}
label{
	font-weight:400;
}
strong{
	font-weight:700;
}
.dollar{
	font-size:15px;
}
form{
padding:0;
margin:0;
}
a, a:hover, a *{
	-webkit-transition: all 0.15s linear;    
	-moz-transition: all 0.15s linear;    
	-o-transition: all 0.15s linear;    
	transition: all 0.15s linear; 
}  
input[type="text"],input[type="email"],input[type="password"], textarea, button{
	-webkit-transition: all 0.15s ease-in;    
	-moz-transition: all 0.15s ease-in;    
	-o-transition: all 0.15s ease-in;    
	transition: all 0.15s ease-in;
	outline:none;border-width:1px;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:solid 1px #bdbdbd;
	padding:4px 6px;
	font-size:10.5pt;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	outline:none;
	-webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.005),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.005),0 0 8px rgba(102,175,233,.6); 
	border-color:#66AFE9; 
	background:#fff;
}
select{
		outline:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:solid 1px #bdbdbd;
	padding:3px 10px 3px 6px;
	font-size:10.5pt;
}
.select-m{
	min-width:180px;
}
.heading-2{
color:#FFF;
font-size:16px;
padding:10px;
font-weight:600;
}
h1, h2, h3, h4, h5, h6 {
	/*font-family: arial, sans-serif;*/
	font-family: arial !important;
	font-weight: 600;
}
h1,h2{
color:#793078;
font-size:16pt;
font-weight:600;
padding:0;
margin:5px 0 20px 0;
line-height:1.25;
}
h2{
	font-weight:400;
	font-size:20px;
}
h4{
color:#3a3b3d;
font-size:12pt;
font-weight:700;
padding:0;
margin:5px 0 15px 0;
line-height:1.24;
}
h5,h6{
	color:#3a3b3d;
	font-size:14pt;
	font-weight:700;
	padding:0;
	margin:5px 0 15px 0;
	line-height:1.24;
}
h6{
	font-size:13pt;
	margin-bottom:12px;
}
table{
	border-color:#ddd;
	font-size:12pt;
	margin-bottom:10px;
	border-style:solid;
}
table tr td{
	padding: 3px 5px;
	border-color:#ddd;
}
table tr td p{
	margin:0;
	line-height: normal;
}
.sec-1{
margin-left:30px;
margin-top:30px;
}

.navbar{
display:none;
}



/*------------- header ----------*/
.header-wrapper{
 float: left;
 width: 100%;
 clear:both;
}
.header-primary{
background-color: #a75ba6;
width: 100%;
padding:10px 10px 10px 25px;
}

.header-primary h3 {
	font-size: 10pt;
	/*line-height: 1.25;*/
	color: black;
	margin: 0;
	padding: 0;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	margin-bottom: -11px;
	margin-left: -12px;
	margin-top: -9px;
}

.header-secondary{
background-color: #dfc5de;
width: 100%;
padding:5px 10px 5px 25px;
min-height:30px;
float:left;
}

.top-sec-links{
	float:left;
	width:100%;
	clear:both;
}
.top-sec-links ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.top-sec-links ul li{
	padding:0;
	margin:0 10px 0 0;
	list-style-type:none;
	float:left;
}
.top-sec-links ul li a{
	padding:0;
	font-weight:400;
	color:#000;
	font-size:10pt;
}
.top-sec-links ul li a:hover,
.top-sec-links ul li a:hover i{
	text-decoration: none;
	color:#dd0a0a;
}
.logo-top .header-primary,
.logo-top .header-secondary,
.logo-top .content-wrapper{
	/*padding-right:135px;*/
}
.logo{
	right:25px;
	top:0px;
	width:90px;
	position:absolute;
	display:block;	
	z-index: 102;
}
.logo img, .logo a img{
	max-width:100%;
	height:auto !important;
}

/*------------- Page Content ----------*/
.page-main-area{
top:0;
left:70px;
right:0;
position:absolute;
bottom:31px;	
    /*overflow-y: auto;*/
}

.page-main-area-admin{
top:0;
left:230px;
right:0;
position:absolute;
bottom:31px;	
    overflow-y: auto;
}
.main-area-wrapper{
	float:left;
	width:100%;
	clear:both;
}
.content-container{
	float:left;
	width:100%;
	clear:both;
}
/*.content-wrapper{*/
	/*padding:25px 25px 20px 35px;*/
	/*float:left;
	width:100%;
}*/

.content-wrapper {
	/* padding: 25px 25px 20px 35px; */
	float: left;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

/*.content-wrapper p, p{
	line-height:16pt;
	margin:2px 0 15px 0;
}*/
.content-wrapper p, p {
	margin-top: 0;
	margin-bottom: 1rem;
	line-height: 1.5;
}
#panel-container,
.panel-container{
	float:left;
	width:100%;
	clear:both;
	left:0;
	top:83px;
	position:absolute;
	height:550px;
	height:calc(100vh - 104px);
	border:none;
	background:#fff;
	padding-right:4px;
	overflow:auto;
}
.panel-wrapper{
	padding:0;
	float:left;
	width:100%;
}

  .ui-layout-pane {
	  background:	#fff;
	  border: none;
	  padding:0;
  }

  .ui-layout-west {
	  background:	#fff;
  }
  .ui-layout-center {
	  background:	#fff;
	  padding:	0; 
	  }
	  .ui-layout-center > .wrapper,
	  .ui-layout-west > .wrapper {
		  padding:	10px 15px 10px 13px;
	  }
  .ui-layout-pane			{ border-width:			0; }
  .ui-layout-north		{ border-bottom-width:	1px; }
  .ui-layout-south		{ border-top-width:		1px; }
  .ui-layout-resizer-west { border-width:			0 1px; }
  .ui-layout-toggler-west { border-width:			0; }
  .ui-layout-toggler-west div {
	  width:	8px;
	  height:	35px; 
  }
  #panel-container .ui-layout-resizer-open-hover,
  .panel-container .ui-layout-resizer-open-hover, 
  #panel-container .ui-layout-resizer-dragging,
  .panel-container .ui-layout-resizer-dragging{
	  background:#d2d2d2;
  }

.box-links{
	width:100%;
	margin:20px 0 25px;
	max-width:750px;
	min-width:600px;
}

.link-box{
	float:left;
	width:31%;
	height:auto;
	min-height:210px;
	height:100%;
	ooverflow:auto;
	margin-right:2.3%;
	padding:6px 15px;
	padding-bottom: 50px;
	vertical-align:top;
	display:block;
	border-radius:3px;
	-webkit-border-radius:3px;
	background: #eeeef2;
	position:relative;
	border:solid 1px #dcdde0;
}

.link-box .link-box-hd{
	position:relative;
	padding-left:50px;
	margin-bottom:12px;
	min-height:55px;
}
.link-box .link-box-hd h6{
	font-size:12pt;
	line-height:1.15;
}
.link-box .link-box-hd img{
	left:0;
	top:0;
	position:absolute;
	max-width:40px;
}
.link-box .link-box-text{
	font-size: 11pt;
	padding:0 5px;
	line-height:normal;
	margin-bottom:8px;
}
.link-box .link-box-text p{
	line-height:12.5pt;
}
.link-box-btn{
	bottom:15px;
	min-height:35px;
	position:absolute;
	width:87%;
	left:auto;
}
.link-box-btn a{
	display:inline-block;
	width:100%;
	text-align:center;
	padding:8px 10px 8px;
	font-weight:700;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#fff;
	background:#54565f;
	box-shadow: 0px 2px 0px #2a2b30;
	-webkit-box-shadow: 0px 2px 0px #2a2b30;
}
.link-box-btn a:hover,
.link-box-btn a:focus{
	text-decoration:none;
	color:#CF0C0F;
	background:#AC0C0E;
	background:-webkit-linear-gradient(#b81214, #AC0C0E);
	background:linear-gradient(#b81214, #AC0C0E);
	color:#fff;
	box-shadow: 0px 2px 0px #790103;
	-webkit-box-shadow: 0px 2px 0px #790103;
}


.title-links{
	float:left;
	width:100%;
}
.title-links ul,
.open-links-with-icons ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
.title-links li{
	margin-bottom:10px;
	list-style-type:none;
}
.title-links li a{
	display:block;
	width:100%;
	max-width:800px;
	border:1px solid #e1e1e1;
	padding:10px 15px;
	font-weight:400;
	color:#793078;
	text-decoration:none;
}
.title-links li a:hover{
	background-color:#f6f4f6;
}

	clear:both;.open-links-with-icons{
	margin-bottom:30px;

}
.open-links-with-icons ul li{
	list-style-type:none;
}
.open-links-with-icons ul li a{
	display:inline-block;
	position:relative;
	padding:1px 0 0 26px;
	margin-bottom:18px;
	color:#3a3b3d;
}
.open-links-with-icons ul li .icon-img{
	height:auto !important;
	width: auto !important;
	max-height:20px;
	position:absolute;
	left:0;
	top:0;
}
.sub-links{
	margin-left: 15px;
}


.inener > p:hover{
color:#000;
}
.inener1:hover{
width:80%
}
.inener1 > p{
color:#827682;
padding:10px;
padding-top:20px;
font-size:18px;
margin-left:15px

}
.inener1 > p:hover{
color:#000;
}
.inener1 > img{
margin-top:10px
}

/*-------------- Test ---------*/
.test-token-column{
	width: 200px; 
	float: left;
	padding:0 0 50px 0;
	min-height:200px;
}
.two-colum-layout .test-token-column{
	width: 140px; 
}
.test-answer-column{
	width: 505px; 
	float: left;
	padding:0;
	margin-left:40px;
}
.two-colum-layout .test-answer-column{
	margin-left:20px;
	width: 371px; 
}
.token-test-wrapper{
	float:left;
	width:auto;
	min-width:550px;
}
  .token-target { 
  	width: 245px; 
	height: 76px; 
	padding: 0.5em; float: left; 
	margin: 0 15px 10px 0; 
	background-color:#ddd; 
	border: solid 2px #666;
  }
  .two-colum-layout .token-target { 
  	width: 180px; 
	height: 80px; 
	padding: 0.5em; float: left; 
	margin: 0 10px 10px 0; 
 }
  #droppable4,#droppable2{
	  margin-right:0;
  }
  
  .token-item{
	  border: solid 2px #666;
	  padding:4px 6px;
	  background-color:#fff;
	  min-height: 56px;
	  line-height:40px;
	  float: left;
	  clear:both;
	  width:100%;
	  margin: 0 0 10px 0;
	   position:relative; z-index:5;
	  text-align:center;
	  vertical-align:middle;
	  cursor:pointer;
	  cursor: url(../images/openhand.cur), auto;
}
.token-item:hover{
	background-color:#f4f5f6;
}
.token-item p{
	  display: inline-block;
      vertical-align: middle;
	  margin:0;    
      line-height: 11.5pt;
	  font-size:10pt;
	      
}
.test-black-hd{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
	background-color:#111;
	color:#fff;
	text-align:center;
	font-size:11pt;
	font-weight:700;
	padding:5px 10px;
}


/*------------- Open List Test ----------*/
 .list-test-item{
	 padding-bottom:10px;
	 padding-left:10px;
 }
 .list-test-item .option-input{
	 display:inline-block;
	 position:relative;
	 margin-left: -22px;
	 vertical-align:top;
	 padding-top:2px;
 }
  .list-test-item input[type="radio"],
  .list-test-item input[type="checkbox"]{
	 padding:0;	 
	 margin:0;
	 cursor:pointer;
 }
 
 .list-test-item label{
	 cursor:pointer;
	 margin-left:2px;
	 line-height:normal;
 }
 
 /*---------- True False Test -------------*/
 .true-false-test{
	float:left;
	clear:both;
	width:100%;
	max-width:650px;
	margin:5px 0 10px 0;
	padding:0;
}
.tf-items{
	float:left;
	border: solid 2px #606064;
	border-collapse:collapse;
	width:100%;
}

.tf-true input[type="radio"], .tf-false input[type="radio"]{
	display:none;
}

.tf-items tr td{
	height:66px;
	vertical-align:middle;
	text-align:center;
	border: solid 2px #606064;
	font-size:10.5pt;
}
.tf-items tr td.tf-quest{
	text-align:left;
	padding:1px 6px;
	line-height:15px;
}
.tf-items tr td.tf-true, 
.tf-items tr td.tf-false{
	width:100px;
	background:#f1f1f1;
	padding:0;
}
.tf-items tr td input[type="radio"]{
	display:none;
}
.tf-items tr td label{
	margin:0;
	height: 66px;
	line-height:66px;
	width:100%;
	text-transform:uppercase;
	font-weight:700;
	background:#f1f1f1;
	cursor:pointer;
	color:#000;
}
.tf-items tr td label:hover{
	background:#dedede;
}
.tf-items tr td input[type="radio"]:checked+label{
	background:#a1a1a4;
}

 /*---------- Open True False Test -------------*/
.open-true-false-test{
	padding:0;
	font-weight:normal !important;
}
.open-true-false-test .form-group {
    margin-bottom: 10px;
    padding-top: 3px;
}
.open-true-false-test label{
	padding-right:10px;
}
.open-true-false-test input[type="radio"]{
	cursor: pointer;
}
/*------------ graph -test -------*/
 #graph-img-marker {
    width: 24px;
    height: 24px;
	cursor:default;
	display:none;
	position:absolute;
	z-index:101;
}
#graph-img{
	cursor:crosshair; 
	float: left;
}


/*-------- Login ---------*/
.login-wrapper{
	width: 100%;
	max-width:520px;
	margin-bottom:15px;
}
.login-wrapper h1{
	border-bottom: solid 1px #865186;
	padding-bottom:10px;
}
.login-wrapper .col*[-]{
	padding-right:0;
}
.login-wrapper .forgot-links{
	padding-top:6px;
}
.login-wrapper .form-horizontal .control-label{
	padding-right:5px;
}

.modal{
	z-index: 100002;
}
#navigator .modal-body {
    max-height: 280px;
    overflow: auto;
}
#navigator .incomplete{
	color:#bd0f0f;
}
#navigator .complete{
	color:#368805;
}

/*------------Reports ---------------*/
#summary-notes{
	float:left;
	width:100%;
	max-width:900px;
	margin-bottom:10px;
}
.summary-notes-cell{
	margin-bottom:20px;
}
.summary-notes-cell,
.summary-notes-cell .sn-img,
.summary-notes-cell .sn-title{
	float:left;
	width:100%;
}
.summary-notes-cell .sn-img{
	margin-bottom:10px;
	text-align:center;
}
.summary-notes-cell .sn-img img{
	max-width:100%;
}
.summary-notes-cell .sn-title{
	margin-bottom:10px;
	font-weight:bold;
	text-align:center;
}
/*-----------*/
.report-grid{
	width:100%;
	float: left;
	clear:both;
	max-width:800px;
	margin:30px 0 10px 50px;
	/*border:solid 1px #656e90;*/
}
.report-grid-header{
	background:#3e4a78;
	color:#fff;
	text-align:center;
	padding:6px 6px 7px;
}
.report-grid-header h3{
	padding:0;
	margin:0;
	line-height:normal;
	font-size: 15pt;
}
.report-grid-body{
	padding:0;
	float: left;
	width:100%;
	clear:both;
}
.report-grid-user{
	clear:both;
	float: left;
	width:100%;
	padding:7px 0;
}
.report-grid-user span{
	display:inline-block;
	padding:1px;
	color: #4d5988;
	font-weight:500;
}
.report-grid table{
	border:none;
	margin-bottom:1px;
	font-size:12pt;
}
.report-grid .table>tbody>tr>td, 
.report-grid .table>tbody>tr>th, 
.report-grid .table>tfoot>tr>td, 
.report-grid .table>tfoot>tr>th, 
.report-grid .table>thead>tr>td, 
.report-grid.table>thead>tr>th
{
	padding:5px 8px;
}
.report-grid table tr th,
.report-grid table tr td{
	text-align:center;
	border-color:#8992b5;
	vertical-align:middle;
}
.report-grid table tr th:first-child,
.report-grid table tr td:first-child,
.results-summary table tr td:first-child,
.results-summary table tr th:first-child{
	border-left:none;
	text-align:left;
}

.report-grid table tr th:last-child,
.report-grid table tr td:last-child,
.results-summary table tr td:last-child,
.results-summary table tr th:last-child{
	border-right:none;
}
.report-grid .table-bordered>thead>tr>th,
.results-summary .table-bordered>thead>tr>th{
	background:#e6ebf1;
	vertical-align:middle;
}
.report-subtitle{
	font-weight:700;
}
.report-grid table i{
	font-size:11px;
	margin-right:3px;
}
.report-grid table tr td a{
	color:#000;
}
.report-grid .progress{
	height: 15px;
	margin-bottom:0;
	text-align:center;
	font-size:9pt;
	color:#000;
	line-height:16px;
	width: 90%;
    margin-left: 5%;
	position:relative;
	background:#eaeaea;
}
.report-grid .progress span{
	display:block;
	position:absolute;
	left:50%;
	margin-left:-6px;
}
.report-grid .progress-bar-success {
    background-color: #93e262;
}
.report-grid .progress-bar-danger {
    background-color: #e45753;
}
.report-grid table .text-left{
	text-align: left !important;
}
.report-grid table .text-center{
	text-align: center !important;
}
.report-grid table .text-right{
	text-align: right !important;
}
.ind-report{
	width:100%;
	max-width:1000px;
	margin-left:1px;
}
.ind-report table{
	font-size:11pt;
}
.ind-report [class*="col-"]{
	padding:0;
}
.ind-report .table > tbody > tr > td:last-child{
	padding-left:3px;
	padding-right:5px;
}
.ind-report .progress {
    width: 94%;
    margin-left: 6%;
	margin-top:1px;
}
.report-grid .note{
	margin:5px 0;
	clear:both;
	float: left;
}
.weak-areas table tr th,
.weak-areas table tr td{
	text-align:left;
}
.results-summary table tr td,
.results-summary table tr th{
	padding:5px 8px;
	border-color:#8992b5;
	vertical-align:middle;
}
.results-summary table{
	border:none;
	font-size:12pt;
}
.table-border{
	border: solid 1px #ddd;
	padding:8px;
	float: left;
	width:100%;
	margin-bottom:20px;
}
.table-border.dark{
	border-color:#8992b5;
}
.table-border table{
	margin:0 !important;
}
.table-border table tr:last-child td{
	border-bottom:none;
}
table .no-border-bottom{
	border-bottom:none !important;
}
table .no-border-left{
	border-left:none !important;
}
table .no-border-right{
	border-right:none !important;
}
/*------*/
.main-result-bar{
	float:left; 
	width:	100%;
	margin:20px 0 25px;
	text-align: center;
}
.main-result{
	display:inline-block;
	padding:6px 30px 10px;
	border:solid 1px #111;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#fff;
}
.main-result h2{
	font-size:18pt;
	padding:0;
	margin:0 0 4px 0;
	font-weight:600;
	line-height:normal;
}
.result-remarks{
	text-transform:uppercase;
	font-size:11pt;
	font-weight:700;
}
.result-remarks i{
	font-size:17px;
	margin-right:2px;
}
.result-success{
	border-color:#b4dd87;
	background:linear-gradient(#f1fde4, #ddf0c8);
	background:-webkit-linear-gradient(#f1fde4, #ddf0c8);
}
.result-success h2,
.result-success span{
	color:#2e6d33;
}
.result-danger{
	border-color:#e9aaa2;
	background:linear-gradient(#ffecea, #ffdeda);
	background:-webkit-linear-gradient(#ffecea, #ffdeda);
}
.result-danger h2,
.result-danger span{
	color:#aa2c1f;
}
.result-warning{
	border-color:#eac534;
	background:linear-gradient(#fff6bf, #fff6bf);
	background:-webkit-linear-gradient(#fff6bf, #fff6bf);
}
.result-warning h2,
.result-warning span{
	color:#ad5e01;
}
.intro-logo{
	vertical-align:middle;
	margin-bottom:20px;
}
.intro-content{
	float:left;
	clear:both;
	width:100%;
}
.intro-content p{
	line-height:17pt;
}
.intro-content ul{
	margin-bottom:20px;
}
.intro-content ul li{
	margin-bottom:10px;
}
/*------------- Spreadsheet ----------*/
.spreadsheet-wrapper{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.spreadsheet-top{
	background:#f1f1f1;
	padding-bottom:3px;
}
.spreadsheet-top .separator{
	border-top:solid 1px #ddd;
	clear:both;
	width:100%;
	margin-bottom:3px;
}
.spreadsheet-top ul.main-menu{
	margin-bottom:1px;
}
.spreadsheet-top ul.main-menu li,
.spreadsheet-top ul.main-menu li a{
	font-size:10.5pt;
}
.spreadsheet-top .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.spreadsheet-top .secondary-toolbar{
	padding-bottom:2px;
	padding-top:1px;
}
.spreadsheet-toolbar button {
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    margin: 0;
    border: 1px solid transparent;
	padding: 12px;
	vertical-align:top;
}
.spreadsheet-toolbar .reset {
    background: url(../images/icons/new.gif) no-repeat center;
}
.spreadsheet-toolbar .cut {
    border-left: 1px solid #d9d9d9;
    background: url(../images/icons/cut.gif) no-repeat center;
}
.spreadsheet-toolbar .copy {
    background: url(../images/icons/copy.gif) no-repeat center;
}
.spreadsheet-toolbar .paste {
    background: url(../images/icons/paste.gif) no-repeat center;
}
.spreadsheet-toolbar .copyformat {
    background: url(../images/icons/paint.gif) no-repeat center;
}
.spreadsheet-toolbar .undo {
    background: url(../images/icons/undo.gif) no-repeat center;
}
.spreadsheet-toolbar .redo {
    background: url(../images/icons/redo.gif) no-repeat center;
}
.spreadsheet-toolbar .zoom{
	padding: 1px 2px;
    font-size: 10pt;
	vertical-align:middle;
}
.spreadsheet-toolbar .fontsize{
	padding: 1px 2px;
    font-size: 10pt;
	vertical-align:middle;
}
.spreadsheet-toolbar .bold {
    background: url(../images/icons/bold.gif) no-repeat center;
	border-left: 1px solid #d9d9d9;
}
 .spreadsheet-toolbar .italic {
    background: url(../images/icons/italic.gif) no-repeat center;
}  
 .spreadsheet-toolbar .underline {
    background: url(../images/icons/under.gif) no-repeat center;
}  
 .spreadsheet-toolbar .fontcolor {
    background: url(../images/icons/fontcolor.gif) no-repeat center;
}  
 .spreadsheet-toolbar .fillcolor {
    background: url(../images/icons/fillcolor.gif) no-repeat center;
}  
 .spreadsheet-toolbar .left {
    background: url(../images/icons/left.gif) no-repeat center;
}  
 .spreadsheet-toolbar .center {
    background: url(../images/icons/center.gif) no-repeat center;
}  
 .spreadsheet-toolbar .right {
    background: url(../images/icons/right.gif) no-repeat center;
}   
 .spreadsheet-toolbar .number {
    background: url(../images/icons/fixed.gif) no-repeat center;
}
 .spreadsheet-toolbar .currency {
    background: url(../images/icons/currency.gif) no-repeat center;
}  
 .spreadsheet-toolbar .percent {
    background: url(../images/icons/percent.gif) no-repeat center;
}  
 .spreadsheet-toolbar .fraction {
    background: url(../images/icons/fraction.gif) no-repeat center;
}  
 .spreadsheet-toolbar .datetime {
    background: url(../images/icons/datetime.gif) no-repeat center;
}   
.spreadsheet-toolbar button.state-active,
.spreadsheet-toolbar button:active,
.spreadsheet-toolbar button:focus {
    background-color: #dbdbdb;
    border-color: #ccc;
}
.spreadsheet-top .formulaBar{
	width: 100%; border:none; 
	margin: 0;
}
.spreadsheet-top .formulaBar tr td{
	padding:0;
}
.spreadsheet-top .positionbox{
	text-align: center;
    height: 24px;
    margin: 0;
	padding: 3px;
	font-size:10.5pt;
	text-align:center;
}
.spreadsheet-top .formulabox{
	line-height: 16px;
    border: 1px solid #ABABAB;
    overflow: hidden;
    padding: 3px;
    height: 24px;
    margin: 0;
	background-color: #ffffff;
	font-size:10.5pt;
}

/*-------- spreadsheet-popups ------------*/
.sp-modal .modal-header{
	background:#dddddd;
	color:#252525;
	padding:8px 10px;
	border:none;
}
.sp-modal .modal-title{
	font-size:10.5pt;
	line-height:normal;
}
.sp-modal button.close{
	opacity:0.9;
	padding:1px 5px;
}
.sp-modal .modal-body{
	background:#f1f1f1;
	margin:2px 2px 0 2px;
	border-top:solid 1px #f8f7f7;
	padding:12px 10px;
}
.sp-modal .modal-content{
	background:#dddddd;
	border-radius:0;
	overflow:hidden;
	font-size:10pt;
}
.sp-modal .modal-body:before,
.sp-modal .modal-content:before,
.sp-modal .modal-body:after,
.sp-modal .modal-content:after{
	display:table;
	content:" ";
	clear:both;
}
#sp-find .modal-dialog,
#sp-replace .modal-dialog{
	width:420px;
}
.sp-modal .sp-modal-btn{
	background:#f0f0f0;
	border-color:#aaabb0;
	min-width:75px;
	margin-bottom: 4px;
	padding:2px 5px 1px;
	font-size:10pt;
	font-weight:bold;
	display:block;
	float:right;
	clear:both;
}
.sp-modal .sp-modal-btn:hover,
.sp-modal .sp-modal-btn:focus{
	border-color: #222;
	background:#dddbdb;
}
.sp-modal .sp-modal-btn.md{
	min-width:100px;
}
.sp-modal .modal-content [class*="col-"]{
	padding-left:5px;
	padding-right:5px;
}
.sp-modal .modal-content .control-group{
	width:100%;
	float: left;
}
.sp-modal .modal-content .spacer{
	clear:both;
	width:100%;
	height:5px;
}
.sp-modal .modal-content .spacer.md{
	height:15px;
}
.sp-modal .modal-content input[type="text"]{
	width:95%;
	background:#fff;
	border-radius:0;
	border-color:#a9a9a7;
	height:23px;
	padding:1px 5px;
	box-shadow:none;
}
.sp-modal .modal-content input[type="text"]:focus{
	border-style:dotted;
	border-color:#000;
}
.sp-modal .modal-content input.xs{
	width:70px;
}
.sp-modal .modal-content input.lg{
	width:100%;
}
.sp-modal .modal-content select{
	width: auto;
    background: #fff;
    border-radius: 0;
    border-color: #a9a9a7;
    height: 23px;
    padding: 1px 2px;
    box-shadow: none;
    font-size: 10pt;
}
.sp-modal .modal-content label{
	margin-bottom:2px;
}
fieldset.sp-fieldset input[type="checkbox"], 
fieldset.sp-fieldset input[type="radio"]{
	margin:-1px 0 0 0;
	vertical-align:middle;
	cursor:pointer;
}
fieldset.sp-fieldset label{
	margin:0;
	cursor:pointer;
}
.fieldset-actions{
	padding-top:10px;
}
fieldset.sp-fieldset {
    border: 1px groove #ddd !important;
    padding: 0 10px 10px 10px;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
			font-size:10pt;
}

legend.sp-legend {
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
	padding:0 5px;
	width:inherit;
    border-bottom:none;
	margin-bottom:5px;
}
.sp-modal .nav-tabs>li>a {
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 0;
    color:#252525;
    line-height: normal;
    padding: 1px 5px;
	background-color: #c2c3c4;
}
.sp-modal .nav-tabs>li.active>a, 
.sp-modal .nav-tabs>li.active>a:focus, 
.sp-modal .nav-tabs>li.active>a:hover {
    color:#252525;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
}
#formatTabs{
	background:#e2e2e2;
}
#formatTabContent{
	background:#fff;
	padding:6px;
	height:310px;
}
.sp-format-preview{
	padding:10px;
}
.sp-alignment-options,
.sp-formatNumber-options,
.sp-formatBorder-options{
	background:#f0f2ed;
	float:left;
	padding:0;
}
.sp-formatNumber-options{
	margin-bottom:2px;
}
.sp-modal .sp-alignment-options select,
.sp-modal .sp-formatNumber-options select {
    width: 125px;
    height: auto;
    padding: 0px;
    overflow: hidden;
}
.sp-modal .sp-formatNumber-options select{
	width:90%;
}
.sp-modal .sp-formatNumber-options .numberFormat select.lg{
	overflow:auto;
	height:242px;
	width:99%;
}
.sp-modal .sp-formatNumber-options .numberFormat input.lg{
	width:99%;
}
.sp-formatBorder-options .border-styles{
	width:100px;
}
.sp-formatBorder-options .border-styles .border-style-option{
	height:20px;
	line-height:20px;
	background:#fff;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
}
.sp-formatBorder-options .border-styles .option-1{
	border-width:0;
}
.sp-formatBorder-options .border-styles .option-2{
	border-width:1px;
}
.sp-formatBorder-options .border-styles .option-3{
	border-width:2px;
}

.sp-formatBorder-options .border-styles .option-4{
	border-width:3px;
}
.sp-formatBorder-options .border-styles .option-5{
	border-width:3px;
	border-style:double;
}
.sp-formatBorder-options .border-styles .border-style-option:focus,
.sp-formatBorder-options .border-styles .border-style-option:hover,
.sp-formatBorder-options .border-styles .border-style-option:active,
.sp-formatBorder-options .border-area-option button:focus,
.sp-formatBorder-options .border-area-option button:active{
	outline:dotted 1px #000;
}
.sp-formatBorder-options .border-area{
	width:160px;
}
.sp-formatBorder-options .border-area-option button{
	height:20px;
	line-height:20px;
	background:#ddd;
	width:60px;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	margin-bottom:10px;
	float:left;
	margin-right:6px;
}
.sp-formatBorder-options .border-area-option button span{
	height:1px;
	width:90%;
	border-top-width:0;
	border-top-color:#000;
	display:block;
	border-top-style:solid;
}
.sp-formatBorder-options .border-area-option button span.option-2{
	border-top-width:1px;
}
.sp-formatBorder-options .border-area-option button span.option-3{
	border-top-width:2px;
}
.sp-formatBorder-options .border-area-option button span.option-4{
	border-top-width:3px;
}
.sp-formatBorder-options .border-area-option button span.option-5{
	border-top-width:3px;
	border-top-style:double;
}

/* custom Menu --------*/
.sp-custom-menu {
	float: left;
}
.sp-custom-menu .buttonTitle{
	background:none;
	border:none;
	border:solid 1px transparent;
	transition:none;
}
.sp-custom-menu li {
	display: list-item;
    margin: 0;
    line-height: 26px;
    min-width: 100px;
    cursor: pointer;
    text-indent: 30px;
    white-space: nowrap;
}
.sp-custom-menu li a{
    padding-right: 40px;
	font-size:10.5pt;
}
.sp-custom-menu li a span {
    font-size: 11px;
    color: #999;
    float: right;
    right: 10px;
    left: auto;
    position: absolute;
}
.sp-custom-menu.open .buttonTitle{
    color: #555;
    background-color: #fff;
	border-color:#ccc;
	box-shadow:0px 3px 1px -1px #fff;
	position:relative;
	z-index:1006;
	border-bottom:none;
}
.sp-custom-menu.open > .dropdown-menu{
	padding:0;
	margin:0;
	border-radius:0;
}

 /*---------- Prepare Exam -------------*/
 .prepare-exam{
	 max-width:600px;
 }
  .prepare-exam .btn{
	 padding-left:18px;
	 padding-right:18px;
 }
/*------------- Footer ----------*/
.footer{
	background-color:#e1c2e1;
	clear:both;
	width:100%;
	height:30px;
	position:fixed;
	bottom:0;
}
.footer-help{
	color:#000;
	font-size:10pt;
	line-height:30px;
}
.footer-help a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:0 10px 0 6px;
}
.footer-help i{
	font-size: 20px;
	line-height:30px;
	vertical-align:middle;
	margin-right:2px;
}
.footer-help a:hover,
.footer-help a:focus {
    color: #000;
    text-decoration: none;
    /*background-color:#d5a9d5;*/
    color: #c82333 !important;
}

.footer-left-colum {
	padding: 0;
	border-right: solid 1px #fff;
}
.footer-right-colum {
	padding: 0 7px 0 2px;
}
.footer-links{
	float:right;
}
.footer-links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-right: 6px !important;
}
.footer-links ul li{
	float:left;
	border-left:1px solid #F2F2F2;
	line-height:30px;
}
.footer-links ul li a,
.footer-links ul li button,
.footer-links ul li input[type="submit"]{
	line-height:30px;
	font-size:10pt;
	font-weight:normal;
	display:block;
	padding:0 4px;
	color:#000;
	font-weight: bold !important;
}
.footer-links ul li a:hover,
.footer-links ul li a:focus,
.footer-links ul li button:focus,
.footer-links ul li button:hover,
.footer-links ul li input[type="submit"]:focus,
.footer-links ul li input[type="submit"]:hover {
	/*color: #000;*/
	text-decoration: none;
	/*background-color:#d5a9d5;*/
}
.footer-links ul li a:hover {
	color: #c82333 !important;
}

#NextButton, #NextInstruction {
	background-image: url(../../Images/next.png);
	background-repeat: no-repeat;
	background-position: 42px !important;
	padding-right: 20px;
	padding-left: 10px !important;
	padding-top: 0px !important;
	/*margin-right: 6px;*/
}

	#NextButton:hover, #NextInstruction:hover {
		background-image: url(../../Images/next-hov.png);
		background-repeat: no-repeat;
		background-position: 42px !important;
		padding-right: 20px;
		padding-left: 10px !important;
		padding-top: 0px !important;
		/*margin-right: 6px;*/
	}

#PreviousButton, #PreviousInstruction {
	background-image: url(../../Images/prev.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 24px;
}

	#PreviousButton:hover, #PreviousInstruction:hover {
		background-image: url(../../Images/prev-hov.png);
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding-left: 24px;
	}

#NavigatorButton {
	background-image: url(../../Images/navigator.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 24px;
}

	#NavigatorButton:hover {
		background-image: url(../../Images/navigator-hov.png) !important;
		background-repeat: no-repeat;
		background-position: 0px 4px;
		padding-left: 24px;
	}

.footer-help a {
	font-weight: bold !important;
}
.footer-links ul li a i {
	font-size: 11px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 2px;
}

}
.footer-links ul li a i.fa-crosshairs{
	font-size: 15px;
}
.footer-links ul li a i.fa-chevron-right{
	margin-right:0;
}
.footer-links ul li a i.fa-chevron-left{
	margin-left:0;
}
.footer-links ul li button,
.footer-links ul li input[type="submit"]{
	background:none;
	border:none;
	box-shadow:none;
}

@media only screen and (min-width: 981px) and (max-width: 10000px) {
html, body{
	overflow:hidden;
}	
.two-colum-layout .header-primary{
	height:42px;
	overflow:hidden;	
}
.two-colum-layout .header-secondary{
	max-height:30px;
	overflow:hidden;	
}	
.login-wrapper{
	margin-left: 80px;
}
.register-area{
	margin-left:40px;
}


#summary-notes{
	display:table;
	padding-top:25px;
}
#summary-notes > .col-lg-4{
	display:table-cell;
	float:none;
	vertical-align:top;
	border-left: solid 1px #ddd;
}
#summary-notes > .col-lg-4:first-child{
	border-left:none;
}
.summary-notes-cell{
	margin-bottom:0;
}
.summary-notes-cell .sn-img{
	margin-bottom:25px;
	height:135px;
	line-height:135px;
}
.summary-notes-cell .sn-title{
	margin-bottom:25px;
	padding:0 12px;
}
.summary-notes-cell p{
	padding:0 12px;
	margin-bottom:0;
}

}

@media only screen and (max-width: 980px) {
body {
	font-size: 11pt;
	line-height:13pt;
}
.side-nav{ 
	display: none !important;
}
.navbar {
	display: block !important;
	min-height: 45px;
	margin-bottom:0;
}
.navbar-toggle{
	margin: 4px 1px 4px 15px;
	float:left;
}
.icon{
margin-top:5px
}
.page-main-area {
    left: 0;
	position:relative;
}
.content-wrapper {
	padding-left:15px;
	padding-top:15px;
	padding-bottom:10px;
}
h1 {
    font-size: 20px;
    margin: 5px 0 15px 0;
}
.title-links li a{
	padding: 6px 10px;
    font-size: 14px;
}

#panel-container,
.panel-container{
	position: relative;
    float: left;
    width: 100%;
    clear: both;
    top: inherit;
	height:auto;
}
.ui-layout-west,
.ui-layout-center {
    position: static !important;
    height: auto !important;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    padding: 5px 4px;
}
.report-grid .table>tbody>tr>td, 
.report-grid .table>tbody>tr>th, 
.report-grid .table>tfoot>tr>td, 
.report-grid .table>tfoot>tr>th, 
.report-grid .table>thead>tr>td, 
.report-grid.table>thead>tr>th
{
	padding:5px 4px;
}

.ind-report table{
	min-width:640px;
}
.ind-report .table-border{
	overflow:auto;
}

.footer{
	height:30px;
	position:fixed;
}

}

@media only screen and (min-width: 541px) and (max-width: 980px) {
.ui-layout-west,
.ui-layout-center {
	float:left;
}
.ui-layout-center{
	border-left:solid 9px #ddd;
}
}
@media only screen and (max-width: 768px) {
.logo {
    right: 15px;
    top: 6px;
    width: 70px;
}
.logo-top .header-primary, 
.logo-top .header-secondary, 
.logo-top .content-wrapper {
    padding-right: 100px;
}

.test-token-column {
    width: 145px;
}
.token-item{
   padding: 4px;
}
.token-item p{
	font-size:11px;
	line-height:normal;
	margin:0;
}
.test-answer-column{
	float: none !important;
	width: auto;
	overflow:hidden;
	padding-left:10px;
}
.token-target {
    width: 100%;
	height:65px;
}
.two-colum-layout .token-target {
    width: 175px;
}

.link-box{
	min-height:inherit;
}
.link-box .link-box-hd {
    padding-left: 40px;
    margin-bottom: 12px;
    min-height: 32px;
}
.link-box .link-box-hd img {
	max-width:30px;
}
.link-box-btn {
    width: 90%;
    left: 5%;
}
.link-box-btn a{
	font-size:13px;
	padding: 7px 6px;
}
.link-box .link-box-hd h6 {
    font-size: 14px;
}
.report-grid {
    margin: 10px 0 10px 0;
}

}

@media only screen and (max-width: 640px) {
.report-grid-header h3 {
    font-size: 17px;
}
}
@media only screen and (max-width: 540px) {
body {
	font-size: 10pt;
	line-height:13pt;
}
.header-primary{
	    padding: 7px 10px 7px 10px;
}
.header-secondary {
    padding: 5px 10px 5px 10px;
}
.header-primary h3 {
    font-size: 15px;
}
.logo {
    right: 10px;
    top: 5px;
    width: 50px;
}
.logo-top .header-primary, 
.logo-top .header-secondary, 
.logo-top .content-wrapper {
    padding-right: 70px;
}
.content-wrapper {
	padding:10px;
}
.logo-top .content-wrapper {
    padding-right: 15px;
}
h1 {
    font-size: 12pt;
    margin: 5px 0 10px 0;
}
h2 {
    font-size: 15px;
}
h4 {
    font-size: 11pt;
    margin: 5px 0 10px 0;
}
h5 {
    font-size: 12pt;
    margin: 5px 0 10px 0;
}
h6 {
    font-size: 11pt;
    margin: 5px 0 10px 0;
}
.content-wrapper p, p {
    font-size: 10pt;
    /*line-height: 13.5pt;
    margin: 2px 0 10px 0;*/
}
.token-item p {
    font-size: 9pt;
    line-height: normal;
}
.title-links li {
    margin-bottom: 6px;
}
.open-links-with-icons ul li a {
    padding: 1px 0 0 24px;
    margin-bottom: 10px;
    font-size: 13px;
}
.open-links-with-icons ul li .icon-img {
    max-height: 16px;
}

.token-test-wrapper{
	min-width:inherit;
}
.tf-items tr td {
    font-size: 10pt;
}
.two-colum-layout .test-answer-column {
    width: auto;
	margin-left:0;
}
.two-colum-layout .token-target{
	width:100%;
	margin-right:0;
	height:	65px;
}

.ui-layout-west,
.ui-layout-center {
    position: static !important;
    width: 100% !important;
    height: auto !important;
}
.ui-layout-west{
	border-bottom: solid 4px #ddd;
    padding-bottom: 6px;
}
.ui-layout-resizer {
    display: none !important;
}

.box-links {
    margin: 10px 0;
    min-width: inherit;
}
.link-box {
	width:100%;
	margin-bottom:10px;
	padding: 8px 12px;
}
.link-box .link-box-hd {
    margin-bottom: 6px;
    min-height: 30px;
}
.link-box-btn {
	position:static;
	max-width:225px;
	
}
.summary-notes-cell .sn-img img{
	max-height:80px;
	width:auto !important;
}
table,
.report-grid table,
.results-summary table{
	font-size:10pt;
}
.report-grid .progress {
    width: 96%;
    margin-left: 2%;
}
.table-border {
    padding: 6px;
}
.main-result h2{
	font-size:18px;
}
.result-remarks {
    font-size: 14px;
}
.result-remarks i {
    font-size: 14px;
}
.results-summary > [class*="col-"]{
	padding:0;
}
.main-result-bar {
    margin: 10px 0 12px;
    text-align: center;
}


}
@media only screen and (max-width: 420px) {
.footer-help i {
    font-size: 15px;
    margin-right: 0px;
}
.footer-links ul li a {
    padding: 0 5px;
	font-size: 11px;
}
.main-result {
    width: 100%;
}
}

.cke_bottom, #cke_1_bottom {
	display: none;
}

.ui-layout-resizer {
	background: #f2f2f2 !important;
}


/*----- Added by Adeel, May 2023 -----*/

.xdialog .ui-dialog-content {
	width: 100% !important;
	min-height: calc(100% - 42px) !important;
}

.xdialog .ui-dialog-wp.ui-dialog-content,
.xdialog .ui-dialog-ss.ui-dialog-content,
.xdialog .ui-dialog-pdf.ui-dialog-content {
	overflow: hidden;
}

.xdialog .ui-dialog-slides.ui-dialog-content {
	overflow-x: hidden;
}

.xdialog div.mce-edit-area {
	border-width: 1px 1px !important;
	width: 99.8% !important;
	height: calc(100% - 71px) !important;
	border-bottom: none !important;
}

.xdialog .mce-container.mce-tinymce {
	height: 96% !important;
	margin: 0 !important;
	width: 99.5%;
	min-height: 270px;
}

.xdialog .mce-container-body {
	height: 100% !important;
}

.ui-dialog-ss .spreadsheet-wrapper {
	margin-bottom: 8px;
	height: calc(100% - 44px);
	min-height: 248px;
}

.xdialog .ui-dialog-pdf {
	margin-bottom: 0 !important;
}