/**
 *
 * Apply Here your Custom CSS
 *
*/

/*
 *  New font implemented from old portal
 */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

html, body {
		font-family: 'PT Sans', sans-serif;
		height: 100%;
}
@-moz-document url-prefix() {
	.page-container.horizontal-menu header.navbar.navbar-fixed-top{
		position:sticky;
		top:0px;
	}


	.page-container.horizontal-menu {
			padding-left: 0px;
			padding-top: 0px;
	}
}
.page-container.horizontal-menu {
	max-width:1600px;
	margin:auto;
	height: auto;
}

.sidebar-menu #main-menu li,
.sidebar-menu #main-menu li i {
	font-size:18px !important;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li > a span,
.page-container.horizontal-menu header.navbar .navbar-nav > li > a i,
.page-container.horizontal-menu header.navbar ul.nav > li > a,
.page-container.horizontal-menu header.navbar ul.nav > li > span
{
	font-size:14px;
}

.page-container.horizontal-menu header.navbar ul.nav > li > a
{
	padding:20px;
}

h1, .faq h4 {
	font-weight:bold;
}

#to-top, .loading-div{
	display:none;
}

.navbar-brand {
	background-color: rgba(0,83,163,1);
}

li.visible-xs {
	display: none;
}

.test-panel {
	color: #373e4a;
	background-color: #f0f0f1;
	border-color: #ebebeb;
	padding-bottom: 7px;
}

.image-bottom-align {
	vertical-align:bottom;
}

.info {
	color:black;
	font-size:14px;
}

.text-blue{
	color: rgba(0,84,163,1);
}

.text-plum{
	color:#701c1c;
}

.text-black{
	color: #303641;
}

.text-white{
	color: white;
}

.form-horizontal .control-label-left {
	text-align:left;
}

.test-header{
	font-size: 14px;
	text-align:center;
	margin-bottom: 10px;
}

.test-label{
	font-size: 14px;
	text-align:center;
}

.label-white {
	background: #fff;
	margin-top: 10px;
	font-size: 12px;
	color: #666;
	vertical-align: middle;
}

.label-white .icon-heat {
	font-size: 13px;
	color: #ac1818;
}

footer {
	margin-bottom:10px;
}

footer.bl-footer{
	width: 100%;
	position: absolute;
	bottom: 0 ;
	left:0;
}

.well-test{
	padding:15px;
	padding-top:0px;
}

.alert-default {
	background-color: #b6b6b6;
	border-color: #b6b6b6;
	color: #303641;
}

.delivered {
		padding-top: 4px;
}

.test-time {
	padding-right: 0;
}

.test-time p {
	line-height:14px!important;
	padding-top: 8px;
}

.test-time p span {
	padding-left: 5px;
}

.followup h3, .delivered h3 {
		font-size: 14px;
		color: #4e545f;
		margin:0;
		padding:3px 0 0 0;

}

.followup h3 i, .delivered h3 i {
		padding-right: 5px;
}

.test-feed .panel-body {
		padding:15px 0;
}

.test-feed hr {
		margin-top: 0;
		margin-bottom: 0;
}

.test-item {
		border-bottom: 1px solid #f1f1f1;
		padding: 10px 0;
		font-size: 13px;
		line-height: 34px;
}

.test-item strong {
		color: #4e545f;
		font-weight: bold;
}

.test-item.pending {
		background: #dfeff7;
}

/*********** Test Feed Icons ***********/

.warning-icons, .warning-icons li {
		list-style: none;
		padding: 0;
		margin: 2px 0 0 0;
}

.warning-icons li {
		margin-left: 3px;
}

.warning-icons li i{
	font-size:24px;
}

.test-feed .alert-warning, .test-feed .alert-danger, .test-feed .alert-default {
		background: none;
}

.warning-icons i {
		width: 22px;
		height: 22px;
		-moz-border-radius: 22px;
		-webkit-border-radius: 22px;
		border-radius: 22px;
		color: #fff;
		font-size: 15px;
		padding: 3px 2px;
}

.test-feed .alert-warning i {
		color: #d6b942;
}

.test-feed .alert-danger i {
		color: #ac1818;
}

.test-feed .alert-default i {
		color: #303641;
}

.test-feed .alert-attention i {
		color: #711b19;
}

.test-feed .alert-review i {
		color: #277ea3;
}

.badge-bluelight {
		background: #0055a5 url(../images/bluelight-sticker-icon.png) 5px 5px no-repeat;
		padding: 5px 10px 5px 30px;
		color: #fff;
}

.badge-lcumode {
		background: #f75334;
		padding: 5px 10px 5px 5px;
		color: #fff;
}

/*********** Neon Overrides ***********/

.page-container.horizontal-menu header.navbar .navbar-brand {
		padding: 0;
}

/***** What's New ****/
.what_new_dark{
	background:#303641;
	padding: 15px;
	padding-bottom:50px;
	color:white;
}
.what_new_dark h2{
	color:white;
}

.what_new_dark p,
.what_new_light p{
	padding:10% 5% 10% 5%;
}

.what_new_light{
	background:#e5e5e6;
	padding: 15px;
	padding-bottom:50px;
	color:#303641;
}
.what_new_light hr{
	border-top: 1px solid #303641;
}
.what_new_light h2{
	color:303641;
}

.what_new_body {
	padding:0;
}

/*********** Tiles ***********/
.tile-stats.hover-disable:hover {
	background: #303641;
}
.tile-stats.tile-gray.hover-disable:hover {
	background: #f5f5f5;
}

.tile-stats.tile-orange {
	background: #dda812;
}
.tile-stats.tile-orange.hover-disable:hover {
	background: #dda812;
}
.text-warning{
	color:#cca812;
}

.tile-arc {
	min-height: 240px;
}

.tile-stats.tile-red {
	background: #ac1818;
}
.tile-stats.tile-red.hover-disable:hover {
	background: #ac1818;
}

.tile-stats.tile-white.hover-disable:hover {
	background: #ffffff;
}
.tile-stats.tile-blue.hover-disable:hover {
	background: #0073b7;
}
.tile-stats.tile-aqua {
	background: #2c7ea1;
}

.tile-stats.tile-aqua:hover {
	background: #0D6F99;
}

.tile-stats.tile-aqua.hover-disable:hover {
	background: #2c7ea1;
}

.tile-stats.tile-green.hover-disable:hover {
	background: #00a65a;
}

.tile-stats.tile-cyan.hover-disable:hover {
	background:#00b29e;
}

.tile-stats.tile-white.no-border {
	border:none;
}

.tile-stats.tile-gray > h3{
	color:#373e4a;
}

.tile-stats.delivered, .tile-stats.followup{
 padding:15px;
 color:#373e4a;
}

.tile-stats.delivered > h3, .tile-stats.followup > h3{
 color:#373e4a;
 border:none;
}

.tile-stats .num-test{
	font-weight:bold;
	font-size:20px;
	position: relative;
	color: #0b56a2;
	z-index: 5;
	margin: 0;
	padding: 0;
}

.tile-stats .num-test span {
	font-size: 11px;
	color: #000;
	font-weight: 400;
}

.tile-stats .num-test-bottom{
	font-weight:bold;
	font-size:24px;
	position: relative;
	color: #ffffff;
	z-index: 5;
	margin: 0;
	padding: 10px 0 0 0;
}

.tile-stats .num-test-half{
	font-weight:bold;
	font-size:24px;
	position: relative;
	color: #ffffff;
	z-index: 5;
	margin: 0;
	padding: 0;
}

.tile-stats .units-test{
	font-size:16px;
	color:#ffffff;
}

.tile-stats .units-test-half{
	font-size:16px;
	color:#ffffff;
	padding-top: 45px;
}

.tile-stats.tile-legend{
	padding:10px;
}
.tile-test{
	width:96px;
}

#orgadmin-dashboard .tile-stats.tile-red {
		background: #f56954;
}

#orgadmin-dashboard .tile-stats.tile-aqua {
		background: #00c0ef;
}

#orgadmin-dashboard .tile-stats.tile-blue {
		background: #0073b7;
}

#orgadmin-dashboard .tile-stats.tile-green {
		background: #00a65a;
}

#orgadmin-dashboard .tile-stats.tile-green .icon, #orgadmin-dashboard .tile-stats.tile-aqua .icon {
		bottom: 40px;
}

#orgadmin-dashboard .panel-primary > .panel-heading {
		background-color: #f2f2f2;
}

#orgadmin-dashboard .panel-primary > .panel-heading a:hover {
		color: rgba(0,84,163,1);
}

#orgadmin-dashboard .panel-primary td span {
		color: #999;
		font-size: 11px;
}

#orgadmin-dashboard .panel-primary td span.badge-secondary {
		color: #fff;
		font-size: 11px;
		background: rgba(0,84,163,1);
}

.panel-test{
	border-radius:0px;
}

.panel-test-heading{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.panel-heading {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.panel-invert > .panel-heading > .panel-options.text-white >a{
	color:#373e4a;
	border:none;
	padding:7px;
}

.panel.panel-primary.panel-table.leaderboard {
	border: 1px solid #ebebeb !important;
}

.panel.panel-primary.panel-table.leaderboard > .panel-heading > .panel-title {
	padding:10px;
}

/********* Canvas Circles ************/

div.chart {
	position:relative;
	width:150px; height:150px;
	margin: 0 auto;
}
div.chart canvas {
	display: block;
	position:absolute;
	top:0;
	left:0;
}
div.chart span {
	color:#555;
	display:block;
	line-height:150px;
	text-align:center;
	width:150px;
	font-family:sans-serif;
	font-size:18px;
	font-weight:100;
	margin-left:5px;
}

div.chart input {
	width: 200px;
}

/********* Font Sizes ************/
.font-md {
font-size:14px;
}

.font-lg {
	font-size:18px;
}

.font-xl{
	font-size:24px;
}

/********** Tables ************/
table {
}

th{
	font-size: 14px;
	vertical-align:middle;
	font-weight:bold;
}
.dataTables_wrapper table thead.dark tr th.sorting,
.dataTables_wrapper table thead.dark tr th.sorting_asc,
.dataTables_wrapper table thead.dark tr th.sorting_desc,
.dataTables_wrapper table thead.dark tr th.sorting_asc:before,
.dataTables_wrapper table thead.dark tr th.sorting_desc:before{
		color:white;
		font-weight:400;
}
thead.dark {
	background-color:#303641;
	border-top-left-radius:3px;
}


.table >tbody >tr>td {
	color:black;
	padding-top:4px;
	padding-bottom:4px;
}

.td-no-border>tbody>tr>td{
	border:none;
}

.table-info>tbody>tr>td>i
{
	color: rgba(0,84,163,1);
}

.td-center>tbody>tr>td>i{
	text-align:center;
}
div.table-wrapper div.rt-scrollable {
	margin-left: 0;
}

.pinned {
	display:none;
}

#table_filter, #table_info, #table_length, #table-invitations_length, #table-users_length,#table-users_filter, #table-invitations_filter {
	border:none;
	color: black;
	font-size:14px;
}

#table_filter input, #table-users_filter input, #table-invitations_filter input{
	width:150%;
}
.dataTables_info,
.dataTables_wrapper .dataTables_info.dataTables_info,
.dataTables_wrapper .dataTables_paginate.dataTables_info
.dataTables_wrapper .dataTables_info.dataTables_paginate,
.dataTables_wrapper .dataTables_paginate.dataTables_paginate{
	border:none;
}

.dataTables_wrapper .dataTables_filter > label {
		float: left;
}

#table_wrapper div.col-md-6,
#table-users_wrapper div.col-md-6,
#table-invitations_wrapper div.col-md-6 {
	padding:0;
}

/********* Sticky Elements **********/
#legend, #small-legend {
	font-size: 16px;
	padding-bottom:0px;
}

#legend > .leaderboard{
	font-size:12px;
}

#legend{
	padding-left:20px;
	padding-right:0px;
}

.stuck-test-header {
	position:fixed;
	top:57px;
	left:20px;
	padding-right:45px;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	z-index:1000;
}
#legend.stuck-legend {
		position:fixed;
		top:65px;
		right: 35px;
		-webkit-backface-visibility:hidden;
		-webkit-transform: translateZ(0);
		-webkit-perspective: 1000;
		z-index:1000;
		padding-left: 38px;
	}

.stuck-legend.view-fix {
		padding-right: 30px;
		padding-left: 42px;
	}

.stuck-legend-small {
		position:fixed;
		top:65px;
		right: 20px;
		-webkit-backface-visibility:hidden;
		-webkit-transform: translateZ(0);
		-webkit-perspective: 1000;
		z-index:1000;
	}

.stuck-tasks {
	position:fixed;
	top:240px;
	right:20px;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	width:24.5%;
}

#leaderboard {
	padding-left:20px;
	padding-right:15px;
}
#leaderboard.stuck-lb,
.stuck-lb {
	position:fixed;
	top:240px;
	right:20px;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1000;
	padding-left:30px;
	padding-right:15px;
}


#tasks {
	padding-left:13px;
}

#tasks p {
	font-size: 15px;
}

#tasks p:hover {
	color:black;
	cursor:pointer;
}

#tasks .no-hover p:hover {
	color:#999999;
	cursor:default;
}
@-moz-document url-prefix() {
	 #legend, #small-legend{
		position:sticky;
		top:62px;
		z-index:1000;
	}
	#tasks{
		position:sticky;
		top:195px;
	}
}


/************ Buttons ***********/
.add_button {
	margin-top:13px;
}

.btn-no-border {
	border:none;
}

.btn-default{
	background-color:#f5f5f6;
}

.btn-blue{
	background-color: rgba(0,84,163, .9);
}
.btn-blue:hover{
	background-color: rgba(0,84,163, .8);
}
.btn-table{
	padding-top:1px;
	padding-bottom:1px;
	font-size:16px;
}

.btn-action{
	padding-top:1px;
	padding-bottom:1px;
	font-size:24px;
	float:left;
}

/************ Forms ***********/

.search-box {
		font-size: 18px;
		padding: 18px;
		font-weight: normal;
}

#search-form .btn-primary {
		font-size: 16px;
}

/************ JS Validation ***************/
input[aria-invalid=true],
textarea[aria-invalid=true],
select[aria-invalid=true],
.select2-container[aria-invalid=true],
body.login-page .login-form .form-group .input-group[aria-invalid=true]
{
	border:1px solid #ac1818;
}

.form-invalid{
	display:none;
	margin-top:10px;
}

/******* Pdf loading ************/
.pdf-loading{
	display:none;
	position: fixed;
	top: 60px;
	left: 0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, .9);
	z-index:1000;
}

.pdf-loading .loader-padding {
	padding-top:20%;
}

.pdf-loading i{
	font-size:50px;
	color:#303641;
	display: inline-block;
	vertical-align: middle;
}

/********** Modals **************/
.modal-dialog {
	margin-top:60px;
}

/************ Media Breaks ***************/
@media (max-width:1335px){
	.test-label{
		height:40px;
	}
}
@media (max-width:991px) {
	.stuck-legend, .stuck-legend-small {
		width:95.75%;
	}
	.tile-test{
		width:100%;
	}

	#legend, #small-legend{
		padding-left:0px;
	}
}

@media (max-width: 768px) {
	.hidden-medium-screen {
		display:none
	}

	li.visible-xs {
		display: block!important;
	}

	.test-label{
		margin-top:50px;
	}

	#table_length {
		display:none;
	}
	.stuck-legend, .stuck-legend-small {
		top:60px;
		width:94.5%;
	}
	.page-body .page-container.horizontal-menu header.navbar {
			display: block;
	}


}

@media (max-width : 480px) {
	.stuck-legend, .stuck-legend-small {
		top:0px;
		width:90%;
	}

	#table_filter input{
		width:100%;
	}

	.hidden-small-screen{
		display:none;
	}
}