html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.my-navbar {
    background-color: #00ffff;
}


/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
/*.nav > li > form {
    padding: 8px;
}

@media(max-width:768px) {
	.nav li > form {
	    padding: 3px;
	}
}

.nav > li > form > button:hover {
    text-decoration: none;
}*/

.tab-content {
    height: 4000px !important;
    overflow: auto;
}

.vuarr-title
{
	padding:10px;
	margin-top:0px;
	background-color:#FFF;
	font-size:18px;
}
.navbar-moved-down {
  padding-top: 0px;
  border-width: 0 0 0px;
}

.navbar-vuarr-color {
 background-color: #84afc1;
 color: white; 
 border:none;
}


/* ********************************************************************************************** */

.nav-pills a {
    color: #ffffff
}

.nav-pills a:hover {
    color: #560000;
    border-radius: 0px;
}

.nav-pills .active a:hover {
    color: #560000;
    border-radius: 0px;
}

/* navbar */
.navbar-default {
    background-color: #84afc1;
    border-color: #E7E7E7;
}
/* title */
.navbar-default .navbar-brand {
    color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-default .navbar-nav > li > a {
    color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #E7E7E7;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #D5D5D5;
}
/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
    }
}




/* ********************************************************************************************** */



.navbar-brand-size {
  float: left;
  height: 80px;
  margin-top: -40px;
  font-size: 18px;
  line-height: 20px;
}
.dropdown-moved-down  {
	margin-top:10px;
	color:white;
  position: relative;
}
a.dropdown-toggle-colorize:link
{color:#FFF;
}

a.dropdown-toggle-colorize:hover
{color: #036;
}
a.dropdown-toggle-colorize:active
{color: #036;
}
a.dropdown-toggle-colorize:visited
{color: #036;
}
.container-position
{margin-top:100px;
 
}

/* ********************************************************************************** */

.late .message {
	color:#f35233;
}

table input.short {
	width:60px;
	font-size:inherit;
}

table input.short_rate {
	width:65px;
	font-size:inherit;
}

table input.long {
	width:170px;
	font-size:inherit;
}

table input.long_big {
	width:170px;
	font-size:14px;
}

.doclist {
	font-style:normal;  /* italic */
	line-height:39px;
	font-size:13px;
	margin-bottom:15px;
}
	.doclist li {
		border-bottom:1px dotted #b4b4b4;
	}
		
	.doclist .delete {
		font-weight:bold;
		text-decoration:none;
		background:url(../images/icons/icon-delete-2.png) 0 50% no-repeat;
		float:right;
	}
	
.label {
	color: red;
	text-align:center;
}	

.text-red {
	color: red;
}	

.late .label {
	background:#c0c0c0;
}
.late .message {
	color:#f35233;
}

table.inner td {
	background:#e9e9e9;
}

.filter.student-test .meta {
	font-size:14px;
	color:#000;
}
	.filter.student-test .col {
		width:auto;
		font-weight:600;
	}

.alignleft {
	text-align:left!important;
}

p.question {
		font-size:16px;
		font-style:normal;  /* italic */
		margin-top:5px;
		color: #008000;
		background:#daf8fa;
	}
	span.questionTip {
		color: #000000;
	}
	
	form.question textarea {
		width:800px;
		height:210px;
		font-family:"Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	form.question .row_t {
		padding:6px 0;
	}
	
	form.question input[type=checkbox] {
		vertical-align:middle;
	}

.answered-incorrect {
    border:1px solid #BD9199;
    background:#F5C6CE;
}

.answered-correct {
    border:1px solid #8DB59B;
    background:#BAF5CF;
}

table.smallheading {
		margin-top:1px;
	}
		table.smallheading th {
			background:#24bb7e;
			padding-top:10px;
			padding-bottom:10px;
			border-right:1px solid #3989b1;
			padding: 15px;
		}
		
		table.smallheading tr {
			border-top:1px solid #3989b1;
			padding: 15px;
		}
		
			table.smallheading th:last-child, table.smallheading td:last-child {
				border-right:0;
			}
		table.smallheading td {
			border-right:1px solid #bcbcbc!important;
		}
		
td div.row_t {
	padding:10px;
	margin-bottom:2px;
}

.answered {
	border:1px solid #f35233;
}

.correct {
	border:1px solid #2fccff;
	background:#dae5e9;
}

.textbox, form.question textarea {
	padding:10px 15px;
	width:450px;
	border:1px solid #d2d2d2;
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	font-style:italic;
	margin-right:10px;
	min-height:120px;
}



div.row_t input[type=checkbox], div.col input[type=checkbox] {
	vertical-align:top;
	margin-right:9px;
	margin-top:0;
}


td .row_t .col {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
}

input.points {
	width:40px;
	margin-right:5px;
}

td .row_t .col input.icon-save {
	height:24px;
}

td .row_t .col .label {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:auto;
	line-height:26px;
	padding:0 14px;
}

td.status .label {
	line-height:26px;
	}
		
		
input[type=radio] {
	margin:0;
	margin-right:6px;
}		


.test-content {
		padding:0;
		background:#f9f9f9;
	}
	.test-content .section {
		padding:3px 0px 0px 23px;
		border-bottom:1px dotted #bbbbbb;
	}
	.test-content .section:last-child {
		border:0;
	}
	
.counter {
	position:fixed;
	z-index: 5999;
	width:185px!important;
	
	top:17px;
	right:17px;
	border:1px solid #2fccff;
	}
	.counter .heading {
		background:#ff8080;
		color:#fff;
		text-transform:uppercase;
		font-size:16px;
		text-align:center;
		padding: 7px 0;
	}
	.counter.disabled .heading {
		background:#b9b9b9;		
	}
	.counter.disabled {
		border:1px solid #b9b9b9;
	}
	
	#counter {
		font-weight:600;
		font-size:20px;
		color:#ff8080;
		text-align:center;
	}
	.disabled #counter {
		color:#b9b9b9;
	}
	
	.hasCountdown {
		background:none;
		border:0;
	}
	
	


.footer #footer-wrapper{

    margin: 0 auto;

    width: 1260px;

    padding-top: 17px;

    display: block;

    position: relative;

}

.footer #social, .footer .footer-item{

    float: left;

}

.footer #social li{

    list-style: none;

}

.footer #social a{

    background: url(../images/social.jpg) no-repeat;

    display: block;

    width: 28px;

    height: 28px;

    margin-bottom: 9px;

}

.footer #social a.tw{

    background-position: 0 -37px;

}

.footer #social a.yt{

    background-position: 0 -73px;

}

.footer #social a:hover{

    background: url(../images/social-hover.jpg) no-repeat;

}

.footer #social a.tw:hover{

    background-position: 0 -37px;   

}

.footer #social a.yt:hover{

    background-position: 0 -73px;

}

.footer .footer-item li{

    color:#739098;

    list-style: none;

    font-size: 11px;

    font-weight: 600;

    margin-bottom: 5px;

}

.footer .footer-item a{

    color:#979691;

    font-weight: 600;

    text-decoration: none;

}

.footer .footer-item a:hover{

    color:#4e4e4e;

}

.footer .footer-item a.black{

    color:#4e4e4e;  

}

.footer .footer-item a.black:hover{

    color:#979691;  

}

.footer .footer-item span{

    color:#979691;

}

.footer #sitemap.footer-item{

    padding: 0;

    width: 170px;

}

.footer #sitemap.footer-item li a{

    float: left;

    margin: 0 20px 2px 0;

}

.footer #bank-info.footer-item{

    width: 240px;

}

.footer #address.footer-item{

    width: 270px;  

}

.footer #footer-mini-map{

    background: url(../images/footer-mini-map.png) no-repeat;

    width: 299px;

    height: 259px;

    position: absolute;

    bottom: -163px;

    right: 190px;

    padding: 25px;

    display: none;