/* style-login.css */
 @charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}
/* Targeting the scrollbar container */
::-webkit-scrollbar {
  width: 8px;  /* Set the width for vertical scrollbar */
  height: 8px; /* Set the height for horizontal scrollbar */
}

/* Scrollbar track (background) */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;  /* Light gray background */
  border-radius: 10px;         /* Rounded corners */
}

/* Scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
  background-color: #888;  /* Light gray thumb */
  border-radius: 10px;     /* Rounded corners */
}

/* Scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;  /* Darker gray on hover */
}

a {
	text-decoration: none;
}
img {
	border: none;
}
.clear {
	clear: both;
}
#wrapper {
	display: block;
	min-height: 100%;
	min-width: 600px;
	width: 100%;
}
#bannerText{
	font-size: 1.5em;
}
#minwidth {
	min-width: 600px;
	min-height: 100%;
	height: 100%;
}
.selective_selction{
  margin: 5px;
  padding: 15px;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  cursor: pointer;
}
.selective_selction:hover{
  background: #ede9cf;
  color:#fff;
}

.Headr_Banner {
	height: 32px;
	padding: 0px 22px 0px 8px;
}
.curve_bg {
	height: 31px;
	background: url(../images/cloud_bg_new.gif) repeat-x left top;
	padding: 27px 0px 0px 0px;
}
.Top1Band {
	height: 90px;
	clear: both;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/header_bg_new.gif) repeat-x left top;
}

#header {
    background: #2d70b6 none repeat scroll 0 0;
    border-bottom: 1px solid #7691a2;
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    height: 59px;
    padding: 0;
}

.examination-icon {
    background:  url("../images/collegelogo.png") no-repeat scroll 0 0;
    float: left;
    height: 48px;
    margin-left: 8px;
    margin-top: 5px;
    width: 43px;
}

.exam-heading {
    float: left;
    margin-left: 10px;
    text-align: left;
}

.exam-heading .big-heading {
    line-height: 39px;
}
.big-heading {
    font-size: 1.583em;
    line-height: 0;
}

.exam-heading .short-heading {
    line-height: 10px;
}
.short-heading {
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 39px;
}


input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

after { clear: both; }

#login {
  margin: 40px auto;
    width: 370px;
	  text-align: center;
}
.fontawesome-user
{
	background:url(../images/user.png) no-repeat center center #eee;
	width:26px;
	height:26px;
	
}
.fontawesome-lock
{
	background:url(../images/Lock-26.png) no-repeat center center #eee;
	width:26px;
	height:26px;
}
.userInfo {
    background: #DDD;
    height: 149px;
}

.userInfo .system_info {
    background: #666 !important; 
    height: 137px  !important;
	border-bottom: 1px solid #444 !important;
}
.userInfo .system_info .system_name {
    float: left;
}
.userInfo .name1 {
    color: #ffffff;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 5px;
    text-align: left;
}

.userInfo .details1 {
    color: #fff200;
    font-size: 44px;
    margin-left: 20px;
    text-align: left;
}
.userInfo .details3 {
    color: #fff200;
    font-size: 34px;
    margin-left: 20px;
    text-align: left;
}

.userInfo .system_info .user_pic {
    background: #fafbfc none repeat scroll 0 0;
    border-bottom: 1px solid #444;
    float: right;
    height: 100%;
    vertical-align: middle;
    width: 137px;
}

.userInfo .user_pic img {
   /*  border: 1px solid #000;
    margin-top: 20px; */
}

.userInfo .system_info .user_name {
    float: right;
    padding-right: 10px;
}

.userInfo .name2 {
    color: #ffffff;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: right;
}

.userInfo .details2 {
    color: #fff200;
    font-size: 34px;
    margin-left: 5px;
    text-align: right;
}
#login form {
 background:#f5f5f5 ;
    border: 1px solid #dbdbdb;
    border-radius: 0 0 5px 5px;
    margin: auto;
    padding: 25px;
    width: 320px;
    border-top:none;
}

#login form .fontawesome-no {
  /*background-color: #363b41;*/
  border: 1px solid #cacaca;
  border-radius: 3px 0px 0px 3px;
  border-right: 0px solid #434a52;
  color: #606468;
  display: inline-block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 7px;
  height: 33px;
}
#login form .fontawesome-user {
  /*background-color: #363b41;*/
  border: 1px solid #cacaca;
  border-radius: 3px 0px 0px 3px;
  border-right: 0px solid #434a52;
  color: #606468;
  display: inline-block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 56px;
  height: 33px;
}
 #login form .fontawesome-lock {
  /*background-color: #363b41;*/
  border: 1px solid #cacaca;
  border-radius: 3px 0px 0px 3px;
  border-right: 0px solid #434a52;
  color: #606468;
  display: inline-block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 56px;
  height: 33px;
}
.regText{
	width: 305px !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#login form select {
 /* background-color: #3b4148;*/
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  /* margin-bottom: 1em;*/
  padding: 0 16px;
  width: 255px;
  height: 35px;
  border:1px solid #cacaca;
  border-left:0px;
  margin-bottom:8px;
  }
#login form select,
 #login form input[type="number"],
 #login form input[type="email"],
#login form input[type="text"] {
 /* background-color: #3b4148;*/
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  /* margin-bottom: 1em;*/
  padding: 0 16px;
  width: 255px;
  height: 35px;
  border:1px solid #cacaca;
  border-left:0px;
  margin-bottom:8px;
  }

#login form input[type="password"] {
  /*background-color: #3b4148;*/
  border-radius: 0px 3px 3px 0px;
  color: #a9a9a9;
  /*margin-bottom: 1em;*/
  padding: 0 16px;
  width: 255px;
  height: 35px;
  border:1px solid #cacaca;
  border-left:0px;
  margin-bottom-8px;
 }

#login form #signInLabel{
  background: #38aae9;
  border: 0;
  width: 280px;
  height: 40px;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  margin-top: 40px;
}
#login form #signInLabel:hover {
  background: #0C7CD5;  
}
.btn-primary-blue {
    background-color: #38aae9;
    border-color: #38aae9;
    color: #ffffff;
}
.btn-primary:hover {
    background-color: #0c7cd5;
    border-color: #0a68b4;
    color: #ffffff;
    
}
.btn {
   
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-primary {
    background-color: #fff;
    color: #252525;
}

/*************By Chandan*****************/
.fontawesome-keybord{
   background: url("../images/keyboard.png") no-repeat scroll center center #eee;
    border: 1px solid #cacaca;
    border-radius: 0 3px 3px 0;
    color: #606468;
    display: block;
    float: right;
    height: 35px;
    line-height: 50px;
    text-align: center;
    width: 49px;
    border-left:0px;
    cursor: pointer;
}
.form-header{
   background: none repeat scroll 0 0 #DDD;
    border: 1px solid #dbdbdb;
    border-radius: 5px 5px 0 0;
    color: #444;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 22px;
    width: 326px;
}
#languageSelect{
       border: 1px solid #cacaca;
    border-radius: 3px;
    height: 35px;
     *height: 25px;
      height: 25px\9;
    
    width: 205px;
}
/* layout.css */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
	width:100%;
}
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
}
.main{
	display: table;
    height: 100%;
	width:100%;
}
.main3{
	display: table;
    height: 99%;
	width:99%;
}
.main .row-fix{
	display: table-row;
    height: 40px;
	width:100%;
	background: #2d70b6;
    border-bottom: 1px solid #7691A2;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}
.main .row-exp{
	height: 100%;
	width:100%;
    display: table-row;
}
#mainleft{
	margin-left: 0px;
    width: calc(80% - 15px);
    height: calc(100% - 60px);
    position: absolute;
    top: 40px;
    left: 0px;
    padding-left: 5px;
}
#commonPageInstruction{
	overflow: auto;
    border: 1px solid rgb(204, 204, 204);
    padding: 2px;
    border-top: 0px;
    position: absolute;
    top: 69px;
    left: 0px;
    bottom: 65px;
    width: 100%;
    box-sizing: border-box;
}
#defaultDisclaimerDiv{
 	overflow: auto;
    position: absolute;
    bottom: 0px;
}
#mainright{
	border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(146 145 145);
    width: 20%;
    height: calc(100% - 60px);
    position: absolute;
    top: 40px;
    left: 79%;
    margin-left: 4px;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
#sections{
	overflow:hidden;
	white-space:nowrap;
	position:absolute;
	top:71px;
	right:285px;
	left:20px;
}
.main2{
	display: table;
    height: 100%;
	width:100%;
}
.main2 .row-fix{
	display: table-row;
    height: 55px;
	width:100%;
}
.main .row-fix2{
	display: table-row;
    height: 102px;
	width:100%;
}
.main2 .row-exp{
	height: 100%;
	width:100%;
    display: table-row;
}
.main2 .row-content{
	 display: table-cell;
}

.main2 .mainl{
	display: table-cell;
	height:100%;
}
.main2 .mainr{
	display: table-cell;
	width:265px;
	height:100%;
}
.main2 .tcell{
	display:table-cell;
}
.lrow1{
	display: table-row;
    height: 67px;
	width:100%;
}
@-moz-document url-prefix() {
	.rrow1{
		bottom: 79px !important;
	}
}
.rrow1{
	position: absolute;
    top: 162px;
    bottom: 76px;
    /* height: 100%; */
    width: 100%;
}
.lrow2{
	display: table-row;
    height: 30px;
	width:100%;
}
.lrow3{
	display: table-row;
    height: 41px;
	width:100%;
}
.lrow4{
	height: 100%;
	width:100%;
    display: table-row;
}
.lrow5{
	display: table-row;
    height: 100%;
	width:100%;
}
.l-fit-height {
    display: table;
    height: 100%;
}
.l-fit-height-row {
    
}
.l-fit-height-row-content {
    /* Firefox requires this */
    display: table-cell;
}
.l-fit-height-row-expanded {
    height: 100%;
    display: table-row;
}
.l-fit-height-row-expanded > .l-fit-height-row-content {
    height: 100%;
    width: 100%;
}
@-moz-document url-prefix() {
    .l-scroll {
        /* Firefox requires this to do the absolute positioning correctly */
        display: inline-block;
    }
	
}
@-moz-document url-prefix() {

}
@-moz-document url-prefix() {

}
.l-scroll-content1 {
	min-height: 100px;
    position: absolute;
    top: 0 !important;
    bottom: 0;
    width: 98%;
    overflow: auto;
}
.l-scroll-content {
  /*position: absolute !important;*/
  top: 0px !important;
  bottom: 0;  
  min-height:100px;
overflow: auto !important;
width: 100% !important;
}
.l-scroll {
  overflow-y: auto;
position: absolute !important;
top: 0px !important;
bottom: 0px !important;
height: initial !important;

}/* 
.groupq .l-scroll{
  width: calc(50% - 144px);
} */
.ngroupq .l-scroll{
  width: calc(100% - 285px);
}
.innergroupq{
	display:none;
}
.l-scroll1 {
    overflow-y: auto;
    position: relative;
    /*height: 1000px;*/
}
.l-scroll-content {
    /*position: absolute;
    top: 0;
    bottom: 0;*/
  overflow:auto;
    min-height:100px;
}
.l-scroll-content1 {
	min-height: 100px;
    position: absolute;
    top: 0px;
    bottom: 0;
    width: 98%;
    overflow: auto;
}
.h-scroll-content1 {
	max-height: 48px;
    position: absolute;
    top: 108px;
    left: 0;
    right: 0;
    /* width: 98%; */
    overflow: auto;
    overflow-y: hidden;
    overflow-x: scroll;
}
/* mock_style.css */

a { text-decoration : none; }
a:hover {text-decoration: none;}
/*body{
	height:100%;
	overflow:auto;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:0.8em;
	margin:0px;
	-moz-user-select:none;
	/*cursor:url("BLACK.cur"),auto;
}*/
/*textarea{
	resize:none;
}
div{
	cursor:url("BLACK.cur"),auto;
}
select{
	cursor:url("BLACK.cur"),auto;
}*/
input{
	/*cursor:url("BLACK.cur"),auto;*/
	vertical-align:middle;
	margin-left:10px;
}

li{
	padding-top:3px;
}

ul {
    list-style-type: disc;
}
ul, ol {
    margin: 0 1.5em 1.5em;
}
#header {
	background: url("../images/header_bg.gif") repeat-x scroll left bottom transparent;
	background-color : #4D8CCA;
	width:100%;
    height: 45px;
}
#instPaginationa
{
	float:right;
}


.btn-primary:hover {
    background-color: #0c7cd5;
    border-color: #0a68b4;
    color: #ffffff;
    
}

.btnsection1 {
    height: 60px;
    /* padding: 0 49px; */
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    /* right: 321px; */
    /* margin-top: -110px; */
    text-align: right;
}
.btnsection
{       height: 60px;
    /* padding: 0 49px; */
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    /* right: 321px; */
    /* margin-top: -110px; */
    text-align: right;
    background: #d5e2f0;
}
.btn-primary img
{
	vertical-align:middle;
}
#PreviousInst
{
	float:left;
}


#currentQues{
	border: solid 0px #000; 
	border-width:1px;
	border-left  : 0px #CCC solid;
	border-top : 0px #CCC solid;
	border-right : 0px #CCC solid;
	border-bottom : 1px #CCC solid;
}

#container{
	min-height: 100%;
	height: 100%;
	width:100%;
}

#timer{
	width:100%;
	border : 0px solid;
}

.numberpanel{
	background-color : #E4EDF7;
	width:100%;
	clear:both;
}

#numberpanelQues{
	
	overflow:auto;
	width:100%;
}
#numberpanelQuesh {
    overflow: auto;
    width: 1570px;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: keep-all;
}
#qtd1 {
    width: 52px;
    height: 54px;
    display: inline-block;
}
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footerTataLogo { float: right; margin: 8px 10px 0 0; }
#footer .footerCopywright { float: left; margin: 4px 0 0 10px; }


#groups{
	font-size: 1em;
	font-family:arial,verdana,helvetica,sans-serif;
/*	margin-bottom:7px;
	margin-top:7px;*/
}

.viewSection{
	font-family:arial,verdana,helvetica,sans-serif;
	padding : 5px;
	height:10%;
	font-size:15px;
}

.tooltip {
	
	text-align: center;
	color: #000000; outline: none;
	text-decoration: none;
	cursor: pointer; *cursor: hand;
}

.tooltipSelected{
	
	font-weight:bold;
	color:#FFFFFF; 
	text-align: center;
	outline: none;
	text-decoration: none;
	cursor: pointer; *cursor: hand;
}

.tooltip span {
	margin-left: -999em;
	
}

.tooltip:hover span {
	font-family: arial,verdana,helvetica,sans-serif;
	
	display:block;
}

.tooltipSelected span {
	margin-left: -999em;
	
	text-decoration: none;
}

.tooltipSelected:hover span {
	color: #000000;
	font-family: arial,verdana,helvetica,sans-serif;
	z-index: 1099;
	margin-left: -1px; height:100px
	display:block;
}

.allSections
{
background:#ffffff;
   border: 1px solid #b3b3b3;
    border-radius: 3px;
    color: #585c65;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-top: 4px;
	 margin-right: 6px;
    padding-left: 11px;
    padding-right: 12px;
	cursor:pointer;
}


.allsections .disabled{
	color : #848484;
}
.currentSectionSelected{
	 background-color: #38a9eb;
	
color:#fff;
border:1px solid #38a9eb;
}
.currentSectionSelected::before {
    border: 6px solid transparent;
    content: "";
    height: 0;
    position: relative;
    width: 0;
}
.currentSectionSelected::before {
    border-top: 6px solid #38a9eb;
    bottom: -26px;
    left: 44%;
}

.classic { padding: 0.3em 1em; float:left;z-index : 1100;padding-bottom:10px;width:35%}
.classic {background: #CAE1FF; border: 1px solid #0066CC;}

.button {
    border-collapse: collapse; background-color: #C7DCF0; border: #A9D0F5 2px solid;
    margin-top: 0.5%;margin-right: 8px;cursor:pointer;
}
.button1 {
    border-collapse: collapse; background-color: #C7DCF0; border: #A9D0F5 2px solid;
    margin-top: 0.5%; text-align: center; width: 100%; font-size:12px;cursor:pointer;
}

.back{
	width:80px;
}

.actionBn{
	width:180px;
	height:30px;
	padding-top:1px;
	padding-bottom:1px;
}

#instructionsDiv{
	display:none;
	overflow: auto;
	height:73%;
	width:896px;
	float:left;
	overflow:auto;
	margin-left:3px;
}




#QPDiv{
	display:none;
	overflow: auto;
	height:73%;
	width:896px;
	float:left;
	margin-left:3px;
}

#sectionSummaryDiv{
	display:none;
	
	height:73%;
	
	border: 1px #c3c3c1 solid;
	overflow:auto;
	margin-left:3px;
}



.boxgreen{
    border:2px #000 solid;
    width:30px;
    height:20px;
    margin:10px 3px 4px 4px;
    float:left;
    text-align:center;
    background:#698B22;
}

.boxviolet{
    border:2px #000 solid;
    width:30px;
    height:20px;
    margin:10px 3px 4px 4px;
    float:left;
    text-align:center;
    background-color:#CFCDFF;
}

.box1{
    border:2px #000 solid;
    width:30px;
    height:20px;
    margin:10px 3px 4px 4px;
    float:left;
    text-align:center;
    background: white;
}

.boxred{
    border:2px #000 solid;
    width:30px;
    height:20px;
    margin:10px 3px 4px 4px;
    float:left;
    text-align:center;
    background:#CD0000;
}



.highlightText table{
	
	clear:both;
}

.highlightText{
	
	clear:both;
}

.loginText{
	border: 1px solid rgb(148, 180, 193); 
	background-color: rgb(223, 239, 252);
	outline:0px;
}
.regText{
	border: 1px solid rgb(148, 180, 193); 
	background-color: rgb(223, 239, 252);
	outline:0px;
}
.loginLabel{
	font-weight:bold;
	clear:both;
}


.bordertable{
	border-left : 1px solid #000;
	border-top : 1px solid #000;
	margin-top:5px;
}
.bordertable th{
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	padding:5px;
	background : #E4EDF7;

}

.bordertable td{
	border-right : 1px solid #000;
	border-bottom : 1px solid #000;
	text-align: center;
	padding:5px;
}


.questionTypeCont{

	height:30px;
	line-height:29px;
	border-top:1px solid #c3c3c1;

}

.questionTypeCont .content{
	size : 1em;
	font-weight: bold;
	float:left;
	padding-left:5px;
}

.questionTypeCont .marks{
	size : 0.8em;
	float:right;
	font-style:italic;
	padding-right:5px;
}


#viewQPDiv{
	padding-left:10px;
	padding-top:5px;
}

/************* Typing Type Question css starts here	***********/

.highlight{
	background: none repeat scroll 0 0 #DDDDDD;
		border-radius: 3px;
		color: blue;
}

.correct{
		border-radius: 3px;
		color: green;
}

.wrong{
		border-radius: 3px;
		color: red;
}
.textAreaDiv textarea {
	height: 150px;
	resize: none;
	width: 70%;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:16px;
	text-align:left;
	font-family:arial,verdana,helvetica,sans-serif;
	-moz-user-select:none;
}
#row1 {
	height: 150px;
	resize: none;
	width: 70%;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:16px;
	text-align:left;
	border:1px solid grey;
}

/************ Typing Type Question css ends here *************/
/********** Typing Submit Button style ************/
.typingTestButtonDisabled{
	background-color:#C7DCF0;
	height:30px;
	border:2px solid #A9D0F5;
}
.typingTestButtonEnabled{
	background-color: #38aae9;
    border-color: #38aae9;
    color: #ffffff;
	border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    font-weight: 400;
    height: 39px;
    line-height: 39px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
/********** Typing Submit Button style ends ************/
/********** Save & Next Button css starts **************/
/**.btnEnabled {
	background-color:#2F72B7;
	font-weight:bold;
	color:#FFFFFF;
	height:30px;
	width: 170px;
	cursor:pointer;
	border:2px solid #A9D0F5;
}
.btnDisabled {
	background-color:#C7DCF0;
	height:30px;
	border:2px solid #A9D0F5;
}*/
/********** Save & Next Button css ends **************/

/********** Feedback Table css starts *****************/
.feedback {
	border: 1px solid #eeeeee;
}
.feedback td{
	vertical-align:middle;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color:#FFFFFF;
	text-align:left;
}
.feedback th{
	vertical-align:middle;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	background-color:#CEE3F6;
	font-weight: bold;
	text-align:center;
}
/*********** Feedback table css ends **************/
.header {
	font-size : 16px;
	font-weight: bold;
}
.examSummaryHeader {
	text-align:center;
	
}
.buttonDiv {
	text-align:center;
	padding:5px;
}
.rangeDefinitionBlock{
	background: none repeat scroll 0 0 #fff7e2;
	border: 1px solid #cccccc;
	width: 70%;
	font-family: arial, verdana, helvetica, sans-serif ;
	font-size : 0.87em;
	padding:5px;
}
.radio-btn{
	vertical-align: middle;
	margin : 0;
	padding : 0;
	margin-right: 3px !important;
}
/********** programing test UI ***************/
.CodeMirror {
	border: 1px solid black;
	font-size:13px
}
#progQuestionContentDisplay {
	padding : 0.3%;
	font-size:13px;
	width: 49%;
	float: left;
	text-align: left;
}
#progStatusDisplay {
	overflow : auto;
	font-size:0.9em;
}
#progResultDisplay {
	overflow : auto;
	padding : 1%;
	font-size:13px;
	margin-top:1%;
	margin-bottom: 0.5%;
	border-top: 1px solid #BDBDBD;
	border-bottom: 1px solid #BDBDBD; 
}
#progDescriptionDiv {
	width: 99.6%;
	height: 28px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding:0.2%;
	border-bottom: 1px solid gray;
	margin-bottom: 0.2%;
}

#progRightPart {
	font-size: 0.9em;
	text-align: left;
	border-left: 1px solid #BDBDBD;
	height: 100%;
}
#progDescriptionDiv1 {
	width: 99.6%;
	height: 28px;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	padding:0.2%;
	border-bottom: 1px solid gray;
	margin-bottom: 0.2%;
}
#progRightPart1 {
	font-size: 0.9em;
	text-align: left;
	border-left: 1px solid #BDBDBD;
	height: 100%;
}
#progContentDisplay {
	padding : 1%;
	overflow : auto;
	margin-bottom: 1%;
}
.userInfo {
	  background: url("../images/userdetails-bg-repeat.gif") repeat-x scroll 0 0 transparent;
	  height:149px;
}
.userInfo .system_info {
	background: url("../images/userdetails-bg-left.gif") no-repeat scroll 0 0 transparent;
	height:149px;
}
.userInfo .system_info .system_name {
	float:left;	
}
.userInfo .system_info .user_name {
	float:right;
	padding-right:10px;	
}
.name1 {
	color: #FFFFFF;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 5px;
    text-align: left;
}
.name2 {
	color: #FFFFFF;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: right;
}
.details1 {
	color:#fff200;
	font-size:44px;
	margin-left: 20px;
	text-align: left;
}
.details2 {
	color:#fff200;
	font-size:34px;
	margin-left: 5px;
	text-align: right;
}
.details3 {
	color:#fff200;
	font-size:34px;
	margin-left: 20px;
	text-align: left;
}
.userInfo .system_info .user_pic {
	width:137px;
	float:right;
	vertical-align:middle;
	background:#fafbfc;
	height:137px;
	border-bottom:1px solid #e1eaf1;
}
.userInfo .user_pic img {
	/* border:1px solid #000;
	margin-top:20px; */
}

.testCaseTable td {
	text-align:center;word-wrap:break-word;vertical-align: middle !important;
}
.blueBtn {
    background: url("../images/blue-btn-sprite.png") repeat-x scroll right -24px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 5px 0 5px;
	white-space:nowrap;
}
.blueBtn span {
    background: url("../images/blue-btn-sprite.png") repeat-x scroll left 0;
    display: inline-block;
    height: 24px;
    padding: 0 10px 0 15px;
}

/******** hint div css starts here ************/
#hintIcon {
	display:none;
	cursor: pointer;
	padding-left : 5px;
}

.popUpDiv {
	-moz-user-select: text;
    background-color: #FFFF99;
    border: 1px solid #cc5200;
    border-radius: 5px;
    left: -48px;
    position: absolute;
    top: 22px;
    max-width: 360px;
	min-width: 120px;
    z-index: 4000;
	box-shadow: 0 2px 4px #767676;
}
.popupHeader {
	-moz-user-select: text;
    background-color: #dd6320;
	padding: 5px;
	color: #fff;
	font-weight: bold;
}
.popUpDiv .btnclose {
    cursor: pointer;
    float: right;
}
.popUpDiv .tip {
    left: 5px;
    position: absolute;
    top: -12px;
}
.text_popUp {
    color: #2164a8;
    font-size: 11px;
    font-weight: bold;
    margin-left: 6px;
}
/* jquery.freetrans.css*/
.ft-container {
	position: absolute;
}

.ft-controls {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ft-scaler {
    position: absolute;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
/*    background-color: #fff;
    border: 1px solid #ccc;*/
}

.ft-scaler-top {
    top: 0%;
}

.ft-scaler-mid {
    top: 50%;
}

.ft-scaler-bottom {
    top: 100%;
}

.ft-scaler-left {
    left: 0%;
}

.ft-scaler-center {
    left: 50%;
}

.ft-scaler-right {
    left: 100%;
}

.ft-rotator{
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url('./rotate_ccw.png');
}
body {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
}
.shape {
width: 300px;
height: 250px;
background-color: #B2D237;
color: #123456;
}
#bounds {
position: absolute;
border: 1px solid red;
}
.lineAngle{
    width:300px;
    height:250px;
       margin:0 auto;
       margin-top:100px;
}
/* aecInstructions.css */
.instruction_area span.answered {
    background: url("../images/buttons-sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 42px;
    margin: 3px;
    text-align: center;
    width: 34px;
    background-position: -74px 4px;
}
.instruction_area span.review {
    background: url("../images/buttons-sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 42px;
    margin: 3px;
    text-align: center;
    width: 34px;
    background-position: -33px -32px;
}
.instruction_area span.review_answered {
	background: url("../images/questions-sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 42px;
    margin: 3px;
    text-align: center;
    width: 34px;
    background-position: -169px -47px;
}
.instruction_area span.not_answered {
	background: url("../images/buttons-sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 42px;
    margin: 3px;
    text-align: center;
    width: 34px;
    background-position: -33px 6px;
}
.instruction_area span.not_visited {
	background: url("../images/buttons-sprite.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 38px;
    line-height: 42px;
    margin: 3px;
    text-align: center;
    width: 34px;
    background-position: -33px -67px;
    color: #474747;
}
/* style.css */
@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}
html, body, p {
	/*font-size:12px;*/
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
a {
	text-decoration: none;
}
img {
	border: none;
	vertical-align:middle;
}
.groupd img, .groupq img, .ngroupq img{
	max-width:100%;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#wrapper {
	display: block;
	min-height: 100%;
	min-width: 600px;
	width: 100%;
}
.uploadBtn:hover{
background-color:#3071a9;

}
.uploadBtn{
background-color:#428bca;
border-color :#357ebd;
color :#fff;
margin-left:10px;
border-radius:4px

}
#minwidth {
	min-width: 600px;
	min-height: 100%;
	height: 100%;
}
.Headr_Banner {
	height: 32px;
	padding: 0px 22px 0px 8px;
}
.curve_bg {
	height: 31px;
	background: url(../images/cloud_bg_new.gif) repeat-x left top;
	padding: 27px 0px 0px 0px;
}
.Top1Band {
	height: 90px;
	clear: both;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/header_bg_new.gif) repeat-x left top;
}
#header {
	background: #2d70b6;
	border-bottom: 1px solid #7691A2;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	height: 59px;
	padding: 0;	
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}
#sub-header {
    background: #363636;
    color: #f7f64e;
    font-family: Arial,Helvetica,sans-serif;
    height: 30px;
    line-height: 30px;
    padding: 0;
}

#sub-header .test-header {
    color: #f7f64e;
    font-size:1em;
    padding-left: 10px;
}
#sub-header .test-instruct {
	
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	/*float:right;*/
}
#sub-header .test-instruct:hover {
	text-decoration: underline;
}
#timeSection {
	margin-top: 4px;
	background: #fff;
}
#timeSection .timerdiv {
	padding-left: 10px;
}
#timeSection .timerdiv td {
	padding: 0 2px;
}
.Top1Band img {
	margin: 0px
}
.FloatLeft {
	float: left;
}
.FloatRight {
	float: right;
}
/*.Container { background:#fff; clear:both; padding:0px 6px; float:left; width:100%; clear:both; overflow-x: hidden; bottom:80px; position:absolute; top:90px; width:99%; overflow-y:hidden; }*/
.Container {
	background: #fff;
	clear: both;
	float: left;
	width: 100%;
	clear: both;
	overflow-x: hidden;
	overflow-y: hidden;
}
.Centr_Contnr {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.Lft_Section {
  float: none;
    height: auto;
    margin-right: 0;
    width: auto;
    height: 68px;
}
.Lft_Ques_Area {

}
.btn-add{
background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
	outline:none;
}
.btn-add:hover, .btn-add:focus, .btn-add:active, .btn-add.active, .open > .dropdown-toggle.btn-add{
	background-color: #449d44;
    border-color: #398439;
    color: #fff;

}
.Questn_Area {
   float: none;
    height: auto;
    margin-right: 0;
    width: auto;
}
.Rght_Section {
	    background: none repeat scroll 0 0 #f8fbff;
    border-bottom: 0 none;
    /* float: right; */
    /* margin-right: 0; */
    /* height: auto; */
    width: 265px;
}
.Rght_tdbg {
	background: #f8fbff;
}
.Questn_Stus_tbl {
	margin: 0px;
	padding: 0px;
	background: #edf7ff;
	font-size: 1.167em;
}
.Questn_Stus_tbl td {
	color: #626b71;
	font-weight: bold;
	border-bottom: 1px solid #d5dae0;
	border-right: 1px solid #d5dae0;
	text-indent: 8px !important;
}
.Questn_Stus_tbl td.values {
	width: auto !important;
	text-align: center;
}
.Questn_Stus_tbl td.values span.attempt {
	height: 27px;
	display: block;
	line-height: 27px;
	margin: 1px;
	background: #61c682;
	color: #fff;
	padding: 0px 8px
}
.Questn_Stus_tbl td.values span.review {
	height: 27px;
	display: block;
	line-height: 27px;
	margin: 1px;
	background: #cf9c73;
	color: #fff;
	padding: 0px 8px
}
.Questn_Stus_tbl td.values span.remaining {
	height: 27px;
	display: block;
	line-height: 27px;
	margin: 1px;
	background: #71afff;
	color: #fff;
	padding: 0px 8px
}
.Questn_Innr_Div {
   font-size: 1.083em;
}
.Shadow_Div {
	background: transparent url(../images/shadow_bg.gif) no-repeat top left;
	padding: 13px 7px 0px 21px;
}
#Subdetail_Div {
	/*float: right;*/
}
#Subdetail_Div .chooseLang {
	font-size: 0.917em;
	font-weight: bold;
	padding-right: 2px;
	/*float: right;*/
}
#Subdetail_Div .chooseQues {
	font-size: 0.917em;
	float: left;
}
#Subdetail_Div .fontResizer {
	float: left;
}
#Subdetail_Div .chooseQues .sect {
	float: left;
	padding: 4px 2px;
}
.timersection {
	float: right;
}
.timeleftdiv_header {
	color: #3e5979;
	font-size:  1.167em;
	font-weight: bold;
}
.extratimediv_header {
	color: #f54e07;
	font-size:  1.167em;
	font-weight: bold;
}
#timeleftdiv {
	width: 85px;
	height: 26px;
	background: #102e4e;
	line-height: 26px;
	text-align: center;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#extratimediv {
	width: 85px;
	height: 26px;
	background: #a82901;
	line-height: 26px;
	text-align: center;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.right{
	float:right;
}
.mandatSection {
	padding: 5px;
	float: left;
}
.mandatSectionHeader {
	color: #f8a10f;
	font-size:  1.167em;
	font-weight: bold;
	background: #2a333e;
	clear: both;
	padding: 2px 8px;
}
.optionalSectionHeader {
	color: #98d128;
	font-size:  1.167em;
	font-weight: bold;
	background: #2a333e;
	clear: both;
	padding: 2px 8px;
}
.optionalSection {
	clear: left;
	padding-top: 4px;
	padding: 5px;
	float: left;
}
.optionalSectionHeader span {
	color: #fff;
	font-size:1em;
}
.normal-radio{
	-webkit-appearance: radio;
	width: 20px;
	height: 17px;
}
.for-radio{
	display:inline;
	float:none;
}
#agreecheck{
  margin-top: 2px;
  margin-right: 10px;
  height: 20px;
  display: block;
  width: 20px;
  -webkit-appearance: checkbox;
}
.Buttn_Area {
	float: right;
	background: #FFF url(../images/Corner_Square_Bg.gif) no-repeat bottom right;
	border: 1px solid #dbdbd9;
	padding: 0px;
	width: 95%;
}
.Buttn_Area_Innr {
	background: #d7ecff;
	padding: 7px 0px 7px 58px;
	margin: 2px;
}
.User_rght {
	float: left;
	width: 24px;
	height: 33px;
	background: url(../images/Phtoarea_rght.gif) no-repeat right top;
}
.Notes_div {
	margin: 0px;
	padding: 0px;
}
.Notes_div_Txt {
	background: url(../images/Orange_Arrow.gif) no-repeat center left;
	text-align: right;
	line-height: 20px;
	color: #626262;
	font-size: 1.167em;
	padding-left: 18px;
	float: right;
	text-shadow: #fff 2px 2px 2px;
	margin-right: 30px;
	padding-top: 2px;
}
.Timer_rght {
	float: left;
	width: 15px;
	height: 33px;
	background: url(../images/Phtoarea_rght.gif) no-repeat right top;
}
.divgrow-showmore {
	float: right;
	margin-right: 20px;
	background: url(../images/down.gif) no-repeat right top;
	height: 118px;
	width: 14px;
	position: absolute;
	top: 245px;
	right: 160px;
}
a.divgrow-showmore {
	color: #f1f4fd;
	text-decoration: none;
}
label {
	display: block;
	cursor: pointer;
	line-height: 24px;
	padding: 2px 10px;
	color: #303030;
	margin-bottom: 20px;
	float:left;
	clear:both;
}
.label_radio input {
	margin-right: 5px;
}
.has-js .label_radio {
	padding-left: 60px;
}
.has-js .label_radio {
	background: url(../images/radiobtn_off.gif) no-repeat 21px 4px;
	border-top: 1px solid none;
	border-bottom: 1px solid none;
}
.has-js label.r_on {
	background: #FFFFFF url(../images/radiobtn_on.gif) no-repeat 21px 4px;
}
.has-js .label_radio input {
	position: absolute;
	left: -9999px;
}
.Ques_Table {
	padding: 0px;
	margin: 0px; /*position:absolute; */
}
.Ques_Table tr {
	padding: 0px;
	margin: 0px;
}
.Ques_Table td {
	padding: 0px;
	margin: 0px;
	width: 31px;
	height: 27px;
	border: 1px solid #fff;
}
.Ques_Table td a.remain {
	margin-left: 0px;
	text-decoration: none;
	background: #71afff;
	width: auto;
	height: 27px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-question_area: 27px;
	color: #fff !important;
	font-size:1em;
}
.Ques_Table td a.attmpt {
	margin-left: 0px;
	text-decoration: none;
	background: #61c682;
	width: auto;
	height: 27px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 27px;
	color: #fff !important;
	font-size: 1em;
}
.Ques_Table td a.marked {
	margin-left: 0px;
	text-decoration: none;
	background: #cf9c73;
	width: auto;
	height: 27px;
	font-weight: bold;
	display: block;
	text-align: center;
	line-height: 27px;
	color: #fff !important;
	font-size: 1em;
}
.Ques_Table td.Header {
	padding: 0px 5px 0px 20px;
	margin: 0px;
	background: #f1f4fb;
	color: #093f85;
	font-size:  1.167em;
	font-weight: bold;
	width: 70px;
}
/* Top Navigation Starts **/

.Top_nav_Div {
	float: left;
	height: 31px;
	margin-left: 6px;
}
.Top_nav_Lft {
	float: left;
	width: 14px;
	height: 31px;
	background: url(../images/top_nav_lft_curve.gif) no-repeat top left;
}
.Top_nav_Mid_Area {
	float: left;
	width: auto;
	height: 31px;
	background: url(../images/top_nav_mid_bg.gif) repeat-x top left;
}
.Top_nav_Rght {
	float: left;
	width: 26px;
	height: 31px;
	background: url(../images/top_nav_rght_curve.png) no-repeat top right;
}
.Top_nav {
	padding: 0px;
	margin: 0px;
}
.Top_nav li {
	height: 31px;
	line-height: 31px;
	padding: 0px 20px 0px 15px;
	background: url(../images/divider.gif) no-repeat top right;
	float: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	font-size: 1.250em;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 0.1em 0.1em 0.2em;
}
.Top_nav li span {
	font-size: 1.083em;
	font-weight: normal;
	color: #fff;
	text-shadow: #000 0.1em 0.1em 0.2em;
}
.Top_nav li.first {
	height: 31px;
	line-height: 31px;
	padding: 0px 20px 0px 4px;
	background: url(../images/divider.gif) no-repeat top right;
	float: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	font-size: 1.250em;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 0.1em 0.1em 0.2em;
}
.Top_nav li.last {
	height: 31px;
	line-height: 31px;
	padding: 0px 20px 0px 15px;
	background: none;
	float: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	font-size: 1.250em;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 0.1em 0.1em 0.2em;
}
.Rght_assess_Div {
	float: right;
	width: 174px;
	height: 30px;
	margin-right: 0px;
	padding-left: 76px;
	background: url(../images/Assessment_header.gif) no-repeat top right;
	line-height: 30px;
	font-size: 1.750em;
	font-weight: bold;
	color: #fff;
}
/* Top Navigation Starts **/



.Nof_Ques_Div {
	float: left;
	line-height: 26px;
	margin-left: 26px;
	margin-top: 9px;
	font-size: 1.417em;
	font-weight: bold !important;
	min-width: auto;
	display: block;
	text-align: center;
	text-shadow: #000 0.1em 0.1em 0.2em
}
.Nof_Ques_Div span {
	font-size: 1.083em;
	font-weight: normal !important;
	text-shadow: #000 0.1em 0.1em 0.2em
}
.Totl_Mrks_Div {
	float: left;
	line-height: 26px;
	margin-left: 30px;
	margin-top: 9px;
	font-size: 1.417em;
	font-weight: bold !important;
	min-width: auto;
	display: block;
	text-align: center;
	text-shadow: #000 0.1em 0.1em 0.2em
}
.Totl_Mrks_Div span {
	font-size: 1.083em;
	font-weight: normal !important;
	text-shadow: #000 0.1em 0.1em 0.2em
}

.clearNew {
	padding: 0;
	margin: 0;
	clear: both;
	height: 0;
}
.clearNewRight {
	margin-top:10px;
	clear: both;
	
}
.spacer {
	height: 6px;
}
.choose_lang {
	border: 1px solid #7E9DB9;
	font-family: Tahoma, Geneva, sans-serif;
	height: 26px;
	line-height: 26px;
	width: 100px;
	display:inline;
}
.userprofilediv {
    position: relative;
    	background: #f7f7f7;   
    color: white;
    border-left:solid 1px #ddd;

}
.userprofilediv .profile_image {
    /*	float: left;*/
}
.userprofilediv .profile_image > img {
    border: 1px solid #c3c3c1;
    border-radius: 1px;
    height: 120px;
    width: 110px;
}
.tooltip1 {

	text-align: center;
	color: #000000; outline: none;
	text-decoration: none;
	cursor: pointer; *cursor: hand;
}

.tooltipSelected1{
	
	font-weight:bold;
	text-align: center;
	outline: none;
	text-decoration: none;
	cursor: pointer; *cursor: hand;
}

.tooltip1 span {
	margin-left: -999em;

}

.tooltip1:hover span {
	font-family: arial,verdana,helvetica,sans-serif;
	margin-left: -1px; 
	z-index: 1099;
	display:block;
}


#bluebar {
	height: 6px;
	background: #0eaee2;
*position:static;
}
#greybar {
	height: 8px;
	background: #c2c2c2;
*position:static;
}
#orangebar {
	height: 6px;
	background: #ff8901;
	float: left;
	width: 100%;
	bottom: 20px;
*position:static;
	position: absolute;
}
#footer {
	    /* position: fixed; */
    /* bottom: 0; */
    /* min-width: 945px; */
    /* font-size: 0.917em; */
    background: #ffffff;
    /* color: #FFFFFF; */
    display: block;
    height: 22px;
    width: 100%;
    text-align: center;
    /* line-height: 21px; */
}
#footer a {  text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .footerTataLogo { float: right; margin: 0px 10px 0 0; }
#footer .footerCopywright { float: left; margin: 0px 0 0 10px; }


#ie7andup .imgement {
	margin-top: 5px;
	display: block;
}
#Count_no {
	float: left;
	width: 66px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 1.833em;
	font-weight: bold;
	line-height: 41px;
	background: url(../images/countno_bg.gif) no-repeat top right;
}
#Subjt_Div {
	float: left;
	font-size: 1.250em;
	font-weight: bold;
	padding-left: 12px;
}
.seperator {
	float: left;
	background: #afafaf;
	height: 18px;
	width: 2px;
	margin: 0px 10px;
}

#Questn_area_wrap {
}
.Ques_Q {
	font-size: 1.167em;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}
.Ques_Area {
	line-height: 25px;
	font-size: 1.083em;
	width: 98%;
	max-height: 179px;
	min-height: 50px;
	overflow: auto;
}
.Ans_Area {
	line-height: 25px;
	width: auto; /*max-height:179px; min-height:50px;*/
	/*overflow: auto;*/
}
#Scrl_Container {
	background: #FFF;
	padding: 15px 0px 15px 20px;
	border: 1px solid #dfe4e7;
}
#Bttn_Area {
	padding: 10px 20px 0px 20px;
	position: absolute;
	width: 100%;
	bottom: 26px;
	background: #d3e4f8;
	border-top: 3px solid #c5d6e0;
}
.Bttn_Area {
    float: none;
    width: auto;
}
.right_Div {
	display: block;
	float: right;
	z-index: 1000;
}
.actn_btn {
	float: left;
}
.actn_btn  .btn
{
 margin-bottom: 8px;
    margin-left: 8px;
    margin-top: 8px;
}
.right_Div  .btn
{
 margin-bottom: 8px;
    margin-right:8px;
    margin-top: 8px;
}
.user_hldr{
     background: none repeat scroll 0 0 #fff;
    padding: 20px 5px;
    text-align: center;
}
#User_Hldr {    
	border-left: 1px solid #c3c3c1;
    border-bottom: 1px solid #c3c3c1;
    height: 100px;
    position: relative;
}
#User_Hldr .User_Hldrtbl {
	width: 100%;
	background: #edecec;
}
#User_img_Area {
	float: left; /*padding:5px 20px 10px 5px;*/
	padding: 14px 20px 19px 5px;
}
#User_img_Area_1 {
	float: left; /*padding:5px 20px 10px 5px;*/
	padding: 14px 5px 19px 0px;
	background-color: #fff;
}
.wlcmeuser {
	font-size: 1em; /*padding-top: 5px;*/

}
.wlcmeuser_1 {
	font-size: 1em; /*padding-top: 5px;*/
	padding-top: 10px;
}

#Username {
    color: #2c363f;
    float: left;
    font-size: 1.417em;
    font-weight: bold;
    width: 150px;
    padding: 4px;
    padding-left: 0;
    padding-right: 2px;
    word-wrap: break-word;
    text-align: center;
}

#viewProButton {
    bottom: 5px;
    clear: both;
    color: #000;
    float: left;
    font-weight: bold;
    padding-top: 5px;
    position: absolute;
}

#viewProButton .viewProfile {
    color: #2571af;
    cursor: pointer;
    font-size:1em;
    font-weight: normal;
    padding-right: 10px;
    text-decoration: underline;
}

.calculator {
    bottom: 5px;
    float: right;
    position: absolute;
    right: 6px;
}
#viewProButton .viewProfile:hover {
	text-decoration: underline;
}
.Hidden_cont {
	background: #fff;
	display: none;
	float: right;
	padding: 14px 10px 30px 10px;
	border: 1px solid #8798ac;
	border-top: 6px solid #0fafe3;
	font-size: 1em;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	-webkit-box-shadow: 0 8px 15px -6px #000;
	-moz-box-shadow: 0 8px 15px -6px #000;
	box-shadow: 0 8px 15px -6px #000;
	line-height: 23px;
	margin: -1px 30px 0px 0px;
}
.rightSectionDiv {
	width: 100%;
	clear: both;

}

.rightSectionDiv .header {
    background: #4e85c5 none repeat scroll 0 0;
    color: #fff;
    height: 31px;
    line-height: 31px;
    padding-left: 10px;
}
.rightSectionDiv .questionStatus {
	background: #f8fafb;
	font-size: 1em;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
}
.rightSectionDiv .questionStatus span {
	font-size: 1.167em;
}
.rightSectionDiv .subheader {
	background: #e5f6fd;
	font-size: 1em;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding-left: 10px;
}
.rightSectionDiv .header .progressBar {
	float: right;
	padding-right: 4px;
}
.rightSectionDiv .content {
background:#e5f6fd;
}

.finalSubmit {
      background: #e5f6fd none repeat scroll 0 0;
    border-left: 1px solid #c3c3c1;
    /* clear: both; */
    /* float: right; */
    /* width: 265px; */
    /* position: absolute; */
    /* right: 1px; */
}
.Timer_div {
	background: #0fade1 url(../images/timer_bg.gif) no-repeat top left;
	width: 106px;
	height: 45px;
	line-height: 45px;
	padding-left: 127px;
}
.progress_div {
	background: #0fade1 url(../images/progress_bg.gif) no-repeat top left;
	width: 221px;
	height: 33px;
	font-size: 1.167em;
	font-weight: bold;
	color: #fff;
	padding-left: 12px;
}
#pb1_pbText {
	font-size: 1.167em;
	font-weight: bold;
	color: #fff;
	padding-left: 5px;
}
.Ques_Status_Div {
	background: #2F89C3;
	padding: 3px;
	border: 0;
	zoom: 1; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5490cc', endColorstr='#325d8a'); */
	background: -webkit-gradient(linear, left top, left bottom, from(#2F89C3 ), to(#325d8a )); /* for webkit browsers */
	background: -moz-linear-gradient(top, #2F89C3, #325d8a );
	border-radius: 5px 5px 5px 5px; /* for firefox 3.6+ */
}
.Ques_Status_Innr_Div {
	background: #FFFFFF;
	padding: 3px;
	border: 0;
	zoom: 1; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5490cc', endColorstr='#325d8a'); */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF ), to(#FFFFFF )); /* for webkit browsers */
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF );
	border-radius: 5px 5px 5px 5px; /* for firefox 3.6+ */
}
.Hint_Blue_Div {
	background: #0fade1 url(../images/blue_bg.gif) repeat-x bottom left;
	padding: 8px 11px 0px 11px;
	border-bottom: 1px solid #FFF;
}
.Hint_container {
	background: #fff url(../images/hint_bg.gif) repeat-x top left;
	display: block;
	padding: 15px 10px;
	border-left: 1px solid #bfcde8;
	border-right: 1px solid #bfcde8;
	border-bottom: 1px solid #bfcde8;
	border-top: 1px solid #c8d9e0;
	font-size: 1em;
	color: #303030;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	line-height: 23px;
}
.feedback_Div {
	background: #F8FBFF url(../images/feedback_bg.gif) repeat-x top left;
	padding: 24px 6px 3px 6px;
}
.Feedbk_field {
	width: 224px;
	border: 1px solid #b5b5b7;
	background: #fff url(../images/Fed_bg.gif) repeat-x top left;
	font-size: 1em;
	color: #303030;
	line-height: 20px;
	padding: 4px;
	overflow: auto;
}
#end_assess {
	padding: 30px 0px;
}
#Questn_area_bg { /*border:1px solid #bec2c5;background:#3e5979;*/
	background: #fff; /*height:112px;*/
	position: relative;
	overflow: auto;
}
.arrowarea {
	height: auto;
	position: relative;
}
.nav-container {
	background:#eeeeee;
	  padding-left:6px;
	height: 45px;
}
.Submit_btn {
	padding: 4px 2px 0px 0px;
}
.Qustn_list_Div {
	margin-top: 2px;
	padding: 10px 0px;
}
/*****Action Buttons Starts*****/ 

a.submit_button { /* Sliding right image */
	background: transparent url(../images/submit_btn_rght.gif) no-repeat scroll top right;
	display: block;
	float: left;
	line-height: 34px;
	height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 3px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-size: 1.083em;
	margin-top: 0px;
	cursor: pointer;
}
a.submit_button span { /* Background left image */
	background: transparent url(../images/submit_btn_lft.gif) no-repeat;
	display: block;
	line-height: 34px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 2px 0px 24px;
	margin-right: 0px;
	height: 34px;
}
a.section_button { /* Sliding right image */
	background: transparent url(../images/actn_btn_rght.gif) no-repeat scroll top right;
	display: block;
	float: left;
	line-height: 27px;
	height: 27px;
	/* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ 
	margin: 0 5px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-size: 1.083em;
	margin-top: 0px;
	cursor: pointer;
}
a.section_button span { /* Background left image */
	background: transparent url(../images/actn_btn_lft.gif) no-repeat;
	display: block;
	line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 2px 0px 24px;
	margin-right: 0px;
	height: 27px;
}
a.section_button:hover { /* Sliding right image */
	background: transparent url(../images/actn_btn_rght_hover.gif) no-repeat scroll top right;
	display: block;
	float: left;
	line-height: 27px;
	height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin: 0 5px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-size: 1.083em;
	margin-top: 0px;
	cursor: pointer;
}
a.section_button:hover span { /* Background left image */
	background: transparent url(../images/actn_btn_lft_hover.gif) no-repeat;
	display: block;
	line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 2px 0px 24px;
	margin-right: 0px;
	height: 27px;
}
a.green_section_button { /* Sliding right image */
	background: transparent url(../images/green_actn_btn_rght.gif) no-repeat scroll top right;
	display: block;
	float: left;
	line-height: 27px;
	height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-left: 5px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-size: 1.083em;
	margin-top: 0px;
	cursor: pointer;
}
a.green_section_button span { /* Background left image */
	background: transparent url(../images/green_actn_btn_lft.gif) no-repeat;
	display: block;
	line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 2px 0px 24px;
	margin-right: 0px;
	height: 27px;
}
a.green_section_button:hover { /* Sliding right image */
	background: transparent url(../images/green_actn_btn_rght_hover.gif) no-repeat scroll top right;
	display: block;
	float: left;
	line-height: 27px;
	height: 27px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-left: 5px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-size: 1.083em;
	margin-top: 0px;
	cursor: pointer;
}
a.green_section_button:hover span { /* Background left image */
	background: transparent url(../images/green_actn_btn_lft_hover.gif) no-repeat;
	display: block;
	line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 2px 0px 24px;
	margin-right: 0px;
	height: 27px;
}
/*a.mandat_butt {
    background: url("../images/butt_mandat_rght.gif") no-repeat scroll right top transparent;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 25px;
    line-height: 27px;
    margin-right: 4px;
    margin-top: 0;
    padding-right: 13px;
    text-decoration: none;
}
a.mandat_butt span {
    background: url("../images/butt_mandat_lft.gif") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 27px;
    margin-right: 0;
    padding: 0 0 0 13px;
}*/

/*a.selected_butt {
    background: url("../images/butt_selected_rght.gif") no-repeat scroll right top transparent;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 25px;
    line-height: 27px;
    margin-right: 4px;
    margin-top: 0;
    padding-right: 13px;
    text-decoration: none;
}
a.selected_butt span {
    background: url("../images/butt_selected_lft.gif") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 25px;
    margin-right: 0;
    padding: 0 0 0 13px;
}*/
/*a.optional_selected_butt {
    background: url("../images/butt_optional_selected_rght.gif") no-repeat scroll right top transparent;
    color: #000000;
    cursor: pointer;
    display: block;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 25px;
    line-height: 27px;
    margin-right: 4px;
    margin-top: 0;
    padding-right: 13px;
    text-decoration: none;
}
a.optional_selected_butt span {
    background: url("../images/butt_optional_selected_lft.gif") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 27px;
	height:27px;
    margin-right: 0;
    padding: 0 0 0 13px;
}*/
a.mandat_butt span input {
	/*margin-top:3px;*/
	margin-bottom: 3px;
	vertical-align: middle;
}
a.selected_butt span input {
	/*margin-top:3px;*/
	margin-bottom: 3px;
	vertical-align: middle;
}
a.optional_selected_butt span input {
	/*margin-top:3px;*/
	margin-bottom: 3px;
	vertical-align: middle;
}
a.searchlevel_buttn {
	background: url("../images/butt_searchlevel_rght.gif") no-repeat scroll right top transparent;
	color: #000000;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.917em;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin-right: 4px;
	margin-top: 0;
	padding-right: 10px;
	text-decoration: none;
	text-indent: 0;
}
a.searchlevel_buttn span {
	background: url("../images/butt_searchlevel_lft.gif") no-repeat scroll 0 0 transparent;
	display: block;
	line-height: 22px;
	margin-right: 0;
	padding: 0 0 0 10px;
	text-indent: 0;
}
/******Action Buttons Ends******/

/******Question Buttons Starts******/
.question_container {
	margin: 50px;
	font: 0.917em Arial, Helvetica, sans-serif;
}
.diff_type_notation_area_outer {
	background: #fff;
	font:Arial, Helvetica, sans-serif; /*padding:10px;*/
  padding-left: 9px;
}
.diff_type_notation_area_inner {
	background: #fff;/*padding:10px; border:1px solid #809BAE;*/
}


.notation_type_description .notation_typeDiv
{
	float:left;
	width:57%;
	margin-top:10px;
}
.notation_type_description
{
padding-bottom:6px;
}
.diff_type_notation_area_inner span {
background: url('../images/questions-sprite.png') no-repeat;
	color: #262626;
	line-height: 26px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin-right: 4px;
}
.diff_type_notation_area_inner span.answered {
	background-position: -7px -55px;
	display: inline-block;
	height: 26px;
	 line-height: 20px;
	margin-right: 6px;
	width: 29px;
	color: #fff;
	padding-top: 3px;
}
.diff_type_notation_area_inner span.review {
	background-position: -75px -54px;
	display: inline-block;
	height: 28px;
	line-height: 15px;
	margin-right: 6px;
	width: 28px;
	color: #fff;
	padding-top: 5px;
}
.diff_type_notation_area_inner span.review + span.type_title , .diff_type_notation_area_inner span.review_marked + span.type_title
{
line-height:14px;
}
.diff_type_notation_area_inner span.review_marked {
	background-position: -172px -55px;
	display: inline-block;
	height: 28px;
	 line-height: 15px;
	    margin-right: 6px;
	width: 30px;
	color: #fff;
	padding-top: 5px;
}
.diff_type_notation_area_inner span.not_answered {
	background-position: -42px -56px;
	display: inline-block;
	height: 26px;
	line-height:21px;
	    margin-right: 6px;
	width: 29px;
	color: #fff;
}
.diff_type_notation_area_inner span.visited {
	background-position:-138px -56px;
	display: inline-block;
	height: 26px;
	 line-height: 21px;
	    margin-right: 6px;
	width: 29px;
	color: #fff;
	padding-top: 2px;
}
.diff_type_notation_area_inner span.not_visited {
	background-position: -106px -56px;
	display: inline-block;
	height: 26px;
	 line-height: 21px;
	    margin-right: 6px;
	width: 29px;
	color: #000;
	padding-top: 2px;
}
.diff_type_notation_area_inner span.type_title {
	background: none;
}
.diff_type_notation_area_inner span.number {
	background: none;
}
.question_area {
    
    font: 0.917em Arial, Helvetica, sans-serif;
    padding: 5px;
    padding-right: 0px;
}
.question_area span {
	background: url(../images/questions-sprite.png) no-repeat;
	color: #fff;
    cursor: pointer;
    float: left;
    font-size: 1.417em;
    font-weight: normal;
    height: 42px;
    line-height: 41px;
    margin-bottom: 5px;
    margin-top: 6px;
    margin-right: 6px;
    text-align: center;
    width: 50px;
}
.question_area span.answered {
	 background-position: -4px -5px;
}
.question_area span.review {
	  background-position: -108px -1px;
    height: 49px;
    line-height: 49px;
    margin-top: 1px;
    margin-bottom: 3px;
}
.question_area span.review_marked {
	background-position: -203px -49px;
    height: 52px;
    line-height: 49px;
    margin-bottom: 0;
    margin-right: 4px;
    margin-top: 1px;
    width: 53px;
}

.question_area span.not_answered {
	background-position: -57px -6px;
}
.question_area span.visited {
	    background-position: -208px -4px;
    height: 43px;
    line-height: 43px;
}

.question_area span.not_visited {
     background-position: -157px -4px;
    color: #474747;
    height: 43px;
    line-height: 43px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.question_area span.not_visited:hover {
	background-position: -159px -124px;
}
.question_area span.visited:hover {
	background-position: -208px -124px;
}
.question_area span.answered:hover {
	background-position: -4px -126px;
}
.question_area span.review:hover {
	background-position: -108px -122px;
}
.question_area span.review_marked:hover {
	background-position: -5px -178px;
}
.question_area span.not_answered:hover {
	background-position: -57px -127px;
}
.question_area span.visited:hover {
	background-position: -208px -124px;
}
.collapse_icon
{
background: url('../images/Icon-sprite.png') no-repeat -5px -63px;
	width: 17px;
	height: 48px;
	cursor: pointer;
    display: inline-block;
    left: -7%;
    position: absolute;
	    top: 43%;
    z-index: 100;
}
/******Question Buttons Ends******/

/************Popup Starts ********/
.portlet {
	margin: 0px;
	padding: 0px;
	border: 1px solid #dadfe3;
	width: 787px;
	margin-bottom: 3px;
}
.portlet_topper {
	background: #4285f4;
	border-bottom: 1px solid #D8DFE9;
	height: 24px;
	padding: 0 5px 0 10px;
}
.popupheader {
	color: #FFFFFF;
	display: inline;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 24px;
}

.arrowplace {
	color: #FFFFFF;
	float: right;
	font-size: 0.917em !important;
	line-height: 24px;
}
.arrowplace a {
	background: url("../images/ico_close.gif") no-repeat scroll right 7px transparent;
	color: #FFFFFF;
	display: block;
	padding-right: 15px;
	text-decoration: none;
	font-size:1.2em;
}
.popup_content {
	background: #fff;
	font-family: Tahoma, Geneva, sans-serif;
}
.popup_content .contentheader {
	padding: 7px 20px 10px;
	font-size: 1em;
	font-weight: bold;
	color: #3c7298;
}
.popup_content .content {
	font-size: 1.2em;
	overflow: auto;
	height: 300px;
	
}
.popup_content .userimage
{
	float: left;
	width:150px;
	padding:20px 20px;
}
/************Popup Ends*********/

.popup_content .ul_list {
	margin-left: 0;
	padding-left: 10px;
	list-style: none;
	font-size: 1em;
}
.popup_content .ul_list li {
	padding-left: 20px;
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 0.02em;
	margin: 15px;
}
.popupbuttonpanel {
	height: 40px;
	line-height: 40px;
	background: #F7F7F7;
}
.candidateDetailstbl {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-top:20px;
}
.candidateDetailstbl td {
	padding-bottom:10px;
	font-size:1.2em;
}
.candidateDetailstbl .head1 {
	padding-bottom: 10px;
    padding-right: 5px;
}
/* Font-Sizer Specific Styling */

.fsizer {
} /* Container element */
.fsizer a {
	display: block;
	float: left;
	width: 20px;
	margin-right: 5px;
	text-align: center;
	border: 1px dotted #ccc;
	color: #5761a0;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 0;
	line-height: 100%;
}
.fsizer a:hover {
	text-decoration: none;
	background: #ebebeb;
}
/* Three 'A' links used to control size */

.fsizer a#fs_sml {
	font-size: 0.750em;
	height: 15px;
	padding-top: 5px;
}
.fsizer a#fs_med {
	font-size: 1.083em;
	height: 17px;
	padding-top: 3px;
}
.fsizer a#fs_lrg {
	font-size: 1.333em;
	height: 18px;
	padding-top: 2px;
}
.fsizer a.fsactive {
	color: #000;
	background: #ebebeb;
	cursor: default;
} /* When mode is active */
/* Font-Sizer Specific Styling */




/* Responsive Style */

#top_Div {
	width: 100%;
	background-color: #000;
}
#id_Div {
	width: 30%;
	margin-bottom: 5px;
	float: left;
}
#sum_Div {
	width: 69%;
	float: right;
	padding-right: 5px;
}
/* Option 1 */
#id_Div_1 {
	width: 15%;
	float: left;
}
#sum_Div_1 {
	width: 24%;
	float: left;
	margin-left: 5px;
}
#nav_div_1 {
	width: 60%;
	float: right;
}
/* Option 1 */


/* Option 2 */
#id_Div_2 {
	width: 15%;
	float: left;
}
#sum_Div_2 {
	width: 99.6%;
}
#nav_div_2 {
	width: 84.3%;
	float: left;
	padding-left: 5px;
}
/* Option 2 */ 

/* Responsive Style */





.btn {
	border:1px solid #c8c8c8;
	border-radius:2px;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 400;
	height:39px;
	line-height:39px;
	    padding-left: 20px;
    padding-right: 20px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-bottom:8px;
	margin-top:8px;

}
.btn-primary:hover {
    background-color: #0c7cd5;
    border-color: #0a68b4;
    color: #ffffff;
    
}

/* .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
	outline: medium none !important;
	outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333333;
	text-decoration: none;
}
.btn:active, .btn.active {
	background-image: none;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
	outline: 0 none;
} */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
}
.btn-primary {
	background-color: #fff;
	color: #252525;
}
a.btn:hover
{
border:1px solid #333;
}
.btn-primary-save {
	background-color: #0c7cd5;
	border-color: 1px solid #333;
	color: #ffffff;
}
.btn-primary-blue {
	background-color: #38aae9;
	border-color: #38aae9;
	color: #ffffff;
}
.waves-button, .waves-circle {
	transform: translateZ(0px);
}
.waves-effect {
	-moz-user-select: none;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.btn-default {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #333333;
}
.btn-default:hover {
	background-color: #e6e6e6;
	border-color: #adadad;
	color: #333333;
}
.btn-small {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: inline-block;
	font-size: 1.083em;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
a.mandat_butt {
	background-color: #00bcd4;
	border-color: #00a5bb;
	color: #ffffff;
}
a.mandat_butt:hover {
	background-color: #008fa1;
	border-color: #006f7d;
	color: #ffffff;
}
a.selected_butt {
	background-color: #ff9800;
	border-color: #e68900;
	color: #ffffff;
}
a.selected_butt:hover {
	background-color: #cc7a00;
	border-color: #a86400;
	color: #ffffff;
}
a.optional_selected_butt {
	background-color: #8bc34a;
	border-color: #8bc34a;
	color: #ffffff;
}
#leftSectionSubmit
{
	display:none;
}
.exam_name {
    float: left;
	display:inline-block;
	width:auto;
}
.helpinstruction_div
{
float:right;
background:#363636;
}
.instruction_icon {
	background: url('../images/Icon-sprite.png') no-repeat -140px -7px;
	width: 18px;
	height: 18px;
	 margin-right: 7px;
    margin-top: 5px;
	float:left;
}
.questionpaper_icon {
	background: url('../images/Icon-sprite.png') no-repeat -196px -8px;
	width: 18px;
	height: 18px;
	 margin-right: 7px;
    margin-top: 5px;
	float:left;
}

.help_icon {
	background: url('../images/Icon-sprite.png') no-repeat -166px -7px;
	width: 18px;
	height: 18px;
	    margin-right: 7px;
    margin-top: 5px;
	float:left;
}
.help_div , .instruction_div , .viewquestion_div
{
float:right;
margin-right:12px;
}

.viewquestion_div {
    margin-left: 12px;
}
.group-button , .clear-button-textarea
{
background:#ffffff;
   border: 1px solid #b3b3b3;
    border-radius: 3px;
    color: #585c65;
    float: left;
    height: 29px;
    line-height: 29px;
    margin-top: 4px;
	 margin-right: 6px;
    padding-left: 11px;
    padding-right: 12px;
	cursor:pointer;
}
.selected-button
{
background:#38a9eb;
	position: relative;
color:#fff;
border:1px solid #38a9eb;

}
.selected-button::before {
    border: 6px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.selected-button::before {
    border-top: 6px solid #38a9eb;
    bottom: -13px;
    left: 44%;
}
.components-section
{
float:right;
}
.component-icon-container
{
   display: table;
    float: left;
    height: 41px;
    width: 41px;
}
.component-icon-container:hover , .component-icon-container-selected
{
background:#e4e4e2;
}
.component-icon-container > div
{
	padding-top:9px;
	padding-bottom:9px;
	cursor:pointer;
}
.component-icon-container.protactor-icon-container > div
{
	padding-top:13px;
	padding-bottom:13px;
	cursor:pointer;
}

.icon-1
{
	    display: inline-block;
		background: url('../images/Icon-sprite.png') no-repeat -65px -63px;
	width: 17px;
	height: 23px;
}
.component-icon-container:hover .icon-1 ,.component-icon-container .icon-1.icon-selected
{
background: url('../images/Icon-sprite.png')  no-repeat -65px -90px;
}
.icon-2
{
background: url('../images/Icon-sprite.png')  no-repeat -89px -64px;
	width: 17px;
	height: 22px;
	    display: inline-block;
}
.component-icon-container:hover .icon-2 , .component-icon-container .icon-2.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -89px -91px;
}
.icon-3
{
background: url('../images/Icon-sprite.png') no-repeat -113px -64px;
	width: 23px;
	height: 23px;
	    display: inline-block;
}
.component-icon-container:hover .icon-3 , .component-icon-container .icon-3.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -113px -91px;
}
.icon-4
{
background: url('../images/Icon-sprite.png') no-repeat -86px -9px;
	width: 22px;
	height: 14px;
	    display: inline-block;
}
.component-icon-container:hover .icon-4 , .component-icon-container .icon-4.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -86px -33px;
}
.icon-5
{
background: url('../images/Icon-sprite.png')  no-repeat -240px -62px;
	width: 26px;
	height: 26px;
	    display: inline-block;
}
.component-icon-container:hover .icon-5 , .component-icon-container .icon-5.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -240px -92px;
}
.icon-6
{
background: url('../images/Icon-sprite.png')  no-repeat -175px -63px;
	width: 26px;
	height: 26px;
	    display: inline-block;
}
.component-icon-container:hover .icon-6 , .component-icon-container .icon-6.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -175px -92px;
}
.icon-7
{
background: url('../images/Icon-sprite.png')  no-repeat -207px -63px;
	width: 26px;
	height: 26px;
	    display: inline-block;
}
.component-icon-container:hover .icon-7 , .component-icon-container .icon-7.icon-selected
{
background: url('../images/Icon-sprite.png') no-repeat -207px -92px;
}
.icon-8
{
background: url('../images/Icon-sprite-gray-scale.png')  no-repeat -175px -63px;
	width: 26px;
	height: 26px;
	    display: inline-block;
}
.icon-9
{
background: url('../images/Icon-sprite-gray-scale.png')  no-repeat -207px -63px;
	width: 26px;
	height: 26px;
	    display: inline-block;
}
.zoom-icon-container ,.zoomin-icon-container,.zoomout-icon-container
{
	display:none;
}
.component-icon-container.zoom-icon-container  > div , .component-icon-container.zoomin-icon-container  > div  ,.component-icon-container.zoomout-icon-container  > div  {
    padding-bottom: 8px;
    padding-top: 7px;
}

.section-timepanel
{	border-bottom: 1px solid #c3c3c1;
    height: 30px;
    line-height: 28px;
    /* width: 81.5%; */
    padding-right: 8px;
}

.section-details {
        /* color: #3e637e; */
    /* float: left; */
    font-size: 1.2em;
    /* font-weight: bold; */
    padding-left: 12px;
    /* width: 70%; */
}

.section-details span {
    color: #49525b;
    font-size: 0.917em;
    font-weight: normal;
}
.time-details
{/* float: right; */
    /* color: #333; */
    font-size: 1.2em;
}

.subject-selection
{
height: 37px;
line-height: 37px;
/* float: left; */
}
.subject-name {
    border-right: 1px solid #c3c3c1;
    /* float: left; */
    font-size: 0.8em;
    font-weight: bold;
    color: #36ace9;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
    display: inline-block;
}
.selectedsubject
{
background:#4e85c5;
color:#fff;
}
.subject-name input
{
margin-right:8px;
}

.Questn_Innr_Div #Questn_Innr_Div_section {
    background: #4e85c5 none repeat scroll 0 0;
    color: #fff;
    height: 41px;
    line-height: 41px;
}
.calculator_icon {
	background: url('../images/Icon-sprite.png') no-repeat -201px -8px;
	width: 35px;
	height: 38px;
	display:inline-block;
}

.profile_image {
    float: left;
	 padding: 4px;
}

.profile_image > img {
    border: 1px solid #c3c3c1;
    border-radius: 1px;
    height: 90px;
    width: 90px;
}

.profile_details {
    float: left;
    padding-left: 9px;
}
.collapsebel_panel
{
border:2px solid #000;
border-right:none;
position:relative;
}




.expand_icon
{
background: url('../images/Icon-sprite.png')  no-repeat -30px -63px;
	width: 17px;
	height: 48px;
	cursor: pointer;
    display: none;
  right: 0;
    position: absolute;
	    top: 53%;
    z-index: 100;
}
#leftSectionSubmit span  ,.finalSubmit span
{
font-weight:bold;
}

.icon-0
{
background: url('../images/Icon-sprite.png') no-repeat -148px -62px;
	width: 17px;
	height: 23px;
	    display: inline-block;
}
.component-icon-container:hover .icon-0 , .component-icon-container .icon-0.icon-selected
{
background: url('../images/Icon-sprite.png')   no-repeat -148px -91px;
}
.calculator_div ,.scratch-pad-container
{
 z-index: 100;
display:none;
position:fixed;
}
.scratch-pad-container
{
background:#fff;
   border: 1px solid #000;
    padding: 5px;
	width:70%;
}
#finalSubmit .btn
{
margin-top:8px;
margin-bottom:8px;
}
.protactor-div
{
display:none;
position:fixed;
z-index:1000;
}
.textarea_close  , .scratch-pad-close
{
	background: none repeat scroll 0 0 black;
	border-radius: 50%;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -12px;
	width: 25px;
	cursor:pointer;
}
.textarea_close:hover , .scratch-pad-close:hover {
	background:#c0392b;
}
.textarea-div {
    background: #fff;
	display:none;
    border: 1px solid #333;
    position: fixed;
    z-index: 1000;
}
.textarea-div textarea
{	height:250px;
	margin:5px;
	width:390px;
}
.clear-button-textarea {
    float: none;
    margin-bottom: 5px;
    margin-top: 0;
    width: 60px;
}
.notation_type_description .notation_typeDiv.leftdiv_notation
{
width:43%;
}
.buttons-div {
   border: 1px solid #c3c3c1;
    clear: both;
    position: fixed;
    bottom: 22;
    width: 100%;
}
.assesment-icon
{
background:url("../images/aec-logo.png") no-repeat;
  float: left;
    height: 45px;
    margin-left: 8px;
    margin-top: 8px;
    width: 57px;
}

.assesment-heading {
    float: left;
    margin-left: 13px;
}

.short-heading {
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 39px;
}

.big-heading {
    font-size: 1.583em;
    line-height: 0;
}
.examination-icon
{
float:left;
background:url("../images/collegelogo.png") no-repeat;
margin-left:8px;
margin-top:5px;
width:43px;
height:48px;
}
.exam-heading {
    float: left;
    margin-left: 10px;
    text-align: left;
}
.exam-heading .big-heading {
    line-height: 39px;
}
.exam-heading .short-heading {
    line-height: 10px;
}
.reset-btn
{
margin-left:13px;
}
/*.subject_instruction_icon {
	background: url('../images/Icon-sprite.png') no-repeat -140px -7px;
	width: 18px;
	height: 18px;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
*/
	.subject_instruction_icon1{
	background: url('../images/Icon-sprite.png') no-repeat -140px -7px;
	width: 18px;
	height: 18px;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
}
/*.subject_information_div
{
position:fixed;
width:220px;
border:1px solid #c3c3c1;
background:#e5f6fc;

 z-index: 100;
}*/
.subject_information_div1
{
width:240px;
border:1px solid #c3c3c1;
background:#e5f6fc;
 z-index: 100;
 margin-top:-2px;
 position: absolute;
}
.TabSize{
width:115px;
text-align:center;
}
.TabSize a{
position: relative;
float:right;
margin-right:1px;
}

.TabSize b{
position: relative;
float:left;
margin-left:3px;
}
.subject_information_div1.diff_type_notation_area_inner
{
	background:none;
}
.subject_information_div1 .notation_type_description  .notation_typeDiv
{
	width:98%;
	 float: none;
    margin: 6px auto;
}
.subject_information_div1  .diff_type_notation_area_inner span.review + span.type_title,.subject_information_div  .diff_type_notation_area_inner span.review_marked + span.type_title {
    line-height: 26px;
}

.subject_name {
    border-bottom: 1px solid #c3c3c1;
    font-size: 1.083em;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
}
.subject_information_div .diff_type_notation_area_inner
{
	background:none;
}
.subject_information_div .notation_type_description  .notation_typeDiv
{
	width:98%;
	 float: none;
    margin: 6px auto;
}

.subject_information_div  .diff_type_notation_area_inner span.review + span.type_title,.subject_information_div  .diff_type_notation_area_inner span.review_marked + span.type_title {
    line-height: 26px;
}
.profile-header-tablet , .toolbar-header-tablet
{
display:none;
height:0;
}
.ruler-div
{
position:fixed;
z-index:1000;
display:none;
}
.tools a {
    border: 1px solid black;
    color: black;
    display: inline-block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.group-panel-mobile
{
	float:right;
	display:none;
}
.group-arrow-left-disabled , .subject-arrow-left-disabled
{
	border-bottom: 7px solid transparent;
    border-right: 7px solid #bdc6cf;
    border-top: 7px solid transparent;
    float: left;
    height: 0;
    margin-right: 11px;
    margin-top: 13px;
    width: 0;
		pointer-events:none;
	cursor:default;
}
.group-arrow-left , .subject-arrow-left{
    border-bottom: 7px solid transparent;
    border-right: 7px solid #4a6988;
    border-top: 7px solid transparent;
    float: left;
    height: 0;
    margin-right: 11px;
    margin-top: 13px;
    width: 0;
	cursor:pointer;
}
.group-arrow-right-disabled , .subject-arrow-right-disabled
{
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-left:7px solid #bdc6cf; 
	 float: left;
	   margin-right: 11px;
    margin-top: 13px;
	pointer-events:none;
	cursor:default;
}
.group-arrow-right , .subject-arrow-right
{
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-left:7px solid #4a6988; 
	 float: left;
	   margin-right: 11px;
    margin-top: 13px;
	cursor:pointer;
}
.calculator-icon-container
{
	border-left:1px solid #bdc5d0;
}

.group-panel {
    float: left;
    height: 39px;
    overflow: hidden;
    white-space: nowrap;
	width:50%;
}
.subject-section-rightarrow
{
	float:right;
}

.subject-arrow-left-disabled , .subject-arrow-left
{
margin-right:11px;
margin-left:6px;
margin-top:11px;
}
.notation_type_description .notation_typeDiv.answered_review_container
{
width:87%;
}
.titlepath {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #676568;
    background: #BCE8F5;
	padding-left: 10px;

}
#group_summary{
	overflow:auto;
	text-align:center;
	height:calc(100vh - 170px);
	border-bottom:1px solid #c3c3c1;
}
.instructdiv {
    padding: 20px;
    font-size: 14px;
    overflow: auto;
    height: 300px;
/*    border-bottom: 1px solid #DDD;*/

}
.instructdiv h4
{
    color:#5BB6D3;
    font-size:14px;
}
.instructdiv ol, .instructdiv ul {
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 18px;
}
.instructdiv ol li {
    display: list-item;
    padding: 10px 6px;

}



.save_buttoncontainer{
    float: right;
    margin-right: 20px;
}
#savenext:hover{
border:1px solid #333;
}
#underreview:hover{
border:1px solid #333;
}
#clearResponse:hover{
border:1px solid #333;
}
#finalSubmit:hover{
border:1px solid #333;
}


.questiontype-markpanel
{
	height:30px;
	line-height:29px;
	border-top:1px solid #c3c3c1;
}
.marking-details
{
	float:right;
      color: #333;
    margin-right: 5px;
}
.correct-marks
{
color:#0f9d4b;
font-weight:bold;
}
.negative-marks
{
color:#ff4d43;
font-weight:bold;
}
.questiontype-details
{
	    color: #f07f5f;
    /* float: left; */
    font-size: 1.083em;
    font-weight: bold;
    padding-left: 12px;
}
 @media screen and (max-width:768px){
.profile-grouping-section  #col2
{
display:none;
}
.assesment-heading
{
	display:none;
}
.btn
{
padding-left:15px;
padding-right:15px;
}
.reset-btn
{
margin-left:5px;
}
.profile-header-tablet
{
height:30px;
line-height:30px;
background:#e5f6fd;
border-bottom:1px solid #c3c3c1;
display:block;
}


.profile-header-tablet .candidate-name {
    font-size: 1.25em;
    font-weight: bold;
}

.profile-header-tablet .welcome-name {
    float: left;
    line-height: 29px;
    padding-left: 12px;
}

.profile-header-tablet > div#viewProfile_tablet {
    color: #2571af;
    float: right;
    line-height: 29px;
    margin-right: 5px;
    text-decoration: underline;
}
.components-section
{
display:none;
}
.toolbar-header-tablet .components-section
{
display:block;
}

.toolbar-header-tablet
{
display:block;
height:auto;
}
.group-panel-mobile
{
	display:block;
}
.calculator-icon-container
{
	border-left:none;
}
.exam_name
{
display:block;
float:none;
border-bottom:1px solid #565454;
}
#sub-header
{
	height:auto;
}

.helpinstruction_div
{
float:none;
}
.questiontype-details , .marking-details
{
padding-left:5px;
float:none;
}
.questiontype-markpanel
{
height:auto;
}
.questiontype-details
{
border-top:1px solid #c3c3c1;
}
}

#nobtn, #yesbtn{
     margin: 0 5px;
    padding: 0 32px;
}
/*********************Candidate_Feedback*********************************/
.feedback_table{
    border: 1px solid #eee;
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}
.feedback_table thead{
    background-color: #cee3f8;
}
.feedback_table thead tr th{
    color: #4c6989;
    padding: 6px 8px;
    text-align: left;
}
.feedback_table tbody tr td{   
    padding: 6px 8px;
    text-align: left;
}
.radioTable tbody tr td{
    padding: 5px 30px 5px 0;
    text-align:center;
}
.displayInline{
    display: inline-block;
    text-align:center;
    float: left;
    width:70%;
}
.ratingDiv{
  background-color: #f4f4f4;
    margin-top: 15px;
    padding: 10px;
    height:25px;
}
.greenBg{
     background: none repeat scroll 0 0 #009a00;
}
.yellowBg{
     background: none repeat scroll 0 0 #ff9801;
}
.blueBg{
     background: none repeat scroll 0 0 #639cdf;
}
.redBg{
     background: none repeat scroll 0 0 #ff3334;
}
.roundbg{   
  
    color: #fff;
    float: left;
    font-size: 18px;
    font-weight: bold;
   	padding: 5px 11px;
	border-radius:50%;
}
.ratingDiv div.displayInline{
    text-align: center;
    width: 24%;
    float:left;
}
.borderRight{
    border-right: 1px solid #ddd;
}
.feedback_table tbody tr{
    border:solid 1px #eee;
}
.feedback_table tbody tr td table.radioTable tbody tr{
    border:none;
}
/***********************************************************/
/*********************Final_Exit*********************************/
.finalExit{
   background: none repeat scroll 0 0 #f7f7f7;
    margin: 30px auto 0;
    padding: 40px 70px 5px;
    text-align: center;
    width: 506px;
}
.finalExit h3{
    color:#888;
}
/***********************************************************/
/*********************Score_card*********************************/
.grayBand{
    background: none repeat scroll 0 0 #eee;
    color: #676568;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.darkBlue{
    color:#4f678d;
}
.score_card_table{
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    margin-top: 10px;
    width:100%;
     
}
.score_card_table thead{
    background-color: #cee3f8;
}
.score_card_table thead tr th{
    color: #4c6989;
    padding: 15px;
	border-bottom: 1px solid #7d7d7d;
    border-right: 1px solid #7d7d7d;
	text-align: center;
    vertical-align: middle;
}
.score_card_table tbody tr td{   
    padding: 15px;
	border-bottom: 1px solid #7d7d7d;
    border-right: 1px solid #7d7d7d;
	text-align: center;
    vertical-align: middle;
}
.score_card_table tfoot tr td{   
    padding: 15px;
    text-align: left;
    background: #f7fcff;
    font-weight: bold;
}
.score_card_table tbody tr{

    border: 10px solid #000000;
}
.textLeft{
    text-align: left;
}
#print, #proceed{
    margin: 0 5px;
    padding: 0 32px;    
}
/***********************************************************/
/*******************************Comprehension**********************************/
.groupd {
    width: 49%;
    display: table-cell;
    margin-right: 5px;
    vertical-align: top;
    border-right: 1px solid #dbdbdb;
    height: 100%;
    overflow: auto;
	position:relative;
}
.groupq {
    width: 49%;
    display: table-cell;
    margin-right: 5px;
    vertical-align: top;
    height: 100%;
    overflow: auto;
	position: relative;
}
.ngroupd {
	display : none;
}
.ngroupq {
    width: 99%;
    display: table-cell;
    margin-right: 5px;
    vertical-align: top;    
    height: 100%;
    overflow: auto;
	padding-left:5px;
	position:relative;
}
.shgroup{
	    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 5px;
    text-align: justify;
}
.leftDiv{
    border: 1px solid #bdbdbd;
    /* float: left; */
    /* overflow: auto; */
    text-align: left;
    /* width: 60%; */
    margin-top: 1px;
    margin-left: 1px;
    margin-right: 1px;
}
.rightDiv{
    border: 1px solid #bdbdbd;
    /*float: left;*/
    font-size: 15px;
     height: 300px;
     overflow: auto;
     text-align: left;
    width: 39.6%;
    border-left:none;
	margin-top:4px;
}
.rightDiv .SAAnswer{
width:94%;
resize:none;
}
.divHeader{
    border-bottom: 1px solid #dbdbdb;
    font-weight: bold;  
    padding: 5px;
    text-align: left;
    height: 28px;
	display:table-cell;
}
.divContent{
     padding: 15px 5px;   
    text-align: justify;   
}
 label{
   vertical-align:2px;
}
.radioContainer{
    margin-top:10px;
}
/*************************************************************************/
.outerDiv{
     border: 1px solid #999;
    height: 305px;
    margin: 10px;
    padding: 10px;
}
.rightContainerText{
    font-size:14px;
    padding:10px;
    color:#444;
    line-height: 20px;
       background: none repeat scroll 0 0 #fff;
}
.rightContainerText p{
    font-size:14px;
}
.blueText{
    color:#4b6886;
}
.userprofilediv div.rightContainerText table tbody tr td{
    padding: 1px 5px;
}
.bluebg
{
	width:20%;
	position:absolute;
	bottom:0;
	height:300px;
background: rgba(247,247,247,1);
background: -moz-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(226,225,226,1) 55%, rgba(212,211,212,1) 91%, rgba(209,207,209,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,0)), color-stop(55%, rgba(226,225,226,1)), color-stop(91%, rgba(212,211,212,1)), color-stop(100%, rgba(209,207,209,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(226,225,226,1) 55%, rgba(212,211,212,1) 91%, rgba(209,207,209,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(226,225,226,1) 55%, rgba(212,211,212,1) 91%, rgba(209,207,209,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,0) 0%, rgba(226,225,226,1) 55%, rgba(212,211,212,1) 91%, rgba(209,207,209,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,0) 0%, rgba(226,225,226,1) 55%, rgba(212,211,212,1) 91%, rgba(209,207,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d1cfd1', GradientType=0 );
}
.confrmPopup { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 10px #000000; display: none; position: absolute; width: 400px; z-index: 100; }
.confrmPopup .cnfPopBdy { padding: 10px; }
.confrmPopup .cnfPopHdr { background-color: #2d70b6; border-radius: 4px 4px 0 0; height: 28px; color: #fff; }
.confrmPopup .cnfPopHdrLbl { font-weight: bold; margin-left: 5px; margin-top: 7px; float: left; }
/* changed for broadcast 15th october @Rohan */
.confrmPopup .cnfPopBtnPnl { padding: 12px 0; text-align: center; background-color: #F8F3F0; border-radius: 0 0 4px 4px; }
.confrmPopup .popClose { background: url("../images/ico_close.gif") no-repeat scroll 36px 3px transparent; color: #ffffff; margin: 6px 4px 0 0; padding: 0 20px 0 0; }
.confrmPopup .popCloseSubmit { background: url("../images/ico_close.gif") no-repeat scroll 36px 3px transparent; color: #ffffff; margin: 6px 4px 0 0; padding: 0 20px 0 0; }
.warningPopup .popCloseSubmitWarning { background: url("../images/ico_close.gif") no-repeat scroll 36px 3px transparent; color: #ffffff; margin: 6px 4px 0 0; padding: 0 20px 0 0; }
/*confirm pop up ends*/
.overlay { background-color: #000; opacity: 0.6; filter: alpha(opacity = 60); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }
.overlayForInterruption { background-color: #000; opacity: 0.93; filter: alpha(opacity = 0.93); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none; }
.greenBtn { background-color: #4daf7c; border-color: #40a26f; border-radius: 3px; border-style: solid; border-width: 1px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin-bottom: 0; min-width: 24px; padding: 2px 12px; text-align: center; transition: all 0.2s; }
.greenBtn:hover { background-color: #248653; }
.fRight { float: right; }
.warningPopup { background-color: #fff; border-radius: 4px; box-shadow: 0 2px 10px #000000; display: none; position: absolute; width: 400px; z-index: 100; }
.warningPopup .cnfPopBdy { padding: 10px; }
.warningPopup .cnfPopHdr { background-color: #2d70b6; border-radius: 4px 4px 0 0; height: 28px; color: #fff; }
.warningPopup .cnfPopHdrLbl { font-weight: bold; margin-left: 5px; margin-top: 7px; float: left; }
/* changed for broadcast 15th october @Rohan */
.warningPopup .cnfPopBtnPnl { padding: 12px 0; text-align: center; background-color: #F8F3F0; border-radius: 0 0 4px 4px; }
.warningPopup .popClose { background: url("../images/ico_close.gif") no-repeat scroll 36px 3px transparent; color: #ffffff; margin: 6px 4px 0 0; padding: 0 20px 0 0; }
.warningPopup .popCloseSubmit { background: url("../images/ico_close.gif") no-repeat scroll 36px 3px transparent; color: #ffffff; margin: 6px 4px 0 0; padding: 0 20px 0 0; }
/* nanoscroller.css */
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 150px;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow-y      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
 /* background : rgba(0,0,0,.25);*/
 background: #DDDBE6;
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  z-index:99999999;
}
.nano > .nano-pane > .nano-slider {
 /* background: #444;
  background: rgba(0,0,0,.5);*/
  background:#6A6289;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
/* sweetalert.css */
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative; }
  .sweet-alert .la-ball-fall {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -27px;
    margin-top: 4px;
    opacity: 0;
    visibility: hidden; }
  .sweet-alert button {
    background-color: #8CD4F5;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #7ecff4; }
    .sweet-alert button:active {
      background-color: #5dc2f1; }
    .sweet-alert button.cancel {
      background-color: #C1C1C1; }
      .sweet-alert button.cancel:hover {
        background-color: #b9b9b9; }
      .sweet-alert button.cancel:active {
        background-color: #a8a8a8; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button[disabled] {
      opacity: .6;
      cursor: default; }
    .sweet-alert button.confirm[disabled] {
      color: transparent; }
      .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }

@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }

@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }

@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }


@media screen and (max-width:560px){
  .ngroupq .l-scroll {
    width: calc( 100vw - 10px);
  }
	.l-scroll {
		overflow-y: auto;
		overflow-x: auto;
		position: relative;
	   height: 100%;
	   /* width: calc( 100vw - 10px); */
     top: 0px !important;
    bottom: 0px !important;
	}
	.groupd {
    width:99%;
    display: block;
    margin-right: 5px;
    vertical-align: top;
    border-right: 1px solid #dbdbdb;
    height: 100%;
    overflow: auto;
}
.groupq {
    display:none !important;
}
.innergroupq{
	display:block;
}
}