﻿select { font-family: inherit; font-size: inherit; border: 1; }

input[type='text'], input[type='password'], textarea { border: 1px solid #AAA; padding-top: 2px; padding-bottom: 2px; }

fieldset
{
	padding: 20px;
}

.ui-state-highlight { background: #ddeeff !important; border: 1px solid #6E9FB9 !important; }

.form-line
{
	margin-bottom: 10px;
}

.ui-pg-input
{
	height: 19px !important;
}

.form-requiredField
{
	color: Red;
}

.form-label
{
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 150px;
}

.form-field
{
	text-align: left;
	display: inline-block;
	max-width: 600px !important;
}

.field-validation-error
{
	color: red;
	vertical-align:text-top;
}

.input-validation-error
{
	border: 1px solid red !important;
}
/********************************************/

/*************  GRIDS  *******************************/
.gridActionLink
{
	font-family: OpenSans !important;
	font-weight: bold !important;
	font-size: 13px !important;
	color: #f59c09 !important;
}
/********************************************/
     
.ui-th-column
{
	text-align: left !important;
}
        
.addIcon
{
	font-weight: bold;
	color: Green;
	font-size:13pt;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}
.separator
{
	clear: both;
	margin-bottom: 8px;
}

.successText
{
	color: Green;
}

.failureText
{
	color: Red;
}

.addIcon
{
	color: Green;
	font-size: 14pt;
	font-weight: bold;
}
.addButton
{
	background:none !important;
	border:0;
	color: black;
	margin:0;
	padding: 0;
	color: #ffc090;
	font-family: OpenSans;
	font-weight: normal;
	font-size: 11pt;
}

tbody { font-size: 13px; background: #e9f0f3; border-radius: 0 0 5px 5px; }
th { font-size: 15px; padding-left: 15px; }

/*************  MODALS  *******************************/
.modalHeader
{
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	margin-bottom: 15px;
}

.modalResultMessage
{
	visibility: hidden;
	max-width: 350px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;

	background-color: White;
	border: 1px solid black;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;

	z-index:100000;
}

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.3); /* browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
}

@media only screen and (max-width: 767px)
{
	#modal
	{
		width:284px;
		height:156px;
		padding:8px;
		margin-left:-150px !important;
		margin-top:-78px;
	}
}
/********************************************/

.alerts
{
	background-color: #ffffcc;
	border-radius: 8px;
	padding: 20px 50px 10px 50px; 
	font-size: 14px;
}

.alerts h3 { margin-top: 0px; color: red; }

.alerts ul { }

.dnnPrimaryAction
{
	padding: 2px 8px;
	font-weight: bold;
	font-size: 12px !important; 
	border-style: none;
	border-radius: 3px;
	text-decoration:none;
	color:#efefef;
	background:#818181;
	background:-moz-linear-gradient(top, #818181 0%, #656565 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 )";cursor:default;
}
.dnnPrimaryAction:hover
{
	background:#4E4E4E;
	background:-moz-linear-gradient(top, #4E4E4E 0%, #282828 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E4E4E), color-stop(100%,#282828));
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );color:#fff;
}


.btnExpand {
	text-align: center;
	width: 100%;
	display: inline-block;
    padding: 5px 0;
	margin: 0 0 0 -2px;
    background: #DDD;
    color: #000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #AAA;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	float: left;
}
.btnExpand:hover {
    background: #AAA;
    border: solid 1px #888;
    text-decoration: none;
}

input[type='text'], textarea, input[type='password'], select
{
	border-radius: 3px;
	padding: 5px;
	box-shadow: inset 0 0 1px 1px #dddddd;
	border: solid 1px #ddd;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: normal;
	box-sizing: border-box;
	margin: 0px;
}

.disabled, .disabled:hover, input:disabled, input:disabled:hover, .form select:disabled, select:disabled, button-link:disabled { background-color: #efefef; border: solid 1px #aaa; cursor: default; }

.required input[type='text'], .required textarea, .required input[type='password'], .required select {
	border-left: 4px solid red;
}

input::-ms-clear {
  display: none;
}

#org-name {
	text-shadow: none !important;
	margin-top: 5px;
	position:inherit;
	top: inherit;
	color: #5f5e5c;
}

/* LAYOUT */

@media print {
	#header, #footer-wrap, a, button-link { display: none !important; }
}

#modalResult {
	display: none;
	min-width: 350px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	border: solid 1px #000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	max-width: 600px;
}

.cke_editor_txtEditContent_dialog, cke_dialog {
	z-index: 100000 !important;
}

#tagline {
	float: none;
}

.modalResultHeader {
	padding: 10px;
	background: #193862;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	margin: 0;
	color: #aaa;
	vertical-align: middle;
	text-shadow: none;
}

.modalResultBody {
	padding: 20px;
	height: 95%;
	overflow-y: auto;
	overflow-x: auto;
}

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3); /* browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */
}

.modalCloseButton {
	float: right;
	vertical-align: bottom;
	margin-right: 10px;
	border: 1px solid #ccc;
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	width: 20px;
	height: 20px;
}

.modalCloseButton:hover {
	background: #aaa;
}

.modalCloseButton:active {
	background: #777;
}

.ui-pg-selbox, .ui-pg-input {
	border-radius: 0 !important;
	border: solid #ccc 1px !important;
	padding: 0 !important;
	height: auto !important;
}

.ui-pg-table tbody tr td[dir='ltr'] input[type='text'] {
	display: inline-block !important;
}

#modalIdleLogout {
	display: none;
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: White !important;
	border: solid 1px #000 !important;
	width: 350px !important;
}

#modalChangePassword {
	display: none;
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: White !important;
	border: solid 1px #000 !important;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	width: 500px !important;
}

#modalChangePassword .labelField {
	display: inline-block;
	width: 150px;
}

#modalChangePassword .spanRequired {
	color: red;
}

#modalChangePassword .modalResultBody input[type='text'], #modalForgotPassword .modalResultBody input[type='password'], #modalForgotPassword .modalResultBody select {
	margin-bottom: 5px;
	padding: 5px;
}

#modalChangePassword .modalResultBody input[type='text'] {
	width: 350px;
}

#modalChangePassword .modalResultBody input[type='password'] {
	width: 175px;
}

#modalChangePassword .inputField {
	display: inline-block;
}

#modalChangePassword .modalResultHeader, .modalCloseButton {
	display: none;
}

#modalChangePassword .modalResultBody label {
	display: inline-block;
	width: 70px;
	margin-bottom: 11px !important;
}

#modalChangePassword .modalResultBody h1 {
	margin-top: 20px;
}

#modalChangePassword .modalResultBody {
	padding: 20px 30px;
}

#modalChangePassword.divForm {
	padding: 25px 0;
}

#modalResult .labelField {
	display: inline-block;
	width: 150px;
}

#modalResult .spanRequired {
	color: red;
}

#modalResult .modalResultBody input[type='text'], #modalResult .modalResultBody input[type='password'], #modalResult .modalResultBody select {
	margin-bottom: 5px;
	padding: 5px;
}

#modalResult .modalResultBody input[type='text'] {
	width: 250px;
}
#modalResult .modalResultBody input[type='password'] {
	width: 175px;
}
	
#modalResult .inputField {
	display: inline-block;
}

#modalResult .modalResult {
	width: 500px;
}

#modalResult {
	display: none;
	margin-left: auto !important;
	margin-right: auto !important;
	background-color: White !important;
	border: solid 1px #000 !important;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
	width: 700px !important;
}

#modalResult .modalResultHeader, #modalResult .modalCloseButton {
	display: none;
}

#modalResult .modalResultBody label {
	display: inline-block;
	width: 150px;
	margin-bottom: 11px !important;
}

#modalResult .modalResultBody h1 {
	margin-top: 20px;
}

#modalResult .modalResultBody {
	padding: 20px 30px;
}

#modalResult .divForm {
	padding: 25px 0;
}

#modalResult .searchResultField {
	font-weight: bold;
}

#divLoading, #divCreatingEvaluation {
	height: 96px;
	padding-top: 90px;
	text-align: center;
}

input[type='radio'] {
	position: relative;
	margin-right: 5px;
	font-size: 18px;
	line-height: 22px;
	height: 15px;
	width: 15px;
	margin-bottom: 10px;
	cursor: pointer;
	-moz-transform: scale(1.2, 1.2);
}

input[type='radio'].ui-disabled {
	background: none !important;
}

input[type='radio']:focus, input[type='radio']:active {
	outline: 0 !important;
	box-shadow: none !important;
}

input[type='radio']:disabled {
	position: relative;
	font-size: 26px;
	line-height: 12px;
	background: none;
}

input[type='radio']:before {
  background: #fff;
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: -3px;
  height: 15px;
  width: 15px;
  border: 1px solid #bbb;

  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;

  box-shadow: inset 0 0 3px 0 #ccc;
  -moz-box-shadow: inset 0 0 3px 0 #ccc;
  -webkit-box-shadow: inset 0 0 3px 0 #ccc;
}

input[type='radio']:disabled:before {
  background: #efefef;
}

input[type='radio']:checked:before, input[type='radio']:disabled:checked:before {
	content: "\2022";
	  text-align: center;
	  line-height: 11px;
	  font-family: Tahoma; /* If you change font you must also change font-size & line-height */
	  font-size: 26px;
	  color: #808080;
	  text-shadow: 0 0 4px #bbb;
}

/* Safari only to make radio selections centered */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,input[type='radio']:checked:before, input[type='radio']:disabled:checked:before {
		font-size: 27px;
    }
}

input[type='radio']:checked:before {
	  color: #0F96FF;
}

input[type='radio'] {
	/*display: none;*/
	width:12px;
	height:14px;
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-jqgrid .ui-pg-button span {
	display: block;
	margin: 1px;
	float: left;
}

.ui-state-default .ui-icon {
	background-image: url(themes/custom/images/ui-icons_888888_256x240.png);
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}

	#modalRunReport {
		display: none;
		margin-left: auto !important;
		margin-right: auto !important;
		background-color: White !important;
		border: solid 1px #000 !important;
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;
		width: 500px !important;
	}

	#modalRunReport .labelField {
		display: inline-block;
		width: 150px;
	}

	#modalRunReport .spanRequired {
		color: red;
	}

	#modalRunReport .modalResultBody input[type='text'], #modalRunReport .modalResultBody select {
		margin-bottom: 5px;
		padding: 5px;
	}

	#modalChangePassword .modalResultBody input[type='text'] {
		width: 350px;
	}

	#modalRunReport .modalResultBody input[type='password'] {
		width: 175px;
	}

	#modalRunReport .inputField {
		display: inline-block;
	}

	#modalRunReport .modalResultHeader, .modalCloseButton {
		display: none;
	}

	#modalRunReport .modalResultBody label {
		display: inline-block;
		width: 70px;
		margin-bottom: 11px !important;
	}

	#modalRunReport .modalResultBody h1 {
		margin-top: 20px;
	}

	#modalRunReport .modalResultBody {
		padding: 20px 30px;
	}

	#modalRunReport.divForm {
		padding: 25px 0;
	}

	.ui-datepicker {
		background: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		text-align: right;
	}
	.ui-datepicker-calendar th {
		padding: 0;
	}
	.ui-state-highlight {
		background: #fff !important;
		border: none !important;
	}
	.ui-datepicker a {
		color: #6e9fb9;
		display: block;
		cursor: pointer;
		padding: 3px 5px;
		font-weight: bold;
	}
	.ui-datepicker a:hover, .ui-state-highlight a:hover {
		background: #efefef !important;
	}
	.ui-datepicker td, .ui-datepicker th {
		font-weight: normal;
	}
	.ui-datepicker-header {
		text-align: center;
	}
	.ui-icon-circle-triangle-w {
		float: left;
	}
	.ui-icon-circle-triangle-e  { float: right; }

	.ui-datepicker-next {
		float: right;
		font-size: 14px !important;
	}
	.ui-datepicker-prev {
		float: left;
		font-size: 14px !important;
	}
	a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover, .ui-datepicker-next:hover span, .ui-datepicker-prev:hover span {
		background: #fff !important;
		text-decoration: underline !important;
	}
	.ui-datepicker-title {
		display: inline-block;
	}
	.ui-datepicker-calendar tbody td, .ui-datepicker-calendar tbody th {
		border: 1px solid #ccc;
	}
	.ui-datepicker-calendar {
		border-spacing: 0;
		border-collapse: collapse;
	}
	.icon-triangle-right{ margin-top: 2px; }

	.blueButtonLink {
		padding: 10px 15px;
		width: 340px;
	}
	#alertmod_grid, #alertmod_gridSupervisors { display: none; }
	#ui-datepicker-div { display: none; }

    
	#modalTransferScore, #modalShareWithJur {
		display: none;
		margin-left: auto !important;
		margin-right: auto !important;
		background-color: White !important;
		border: solid 1px #000 !important;
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;
		width: 500px !important;
	}

	#modalTransferScore .labelField, #modalShareWithJur .labelField {
		display: inline-block;
		width: 175px;
	}

	#modalTransferScore .spanRequired, #modalTransferScore .spanRequired {
		color: red;
	}

	#modalTransferScore .modalResultBody input[type='text'], #modalTransferScore .modalResultBody input[type='password'], #modalTransferScore .modalResultBody select,
    #modalShareWithJur .modalResultBody input[type='text'], #modalShareWithJur .modalResultBody input[type='password'], #modalShareWithJur .modalResultBody select {
		margin-bottom: 5px;
		padding: 5px;
	}

	#modalTransferScore .modalResultBody input[type='text'], #modalShareWithJur .modalResultBody input[type='text'] {
		width: 350px;
	}

	#modalTransferScore .modalResultBody input[type='password'], #modalShareWithJur .modalResultBody input[type='password'] {
		width: 175px;
	}

	#modalTransferScore .inputField, #modalShareWithJur .inputField {
		display: inline-block;
	}

	#modalTransferScore .modalResultHeader, .modalCloseButton, #modalShareWithJur .modalResultHeader {
		display: none;
	}

	#modalTransferScore .modalResultBody label, #modalShareWithJur .modalResultBody label {
		display: inline-block;
		width: 70px;
		margin-bottom: 11px !important;
	}

	#modalTransferScore .modalResultBody h1, #modalShareWithJur .modalResultBody h1 {
		margin-top: 20px;
	}

	#modalTransferScore .modalResultBody, #modalShareWithJur .modalResultBody {
		padding: 20px 30px;
	}

	#modalTransferScore.divForm, #modalShareWithJur.divForm {
		padding: 25px 0;
	}

	.rightNavMenu {
		float: right;
		display: inline-block;
		margin-top: 10px;
		width: 210px;
	}

	.rightNavMenu a {
		background: #FBFAFA;
		display: block;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		font-weight: bold;
		font-size: 14px;
		color: #1674bd;
		padding: 5px 20px;
		text-align: left;
	}
	.rightNavMenu a:first-of-type {
		border-top: 1px solid #ccc;
	}
	.rightNavMenu a:hover {
		background: #efefef;
	}
    
	#modalAddSupervisor {
		display: none;
		margin-left: auto;
		margin-right: auto;
		background-color: White;
		border: solid 1px #000;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 700px;
	}

	#modalAddSupervisor {
		font-size: 16px;
	}

	#modalAddSupervisor .modalResultBody h1 {
		margin-top: 20px;
	}

	#modalAddSupervisor .modalResultBody {
		padding: 20px 30px;
	}

	#modalAddSupervisor .divForm {
		padding: 25px 0;
	}

	#modalAddSupervisor .modalResultBody input[type='text'] {
		width: 300px;
	}

	#modalAddSupervisor .searchResultLabel {
		display: inline-block;
		width: 100px;
	}

	#divSearchResult .divForm {
		margin: 0 auto;
		width: 70%;
	}

	#divSearchResult .divForm > div {
		margin-bottom: 8px;
	}

	#divLoading, #divCreatingEvaluation {
		height: 96px;
		padding-top: 90px;
		text-align: center;
	}

	#divAddSup .divStaffUser {
		border-bottom: 1px solid #ddd;
	}

	#divAddSup .divSup span {
		display: inline-block;
		width: 22%;
		line-height: 1.5em;
		vertical-align: top;
	}

	#divAddSup #adminModalSubContent {
		max-height: 270px;
		overflow-y: auto;
		border: 1px solid #ccc;
		padding: 5px;
	}
	#modalConfirmRemoveSupervisor {
		display: none;
		margin-left: auto !important;
		margin-right: auto !important;
		background-color: White !important;
		border: solid 1px #000 !important;
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;
		width: 500px !important;
	}

	#modalConfirmRemoveSupervisor .labelField {
		display: inline-block;
		width: 150px;
	}

	#modalConfirmRemoveSupervisor .spanRequired {
		color: red;
	}

	#modalConfirmRemoveSupervisor .modalResultBody input[type='text'], #modalConfirmRemoveSupervisor .modalResultBody input[type='password'], #modalConfirmRemoveSupervisor .modalResultBody select {
		margin-bottom: 5px;
		padding: 5px;
	}

	#modalConfirmRemoveSupervisor .modalResultBody input[type='text'] {
		width: 350px;
	}

	#modalConfirmRemoveSupervisor .modalResultBody input[type='password'] {
		width: 175px;
	}

	#modalConfirmRemoveSupervisor .inputField {
		display: inline-block;
	}

	#modalConfirmRemoveSupervisor .modalResultHeader, .modalCloseButton {
		display: none;
	}

	#modalConfirmRemoveSupervisor .modalResultBody label {
		display: inline-block;
		width: 70px;
		margin-bottom: 11px !important;
	}

	#modalConfirmRemoveSupervisor .modalResultBody h1 {
		margin-top: 20px;
	}

	#modalConfirmRemoveSupervisor .modalResultBody {
		padding: 20px 30px;
	}

	#modalConfirmRemoveSupervisor .divForm {
		padding: 25px 0;
	}
    
    #modalAssignSupervisor {
        display: none;
        margin-left: auto;
        margin-right: auto;
        background-color: White;
        border: solid 1px #000;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        width: 700px;
    }

    #modalAssignSupervisor {
        font-size: 14px;
    }

    #modalAssignSupervisor .modalResultBody label {
        display: inline-block;
        width: 150px;
        margin-bottom: 11px !important;
    }

    #modalAssignSupervisor .modalResultBody h1 {
        margin-top: 20px;
    }

    #modalAssignSupervisor .modalResultBody {
        padding: 20px 30px;
    }

    #modalAssignSupervisor .divForm {
        padding: 25px 0;
    }

    #divLoading, #divAssigningSupervisor {
        height: 96px;
        padding-top: 90px;
        text-align: center;
    }

	#modalRequestAdditionalEval {
		display: none;
		margin-left: auto !important;
		margin-right: auto !important;
		background-color: White !important;
		border: solid 1px #000 !important;
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		border-radius: 20px !important;
		width: 500px !important;
	}

	#modalRequestAdditionalEval .labelField {
		display: inline-block;
		width: 150px;
	}

	#modalRequestAdditionalEval .spanRequired {
		color: red;
	}

	#modalRequestAdditionalEval .modalResultBody input[type='text'], #modalRequestAdditionalEval .modalResultBody input[type='password'], #modalRequestAdditionalEval .modalResultBody select {
		margin-bottom: 5px;
		padding: 5px;
	}

	#modalRequestAdditionalEval .modalResultBody input[type='text'] {
		width: 350px;
	}

	#modalRequestAdditionalEval .modalResultBody input[type='password'] {
		width: 175px;
	}

	#modalRequestAdditionalEval .inputField {
		display: inline-block;
	}

	#modalRequestAdditionalEval .modalResultHeader, .modalCloseButton {
		display: none;
	}

	#modalRequestAdditionalEval .modalResultBody label {
		display: inline-block;
		width: 70px;
		margin-bottom: 11px !important;
	}

	#modalRequestAdditionalEval .modalResultBody h1 {
		margin-top: 20px;
	}

	#modalRequestAdditionalEval .modalResultBody {
		padding: 20px 30px;
	}

	#modalRequestAdditionalEval .divForm {
		padding: 25px 0;
	}

	.tertiaryButton {
		font-weight: bold;
		font-size: 16px;
		color: #efefef !important;
		background: #818181;
		background: -moz-linear-gradient(top, #818181 0%, #656565 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#656565));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#656565',GradientType=0 )";
		border-style: none;
		border-radius: 3px;
		text-decoration: none;
		cursor: pointer;
		padding: 4px 15px;
		width: 200px;
		display: inline-block;
		text-align: center;
	}
	.tertiaryButton:hover {
		background: #4E4E4E;
		background: -moz-linear-gradient(top, #4E4E4E 0%, #282828 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4E4E4E), color-stop(100%,#282828));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4E4E4E', endColorstr='#282828',GradientType=0 );
		color: #fff;
	}
    
	.supervisorEvaluationInfoRow  {
		margin-bottom: 5px;
	}
	.supervisorEvaluationInfoRowLabel  {
		display: inline-block;
		width: 105px;
	}

	.divSupervisorEvaluation {
		background: #FCFDFF;
		border: 1px solid #ccc;
		padding: 10px;
		border-radius: 8px;
		clear: both;
		font-size: 14px;
		font-size: 15px;
	}

	.divSupervisorEvaluation .button-link {
		padding: 5px 10px;
		width: 200px;
		text-align: center;
		font-size: 16px;
	}

	.divSupervisorEvaluation h1 {
		font-size: 18px;
		font-weight: bold;
		color: #555;
		margin: 0;
		text-shadow: none;
	}

	#modalCreateEvaluation, #modalAddSupervisor {
		display: none;
		margin-left: auto;
		margin-right: auto;
		background-color: White;
		border: solid 1px #000;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		width: 700px;
	}
	#modalCreateEvaluation {
		font-size: 14px;
	}
	#modalCreateEvaluation .modalResultBody label {
		display: inline-block;
		width: 150px;
		margin-bottom: 11px !important;
	}
	#modalAddSupervisor  {
		font-size: 16px;
	}
	.modalResultBody h1 {
		margin-top: 20px;
	}
	.modalResultBody {
		padding: 20px 30px;
	}
	.divForm {
		padding: 25px 0;
	}
	.modalResultBody input[type='text'] {
		width: 300px;
	}
	.searchResultLabel {
		display: inline-block;
		width: 100px;
	}
	.searchResultField {
		font-weight: bold;
	}
	#divSearchResult .divForm {
		margin: 0 auto;
		width: 70%;
	}
	#divSearchResult .divForm > div {
		margin-bottom: 8px;
	}
	#divLoading, #divCreatingEvaluation {
		height: 96px;
		padding-top: 90px;
		text-align: center;
	}
    
	.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable {
		height: auto;
		overflow: hidden;
		white-space: normal !important;
	}

	.ui-th-column {
		font-size: 16px !important;
		font-weight: normal !important;
		border-bottom: 1px solid #000;
	}

	.ui-jqgrid-labels {
		border-bottom: 1px solid #000;
	}

	.altGridRow {
		background: #F9F9F9 !important;
	}

	.ui-row-ltr.ui-state-hover {
		background: #EFF0FF !important;
	}

	tr, table, thead {
		background: #fff;
		vertical-align: top;
		border-style: none;
	}
	.ui-jqgrid-sortable {
		cursor: default !important;
	}

	.ui-jqgrid-hdiv {
		border-bottom: 1px solid #ccc !important;
	}

	.ui-jqgrid {
		border-style: none;
		border-width: 0;
	}
	.ui-jqgrid tr.ui-row-ltr td {
		border-right-color: transparent;
	}
	.ui-jqgrid tr.ui-row-ltr td {
		border-bottom-color: #ccc;
		padding: 5px 2px;
		font-weight: bold;
		white-space: normal;
		font-size: 13px;
	}
	.ui-jqgrid tr.ui-row-ltr td a {
		color: #6e9fb9;
		white-space: normal;
	}
	.ui-jqgrid tr.ui-row-ltr td a:hover {
		color: #6e9fb9;
		text-decoration: underline;
	}
	th .ui-th-column {
		border-right-color: transparent !important;
	}
	.ui-jqgrid-labels .ui-th-column {
		border-right-color: transparent;
		font-weight: bold !important;
	}
	.ui-jqgrid .ui-jqgrid-htable th {
		padding: 0;
	}

	#gridPager, #gridSupervisorsPager {
		margin-top: 5px !important;
		font-weight: bold !important;
	}
	#gridPager input[type='text'], #gridPager select, #gridSupervisorsPager input[type='text'], #gridSupervisorsPager select  {
		padding: 0 !important;
		margin: 0 !important;
		width: auto;
		box-shadow: none;
		height: 20px !important;
	}
	#gridPager input[type='text'], #gridPager select, #gridSupervisorsPager input[type='text'], #gridSupervisorsPager select {
		font-size: 12px;
		text-align: center;
	}

.k-grid-content a:active, .k-grid-content a:hover, .k-grid-content a:link, .k-grid-content a:visited {
	color: #6e9fb9;
}

.k-grid-content a:hover {
	text-decoration: underline;
}
.k-grid-header .k-header {
	overflow: visible;
	white-space: normal;
}

body {
	font-family: "OpenSans";
	font-size: 15px;
	color: #5f5e5c;
}

body, h1, h2, h3, h4, h5, div, span, p, a, button, input, textarea {
	font-family: "OpenSans";
	line-height: initial
}

legend {
	display: initial;
	width: initial;
	padding: initial;
	margin-bottom: initial;
	font-size: initial;
	line-height: initial;
	color: #5f5e5c;
	border: initial;
	border-bottom: initial;
}


.rbtn input[type='radio']::after, .rbtn input[type='radio']::before {
	box-sizing: initial;
	-webkit-box-sizing: initial;
}