/*  GLOBAL SETTINGS
===============================*/

body,html,a,div,table,tr,td,h1,h2,h3,h4,img,#container{
	margin:0px;
	padding:0px;
	border:0px;	
}
h5 {
	font-size:1em;
	font-weight:bold;
	margin:1em 0;
}

div {
	display:block;
}

html {
	overflow:hidden;
}

html,body { 
	min-width:1000px;
	height: 100% !important;
	height: 735px;
	width:100% !important;
	width:1050px;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	background-color: #fff; 
	color: #333;
	overflow:hidden;
}

.ui-autocomplete {
	font-size: 1.1em !important;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 75vh !important;
}

/* Google Picker API
===============================*/

.picker.picker-dialog {border:none;border-radius:6px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.8);z-index:100000;}
.picker-dialog-bg {background-color:#000 !important; opacity:.4 !important;z-index:100000;}
.youtube_video_search_result:hover{border-color:#aaa !important;background-color:#efefef !important;}
.youtube_video_search_result.no_results:hover{border-color:white !important;background-color:white !important;}


/* Placeholder css 
===============================*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaa;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #aaa;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaa;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaa;
}
input::placeholder {
  color: #aaa;
}
textarea::placeholder {
  color: #aaa;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

.nowrap {
	white-space: nowrap;
}
textarea {min-height:4em;}
textarea.textarea_height_100 {height:100px !important}
textarea.textarea_height_150 {height:150px !important}
textarea.textarea_height_200 {height:200px !important}
textarea.textarea_height_250 {height:250px !important}

input[type="text"],
input[type="number"],
textarea {
	border-width: 1px;
    border-style: solid;
    padding: 2px;
    border-color: #bbbbbb;
}
.app_pop_up_main input[type="text"],
.app_pop_up_main input[type="number"],
.app_pop_up_main textarea,
.app_pop_up_main .box input[type="text"],
.app_pop_up_main .box input[type="number"], 
.app_pop_up_main .box textarea {
	padding:5px 7px;
	background-image:none !important;
	background-color:#fcfcfc;
	border-width: 1px ;
    border-color: #cccccc;
    border-style: solid ;
	border-radius:4px;
	box-sizing: border-box;
}

.box input[type="text"]:focus, 
.box input[type="number"]:focus,
.box textarea:focus, 
input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #66afe9 !important; 
	outline: 0; 
	background-color:white !important;
	box-shadow:none !important;
}
.box input.error[type="text"], 
.box input.error[type="text"]:focus, 
.box input.error[type="number"],
.box input.error[type="number"]:focus,
.box textarea.error, 
.box textarea.error:focus, 
input.error[type="text"],
input.error[type="text"]:focus,
input.error[type="number"],
input.error[type="number"]:focus,
textarea.error,
textarea.error:focus {
	border-color: #66afe9 !important; 
	outline: 0; 
	background-color:pink !important;
	box-shadow:none !important;
}
input[type="checkbox"]{
	box-shadow: none !important;
	width: auto !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 18 + */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 18 + */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

img.dataTable_search_help_link {
	height:16px;
	width:12px;
	margin:4px 0;
	background: url('../images/ui-icons_888888_256x240.png') top left;
	background-position: -50px -384px;
}

img.dataTable_search_help_link:hover {
	cursor:pointer;
}

table#table thead tr:last-child td, 
table#table thead tr:last-child th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #ececec !important;
    border-bottom: 1px solid #c9c9c9 !important;
}
.body_mobile table#table thead tr:last-child td, 
.body_mobile table#table thead tr:last-child th{
	top: -12px;
}
div.no_data h2{
  font-size:1.5em !important;
  line-height:1.5em !important;
  margin-top: 50px;
}

.no_data{
	text-align: center;
	height:250px;
	line-height: 250px;
	font-size: 14px;
	font-weight: bold;
}

#tabs, #accordion{
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
}

a {
	color:#333333;
	outline:none;
}
.dev-notes{
	border:1px solid #cdcddd;
	background-color:#efefff;
	padding:24px;
}

.hideForPrint {
	display:none !important;
}

#container {
	position:relative; /* needed for footer positioning*/
	min-width:1000px;
	height: 100% !important;
	height: 735px;
	width:100% !important;
	width:1050px;
	overflow:hidden;
}

/*  HEADER
===============================*/
#header .change_user{
	position:absolute;
	top:0px;
	right: 55px;
	width:auto;
	min-width:480px;
	text-align:right;
	color:#ccc;
	font-size:.9em;
	line-height: 42px;
}
#header .change_user select{
	display:inline;
}
#header {
	width:100%;
	height:42px;
	background: #008000 url(../images/controlsNew.png) repeat-x 0 -3696px;
	text-align: center;
	margin:auto;
}
#header .left {
	height: 42px;
	left: 10px;
	position: absolute;
	top: 0px;
	z-index: 90;
}
#header .dock .dock_button {
	background: none;
	display: inline;
	float: left;
	height: 40px;
	margin-right: 3px;
	padding: 0px;
	position: relative;
	top: 0px;
}
.dock_board_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3203px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_board_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3242px;
}

.dock_student_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3042px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_student_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3082px;
}

.dock_admin_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2962px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_admin_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3002px;
}

.dock_programs_events_button{
	background: transparent url(../images/shared_single.png?v6) no-repeat -40px -3123px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_programs_events_button {
	background: transparent url(../images/shared_single.png?v6) no-repeat -40px -3162px;
}

.dock_events_button{
	background: transparent url(../images/shared_single.png?v) no-repeat 0 -3123px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_events_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -3162px;
}

.dock_communications_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2882px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_communications_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2922px;
}

.dock_business_office_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2802px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_business_office_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2842px;
}

.dock_admissions_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2722px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_admissions_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2762px;
}

.dock_sales_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2722px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_sales_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2762px;
}

.dock_front_office_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2002px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_front_office_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2042px;
}

.dock_classroom_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1602px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_classroom_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1642px;
}

.dock_program_classroom_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1602px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_program_classroom_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1642px;
}

.dock_parent_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1522px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_parent_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1562px;
}

.dock_program_parent_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1522px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_program_parent_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1562px;
}

.dock_directory_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1682px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_directory_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1722px;
}

.dock_dashboard_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1922px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_dashboard_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1962px;
}

.dock_resources_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat -1px -3287px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_resources_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat -1px -3324px;
}

.dock_development_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1842px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
}

.dock_button.sel .dock_development_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -1882px;
}

.dock_calendar_button{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2082px;
	cursor: pointer;
	height: 40px;
	position: static;
	vertical-align: middle;
	width: 32px;
	display:block;
	color:black !important;
	font-weight: bold !important;
	font-family: 'Helvetica','Arial' !important;
	text-decoration: none !important;
	line-height: 49px;
}

a.dock_button{
	text-decoration: none !important;
	outline-color: none !important;
	border:none !important;
}

.dock_button.sel .dock_calendar_button {
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2122px;
}

.dock_button .dock_calendar_button.Sun{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2082px;
}
.dock_button.sel .dock_calendar_button.Sun{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2122px;
}

.dock_button .dock_calendar_button.Mon{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2162px;
}
.dock_button.sel .dock_calendar_button.Mon{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2202px;
}

.dock_button .dock_calendar_button.Tue{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2242px;
}
.dock_button.sel .dock_calendar_button.Tue{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2282px;
}

.dock_button .dock_calendar_button.Wed{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2322px;
}
.dock_button.sel .dock_calendar_button.Wed{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2362px;
}

.dock_button .dock_calendar_button.Thu{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2402px;
}
.dock_button.sel .dock_calendar_button.Thu{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2442px;
}

.dock_button .dock_calendar_button.Fri{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2482px;
}
.dock_button.sel .dock_calendar_button.Fri{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2522px;
}

.dock_button .dock_calendar_button.Sat{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2562px;
}
.dock_button.sel .dock_calendar_button.Sat{
	background: transparent url(../images/shared_single.png?v2) no-repeat 0 -2602px;
}

#app_status {
	min-width:300px;
	height: 38px;
	position: absolute;
	top: 1px;
	right:1px;
	z-index: 9999;
	padding:0 15px;
	font-size: 12px;
	line-height:39px;
	font-weight: bold;
	border: 1px solid darkgreen;
	background-color: #EEF5F0;
	color: darkgreen;
	display:none;
	text-align:center;
	border-radius: 3px;
}

#app_status.success {
	display:block;
	border: 1px solid darkgreen;
	background-color: #EEF5F0;
	color: darkgreen;
	padding-left: 0px;
}

#app_status.working {
	display:block;
	background-color: #FAFADA ;
	border-color: #E6B800;
	color: #E6B800;
	padding-left: 0px;
}

#app_status.working i {
	font-size:1.5em;
	margin-left:15px;
	float:left;
	margin-top:10px;
	opacity:1;
}

#app_status.error {
	display:block;
	background-color: pink;
	border-color: firebrick;
	color: firebrick;
	padding-left: 0px;
}

#app_status.abort {
	display:block;
	background-color: grey;
	border-color: #333;
	color: #333;
	padding-left: 0px;
}

#header .toolbar_container{
	height: 20px;
	position: relative;
	top: 12px;
	left: 35px;
	z-index: 89;
	text-align:center;
	margin:auto;
}

#header .toolbar_container .toolbar {
	height: 20px;
	color:white;
}

#header .right {
	height: 42px;
	position: absolute;
	right: 8px;
	top: 0px;
	z-index: 90;
}

#header .search_wrapper{
	height: 24px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 8px;
	right: 64px;
	width: 159px;
	border-radius: 6px;
	border: 1px solid rgba(0,0,0,.1);
}

#header .search_left{
	background-position-x: 0%;
	height: 24px;
	left: 3px;
	position: absolute;
	top: 2px;
	width: 19px;
	color: rgba(255,255,255,.35);
	font-size: 16px;
}
#header .search_left .fa {
	color: rgba(255,255,255,.5) !important;
}

#header .search_wrapper .search_field::placeholder{
	color:white;
	opacity:.5;
}

#header .search_wrapper .search_field::-ms-input-placeholder {
	color:white;
	opacity:.5;
}

#header .search_wrapper .search_field:-ms-input-placeholder{
	color:white;
	opacity:.5;
}

#header input:focus, #header input.active {
	border-color: #66afe9 !important; 
	outline: 0; 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6);
}

#header .search_field{
	border:2px solid rgba(0,0,0,0);
	color: rgba(255,255,255,.5);
	font-size: 12px;
	height: 16px;
	left: 0px;
	line-height: 16px;
	margin: 0px;
	outline: none;
	padding-left:22px;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 130px;
	border-radius:4px;
	background-color: rgba(255,255,255,.25) !important;
}
/*
.firefox #header input.search_field {
	height: 18px;
	padding-top: 4px;
	padding-bottom: 2px;
}
*/

#header .search_field.active{
	color:white;
}

#header .search_right{
	height: 24px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
}

#header .logout_button {
	background: url(../images/shared_single.png?v2) no-repeat -100px -1409px;
	cursor: pointer;
	display: block;
	height: auto;
	margin-left: 12px;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 51px;
}
#header .logout_button:hover {
	background: url(../images/shared_single.png?v2) no-repeat -100px -1345px;
}

/*  MAIN
===============================*/

#main {
	position:absolute;
	top:42px;
	left:0px;
	right:0px;
	bottom:0px;
}


/*  SIDEBAR
===============================*/

#search{
	display:none;
	position:absolute;
	left:15px;
	top:25px;
	width:190px;
	height:23px;
	background: transparent url('../images/search_bg.png?v2') no-repeat;
	padding:4px 5px;
	*padding:2px 5px;
}

#search form input.form_light {
	padding:0 1px 1px;
	color:#aaa;
}

#search form input.form_dark {
	padding:0 1px 1px;
	color:#000;
}


#sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:209px;
	bottom:0px;
	overflow:hidden;  
	border-right: 1px solid #dddddd;
	background: #fafafa;

}

#sidebar_list {
	width:209px;
	overflow-x:hidden;
	overflow-y:auto;
	bottom: 0px;
	left: 0px;
	right: auto;
	top: 0px;
	position:absolute;
}

.sidebar_item {
	display:block;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #FFFFFf;
	height: 32px;
	overflow: hidden hidden;
	width: 209px;
	position:relative;
	cursor:default;
	text-decoration: none;
}

/*.sidebar_item.sel, .sidebar_item.sel:hover {
	background: url('../images/controlsNew.png') repeat-x 0px -4248px #008000;
	border-bottom: 1px solid rgb(47, 74, 47) ;
	border-top: 1px solid rgb(0, 128, 0) ;
}*/

.sidebar_item.sel, .sidebar_item.sel:hover {
/*	border-bottom: 1px solid #637c63 ;*/
	border-top: 1px solid #408040 ;
	background: url('../images/sidebar-selected.png') 50% 50% repeat-x #008000;
}

.sidebar_item:hover{
	background-color: #ececd4;
	border-bottom: 1px solid #d1d1c1;
	border-top: 1px solid #FAFADA ;
}

.sidebar_item .checkbox {
	width: 15px;
	height: 16px;
	top: 7px;
	left: 14px;
	position: absolute;
}

.sidebar_item .icon {
	float: left;
	left: 0px;
	position: absolute;
	width: 32px;
}

.sidebar_item .icon img {
	width: 32px;
	height: 32px;
	padding-left:5px;
	background: url('../images/acct_sprite.png?v2.6') no-repeat 0px 0px transparent;
}

.sidebar_item .checkbox {
	background: url('../images/controls.png') no-repeat 0px -2400px transparent;
}

.sidebar_item.sel .checkbox {
	background: url('../images/controls.png') no-repeat -16px -2400px transparent;
}

.sidebar_item .title {
	float: left;
	height: 21px;
	overflow: hidden;
	padding-left: 12px;
	padding-top: 3px;
	position: relative;
	text-overflow: ellipsis;
	top: 6px;
	left:30px;
	white-space: nowrap;
	width: 155px;
	color: rgb(64, 71, 77);
	font-size: 12px;
	text-transform: uppercase;
}

.sidebar_item.sel .title {
	top: 6px;
	color: white;
}


/*  CONTENT
===============================*/

#content {
	position:absolute;
	top:0px;
	left:210px;
	right:0px;
	bottom:0px;
	overflow:hidden;
	-webkit-overflow-scrolling: auto;
}


#content_header {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	min-width:816px;
	height:56px;
}

#content_header h1 {
	padding:12px 0 12px 20px;
	width:537px;
	height:56px;
	color:#333;
	font-size:35px;
	font-weight:bold;
}

#content_main {
	position:absolute;
	top:56px;
	left:0px;
	bottom:0px;
	right:0px;
	min-width:816px;
	overflow-x:hidden;
	overflow-y:auto;
}

#content_main h2 {
	padding-bottom:5px;
}


/*  POP UP with footer
===============================*/
#registration_app_pop_up,
#custom_registration_app_pop_up,
#new_app_pop_up,
#notice_app_pop_up{
	display: none;
	width: 876px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -250px auto auto -450px;
	z-index: 9998;
	background-color: white;
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-khtml-border-radius: 4px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 10px;
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.8);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.8);
}

#custom_registration_app_pop_up{ width:98%;margin:0;top:10px;left:1%;bottom:10px;z-index: 9996;}
#custom_registration_app_pop_up .pop_up_subheading{
	padding:20px 0 20px !important;
	white-space: pre-wrap !important;
}

#app_pop_up,
#api_pop_up {
	display:none;
	width:650px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-250px auto auto -325px;
	z-index: 9997;
	/*NEW*/
	background-color:white;
	border-radius:4px;
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.8);
	
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:5000;
	overflow:hidden;
}
.overlay{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index: 9997;
}
#overlay_2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 9998;
    overflow: hidden;
}
#registration_app_pop_up .close i.fa,
#custom_registration_app_pop_up .close i.fa,
#notice_app_pop_up .close i.fa,
#new_app_pop_up .close i.fa,
#app_pop_up .close i.fa,
#api_pop_up .close i.fa,
#big_pop_up .close i.fa {
	float:right;
	cursor: pointer;
	display: block;
	margin: 0px;
	outline: none;
	position: relative;
	width: auto;
	z-index: 101;
	color:#bbb !important;
	padding: 22px 22px 20px 10px;
	vertical-align: middle;
	font-size: 26px;
	border-radius:6px;
}

#registration_app_pop_up .close  i.fa:hover,
#custom_registration_app_pop_up .close  i.fa:hover,
#new_app_pop_up .close  i.fa:hover,
#app_pop_up .close  i.fa:hover,
#api_pop_up .close  i.fa:hover,
#big_pop_up .close  i.fa:hover{
	color:#888 !important;
	opacity:1 !important;
}
#app_pop_up_content,
#api_pop_up_content {
	width:100%;
}
.app_pop_up_main {
	min-height:150px;
}
.app_pop_up_footer {
	position:relative;
	background:none;
	min-height:40px;
	background-color:#f6f6f6;
	border-top:1px solid #ccc;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align:right;
	padding:0 12px;
}
.app_pop_up_footer .newbutton {
	margin:11px 12px 12px 0px;
	font-size:13px;
	padding:7px 18px 6px 16px;
	border-radius:4px;
	float:none;
	color:#666 !important;
}
.app_pop_up_footer .newbutton:hover,
app_pop_up_footer .button_group .newbutton:hover {
	color:#333 !important;
	border-color:#888 !important;
}
.app_pop_up_footer .newbutton .fa {
	font-size:1.5em;
}
.insert_button{
	-webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    border-style: solid;
    border-width: 1px;
    padding: 1px 7px 2px;
    font: 400 11px system-ui;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    margin: 0em;
}

/*  POP UP no footer
===============================*/

#pop_up {
	visibility:hidden;
	display:block;
	width:650px;
	height:450px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-225px auto auto -325px;
	z-index: 9997;
	background: transparent url('../images/popup_bg.png?v2') no-repeat;
}

#pop_up .close {
	background: url('../images/widget_close.png?v2') no-repeat;
	cursor: pointer;
	display: block;
	height: 28px;
	margin: 0px -3px -3px 10px;
	outline: none;
	position: relative;
	text-indent: -9999px;
	top: 13px;
	width: 28px;
	z-index: 201;
}

#pop_up_content {
	margin:20px 50px;
	overflow:hidden;
}

.pop_up_heading {
	padding-bottom:7px;
	width:100%;
	border-bottom:2px solid #016648;
	color:#016648;
	font-size:20px;
	font-weight:bold;
}
#registration_app_pop_up #shopping_cart .pop_up_heading {
	width:300px;
}
#registration_app_pop_up #edit_registration_form .pop_up_subheading,
#registration_app_pop_up #shopping_cart .pop_up_subheading {
	margin-top:80px;
	margin-left:24px;
}
#registration_app_pop_up #shopping_cart .pop_up_subheading,
#registration_app_pop_up #shopping_cart #shopping_cart_content {
	margin-left:12px;
}
#registration_app_pop_up .pop_up_heading,
#custom_registration_app_pop_up .pop_up_heading,
#notice_app_pop_up .pop_up_heading,
#new_app_pop_up .pop_up_heading,
#app_pop_up .pop_up_heading,
#api_pop_up .pop_up_heading{	
	position:absolute;
	width:calc(100% - 48px);
	height: 24px;
	line-height: 24px;
	padding: 24px;
	border-bottom: 1px solid #ccc !important;
	color: #222 !important;
	font-size:22px;
	font-weight:bold;
	background-color: #f6f6f6;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.pop_up_heading .newbutton{
	margin-right:72px;
	padding:1px 10px;
}
.pop_up_heading select {
	position:relative;
	top:-2px;
	*top:0px;
}

.pop_up_subheading {
	line-height:1.5em;
	padding:15px 0 10px;
	color:#333;
	font-size:15px;
	font-weight:bold;
	margin-left:32px;
	margin-right:24px;
	clear:both;	
}
.green{
	color:green;
}
.pop_up_details{
	max-height:375px;
	color:#222;
	line-height:1.75em;
	overflow:auto;
}
.pop_up_details,
#pop_up_details {
    color: #222;
    line-height: 1.75em;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 32px;
    padding-bottom: 24px;
    clear:both;

}
.pop_up_details a, ul.pop_up_list li a {
	color:#016648;
	font-size:1.15em;
	text-decoration:none;
}

.pop_up_details a:hover, ul.pop_up_list li a:hover {
	text-decoration:underline;
}
.pop_up_details a.newbutton:hover, ul.pop_up_list li a.newbutton:hover {
	text-decoration:none;
}

ul.pop_up_list {
	margin-left:15px;
	padding-top:12px;
	line-height:2em;
	list-style:none;
}

ul.pop_up_list li {
	background: transparent url('../images/bullet.png?v2') no-repeat 0px 50%;
}

ul.pop_up_list li a {
	margin-left:15px;
}



/*  FOOTER
===============================*/
#footer_email_form{
	display:none;
	position:absolute;
	bottom:0px;
	right:40px;
	width:200px;
	border:1px solid #d0d0d0;
	background-color:#fff;
	padding:10px 15px 15px;
	z-index:40;
	border-bottom:none;
}

#popup_email_form {
	display:none;
	position:absolute;
	bottom:57px;
	right:40px;
	width:200px;
	border:1px solid #d0d0d0;
	background-color:#fff;
	padding:10px 15px 15px;
	z-index:40;
	border-bottom:none;
}

.close_email_form{
	width:100%;
	text-align:right;
	display:block;
	margin-bottom:10px;
	color:#016648;
	font-size:10px;
	cursor:pointer;
}
#footer_email_form .form_light,
#popup_email_form .form_light,
.form_light {
	color:#aaa;
}

#footer_email_form .form_dark,
#popup_email_form .form_dark,
form_dark {
	color:#000;
}
.red,
#footer_email_form .red,
#popup_email_form .red {
	color:firebrick;
}
.stop{
	color:firebrick;
}
.yield{
	color:darkorange;
}
.go{
	color:green;
}
#email_sent_message,
#popup_email_sent_message {
	display:none;
	padding:25px 0px;
	display:block;
	color:darkgreen;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
#footer_email_form a.button,
#footer_email_form input,
#footer_email_form textarea,
#popup_email_form a.button,
#popup_email_form input,
#popup_email_form textarea {
	display:block;
	border:1px solid #d0d0d0;
	padding:4px;
	color:#333;
	width:95%;
	margin-bottom:15px;
}
#footer_email_form a.button,
#popup_email_form a.button {
	color:#fff;
	background-color:#587E67;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin-bottom:0px;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 0px;
}
#footer_email_form a.button:hover,
#popup_email_form a.button:hover {
	background-color:#42594B;
}
#footer_email_form p,
#popup_email_form p {
	font-size:10px;
	margin-bottom:15px;
	line-height:1.5em;
}
#footer {
	position:absolute;
	width:100%;
	bottom:0;
	height:33px;
	background: transparent url('../images/footer_bg2.jpg') repeat-x;
	overflow: hidden;
}

/*  TOOLBAR
===============================*/

.app_pop_up_footer .toolbar,
#footer .toolbar {
	display:block;
	position:absolute;
	top:6px;
	right:25px;
	margin:0px;
	height:33px;
	overflow: hidden;
}

.app_pop_up_footer .toolbar li,
#footer .toolbar li {
	display:inline;
}

#toolbar_hint{
	position:relative;
	top:18px;
	vertical-align:top;
	color:#333;
	visibility:hidden;
	margin:0px 24px;
	font-weight:bold;
}

.toolbar_icon {
	background: transparent url('../images/toolbar_icons.png?v2') no-repeat 0px 0px;
	margin:3px 3px 0px;
	cursor:pointer;
}

.toolbar_download{
	background-position: 0px 0px;
}
.toolbar_download:hover{
	background-position: -54px 0px;
}
.toolbar_download_calendar{
	background-position: 0px -383px;
}
.toolbar_download_calendar:hover{
	background-position: -52px -383px;
}
.toolbar_feedback{
	background-position: 0px -33px;
}

.toolbar_feedback:hover{
	background-position: -53px -33px;
}

.toolbar_email_send {
	background-position: -6px -480px;
}

.toolbar_email_send:hover{
	background-position: -58px -480px;
}

.toolbar_email_page {
	background-position: 0px -66px;
}

.toolbar_email_page:hover{
	background-position: -53px -66px;
}

.toolbar_email_current_list{
	background-position: 0px -66px;
}

.toolbar_email_current_list:hover{
	background-position: -53px -66px;
}

.toolbar_add{
	background-position: 2px -99px;	
	
}

.toolbar_add:hover{
	background-position: -51px -99px;	
}

.toolbar_logout{
	background-position: 0px -132px;
	margin:0px 2px 0px !important;
}

.toolbar_logout:hover{
	background-position: -53px -132px;
}

.toolbar_print_page{
	background-position: 0px -164px;
}

.toolbar_print_page:hover{
	background-position: -53px -164px;
}

.toolbar_subscribe_to_calendar{
	background-position: 0px -413px;
}

.toolbar_subscribe_to_calendar:hover{
	background-position: -52px -413px;
}
.toolbar_rss{
	background-position: 0px -226px;
}

.toolbar_rss:hover{
	background-position: -53px -226px;
}
.toolbar_blog_admin{
	background-position: 0px -258px;
	margin:0px 3px 0px !important;
}

.toolbar_blog_admin:hover{
	background-position: -53px -258px;
}
.toolbar_delete{
	background-position: 0px -289px;
	margin:0px 3px 0px !important;
}
.toolbar_delete:hover{
	background-position: -53px -289px;
}
.toolbar_save{
	background-position: 0px -319px;
	margin:3px 3px 0px !important;
}
.toolbar_save:hover{
	background-position: -53px -319px;
}
.toolbar_save_as{
	background-position: 0px -351px;
	margin:0px 3px 0px !important;
}
.toolbar_save_as:hover{
	background-position: -52px -351px;
}
.toolbar_graduate{
	background-position: -2px -446px;
}

.toolbar_graduate:hover{
	background-position: -54px -446px;
}

/*  MISC BUTTONS
===============================*/

.grey-button-outer{
	background: transparent url('../images/controls.png?v2') no-repeat 98% -864px;
	background-attachment: scroll;
	color: rgb(28, 79, 173);
	cursor: default;
	display: block;
	height: 24px;
	margin: 0px 2px;
	padding: 0px 16px 0px 0px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.74902) 0px 1px 0px;
}

.grey-button-inner{
	background: transparent url('../images/controls.png?v2') no-repeat 3px -720px;
	display: block;
	height: 24px;
}

.grey-button-inner .label {
	font-family:helvetica;
	background: transparent url('../images/controls.png?v2') repeat-x 0px -240px;
	color: black;
	display: block;
	font-size: 13px;
	font-weight: normal;
	height: 14px;
	margin-left: 16px;
	min-width: 48px;
	padding: 3px 0 7px;
	text-align: center;
	text-shadow: rgba(206, 214, 221, 0.74902) 0px 1px 0px;
	white-space: nowrap;
}
a.button {
	-webkit-user-select: none;
	border: none;
	cursor: default;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#header .toolbar_container a.button {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle ;
	height: 24px;
	margin-top: -4px ! important;
	position: relative;
}

#header .toolbar_container a.button.active,
#header .toolbar_container a.button.sel {
	background-position: left -2928px;	
}

#header .toolbar_container a.button.disabled,
#header .toolbar_container a.button.sel.disabled {
	background-position: left -2952px;	
}

#header .toolbar_container a.normal {
	margin-left: 3px;
	margin-right: 3px;
}
#header .toolbar_container a.action_button{
	margin-left: 3px;
}

#header .toolbar_container a.button .button-inner {
	display: block ;
	position: relative;
	height: 24px;
	line-height: 20px;
	width: 48px;
	text-align: center ;
}

#header .toolbar_container a.button.active .button-inner,
#header .toolbar_container a.button.sel .button-inner {
	background-position: right -3144px;
}

#header .toolbar_container a.button.disabled .button-inner,
#header .toolbar_container a.button.sel.disabled .button-inner {
	background-position: right -3168px;
}

#header .toolbar_container .button img {
	height: 16px;
	width: 32px;
	vertical-align: middle ;
	position: absolute ;
	top: 4px;
	left: 8px;
	z-index: 99;
}

#header .toolbar_container a.button .button-inner.calendar_button{
	width:32px;
}

#header .toolbar_container a.button .button-inner.calendar_button img{
	width:auto;
}

#header .toolbar_container a.mid img {
	left: 6px;
}

#header .toolbar_container a.mid {
	background-position: left -2976px ;
	margin-left: -1px;
	margin-right: 0 ;
}

#header .toolbar_container a.mid.active,
#header .toolbar_container a.mid.sel {
	background-position: left -3000px ;
	background-color: rgba(0,0,0,.25);
}

#header .toolbar_container a.mid.disabled,
#header .toolbar_container a.mid.sel.disabled {
	background-position: left -3024px ;
}

#header .toolbar_container a.mid .button-inner {
	width: 44px;
}

#header .toolbar_container a.left-end {
	margin-right: 0  ;
}

#header .toolbar_container a.right-end {
	background-position: left -2976px ;
	margin-left: -1px;
}

#header .toolbar_container a.right-end.active,
#header .toolbar_container a.right-end.sel {
	background-position: left -3000px ;
}

#header .toolbar_container a.right-end.disabled,
#header .toolbar_container a.right-end.sel.disabled {
	background-position: left -3024px ;
}

#header .toolbar_container a.left-end .button-inner {
	background-position: right -3192px ;
	width: 45px;
}

#header .toolbar_container a.left-end.active .button-inner,
#header .toolbar_container a.left-end.sel .button-inner {
	background-position: right -3216px ;
}

#header .toolbar_container a.left-end.disabled .button-inner,
#header .toolbar_container a.left-end.sel.disabled .button-inner {
	background-position: right -3240px ;
}

#header .toolbar_container a.mid .button-inner {
	background-position: right -3192px ;
}

#header .toolbar_container a.mid.active .button-inner,
#header .toolbar_container a.mid.sel .button-inner {
	background-position: right -3216px ;
}

#header .toolbar_container a.mid.disabled .button-inner {
	background-position: right -3240px ;
}

#header .toolbar_container .button .label,
#header .toolbar_container .button.active .label {
	box-shadow:inset 0px 1px 1px rgba(255,255,255,.125);
	color: #f0f0f0;
	display: block;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	position: relative;
	z-index: 50;
	background-color: rgba(0,0,0,.3);
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,.5);
	border-top: 1px solid rgba(0,0,0,.3);
}
#header .toolbar_container .button:hover, 
#header .toolbar_container .button.active:hover {
	background-color: rgba(0,0,0,.15);
	border-radius:4px;
}
#header .toolbar_container .button:active {
	background-color: rgba(0,0,0,.5);
}
#header .toolbar_container .button.disabled .label,
#header .toolbar_container .button.active.disabled .label {
	background-position: left -3096px ;
}
#header .toolbar_container .button.sel	 .label,
#header .toolbar_container .button.active .label {
	background-position: left -3072px ;
}

/* Toolbar exceptions and overrulings */
#header .toolbar_container #toolbar .today_button {
  margin-right: 7px;
}
.calendar #header .toolbar_container .action_button,
.files #header .toolbar_container a.action_button {
  margin-left: 7px;
}
#header .toolbar_container #toolbar .today_button {
	min-width: 58px;
}
#header .toolbar_container #toolbar .day_canvas_button,
#header .toolbar_container #toolbar .week_canvas_button,
#header .toolbar_container #toolbar .month_canvas_button,
#header .toolbar_container #toolbar .today_button .button-inner,
#header .toolbar_container #toolbar .day_canvas_button .button-inner,
#header .toolbar_container #toolbar .week_canvas_button .button-inner,
#header .toolbar_container #toolbar .month_canvas_button .button-inner {
	width: 58px;
}
#header .toolbar_container #toolbar .prev_button,
#header .toolbar_container #toolbar .next_button,
#header .toolbar_container #toolbar .prev_button .button-inner,
#header .toolbar_container #toolbar .next_button .button-inner {
	width: 26px;
}
#header .toolbar_container #toolbar .prev_button img,
#header .toolbar_container #toolbar .next_button img {
	left: 6px;
	width: 16px;
}
#header .toolbar_container #toolbar .prev_button img.prev-icon {
	background-position: -8px -3936px;
}
#header .toolbar_container #toolbar .next_button img.next-icon {
	background-position: -10px -3968px;
}
#header a.regular.sel.active {
  background: none;
}

.files #header .toolbar_container a.right-end {
  margin-right: 7px;
}

/* @group Shared Toolbar Icons */

a.button img.shared-toolbar-sprite {
	background: url('../images/controlsNew.png') top left ;
}

a.button img.shared-toolbar-sprite.actions-icon {
	background-position: left -3808px;
}
#header .toolbar_container a.button .button-inner.print_button{
	width: 32px !important;
}
a.button img.shared-toolbar-sprite.print-icon {
	width:20px !important;
	background: transparent url('../images/printer_icon.png') no-repeat !important;
}
a.button img.calendar-icon {
	background: url('../images/calendar.gif') top left ;
}

a.button.disabled img.shared-toolbar-sprite.actions-icon {
	background-position: left -3824px;
}

a.button img.shared-toolbar-sprite.add-icon {
	background-position: left -3840px;
}

a.button.disabled img.shared-toolbar-sprite.add-icon {
	background-position: left -3856px;
}

a.button img.shared-toolbar-sprite.upload-icon {
	background-position: left -3872px;
}

a.button.disabled img.shared-toolbar-sprite.upload-icon {
	background-position: left -3888px;
}

a.button img.shared-toolbar-sprite.delete-icon {
	background-position: left -3903px;
}

a.button.disabled img.shared-toolbar-sprite.delete-icon {
	background-position: left -3919px;
}
a.button img.shared-toolbar-sprite.refresh-icon {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -449px;
}

a.button.disabled img.shared-toolbar-sprite.refresh-icon {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -449px;
}

a.button img.shared-toolbar-sprite.prev-icon {
	background-position: left -3936px;
}

a.button.disabled img.shared-toolbar-sprite.prev-icon {
	background-position: left -3952px;
}

a.button img.shared-toolbar-sprite.next-icon {
	background-position: left -3968px;
}

a.button.disabled img.shared-toolbar-sprite.next-icon {
	background-position: left -3984px;
}

a.button img.shared-toolbar-sprite.fpo-icon {
	background-position: left -4296px;
}

a.button.disabled img.shared-toolbar-sprite.fpo-icon {
	background-position: left -4296px;
}

/********* Buttons ********/
a.button.regular .label,
a.button.capsule .label,
a.button.dropdown .label,
a.button.popup .label {
	font-size: 13px;
	color: #000000;
	text-shadow: rgba(255,255,255,.75) 0px 1px 0px;
	font-weight: normal !important;
	white-space: nowrap;
}


a.button.regular.def .label,
a.button.capsule.def .label,
a.button.dropdown.def .label,
a.button.popup.def .label,

a.button.regular.sel .label,
a.button.capsule.sel .label,
a.button.dropdown.sel .label,
a.button.popup.sel .label
 {
  color: #000000;
  text-shadow: rgba(206,214,221,.75) 0px 1px 0px;
}


.button.regular.sel .label,
.button.capsule.sel .label {
	color: #1a1e22;
}

.toolbar .button .label,
.toolbar .button.active .label,
.toolbar .button.sel .label {
  color: #f0f0f0;
	font-weight: bold ! important;
	font-size: 11px ! important;
}

.toolbar .button.disabled .label, .toolbar .button.sel.disabled .label {
  color: #bbbbbb ! important;
  font-weight: bold ! important;
  font-size: 11px ! important;
}

.firefox .toolbar .button .label {
	opacity: .999;
}

.button.regular.small .label,
.button.capsule.small .label,
.button.dropdown.small .label,
.button.popup.small .label {
	font-size: 11px;
	
	text-shadow: rgba(255,255,255,.75) 0px 1px 0px;
}

.button.checbox .label {
  text-shadow: none;
}

.button.checkbox.small .label {
  font-size: 11px;
}


.button.regular.mini .label,
.button.capsule.mini .label,
.button.dropdown.mini .label,
.button.popup.mini .label {
	font-size: 11px;
	color: #000;
}
.button.active .label,
.button.pressed .label {
	color: #000;
}
.button.small.active .label,
.button.small.pressed .label {
	color: #000;
}
.button.mini.active .label,
.button.mini.pressed .label {
	color: #000;
}
a.button.regular.disabled .label,
a.button.capsule.disabled .label, 
a.button.dropdown.disabled .label,
a.button.popup.disabled .label,
a.button.regular.disabled.def .label,
a.button.capsule.disabled.def .label, 
a.button.dropdown.disabled.def .label,
a.button.popup.disabled.def .label {
	color: #9a9a9a;
}
.button.small.disabled .label {
}
.button.mini.disabled .label {
}

a.button.link .label {
    color: #1c4fad ! important;
}

a.button.link:hover .label, a.button.link.hover .label,
a.button.link:active .label, a.button.link.active .label {
    text-decoration: underline ! important;
}
/*Added for dummy drop shadow*/
/*
.top-edge {
background: transparent url('../images/shadows_repeat_x.png') repeat-x scroll 0px -60px;
height:20px;
position:absolute;
left:20px;
right:20px;
top:-20px;
}

.top-left-edge{
background:transparent url('../images/shadow_corners.png') no-repeat scroll 0px -160px;
height:40px;
width:40px;
position:absolute;
left:-20px;
top:-20px;
}


.top-right-edge {
background:transparent url('../images/shadow_corners.png') no-repeat scroll 0px -240px;
width:40px;
height:40px;
position:absolute;
right:-20px;
top:-20px;

}

.left-edge {
background:transparent url('../images/shadows_repeat_y.png') repeat-y scroll -60px 0px;
width:20px;
top:20px;
bottom:20px;
position:absolute;
left:-20px;
}

.right-edge {
background:transparent url('../images/shadows_repeat_y.png') repeat-y scroll -90px 0px;
width:20px;
top:20px;
bottom:20px;
position:absolute;
right:-20px;
}


.bottom-edge {
background:transparent url('../images/shadows_repeat_x.png') repeat-x scroll 0px -90px;
height:20px;
position:absolute;
left:20px;
right:20px;
bottom:-20px;
}

.bottom-left-edge {
background:transparent url('../images/shadow_corners.png') no-repeat scroll 0px -200px;
height:40px;
width:40px;
position:absolute;
left:-20px;
bottom:-20px;
}

.bottom-right-edge {
background:transparent url('../images/shadow_corners.png') no-repeat scroll 0px -280px;
height:40px;
width:40px;
position:absolute;
right:-20px;
bottom:-20px;
}
*/
#panes {
	display:none;
	position: absolute ;
	position: fixed ;
	z-index: 100000;
	overflow: hidden ;
	top:  0;
	left:  0;
	width: 100%;
	height: 100%;
}

#panes .pane-wrapper .buttons {
	text-align: right ;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: -2px;
	padding-right: 0px;
	padding-left: 0px;
}

#panes .pane .shadow {
	position: relative ;
	border: none ;
	z-index: 5;
}

#panes .pane .shadow .top-left-edge {
	position: absolute ;
	width: 40px;
	height: 40px;
	top: -20px;
	left: -20px;
}

#panes .pane .shadow .bottom-left-edge {
	position: absolute ;
	width: 40px;
	height: 40px;
	bottom: -20px;
	left: -20px;
}

#panes .pane .shadow .top-right-edge {
	position: absolute ;
	width: 40px;
	height: 40px;
	top: -20px;
	right: -20px;
}

#panes .pane .shadow .bottom-right-edge {
	position: absolute ;
	width: 40px;
	height: 40px;
	bottom: -20px;
	right: -20px;
}

#panes .pane .shadow .top-edge {
	position: absolute ;
	height: 20px;
	top: -20px;
	right: 20px;
	left: 20px;
}

#panes .pane .shadow .bottom-edge {
	position: absolute ;
	height: 20px;
	bottom: -20px;
	right: 20px;
	left: 20px;
}

#panes .pane .shadow .left-edge {
	position: absolute ;
	width: 20px;
	top: 20px;
	bottom: 20px;
	left: -20px;
}

#panes .pane .shadow .right-edge {
	position: absolute ;
	width: 20px;
	top: 20px;
	bottom: 20px;
	right: -20px;
}
/*
#panes .pane.menu-pane .shadow .top-left-edge {
	width: 30px;
	height: 30px;
	background: url('../images/shadow_corners.png') no-repeat -10px -810px;
}

#panes .pane.menu-pane .shadow .bottom-left-edge {
	width: 30px;
	height: 30px;
	bottom: -27px;
	background: url('../images/shadow_corners.png') no-repeat -10px -680px;
}

#panes .pane.menu-pane .shadow .top-right-edge {
	width: 30px;
	height: 30px;
	background: url('../images/shadow_corners.png') no-repeat 0px -890px;
}

#panes .pane.menu-pane .shadow .bottom-right-edge {
	width: 30px;
	height: 30px;
	bottom: -27px;
	background: url('../images/shadow_corners.png') no-repeat 0px -760px;
}

#panes .pane.menu-pane .shadow .top-edge {
	right: 10px;
	left: 10px;
	background: url('../images/shadows_repeat_x.png') repeat-x 0px -300px;
}

#panes .pane.menu-pane .shadow .bottom-edge {
	right: 10px;
	left: 10px;
	background: url('../images/shadows_repeat_x.png') repeat-x 0px -270px;
}

#panes .pane.menu-pane .shadow .left-edge {
	top: 10px;
	bottom: 3px;
	background: url('../images/shadows_repeat_y.png') repeat-y -240px 0px;
}

#panes .pane.menu-pane .shadow .right-edge {
	top: 10px;
	bottom: 3px;
	background: url('../images/shadows_repeat_y.png') repeat-y -270px 0px;
}

#panes .pane.menu-pane.menupopup-pane .shadow .top-left-edge {
	background: url('../images/shadow_corners.png') no-repeat -10px -650px;
}

#panes .pane.menu-pane.menupopup-pane .shadow .top-right-edge {
	background: url('../images/shadow_corners.png') no-repeat 0px -730px;
}

#panes .pane.menu-pane.menupopup-pane .shadow .top-edge {
	background: url('../images/shadows_repeat_x.png') repeat-x 0px -240px;
}
*/

/* Popup menu interaction & behavior */
.menupopup,
.menupopup-pane {
  cursor: default;
}


/* @group Core */
#source_menu a,
#actions_menu a,
#new_menu a {
  cursor: default;
}

.menu-pane {
	position: absolute ;
	top:  0px;
	left:  0px;
	width: 100%;
	height: 100%;
}

.menu-pane .pane-root {
	position: relative ;
	max-height: 600px;
	overflow: auto;
	box-shadow: 0px 4px 8px rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 2px 4px;
    background-color:white;
}
.pane-wrapper {
    border-radius: 4px;	
}
.menu-pane ul.menu {
	list-style-type: none ;
	margin: 0px;
	padding: 2px 0px;
	background-color: transparent;
	position: relative ;
	overflow: auto;
}

.menu-pane li.menu-item {
	margin:  0px;
	padding:  0px;
	position:  relative ;
	display: block ;
}

.menu-pane li.menu-item a:active,
.menu-pane li.menu-item a:focus {
	outline: none ;
}

.menu-pane li.menu-item a {
	display: block ;
	text-decoration: none ;
	color:  black ;
	margin: 0px;
	position: relative ;
}

.menu-pane li.menu-item a:hover,
.menu-pane li.menu-item.active a,
.menu-pane li.menu-item.def a {
	color: #ffffff !important;
	border: none;
	background-color:#8d959a;
}

.ie .menu-pane li.menu-item.active a,
.ie .menu-pane li.menu-item.def a {
	background: url('../images/controls.png') repeat-x 0px -2351px;
}

.menu-pane li.menu-item.disabled a,
.menu-pane li.menu-item.disabled:hover a {
	color: #999999;
	background: transparent;
}
 
.menu-pane li.menu-item .inner {
	display: block ;
	line-height: 20px;
	padding: 4px 24px;
	margin: 0px;
}

.menu-pane li.menu-item a .sel{
	display: none;
	font-size: 13px;
	left: 0px;
	padding: 5px 0px 5px 6px;
	padding-right: 0px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 10px;
	white-space: nowrap;
}

.menu-pane li.menu-item a .show {
	display:inline !important;
}

.menu-pane li.menu-item .inner .label{
	white-space: nowrap;
}

.ie .menu-pane li.menu-item .inner {
	padding: 1px 23px 2px 23px;
}

.menu-pane li.menu-item a img {
	border: none ;
	vertical-align: middle ;
	position: relative ;
	top: -1px;
	width: 16px;
	height: 16px;
	margin: -2px 0px;
	padding-right: 4px;
}

.menu-pane li.menu-item.disabled a img {
	opacity: .50;
	filter: alpha(opacity=50);
	-moz-opacity: .50 ;
}

.menu-pane li.menu-item .shortcut {
	position: absolute ;
	right: 0px;
	top:  0px;
	padding: 1px 9px 5px 9px;
	text-align: right ;
}

.menu-pane li.separator {
	height: 1px;
	margin: 4px 0px;
	background-color: #eaeaea;
}

a.button img.contacts-toolbar-sprite {
  background: url('../images/directory_assets.png') no-repeat top left;
}

a.button img.contacts-toolbar-sprite.edit-icon {
	background-position: 8px -287px;
}

a.button.disabled img.contacts-toolbar-sprite.edit-icon {
	background-position: -24px -287px;
}

a.button img.contacts-toolbar-sprite.add-contact-icon {
	background-position: 0px -230px;
}

a.button.disabled img.contacts-toolbar-sprite.add-contact-icon {
	background-position: -32px -231px;
}

a.button img.contacts-toolbar-sprite.add-donation-icon {
	background-position: 0px -202px;
}

a.button.disabled img.contacts-toolbar-sprite.add-donation-icon {
	background-position: -32px -202px;
}

a.button img.javelin-toolbar.getmail {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -384px;
}

a.button.disabled img.javelin-toolbar.getmail {
	background-position: 32px -384px;
}

a.button img.javelin-toolbar.editdoc {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -416px;
}

a.button.disabled img.javelin-toolbar.editdoc {
	background-position: 32px -416px;
}

a.button img.javelin-toolbar.newdoc {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -576px;
}

a.button.disabled img.javelin-toolbar.newdoc {
	background-position: 32px -576px;
}

a.button img.javelin-toolbar.savedisc {
	background: url('../images/mail_assets.png') top left ;
	background-position: left -543px;
}

a.button.disabled img.javelin-toolbar.savedisc {
	background-position: 32px -543px;
}

a.button img.shared-toolbar-sprite.download-icon {
	background-image: url('../images/files_assets.png');
	background-position:  left -1696px ;
}

a.button.disabled img.shared-toolbar-sprite.download-icon{
	background-position: left -1712px;
}

table tr.odd {
	background-color: #fff;
	min-height: 33px;
}

table tr.even {
	background-color: #f0f3f0;
}

table tr.even:hover,
table tr.odd:hover{
	background-color: #7f947f;
	color:white;
}

table tr.form_row.odd:hover{
	background-color: #fff !important;	
}

table tr.form_row.even:hover{
	background-color: #f6f6f6 !important;
}

table tr.even td,
table tr.odd td{
	padding:5px;
	height: 23px;
}
table tr.row_selected,
table tr.row_selected:hover,
table tr.row_selected td,
table tr.row_selected:hover td {
	background-color: #637c63;
	color:white;
}
table tr.row_selected .fa-pencil,
table tr.row_selected:hover .fa-pencil,
table tr.even:hover .fa-pencil, 
table tr.odd:hover .fa-pencil,
table tr.row_selected .fa-address-card-o,
table tr.row_selected:hover .fa-address-card-o,
table tr.even:hover .fa-address-card-o, 
table tr.odd:hover .fa-address-card-o {
	color:white !important;
}

table tr.row_selected i.fa,
table tr.row_selected:hover i.fa,
table tr.even:hover i.fa, 
table tr.odd:hover i.fa{
	color:white !important;
}

table#row_details_list tr.row_selected .fa-pencil,
table#row_details_list tr.row_selected:hover .fa-pencil,
table#row_details_list tr.even:hover .fa-pencil, 
table#row_details_list tr.odd:hover .fa-pencil,
table#row_details_list tr.row_selected .fa-address-card-o,
table#row_details_list tr.row_selected:hover .fa-address-card-o,
table#row_details_list tr.even:hover .fa-address-card-o, 
table#row_details_list tr.odd:hover .fa-address-card-o {
	color:#666 !important;
}

table#row_details_list tr.row_selected i.fa,
table#row_details_list tr.row_selected:hover i.fa,
table#row_details_list tr.even:hover i.fa, 
table#row_details_list tr.odd:hover i.fa{
	color:#666 !important;
}

.app_pop_up_main .field {
	padding-top:10px;
	*padding-top:10px;
	clear: both;
}

.app_pop_up_main .field .label {
	width: 100px;
	padding-top:5px;
}

.app_pop_up_main .label, .app_pop_up_main .box {
	float: left;
}

.app_pop_up_main .box input,
.app_pop_up_main .box textarea {
	width:100%;
	/*
	background:#FFFEF5;
	border-bottom: 1px solid #e0e3e0;
	border-right:1px solid #d0d0d0;
	border-left:1px solid #909090;
	border-top:1px solid #909090;
	padding:4px 0px 4px 4px;
	*/
}

.app_pop_up_main .box input.date {
	width:100px;
}

.clearer{
	display:block;
	clear:both;
	height:10px;
}

.dot,
.absent,
.present,
.checked_out{
	margin:0 7px 0 0px;
}

.dot img,
.absent img,
.present img,
.checked_out img{
	width:14px;
	height:14px;
	background: transparent url('../../common/images/acct_sprite.png?v2.6') no-repeat -33px -125px;
	margin-bottom:-1px;
}

.dot.todo img,
.dot.red img,
.absent img{
	background-position: -51px -125px;
	background-color:#df3333;
	border:3px solid #df3333;
}
.dot.todo{
	position: absolute;
	left: 6px;
	top: -2px;
	z-index: 2;
}
.checked_out img,
.dot.orange img{
	background-position: -51px -142px;
	background-color:#ff9900;
}

.dot.yellow img{
	background-position: -51px -158px;
	background-color:#ffec01;
}

.dot.black img{
	background-position: -51px -174px;
	background-color:#4a4a4a;
}

.dot.green img, .present img{
	background-position: -51px -174px;
	background-color:#03a303;
}

.input_error{
	background-color: pink !important;
}

td.center {
	text-align: center;
}

#todos,
.buddies,
#email_history,
#notes,
#files{
	padding-top:15px;
	margin:15px 20px 15px 10px;
	border-top: 1px dashed #A4BAAA;
	display:block;
	font-size:.99em;
}
#pop_up_details #files{
	margin: 0;
	border: none !important;
	padding-top: 0;
}
#todos{
	margin-top:0px;
}

.gradeX #todos,
.gradeX .buddies,
.gradeX #notes,
.gradeX #files{
	border-top: 1px dashed #C88787;
}

.buddies{
	padding-top:0px;
	font-size:1em;
}

.buddy_container{
	display:block;
	margin:2px 0px;
	padding:15px 0px 0px;
}

.buddy_details{
	margin-left:7px;
	margin-top:10px;
}
.comment_revisions_container,
.task_header_container,
.new_task_container,
.task_container{
	display:block;
	margin:6px 0px;
	padding:10px;
	background-color:#CDC99B;
	border-radius: 2px;
}

.gradeX .new_task_container,
.gradeX .task_container{
	background-color:#CDBB9B;
}
.new_note_container,
.note_container,
.new_file_container,
.file_container{
	display:block;
	margin:2px 0px;
	padding:5px 5px 5px;
	background-color:#a9b7a9;
	min-height: 30px;
    background-color: #f6f6f6;
    padding: 10px;
    margin-bottom: 6px;
    border-radius: 2px;
}
.email_history_container{
	color:#002902;
	display:block;
	margin:2px 0px;
	padding:5px 5px 4px 10px;
	background-color:#a9b7a9;
}
.email_history_content{
	display:block;
	color:#333;
}
.more_email_history_info{
	display:none;
	padding:10px 0px 7px;
	margin:10px 0px 0px;
	border-top: 1px dotted #002902;
	color:#333;
}
.email_history_footer{
	color: #eee;
	margin-bottom:0px;
	padding-bottom:0px;
	display:block;
}

.gradeX .new_note_container,
.gradeX .note_container,
.gradeX .new_file_container,
.gradeX .file_container{
	background-color:#b88b8b;
}

.task_checkbox{
	float:left;
	width:15px;
	height:32px;
	margin-right:5px;
	padding-left:3px;
}

.task_checkbox input {
	width:auto;
	display:inline;
}
.task_due {
	display:none;
	color:#002902;
	margin-left:5px;
	line-height: 2em;
}

.task_due input {
	cursor:pointer;
	text-decoration: underline;
	padding:4px !important;
	margin:0px 0px 3px;
	width:100px;
	border:none;
	background-color:#FFFEF5;
	border:1px solid transparent;
	font-size:.99em;
	line-height: 1.5em !important;
	min-height: 10px !important;
	color:#002902 !important;
}

.task_due input.focused {
	text-decoration: none;
	padding:4px !important;
	margin:0px 0px 3px;
	width:100px;
	border:1px solid #637c63 !important;
	background-color:#FFFEF5;
	font-size:.99em;
	line-height: 1.5em !important;
	min-height: 10px !important;
	color:#333 !important;
}

.note_pic,
.file_pic{
	float:left;
	width:32px;
	height:32px;
	margin-right:5px;
}

.new_note_container .note_pic,
.new_file_container .file_pic{
	display:none;
}

.task_content{
	display:block;
	margin-left:25px;
}
table.row_details .task_content div#notes,
table.row_details .task_content div#files{
	margin: 0 0 0 -5px !important;
	padding: 0 !important;
}
.new_task_container .task_content{
	margin-left:0px;
}
.task_header_container .task_content{
	margin-left:5px;
}

.task_header_container .task_content a {
	color:#002902 !important;
	border-bottom:1px dotted #002902;
	margin-right:10px;
}

.task_header_container .task_content a:hover {
	color:#fff !important;
	border-bottom:1px dotted #fff;
}
.note_content{
	display:block;
	margin-left:40px;
}
.file_content{
	display:block;
	margin-left:0px;
}

.new_note_container .note_content,
.new_file_container .file_content{
	margin-left:0px;
}

.task_text{
	color:#333;
	width:100%;
}

.note_text,
.file_text{
	color:#333;
	width:100%;
}

.task_created_by{
	display:none;
	font-weight: bold;
	color:#447b44;
	margin-right:3px;
}

.note_created_by,
.file_created_by{
	font-weight: bold;
	color:#447b44;
	margin-right:3px;
}

.gradeX .task_created_by{
	color:#833434;
}

.gradeX .note_created_by,
.gradeX .file_created_by{
	color:#833434;
}

.more_task_info{
	display:none;
	padding:10px 0px 7px;
	margin:10px 0px 0px;
	border-top: 1px dotted #002902;
	color:#002902;
}
.task_footer,
.note_footer,
.file_footer{
	margin-bottom:0px;
	padding-bottom:0px;
	display:block;
}

.task_edit{
	padding-bottom:0px;
	padding-right:7px;
	display:none;
	line-height: 1em;
	min-height:30px;
}

.note_edit,
.file_edit{
	padding-right:7px;
	display:none;
	line-height: 1em;
	min-height:25px;
}
.task_edit .expanded_button,
.note_edit .expanded_button,
.file_edit .expanded_button{
	line-height: 1.5em;
}

.new_task_container .task_edit{
	display:block;
	padding-bottom:0px;
}

.new_note_container .note_edit,
.new_file_container .file_edit{
	display:block;
	padding-bottom:0px;
}
.task_due_date{
	font-weight: bold;
	color:firebrick;
	display:block;
}
.task_edit textarea {
	padding:4px;
	margin:0px 0px 5px;
	width:100%;
	border:1px solid #637c63;
	font-size:.99em;
}
#detail_tabs #todos .task_content .new_note_container, 
#detail_tabs #todos .task_content .note_container{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.note_edit textarea,
.file_edit input[type="text"] {
	padding:4px;
	margin:0px 0px 5px;
	width:100%;
	border:1px solid #637c63;
	font-size:.99em;
	box-sizing: inherit !important;
}

.hide{
	display:none;
}

.new_task_container .task_edit textarea{
	color:#999;
	height:25px !important;
	border-radius:2px;
	box-sizing: inherit !important;
}

.new_note_container .note_edit textarea{
	margin-bottom:0px;
	color:#999;
	border-radius:0px;
}

.new_file_container .file_edit input[type="text"],
.file_container .file_edit input[type="text"]{
	color:#666;
	height:20px!important;
	border-radius:0px !important;
	padding: 4px 2px 4px 4px !important;
}

table.checklist td{
	padding:0 20px 15px 0;
}
table.recommendations td{
	padding:4px 6px 4px 18px !important;
}

table.recommendations {
	margin-bottom:-10px;
}

table.recommendations textarea,
table.checklist input.checklist_date {
	padding:4px 0px 4px 4px;
	width:100%;
	height:14px;
	margin:0px;
	border:1px solid #637c63;
	font-size:.99em;
}

.more_info{
	float:right;
	position:relative;
	top:0px;
	margin-top:-2em;
	font-size:.9em;
}

.expand {
	padding:5px 0px 0px 5px !important;
  height:23px;
  min-height:23px;
	line-height: 18px !important;
}
.firefox .expand{
	padding-bottom:5px !important;
}
.donor_touched,
.private_note{
	display:none;
	float:left;
	line-height: 2.5em;
}
.donor_touched input,
.private_note input{
	vertical-align: middle;
	margin-right: 5px !important;
}
.expanded_button{
	display:none;
	float:right;
	margin-top:0px;
	margin-right:-7px;
	padding:3px 15px 3px;
	font-weight:bold;
	font-size:1em;
	background:#32483B;
	border:1px solid #101914;
	color:#fff;
}

.expanded_button:hover{
	background:#3D5B4A;
	color:#eee;
	border:1px solid #213228;
	cursor:pointer;
	/*text-shadow: rgba(0, 0, 0, 1) 0px 1px 0px;*/
}
.expanded_button.republish{
	display:block !important;
}
#table tbody tr.gradeX td table .expanded_button{
	display:none;
	float:right;
	margin-right:-7px;
	padding:4px 15px 5px;
	font-weight:bold;
	font-size:1em;
	background:#660000;
	border:1px solid #953434;
	color:#fff;
}

#table tbody tr.gradeX td table .expanded_button:hover{
	background:#AB5757;
	color:#eee;
	border:1px solid #660000;
	cursor:pointer;
	text-shadow: rgba(0, 0, 0, 1) 0px 1px 0px;
}
.expanded_button.v2{
	display: inline;
	margin-top: 0px;
	float:none;
	margin: 0 0 0 15px;;
	padding: 3px 10px 4px;
	font-weight: normal !important;
	font-size: .85em;
	background: #32483B;
	border: 1px solid #101914;
	color: white;
	clear:right;
	cursor:pointer;
	white-space: nowrap;
}
.details .expanded_button.v2{
	display:none;
	float:right;
	margin-top:3px;
	margin-right:-7px;
	padding:4px 15px 5px;
	font-weight:bold;
	font-size:1em;
	background:#32483B;
	border:1px solid #101914;
	color:#fff;
}
.expanded_button.v2.quick_add{
	display:none;
}
.page_break{
	display:none;
}

#maintenance_content{
	padding:35px;
}
#maintenance_content h1{
	font-size: 2em;
	color:#000;
	border-bottom:3px solid #000;
	padding-bottom:.5em;
}
#maintenance_content h2{
	display:block;
	font-size: 1.5em;
	margin-top:1em;
}

#maintenance_content p{
	margin:1.25em 0;
	font-size:1em; 
	color:#444; 
	line-height:1.5em;
}
.contact_info{
	margin-left:7px;
}
.contact_info img{
	margin-bottom:1px;
	vertical-align: bottom;
	width:14px;
	height:14px;
	background: transparent url(../../common/images/directory_assets.png) no-repeat -33px -32px;
}
.red_big_ass_save_button,
.big_ass_save_button{
	font-size:14px;
	font-weight: bold;
	width:auto;
	height: 35px !important;
	min-height: 35px !important;
	background-color:#7F947F;
	border-bottom: 2px solid rgb(49, 75, 60);
	border-left: 2px solid rgb(119, 147, 131);
	border-right: 2px solid rgb(49, 75, 60);
	border-top: 2px solid rgb(171, 187, 178);
	color: white;
	XXtext-shadow: rgb(0, 0, 0) 0px 1px 0px;
	text-align: center;
	line-height: 35px;
	margin-top:10px;
	cursor:default;
}

.big_ass_save_button:hover{
	color:white;
	background-color: rgb(99, 124, 99);
}
.red_big_ass_save_button{
	background-color: #641111;
	border-top: 2px solid #A75353;
	border-left: 2px solid #A75353;
	border-right: 2px solid #4B0505;
	border-bottom: 2px solid #4B0505;
}
.red_big_ass_save_button:hover{
	color:white;
	background-color: firebrick;
}
.app_pop_up_main .box input,
.app_pop_up_main .box textarea {
	width:auto !important;
}

.app_pop_up_main .field .label{
	width: 150px !important;
	font-weight: bold;
}

#pop_up_details{
	overflow:auto;
}

#pop_up_details p{
	line-height: 1.75em;
}

#pop_up_details.contact{
	left:0px !important;
}
#pop_up_details.contact h3{
	margin: 0px;
	padding: 0px;
	border-bottom: none;
}
/*
.app_pop_up_main{
	min-height: 200px !important;
}
*/
table .print_button img{
	width:16px;
	height:16px;
	background: transparent url('../../common/images/printer_icon.png?v2') no-repeat 0px -1px;
	border:none;
	vertical-align: middle;
}
table a.print_button{
	margin-left:10px;
	text-decoration:none;
	color:white;
	font-weight: normal;
}
.table_name{
	font-weight: bold;
	font-size:18px;
	margin:5px;
	line-height: 1em;
}
.select_all {
	padding: 0 !important;
	margin: 0 !important;
	width: auto !important;
}
.detail_header_section{
	display:inline-block;
	width:40%;
	margin-right:0px;
	vertical-align:top;
}
.detail_header_section.short{
	width:34%;
}
.detail_header_section table.data th{
	border-bottom:1px solid #999;
	border-collapse: collapse;
	margin:0px;
}
.detail_header_section table.data td,
.detail_header_section table.data th{
	text-align: right !important;
	padding: 0 10px !important;
	width:25%;
	color:#333 !important;
}
.detail_header_section table{
	color:#333 !important;
	border:none !important;
}
.detail_header_section table tr:hover{
	color:#333 !important;
}
.detail_header_section table.data td.label,
.detail_header_section table td{
	padding:0px 5px !important;
	text-align:left !important;
	vertical-align: top;
	color:#333 !important;
}
.detail_header_section table td.label{
	font-weight:bold;
	white-space:nowrap;
}
.detail_header_section table td a{
	color:#016648 !important;
}
.detail_header_section table td a:hover{
	color:#000 !important;
}
th.money,
td.money{
	text-align:right !important;
	padding-right:15px !important;
}
img.pencil{
	margin-left:5px;
	height: 14px;
	width: 14px;
	background: transparent url(../../common/images/comment_button_sprite.png) no-repeat -2px -110px;
}
.contact_card{
	font-size:13px;
	background-color: white;
	margin:36px;
}
.contact_card table.contact_card_medical_data,
 table.ffs_medical_data {
	border-collapse:collapse;
	width:100% !important;
	margin:5px 0px 10px !important;
	color:#666 !important;
}
table.ffs_medical_data{
	margin-bottom:20px !important;
}
.contact_card table.contact_card_medical_data thead tr,
 table.ffs_medical_data thead tr {
	background-color: #efefef !important;
}
.contact_card table.contact_card_medical_data th,
.contact_card table.contact_card_medical_data td,
 table.ffs_medical_data th,
 table.ffs_medical_data tr.ffs_medical_data_row td {
	border:1px solid #ddd !important;
	padding:5px !important;
	font-size:.8em !important;
	color:#666 !important;
	height:auto !important;
	background-image:none!important;
}
.contact_card table.contact_card_medical_data th,
.contact_card table.contact_card_medical_data td {
	width:33% !important;
}

table.ffs_medical_data th,
table.ffs_medical_data tr.ffs_medical_data_row td {
 	width:auto !important;
}
table.ffs_medical_data th {
	font-size:.7em !important;
	text-align:center !important;
}
.listing_details .contact_card{
	margin:24px;
}
.contact_card img.profile_pic {
	background-color:#fff;
	width:100px;
	height:100px;
	padding:5px;
	float:left;
	border:1px solid #d0d0d0;
	margin:0px 15px 5px 0px
}
.contact_card_name{
	padding:5px 0;
	color:black;
	font-weight:bold;
	font-size:18px;
}
.contact_card_name_pronouns{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666;
}
.contact_card_titles{
	font-size: .92em;
	line-height: 1.5em;
	color:#666;
}
.contact_card .clearer{
	height:1px;
	clear:both;
	display:block;
}
.contact_card h2{
	display:block;
	width:100% !important;
	color:#333;
	font-size:16px;
	margin: 20px 0px 10px;
	padding-bottom:5px;
	border-bottom: 1px dashed #aaa;
	cursor: pointer;
}
.contact_card_item{
	display:none;
	padding: 2px 10px;
}
.contact_card h3{
	display:block;
	width:100%;
	color:#444;
	font-size:14px;
	margin: 5px 0px;
}
.contact_card table{
	margin-left:3px;
	padding-bottom:5px !important;
}
.contact_card table td {
	line-height: 1.35em;
	vertical-align: top;
	padding: 0 0 4px;
}
.contact_card table td.label {
	width:65px;
	color: #666;
}
.contact_card table td.relative_name {
	width:160px;
	white-space: nowrap;
	font-weight:bold;
	color:#333;
}
.contact_card p{
	line-height: 1.35em;
	font-size:.9em;
	color:#999;
	margin:0 0 5px 4px;
	padding-bottom:10px;
}
.contact_card a.map{
	margin-left:10px;
	font-size:.9em;
}

.contact_card a {
	color:darkgreen;
	text-decoration:underline;
}

.contact_card a:hover{
	color:black;
	text-decoration:underline;
}
.contact_card .contact_card_name img.pencil{
	margin-top:2px;
}
.contact_card h3 img.pencil{
	vertical-align: text-bottom;
	margin-bottom:2px;
}
.contact_card img.pencil{
	vertical-align: text-top;
}
.contact_card a.contact_info img{
	margin-left:5px;
}
.contact_card h3 a.contact_info img{
	vertical-align: top;
	margin-bottom:0px;
	margin-top:2px;
	margin-left:5px;
}
a.show_more_titles{
	display:inline;
	font-size:.825em;
	color: darkgreen !important;
	text-decoration: underline !important;
}
a.show_more_titles:hover {
	color: black !important;
	text-decoration: underline !important;
}
.contact_card_details{
	overflow:auto;
}
.note_text,
.note_footer,
.file_text,
.file_footer{
	line-height: 1.5em;
}
.file_footer,
.file_text{
	margin-left:2px;
}
table.row_details td .file_text a,
.file_text a,
table.row_details td .file_edit a,
.file_edit a{
	color:#333 !important;
	border: none !important;
}
table.row_details td .file_text a:hover,
.file_text a:hover,
table.row_details td .file_edit a:hover,
.file_edit a:hover{
	text-decoration: underline;
}
.note_footer a,
.note_footer,
.file_footer a,
.file_footer{
	color: #EEE;
	font-size:.99em;
}
.note_footer a:hover,
.file_footer a:hover,
.file_footer a:hover{
	color: darkgreen;
}
.TableTools {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
.TableTools .TableTools_button{
	color:#666666 !important;
	height:auto !important;
	line-height:1em;
	margin-top:0px !important;
}
.newbutton.disabled:hover,
.newbutton,
.TableTools .TableTools_button {
	float:right;
	margin-top:-3px;
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #efefef) );
	background:-moz-linear-gradient( center top, #ffffff 5%, #efefef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
	background-color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-width:1px !important;
	border-style: solid !important;
	border-color:#b7b7b7;
    border-bottom-color: #b0b0b0;
    border-top-color: #bfbfbf;
	display:inline-block;
	color:#6b6b6b;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:5px 10px;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #ffffff;
	cursor:pointer;
	white-space:nowrap;
	text-indent:0px !important;
	outline:none;
}

.TableTools .TableTools_print, 
.TableTools .TableTools_print_hover,
.download_buttons a.newbutton:nth-child(2) {
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;	
}
.download_buttons a.newbutton.nofloat{
	margin-left:0px;
}
.TableTools .TableTools_button.TableTools_print:before,
.TableTools .TableTools_button.TableTools_print_hover:before{
	font-family: FontAwesome; 
	font-size:1em; 
	content: "\f02f";
	padding-right: 6px;
	color:#666666 !important;
}
.ui-widget-content .program_course_details a.newbutton {color:#6b6b6b !important;}
.newbutton.smallbutton {font-size:10px;padding:5px 7px 4px;line-height:1em;}
.newbutton:hover,
.TableTools .TableTools_button:hover {
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #d9d9d9) );
	background:-moz-linear-gradient( center top, #eaeaea 5%, #d9d9d9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d9d9d9');
	border-color:#999;
}
.newbutton:active,
.TableTools .TableTools_button:active {
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9d9d9), color-stop(1, #eaeaea) );
	background:-moz-linear-gradient( center top, #d9d9d9 5%, #eaeaea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#eaeaea');
	border-color:#999;
	outline:none;
}

.newbutton.nofloat{
	float:none !important;
	margin-left:10px;
}
.button_group .newbutton {
	margin-left:0px;
	margin-right:0px;
	border-radius:0px;
	border-left:none !important;
}
.button_group .newbutton:first-child {
	border-left:1px solid #b5b5b5 !important;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}
.button_group .newbutton:last-child {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
}
.button_group .newbutton:hover {
	border-color:#999;
}

.newbutton.red:hover{
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd1d1), color-stop(1, #eba9a9) );
	background:-moz-linear-gradient( center top, #ffd1d1 5%, #eba9a9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd1d1', endColorstr='#eba9a9');
}

.newbutton.red{
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffe6e6), color-stop(1, #ffc9c9) );
	background:-moz-linear-gradient( center top, #ffe6e6 5%, #ffc9c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6', endColorstr='#ffc9c9');
	color:firebrick;
	border-color:firebrick;
}

.newbutton.green:hover{
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7f7c3), color-stop(1, #a4d599) );
	background:-moz-linear-gradient( center top, #c7f7c3 5%, #a4d599 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7f7c3', endColorstr='#a4d599');
}

.newbutton.green{
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff;
	box-shadow:inset 0px 1px 1px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e7ffe7), color-stop(1, #c7e5c7) );
	background:-moz-linear-gradient( center top, #e7ffe7 5%, #c7e5c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7ffe7', endColorstr='#c7e5c7');
	color:green;
	border-color:green;
}
.newbutton.disabled{
	opacity: .5;
	cursor: default !important;
	outline:none;
}
table tr.row_selected td a.newbutton,
table tr.odd:hover td a.newbutton,
table tr.even:hover td a.newbutton,
table tr.row_selected td a.newbutton i.fa,
table tr.odd:hover td a.newbutton i.fa,
table tr.even:hover td a.newbutton i.fa{
	color:#666 !important;
	border-color:#666 !important;
}

table tr.odd:hover td a.newbutton,
table tr.even:hover td a.newbutton,
table tr.row_selected:hover td a.newbutton,{
	border-color:#999 !important;
}

#readonly{
	position: absolute;
	width: 100%; 
	min-width:1000px; 
	text-align: center; 
	line-height: 31px; 
	background: pink; 
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	color:black;
}
body.readonly #main{
	top: 74px;
	bottom: 32px;
}

/* UI AUTOCOMPLETE  */
#header .change_user input.ui-autocomplete-input{
	border-color:transparent !important;
	width:260px !important;
	border-radius: 4px !important;
	margin-left:10px;
	padding-left:10px;
	box-sizing: border-box !important;
	height:22px !important;
}
#header .change_user a.ui-button{
	border-color: transparent !important;
	margin-bottom: -7px !important;
	margin-left: -10px !important;
	border-radius: 0 4px 4px 0px !important;
	border-left-color: #ccc !important;
	box-sizing: border-box !important;
	height:22px !important;
}
#header .change_user input.ui-autocomplete-input:focus,
#header .change_user input.ui-autocomplete-input.active{
	border-color:transparent !important;
	box-shadow: none !important;
}
ul.ui-autocomplete {
	padding:10px 5px !important;
	border:none !important;
	box-shadow: 0px 4px 8px rgb(0 0 0 / 30%) !important;
	border-radius: 4px !important;
}
ul.ui-autocomplete li.ui-menu-item{
	margin:0px !important;
	padding:0 5px !important;
	line-height:1.5em !important;
	width: calc(100% - 10px) !important;
}
ul.ui-autocomplete li.ui-menu-item a{
	padding:5px 5px 5px 10px !important;
	line-height: 1.5em !important;
}
ul.ui-autocomplete li.ui-menu-item a{
		padding:5px 5px 5px 10px !important;
		line-height: 1.25em !important;
		font-size: 12px;
}
ul.ui-autocomplete li.ui-menu-item a.ui-state-hover{
	background-image: none !important;
	background-color: #eeeeee !important;
	border-color:transparent !important;
	border-radius: 0px !important;
}
/* DATEPICKER  */
.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
}
.ui-timepicker {
    display: block;
    height: 200px;
    text-align: left;
    list-style: none outside none;
    overflow: auto;
    overflow-x: hidden; /* IE */
    margin: 0;
    padding: 0 0 0 1px;
}
.ui-timepicker-standard {
    /* .ui-widget */
    font-size: 1em;
    /* .ui-widget-content */
    background-color: #FFF;
    border: 1px solid #AAA;
    color: #222;
    /* .ui-menu */
    margin: 0;
    padding: 2px;
}
.ui-timepicker-standard a {
    /* .ui-widget-content a */
    color: #222;
}
.ui-timepicker-standard .ui-state-hover {
    /* .ui-state-hover */
    background-color: #DADADA;
    border: 1px solid #999;
    font-weight: normal;
    color: #212121;
}
.ui-timepicker-standard .ui-menu-item {
    /* .ui-menu .ui-menu-item */
    /*clear: left;
    float: left;*/
    margin: 0;
    padding: 0;
    /*width: 100%;*/
}
.ui-timepicker-standard .ui-menu-item a {
    /* .ui-menu .ui-menu-item a */
    display: block;
    padding: 0.2em 0.4em;
    line-height: 1.5;
    text-decoration: none;
}
.ui-timepicker-standard .ui-menu-item a.ui-state-hover {
    /* .ui-menu .ui-menu-item a.ui-state-hover */
    font-weight: normal;
    margin: -1px -1px -1px -1px;
}
 .ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.ui-timepicker-hidden {
    /* .ui-helper-hidden */
    display: none;
}

/* DATA TABLES  */
.dataTable_pagenate span.first.ui-coner-tl, .dataTable_pagenate span.first.ui-coner-bl, .dataTable_pagenate span.last.ui-coner-tr, .dataTable_pagenate span.last.ui-coner-bl {border-radius:3px !important}

table tr.row_selected td i.fa_icon, 
table tr.row_selected:hover td i.fa_icon{
	color:#fff !important;
}

/***** NEW dataTable CSS *****/
table#table input[type="text"], table#table input[type="number"],table#form_fields input[type="text"] {border:1px solid #bbb; padding:4px 6px;border-radius:4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
table#table input[type="text"]:focus, table#table input[type="number"]:focus, table#form_fields input[type="text"]:focus {border-color: #66afe9 !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px rgba(102,175,233,.6);}
table#table input[type="text"], table#table input[type="number"] {padding:4px; border-radius:3px; box-shadow:none;}
.ui-widget-header {background:#d8d8d8 !important;}
td.development.info_row .ui-widget-header, td.development.info_row .detail_table {border:none !important;}
td.development.info_row thead tr th {border-top:1px solid #ccc !important;}

/**** DETAILS ROW DATATABLES *******/
#table tbody tr:hover table#row_details_list.detail_table tr:hover, #table tbody tr:hover table#row_details_list.detail_table tr.even:hover, #table tbody tr:hover table#row_details_list.detail_table tr.odd:hover, #table tbody tr:hover table#row_details_list.detail_table tr.row_selected:hover { background-color: #eee !important;}
#table tbody tr table#row_details_list.detail_table tr.even { background-color: #f6f6f6 !important;}
#table tbody tr table#row_details_list a, #table tbody tr:hover table#row_details_list a, #table tbody tr table#row_details_list td, #table tbody tr:hover table#row_details_list td {color:#444 !important;font-size:.9em }
table#row_details_list thead th {white-space:nowrap;height:36px;border-top: 1px solid #ccc !important;background:transparent !important; background-color:#ebebeb !important; color:#333 !important;cursor:pointer !important;}
table#row_details_list thead tr th.sorting_desc, table#row_details_list thead tr th.sorting_asc {text-decoration:underline !important;}
table#row_details_list thead tr th.sorting_desc:after {font-family: FontAwesome; font-size:1.25em; content: "\f0d7";display: inline-block;padding-left: 6px;vertical-align: middle;}
table#row_details_list thead tr th.sorting_asc:after {font-family: FontAwesome; font-size:1.25em; content: "\f0d8";display: inline-block;padding-left: 6px;vertical-align: middle;}
table#row_details_list tr:last-child td {border-bottom: 1px solid #ccc !important;}
#row_details_list_wrapper {padding:0px 0px 48px 0px !important;margin:0px !important;background-color:#eaeaea;color:#444;border-bottom-left-radius: 4px !important;border-bottom-right-radius: 4px !important;}
#row_details_list_paginate .paginate_button, #row_details_list_paginate .paginate_active {border-radius: 0px !important;}
#row_details_list_paginate .paginate_active {color:white;background-color:#999; border-color:#666 !important;}
#row_details_list_paginate {padding-right:0px;}
#row_details_list .paging_full_numbers span.paginate_button {background-color:#eee;border-color:#ccc;}
#row_details_list .paging_full_numbers span.paginate_button:hover {background-color:#ddd;}
#row_details_list_length, #row_details_list_info {margin-left:24px;padding-left:0px;}
#row_details_list_filter, #row_details_list_paginate {margin-right:24px;padding-right:0px;}

/*
   Vertical text
   by @kizmarh
*/
.vertical-text {
	display: inline-block;
	overflow: hidden;
	width: 3em;
}
.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 3;
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
	-webkit-transform: translate(0,100%) rotate(-90deg);
	-webkit-transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -3em 0 100%;
}

.turn{
	transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
}


 /* misc */
 tr.ui-widget-header {border:none !important}
 tr.ui-widget-header th:last-child {border-right:none !important}
 
 /* menu item doc styles */
.menu_toggle .fa.fa-th:hover, .menu_toggle:hover {cursor:pointer;color:white !important;opacity:1;}
.menu_toggle i.fa-th {color:white !important;}
.dock .sis_title {font-size:18px;float:left;margin-top:9px;color:rgba(255,255,255,.6); padding-right:12px;}
.menu_dock_button {display:inline-block;width:80px;vertical-align:top;border-radius:4px;margin:2px;border:1px solid rgba(255,255,255,.1);}
.menu_dock_button:hover  {border:1px solid #ddd;}
.menu_dock_button a {display:inline; color:#777; margin:0 auto;text-decoration:none;font-size:12px;}
.menu_dock_button img {display:inline; margin:0 auto;width:60px;padding:10px;}
.menu_dock {position:fixed;top:36px;max-width:840px;display:none;box-shadow:0 4px 8px rgba(0,0,0,.5);border-radius:8px;background-color:white;}
.menu_dock_content {padding:30px;padding-bottom:10px;max-height: calc(100vh - 60px);overflow-y:auto !important;}
.logout_button, .logout_button:hover {margin-top:13px;right:2px !important;color:white !important;background-image:none !important;opacity:.5;}
.logout_button:hover {opacity:1;}
 
 /* sidebar icon & title styles */
.toggle_sidebar_item {height:32px;width: 209px;position: relative;cursor: default;border-bottom: 1px solid rgb(235,235,235) !important;}
.toggle_sidebar_item .icon {float: left;left: 0px;position: absolute;width: 32px;}
.toggle_sidebar_item .icon i.fa{color: #737373;font-size: 18px;line-height: 18px;margin: 7px;padding-left: 5px;}
.toggle_sidebar_item .icon i.fa:hover {opacity:1;}
.toggle_sidebar_item .title {color:#737373;float:left;height:21px;position:relative;padding-left:12px;padding-top:3px;top:6px;left: 30px;width: 155px;text-transform: uppercase;}
 a.sidebar_item .icon i.fa {font-size: 18px;line-height: 18px;margin: 7px;padding-left: 5px;}
 a.sidebar_item.sel .icon i.fa, a.sidebar_item.sel .icon i.fa:hover, a.sidebar_item.sel:hover .icon i.fa, a.sidebar_item.sel:hover .icon i.fa, .sidebar_item.sel:hover .title{color:white;}
.sidebar_item .title, a.sidebar_item .icon i.fa, a.sidebar_item .icon i.fa:hover {color:#737373;}
.sidebar_item:hover .title, a.sidebar_item:hover .icon i.fa, a.sidebar_item .icon i.fa:hover {color:#333;}
.table_icon {display:none !important;}
.fg-toolbar .table_name  {padding-left:5px !important;} 
.fg-toolbar .dataTables_length {padding-left:10px !important;}
.sidebar_item .dot.todo {top:2px;}
.dot img, .absent img, .present img, .checked_out img {background-image:none !important;width:12px;height:12px;border-radius:6px;box-shadow: 0px 1px 1px rgba(0,0,0,.125);box-sizing: border-box;}
 
 /* toolbar button styles */
 #header .toolbar_container {height:24px;top:9px;left:0px;}
 #header .toolbar_container .toolbar {height:24px;}
 #header .toolbar_container a.action_button {margin-left:0px;}
.toolbar .button_group {height:24px;border:none;overflow-y: hidden;}
.toolbar .button_group .button_group_background {width:auto;height:24px;display:inline-block;background-color:#cccccc;padding:0;border:none !important;border-radius:3px;}
.toolbar .button_group a.newbutton {height:24px;font-size:13px;line-height:24px;color:#333;opacity:.75;padding:0 10px;margin-top:0px;float:left;border:none!important;border-right:1px solid rgba(0,0,0,.2) !important;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dddddd) );background:-moz-linear-gradient( center top, #ffffff 5%, #dddddd 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');}
.toolbar .button_group a.newbutton:active {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #ffffff) );background:-moz-linear-gradient( center top, #dddddd 5%, #ffffff 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');}
.toolbar .button_group a.newbutton.disabled,.toolbar .button_group a.newbutton.disabled:hover {opacity:.25 !important;border-right-color:rgba(0,0,0,.25) !important;}
.toolbar .button_group a.newbutton:last-child {border-right-color:rgba(0,0,0,0) !important;}
.toolbar .button_group a.newbutton.green {color:darkgreen;text-shadow:none;}
.toolbar .button_group a.newbutton.active {font-weight:bold;color:black}
.toolbar .button_group a.newbutton i.fa {height:24px;font-size:14px;line-height:24px;padding:0 10px;color:#555 !important;opacity:1 !important;}
.toolbar .button_group a.newbutton:hover {color:#333 !important;opacity:1;}
.toolbar .button_group a.newbutton:hover i.fa {color:#333 !important;}
.toolbar .button_group a.newbutton i:nth-child(2) {margin-left:-16px;padding-right:6px;}
.toolbar .button_group a.newbutton i.fa-pnd-superscript {font-size: 10px;float: right;margin-top: 1px;margin-left:-18px;}
.toolbar .button_group a.newbutton.calendar_button button {border: none !important;background-color: transparent;padding: 0}
ul#actions_menu li.disabled a {
    color: #999 !important;
}

/* mobile styles */
 body.body_mobile {border-top:none !important;-webkit-text-size-adjust:none !important;}
.body_mobile #header {position:fixed !important;z-index:2 !important;}
.body_mobile #main {position:fixed !important;}
.body_mobile #dashboard_content #widget_container.mobile_site {display:block !important;} 

.body_mobile #registration_app_pop_up #add_new_person.app_pop_up_main {width:100%;padding-left:0px;}
.body_mobile #registration_app_pop_up #add_new_person .pop_up_heading {position:relative;padding-left:0px;padding-right:0px;width:100%;}
.body_mobile #registration_app_pop_up #add_new_person #pop_up_details {margin-left:0px;max-height:none !important;width:100%;overflow-x:auto;}
.body_mobile #registration_app_pop_up .pop_up_heading,
.body_mobile #custom_registration_app_pop_up .pop_up_heading, 
.body_mobile #new_app_pop_up .pop_up_heading, 
.body_mobile #app_pop_up .pop_up_heading {text-indent:0px;padding: 18px 24px;font-size: 20px;max-width:calc(100% - 48px)}
.body_mobile #registration_app_pop_up .close i.fa, 
.body_mobile #custom_registration_app_pop_up .close i.fa, 
.body_mobile #new_app_pop_up .close i.fa, 
.body_mobile #app_pop_up .close i.fa, 
.body_mobile #big_pop_up .close i.fa {padding:3px 0 0 !important;margin:14px !important;margin-left:0 !important;height:30px !important;width:33px !important;border-radius:20px !important;background-color:#f6f6f6 !important;text-align:center !important;}
.body_mobile #registration_app_pop_up .close i.fa {background-color:white !important;}
.body_mobile #registration_app_pop_up .close i.fa {margin-right:10px !important; margin-top:10px !important;}

.body_mobile #readonly,
.body_mobile .temp_reminder,
.body_mobile #tiptip_holder,
.body_mobile #header .toolbar_container,
.body_mobile #header .right .search_wrapper,
.body_mobile #header .right .change_user,
.body_mobile .TableTools,
.body_mobile .data_download,
.body_mobile #content.family_fact_sheet .drag_handle,
.body_mobile #content.family_fact_sheet #fact_sheet_content br,
.body_mobile #content.faculty_schedules td.classes.list,
.body_mobile #content.student_scheduling td .classes.list,
.body_mobile #content.faculty_schedules h2 .actions,
.body_mobile #content.student_scheduling h2 .actions,
.body_mobile #XXXdashboard_content #widget_container.full_site_2,
.body_mobile #XXXdashboard_content #widget_container.full_site_3,
.body_mobile #calendar_toolbar.toolbar_container_mobile a#day.newbutton,
.body_mobile #new_donor_form #pop_up_details .donor_type_details p,
.body_mobile #new_donor_form #pop_up_details .explanation {display:none !important;}

.body_mobile #content #table_wrapper,
.body_mobile #content.program_offerings td.programs_container,
.body_mobile #content.student_transcripts #student_transcripts_content,
.body_mobile #content.progress_reports #progress_report_content,
.body_mobile #content.interim_reports #interim_report_content,
.body_mobile #content.gradebook #gradebook_content,
.body_mobile #content #advanced_filter_tabs,
.body_mobile #content.attendance #attendance_content,
.body_mobile #content.faculty_schedules #faculty_schedules_content,
.body_mobile #content.classroom_attendance #classroom_attendance_content,
.body_mobile #content.block_settings #block_settings_content,
.body_mobile #content.school_year_settings #school_year_settings_content,
.body_mobile #content.general_settings #general_settings_content {min-width:992px !important;padding-right:10px !important;margin:10px !important;}
.body_mobile #content.upcoming_events #table_wrapper {min-width:682px !important;}
.body_mobile #content.student_contracts #table_wrapper {min-width:1082px !important;}

.body_mobile .menu_dock_content {zoom:.75;}
.body_mobile #content #table_wrapper,
.body_mobile #content.program_offerings td.programs_container,
.body_mobile #content.student_transcripts #student_transcripts_content,
.body_mobile #content.progress_reports #progress_report_content,
.body_mobile #content.interim_reports #interim_report_content,
.body_mobile #content.gradebook #gradebook_content,
.body_mobile #content #advanced_filter_tabs,
.body_mobile #content.attendance #attendance_content,
.body_mobile #content.faculty_schedules #faculty_schedules_content,
.body_mobile #content.classroom_attendance #classroom_attendance_content,
.body_mobile #content.block_settings #block_settings_content,
.body_mobile #content.school_year_settings #school_year_settings_content,
.body_mobile #content.general_settings #general_settings_content,
.body_mobile #content.upcoming_events #upcoming_events_content,
.body_mobile #app_pop_up .contact_card {zoom:.9;}

.body_mobile input[type="checkbox"], 
.body_mobile input[type="radio"] {zoom:1.5 !important;margin:2px !important;}
.body_mobile .newbutton input[type="checkbox"] {zoom:1 !important;}

.body_mobile #content.gradebook,
.body_mobile #content.family_fact_sheet,
.body_mobile #content.signup_opportunities,
.body_mobile #content.signup_opportunities #dashboard_content table tbody tr td,
.body_mobile #content.signup_opportunities #dashboard_content ul#sortable li.category,
.body_mobile #content.progress_reports,
.body_mobile #content.interim_reports,
.body_mobile #content.program_offerings,
.body_mobile #content.student_transcripts,
.body_mobile #content.directory_groups #directory_main_content,
.body_mobile #content.student_schedules,
.body_mobile #content.faculty_schedules,
.body_mobile #content.faculty_schedules #faculty_schedules_content,
.body_mobile #content.resources_dashboard,
.body_mobile #content.attendance,
.body_mobile #content.classroom_attendance,
.body_mobile #content.block_settings,
.body_mobile #content.school_year_settings,
.body_mobile #content.general_settings {padding:0px !important;}

.body_mobile #tiptip_holder #tiptip_content {padding:8px 12px !important;box-shadow:none !important;text-shdow:none !important;border:none !important;max-width:240px !important;background-image:none !important;background-color:rgba(0,0,0,.9) !important;}
.body_mobile #header .left {left:14px;}
.body_mobile .menu_dock {width:275px;}
.body_mobile .menu_dock_content {padding:0;margin:10px;}
.body_mobile .menu_dock_content .dock_cal_date_wrapper {margin-top:-72px !important;margin-left:9px !important;}
.body_mobile .menu_dock_content .dock_cal_date_wrapper .dock_cal_date {font-size:16px !important;}
.body_mobile .right #app_status {position:absolute;width:280px !important;max-width:calc(100% - 20px)!important;}
.body_mobile .toolbar_container_mobile {margin:0px !important;height:24px;border-bottom:1px solid #bbb; background-color:#ddd;overflow: hidden;white-space: nowrap;}
.body_mobile .toolbar_container_mobile .button_group a.newbutton {float:none;}
.body_mobile .toolbar_container_mobile .button_group .newbutton:first-child, .body_mobile .toolbar_container_mobile .button_group .newbutton:last-child {border-radius:0px !important;}
.body_mobile .toolbar_container_mobile .button_group a.newbutton:last-child {border-color:rgba(0,0,0,.2) !important;}
.body_mobile .toolbar_container_mobile .button_group .button_group_background {white-space:nowrap;}
.body_mobile .toolbar_container_mobile .button_group .button_group_background .newbutton.calendar_button .ui-datepicker-trigger {margin:0px !important;}
.body_mobile .toolbar_container_mobile,
.body_mobile .toolbar_container_mobile .button_group, 
.body_mobile .toolbar_container_mobile .button_group .button_group_background {height:28px !important;}
.body_mobile .toolbar_container_mobile .toolbar .button_group a.newbutton {height:14px !important;line-height:14px !important;font-size:14px !important;padding-bottom:7px !important;padding-top:7px !important;}
.body_mobile .toolbar_container_mobile .toolbar .button_group a.newbutton i.fa {line-height:14px !important;font-size:14px !important;height:14px !important;vertical-align:middle !important;}
.body_mobile .toolbar_container_mobile .toolbar .button_group a.newbutton i.fa.fa-calendar {margin-top:-4px !important;}
.body_mobile .toolbar .button_group a.newbutton.toggle_sidebar_button {width:22px !important;}
.body_mobile .toolbar .button_group a.newbutton.toggle_sidebar_button i.fa {padding:0 6px !important;}
.body_mobile #scroll_to_top_button a.scroll_to_top {position: fixed;right: 10px;bottom: 10px;display: none;width: 50px;text-align: center;color: white;background: rgba(52, 58, 64, 0.5);line-height: 36px;border-radius:2px;}
.body_mobile #sidebar {position:fixed !important;top:71px;}
.body_mobile #content {display:block !important;width:auto !important;overflow:auto !important;position:absolute !important;top:29px;padding:10px 0 0 !important;}
.body_mobile #content #table_wrapper {display:block !important;width:auto !important;margin-top:0px !important;padding-right:10px;margin-top:0px !important;}
.body_mobile #content #table_wrapper.quickstats {padding-top:0px !important;}
.body_mobile #content #table_wrapper .table_name, .body_mobile #content #table_wrapper #table_length, .body_mobile #content #table_wrapper .dataTables_paginate {margin-bottom:0px !important;padding-bottom:0px !important}
.body_mobile #content #advanced_filter_tabs {margin-top:0px !important;}
			
.body_mobile #content.signup_opportunities #dashboard_content .widget {padding:10px 10px 0 10px;}
.body_mobile #content.signup_opportunities #dashboard_content ul#sortable li#add_category_widget {padding:0px !important;}
.body_mobile #custom_registration_app_pop_up #pop_up_details .item_status_buttons span.newbutton,
.body_mobile #new_app_pop_up #pop_up_details .item_status_buttons span.newbutton {min-width:70px !important;}
.body_mobile #custom_registration_app_pop_up #pop_up_details #signup_admin_form,
.body_mobile #new_app_pop_up #pop_up_details #signup_admin_form {margin-bottom:20px !important;}
.body_mobile #app_pop_up #pop_up_details #sms_form .contact_detail_group {width:calc(100% - 2px) !important;}
.body_mobile #app_pop_up #pop_up_details #board_resources_form .detail_field_label {display:none;}
.body_mobile #app_pop_up #pop_up_details #board_resources_form .detail_field_data {margin-left:0px;}

.body_mobile #content.directory_groups {width:calc(100% + 230px) !important;}
.body_mobile #content.directory_groups #directory_main_content {right:auto !important;}
.body_mobile #content.directory_groups #directory_main_content .contact_card_titles {font-size:12px !important;margin-left:100px !important;}
.body_mobile #content.directory_groups #directory_listings {margin-top:-1px;}
.body_mobile #content.directory_groups #directory_main_content {min-width:100% !important;max-width:100% !important;}
.body_mobile #content.directory_groups #directory_main_content .listing_details {width:calc(100% - 250px);margin:10px !important; box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}
.body_mobile #content.directory_groups #directory_main_content .listing_details .contact_card {margin:10px !important;}
.body_mobile #content.directory_groups #directory_main_content .listing_details .contact_card img.profile_pic {height:80px;width:80px;margin-right:10px;}
.body_mobile #content.directory_groups #directory_main_content .listing_details .contact_card .contact_card_details:first-child h2 {margin-top:10px !important;}

.body_mobile #content.program_offerings td.shopping_cart_container {display:none !important;}
.body_mobile #content.program_offerings td.programs_container {padding-right:0px !important; border-right:none !important;}
.body_mobile #content.program_offerings #mobile_shopping_cart_container {display:block !important;border-bottom: 2px dotted #666;margin-bottom: 10px;}
.body_mobile #content.program_offerings #mobile_shopping_cart_container #shopping_cart {float:none;}
.body_mobile #content.program_offerings td.programs_container {min-width:0px !important;}
.body_mobile .program_course_details .title {width:auto;}

.body_mobile #content.progress_reports table.skills_set, .body_mobile #content.progress_reports table.skills_comment {width:98% !important;}
.body_mobile #content.progress_reports table.skills_comment tr:first-child {display:none !important;}
.body_mobile #content.progress_reports table.skills_comment tr td {border-bottom: 1px solid #ddd !important; padding-bottom: 6px !important;}
.body_mobile #content.progress_reports table.for_parent.pr {width:100% !important;margin-top:0px !important;}
.body_mobile #content.progress_reports #progress_reports_content,
.body_mobile #content.interim_reports #interim_reports_content{padding:10px !important}
.body_mobile #content.progress_reports th.progress_report_title h2,
.body_mobile #content.interim_reports th.interim_report_title h2 {font-size:15px !important;line-height:18px !important;margin-top:10px !important;}
.body_mobile #content.progress_reports th.progress_report_title h2 .student_info,
.body_mobile #content.interim_reports th.interim_report_title h2 .student_info {font-size:.75em !important;}
.body_mobile #content.progress_reports th.progress_report_title img,
.body_mobile #content.interim_reports th.interim_report_title img {height:100px !important;margin-right:10px !important;}
.body_mobile #content.student_schedules #toolbar .dropdowns {top:0px !important;}
.body_mobile #content.progress_reports #toolbar.toolbar.mobile_reports_dropdown,
.body_mobile #content.interim_reports #toolbar.toolbar.mobile_reports_dropdown,
.body_mobile #content.student_schedules #toolbar.toolbar.mobile_schedules_dropdown {padding:5px 10px 5px 10px;min-height:55px;display:block;background-color: #f1f1f1 !important;border-bottom: 1px solid #ccc !important;}
.body_mobile #content.progress_reports #toolbar.toolbar.mobile_reports_dropdown .dropdowns,
.body_mobile #content.imterim_reports #toolbar.toolbar.mobile_reports_dropdown .dropdowns,
 body_mobile #content.student_schedules #toolbar.toolbar.mobile_schedules_dropdown .dropdowns {padding-top:5px;}
.body_mobile #content.progress_reports #toolbar.toolbar.mobile_reports_dropdown .dropdowns div,
.body_mobile #content.interim_reports #toolbar.toolbar.mobile_reports_dropdown .dropdowns div,  
.body_mobile #content.student_schedules #toolbar.toolbar.mobile_schedules_dropdown .dropdowns div {display:inline-block !important;float:left;clear:left;font-size:12px !important;}
			
.body_mobile #content.student_schedules #toolbar.toolbar.mobile_schedules_dropdown {display:block !important;min-height:0px;height:22px;}
.body_mobile #content.student_schedules #student_schedules_content {padding:10px !important;}
.body_mobile #content.student_schedules #student_schedules_content td.classes .fg-toolbar {margin-top:0px !important;}

.body_mobile #content.faculty_schedules #faculty_schedules_content {margin-top:-5px !important;bottom:16px;}

.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper {position:absolute !important;top:10px !important;left:0px  !important;margin-bottom:0px !important;}
.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper #interior {width:calc(100% - 12px) !important;top:72px !important;bottom:0px !important;}
.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper #interior table tr td {}
.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper #events_footer {display:none !important;}
.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper table.events_data td.date .date_info {padding:6px 4px 12px 4px !important;}
.body_mobile #content.upcoming_events #upcoming_events_content #table_wrapper table.events_data td.details {width:50% !important;}
@media only screen and (max-width: 767px){
.body_mobile #app_pop_up, .body_mobile #new_app_pop_up, .body_mobile #custom_registration_app_pop_up, .body_mobile #registration_app_pop_up {left:auto !important;right:auto !important;margin-right:10px !important;margin-left:10px !important;width:calc(100% - 20px) !important;max-width:calc(100% - 20px) !important;max-height:calc(100vh - 20px) !important;}
.body_mobile #registration_app_pop_up {top:10px !important;bottom:10px !important;margin-top:auto !important;overflow:hidden;}
.body_mobile #registration_app_pop_up #app_pop_up_content {width:calc(100% - 50px) !important;height:calc(100vh - 80px)!important;overflow-y:scroll;overflow-x:hidden;padding-left: 0px !important;padding-right: 0px !important;margin: 0px 20px !important;padding-top: 0px !important;padding-bottom: 60px !important;-webkit-overflow-scrolling: touch;}
.body_mobile #registration_app_pop_up #edit_registration_form .app_pop_up_main {padding:0px 0 15px 0 !important; min-height:0px !important;}
.body_mobile #registration_app_pop_up #edit_registration_form .pop_up_heading {height:auto !important;padding: 15px 20px !important;width: calc(100% - 20px) !important;padding-right:0px !important;margin-left: -20px !important;position:relative !important;}
.body_mobile #registration_app_pop_up #edit_registration_form .pop_up_subheading {margin:0 !important;font-size:14px;}
.body_mobile #registration_app_pop_up #edit_registration_form #pop_up_details {max-height:none !important;margin-right:0px !important;margin-left:0px !important;}
.body_mobile #registration_app_pop_up #edit_registration_form #pop_up_details form#registration_form {overflow-x:scroll;}
.body_mobile #registration_app_pop_up #edit_registration_form #pop_up_details form#registration_form .contact_detail_group {left:0 !important}
.body_mobile #registration_app_pop_up #shopping_cart .pop_up_heading {position:relative;width:100%;border-top: 1px solid black;border-radius: 0px;padding-left:0px}
.body_mobile #registration_app_pop_up #shopping_cart .pop_up_subheading {margin-top:0px !important;padding-bottom: 0px;margin-left:0px;}
.body_mobile #registration_app_pop_up #shopping_cart,
.body_mobile #registration_app_pop_up #edit_registration_form {float:none;width:100% !important;border-right:none;}
.body_mobile #registration_app_pop_up #shopping_cart {padding-bottom:80px;}
.body_mobile #registration_app_pop_up #shopping_cart,
.body_mobile #registration_app_pop_up #shopping_cart #shopping_cart_content {margin-left:0px !important;max-height:none !important;}
.body_mobile #registration_app_pop_up #registrations .contact_detail_group a.newbutton {float:none !important;margin-top:5px !important;}

.body_mobile #overlay {position:fixed;}
.body_mobile #app_pop_up, 
.body_mobile #custom_registration_app_pop_up,
.body_mobile #new_app_pop_up {position:fixed;top:10px !important; margin-top:0px !important;bottom:10px !important;margin-bottom:0px;}
.body_mobile #app_pop_up #pop_up_details,
.body_mobile #app_pop_up .pop_up_details,

.body_mobile #custom_registration_app_pop_up #pop_up_details{position: relative;top:0;bottom:0;max-height:none;-webkit-overflow-scrolling: touch;margin:auto 20px;}
.body_mobile #new_app_pop_up #pop_up_details,
.body_mobile #app_pop_up .contact_card_details {position:absolute;top:100px;bottom:50px;max-height:none !important;left:0px;right:0px;-webkit-overflow-scrolling: touch;}
.body_mobile #app_pop_up .contact_card_details {top:120px;left:20px !important;right:20px !important;}
.body_mobile #app_pop_up .contact_card_titles {height:76px !important;overflow:scroll !important; margin-left:100px !important;}
.body_mobile #app_pop_up .app_pop_up_footer, 
.body_mobile #custom_registration_app_pop_up .app_pop_up_footer, .body_mobile #new_app_pop_up .app_pop_up_footer {position:fixed; bottom: 10px;right: 10px;left: 10px;}
.body_mobile #app_pop_up .pop_up_details .contact_info_permission_checkbox {line-height:1em;}

.body_mobile #new_app_pop_up #app_pop_up_content #template_edit_form #pop_up_details {padding-top:0px;margin-top:-30px;}
.body_mobile #new_app_pop_up #app_pop_up_content #template_edit_form .pop_up_heading {width: calc(100% - 48px);}
.body_mobile #new_app_pop_up #app_pop_up_content #template_edit_form .pop_up_heading a {margin-right:36px !important;}

.body_mobile #app_pop_up #pop_up_subheading,

.body_mobile #custom_registration_app_pop_up #pop_up_subheading{padding:20px 0 20px !important;}
.body_mobile #new_app_pop_up #pop_up_subheading {padding-bottom:10px !important;}
.body_mobile #custom_registration_app_pop_up #pop_up_subheading a.newbutton,
.body_mobile #new_app_pop_up #pop_up_subheading a.newbutton {display:none !important;}
.body_mobile #custom_registration_app_pop_up #app_pop_up_content,
.body_mobile #new_app_pop_up #app_pop_up_content {width:auto !important;overflow:visible;}
.body_mobile #app_pop_up .contact_card img.profile_pic,
.body_mobile #app_pop_up .contact_pic img {width:80px;height:80px;}
.body_mobile #app_pop_up .contact_pic {width:100px;}
.body_mobile #app_pop_up .contact_names {left:105px;}
.body_mobile #app_pop_up .pop_up_subheading, .body_mobile #new_app_pop_up .pop_up_subheading {white-space:nowrap;overflow:scroll;}
.body_mobile #app_pop_up #pop_up_details {overflow-x:scroll !important;margin-left:24px !important;margin-right:24px !important;-webkit-overflow-scrolling: touch;}
.body_mobile #app_pop_up #pop_up_details .contact_detail_group {left:0px !important;}
.body_mobile #app_pop_up .pop_up_subheading, 
.body_mobile #app_pop_up #pop_up_details, 
.body_mobile #custom_registration_app_pop_up .pop_up_subheading,
.body_mobile #new_app_pop_up .pop_up_subheading,
.body_mobile #new_app_pop_up #pop_up_details {margin-left:20px !important;margin-right:20px !important;}
.body_mobile #app_pop_up .pop_up_heading input#person_to_edit {width:calc(100% - 80px)}
.body_mobile #app_pop_up #pop_up_details.admin .contact_pic_name {left:0px;}
.body_mobile #app_pop_up .app_pop_up_main .contact_card {margin:24px 20px 20px}
.body_mobile #custom_registration_app_pop_up #pop_up_details,
.body_mobile #new_app_pop_up #pop_up_details {left:0 !important;right:0 !important;padding-bottom:0px;}
.body_mobile #new_app_pop_up #pop_up_details iframe, .body_mobile #app_pop_up #pop_up_details iframe {max-width:100% !important;}
.body_mobile #new_app_pop_up #registration_form {overflow-x:scroll !important;}
.body_mobile #panes .pane .shadow.pane-wrapper {margin:0 auto !important;top:70px !important;max-width: calc(100% - 20px) !important;left:auto !important;}
.body_mobile #new_app_pop_up #template_edit_form .pop_up_subheading {margin-top:70px;}
.body_mobile #app_pop_up #app_pop_up_content.calendar_item .pop_up_subheading {white-space:normal !important;}
.body_mobile .menu-pane .pane-root {max-height:calc(100vh - 200px);-webkit-overflow-scrolling: touch;}

.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_section {padding:10px !important;}
.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_details {margin-left:25px !important;width:calc(100% - 25px) !important;}
.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_details .newbutton {margin-left:0px !important;}
.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_details .detail_field_input.short {width:100% !important;}
.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_section:first-child {margin-top:0px !important;}
.body_mobile #app_pop_up #app_pop_up_content form#new_donor #pop_up_details .donor_type_section .donor_type_radio {width:20px !important;}

.body_mobile .registration_detail {width:900px !important;}
.body_mobile .registration_detail .app_pop_up_main {width:550px !important;}
.body_mobile .registration_detail #shopping_cart {width:260px !important;}

.body_mobile #app_pop_up #pop_up_details ul.selected_people_list li, 
.body_mobile #app_pop_up #pop_up_details ul.group_list li,
.body_mobile #app_pop_up #pop_up_details .select_reason, 
.body_mobile #app_pop_up #pop_up_details .select_group, 
.body_mobile #app_pop_up #pop_up_details .select_title,
.body_mobile #app_pop_up #pop_up_details .selected_people_list li .selected_person_name, 
.body_mobile #app_pop_up #pop_up_details .group_list li .group_name {height:auto !important;display:table;}

.body_mobile #app_pop_up #pop_up_details table.task_form td.label,
.body_mobile #app_pop_up #pop_up_details table.task_form td.info {width:auto !important;}
.body_mobile #app_pop_up #pop_up_details table.task_form td textarea,
.body_mobile #app_pop_up #pop_up_details table.task_form td select,
.body_mobile #app_pop_up #pop_up_details table.task_form td input[type=text] {width:100% !important;}

.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field .label,
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field .info,
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field .box {width:100% !important;float:none !important;display:block;}
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .box textarea,
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .box select,
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .box input[type=text] {width:100% !important;}
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field {padding:5px 0px !important;}
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field #recurring_end_date small,
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .field label {margin-left:0px !important;}
.body_mobile #app_pop_up .app_pop_up_main #edit_event_form .box a.newbutton {margin-left:0px !important}

.body_mobile #app_pop_up #pop_up_details #student_contracts_settings hr {margin:0px !important;}
.body_mobile #app_pop_up #pop_up_details #student_contracts_settings .field .label {clear:left;padding-left:0px !important;padding-top:5px !important;}
.body_mobile #app_pop_up #pop_up_details #student_contracts_settings .field .box {clear:left;padding-left:0px !important;}
.body_mobile #app_pop_up #pop_up_details #student_contracts_settings .newbutton {margin-top:10px !important;}

.body_mobile #app_pop_up #pop_up_details .selected_people_list li .selected_person_name, 
.body_mobile #app_pop_up #pop_up_details .group_list li .group_name {width:70%;white-space: nowrap;text-overflow:ellipsis;}
.body_mobile #app_pop_up #pop_up_details .group_list li input {width:70% !important;margin-bottom:4px !important;}
.body_mobile #app_pop_up #pop_up_details .group_list li .group_edit_buttons {margin-right:2px;margin-left:0px !important;}
.body_mobile #app_pop_up #pop_up_details .group_list li .group_edit_buttons div {padding:4px 8px !important;line-height:14px !important;margin-top:1px;}
}
.body_mobile #content.calendar .mobile_styles {display:inline !important;}
.body_mobile #content.calendar #content_header,	.body_mobile #content.calendar #content_main {zoom:.9;}
.body_mobile #calendar_toolbar.toolbar_container_mobile {display:block !important;}
.body_mobile #content.calendar #content_header {height:60px;border-bottom:1px solid #ccc;background-color:white;z-index:1;}
.body_mobile #content.calendar #content_header #big_month_year {position:fixed;top:94px;float:left;margin-left:20px;white-space:nowrap;}
.body_mobile #content.calendar #content_main {top:61px;}
.body_mobile #content.calendar #content_main table.cal {padding-top:30px;}
.body_mobile #content.calendar #content_main table.cal tr.dayrow td .calevent {height:20px !important;padding: 0 4px !important;}
.body_mobile #content.calendar #content_main table.cal tr.dayrow td .calevent a {padding-left:2px !important;}
.body_mobile #content.calendar #content_main .weekView_container {overflow:visible;}
.body_mobile #content.calendar #content_main .weekView_heading {font-size:18px;top: 80px;padding-top: 15px;width: calc(100% - 40px);margin:0 20px;}
.body_mobile #content.calendar #content_main #weekView_contents {position:static !important;margin:0 20px !important;}
.body_mobile #content.calendar #content_main #weekView_contents .weekView_date {background-color:#efefef;border-color:#bbb !important;padding:5px;width:auto;overflow:hidden;}
.body_mobile #content.calendar #content_main #weekView_contents .weekView_event_details {color:#666 !important;line-height:1.5em;padding-top:5px !important;}
.body_mobile #content.calendar #content_main .weekView_col1 {position:static;width:100%;display:block;top:20px !important;}
.body_mobile #content.calendar #content_main .weekView_col2 {position:static;width:100%;display:block;}
.body_mobile #content.calendar #content_main .weekView_col1 .weekView_day:first-child {margin-top:10px;}
.body_mobile #content.calendar #content_main .weekView_col1 .weekView_day {width:100%;margin-right:0px;margin-top:0px;}
.body_mobile #content.calendar #content_main .weekView_col2 .weekView_day {width:100%;margin-left:0px;margin-top:0px;}
.body_mobile #content.calendar #content_main #calback #calendar {top:0px !important;}
			
.body_mobile #content.attendance #attendance_content .attendance_heading {min-width:950px;}
.body_mobile #content.attendance #attendance_content .attendance_heading_name {display:block;padding-bottom:5px;}
.body_mobile #content.attendance #attendance_content .attendance_heading_date {display:block;margin-left:0px;}
.xxbody_mobile #content.attendance #attendance_content table.day td.attendance_date {text-align:left;}
.body_mobile #content.attendance #attendance_content table.day th.attendance_date {width:260px !important;}
.body_mobile #content.attendance #attendance_content table.day th#transportation {width:260px !important;}
.body_mobile #content.attendance #attendance_content table.day td.attendance_date input[type=checkbox] {margin-top:3px !important}
.body_mobile #content.attendance #attendance_content table.day td.attendance_date input[type=checkbox],
.body_mobile #content.attendance #attendance_content table.day td.attendance_date select {vertical-align: top;} 
.body_mobile #content.attendance #attendance_content table.day td.attendance_date img {display:none;}
.xbody_mobile #content.attendance #attendance_content table.day td.attendance_date input[type=text],
.xbody_mobile #content.attendance #attendance_content table.day td.transportation_info input[type=text] {width:calc(100% - 12px) !important;margin:4px 0px;padding:6px;border-radius:3px;}
.body_mobile #content.attendance #attendance_content table.day td.transportation_info {padding:5px !important;text-align:left;}
.body_mobile #content.attendance #attendance_content table.day td.transportation_info div {width:calc(100% - 12px) !important; margin-left:0px !important;}
.body_mobile #content.attendance #attendance_content td.student_name {font-size:14px !important;}
.body_mobile #content.attendance #attendance_content td.student_name div {display:block !important;margin-bottom:3px !important;}
.body_mobile #content.attendance #attendance_content td.student_name small {font-size:10px;}

.body_mobile #content.classroom_attendance #classroom_attendance_content .classroom_attendance_heading {min-width:950px;}
.body_mobile #content.classroom_attendance #classroom_attendance_content .classroom_attendance_heading_name {display:block;padding-bottom:5px;}
.body_mobile #content.classroom_attendance #classroom_attendance_content .classroom_attendance_heading_date {display:block;margin-left:0px;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date {text-align:left;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day th.classroom_attendance_date {width:260px !important;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date input[type=checkbox] {zoom:1.25;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date input[type=checkbox],
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date select,
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date img {vertical-align: top;margin-top:4px;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date img {margin-top:5px;}
.body_mobile #content.classroom_attendance #classroom_attendance_content table.day td.classroom_attendance_date input[type=text]{width:calc(100% - 12px) !important;margin:4px 0px;padding:6px;border-radius:3px;}

.body_mobile #dashboard_content {margin-top:0px !important;}
.body_mobile #dashboard_content .dashboard_heading {padding:15px 10px !important;}
.body_mobile #dashboard_content .dashboard_heading span.toggle {margin-right:0px;}
.body_mobile #dashboard_content .dashboard_heading_name span {margin-left:0px !important;}
.body_mobile #dashboard_content .dashboard_heading_date {margin-left:0px;display:block;padding-bottom:6px;padding-top:5px;}
.body_mobile #dashboard_content #widget_container {width:100% !important;}
.body_mobile #dashboard_content #widget_container #widget {margin:10px!important;overflow:hidden!important;}
.body_mobile #dashboard_content #widget_container #widget.column_2:first-child,
.body_mobile #dashboard_content #widget_container #widget.column_3:first-child  {margin-top:0px !important;}

.body_mobile #content.resources_dashboard #dashboard_content {width:calc(100% - 20px) !important;margin-top:10px !important;}
.body_mobile #content.resources_dashboard #dashboard_content .dashboard_heading {padding:10px !important;}
.body_mobile #content.resources_dashboard #dashboard_content .dashboard_heading .heading_tools #search_input {width:calc(100% - 67px) !important;margin-left:0px;margin-top:10px;border-radius:3px;height:22px;}
.body_mobile #content.resources_dashboard #dashboard_content .dashboard_heading .heading_tools .clear_search {border-radius:3px;margin-right:0px;display:inline-block !important;}
.body_mobile #content.resources_dashboard #dashboard_content table {width:100%;overflow: scroll;border-collapse: collapse;margin: 0px;padding: 0px;}
.body_mobile #content.resources_dashboard #dashboard_content {padding:0px !important;}
.body_mobile #content.resources_dashboard #dashboard_content ul#sortable {padding-bottom:10px;}
.body_mobile #content.resources_dashboard #dashboard_content ul#sortable li {padding:10px !important;padding-bottom:0px !important;width:100%;}
.body_mobile #content.resources_dashboard #dashboard_content ul#sortable li .widget .widget_body {padding:15px}
.body_mobile #content.resources_dashboard #dashboard_content ul#sortable li .widget .widget_body .widget_content {}
.body_mobile #content.resources_dashboard #dashboard_content ul#sortable li .widget .widget_body .widget_content .search_type_column {width:100%;float:none;padding:0 0 10px 0 !important}

.body_mobile #content.family_fact_sheet {width:calc(100% - 42px) !important;overflow:hidden;}
.body_mobile #content.family_fact_sheet .fact_sheet_detail input[type="text"], .body_mobile #content.family_fact_sheet .fact_sheet_detail textarea {box-shadow:none !important;}

.body_mobile #html_version_content_tbl {width:calc(100% - 20px) !important;}
.body_mobile #hub .hub_column_content {height: auto !important;max-height: none !important;}


@media (max-width: 420px){
	.body_mobile .toolbar .button_group a.newbutton i.fa {padding:0 6px !important;}
	.body_mobile .toolbar .button_group a.newbutton i:nth-child(2) {margin-left:-8px;}
}
@media (max-width: 320px){
	.body_mobile .sis_title {display:none;}
	.body_mobile #dashboard_content #widget_container #widget {margin:5px!important;}
	.body_mobile #content.resources_dashboard #dashboard_content ul#sortable li {padding:5px !important;}
	.body_mobile #dashboard_content {margin:5px !important;margin-top:-5px !important;}
}

/* NOTES & FILES "LIGHT" STYLES */

.notes_light #notes .note_container,
.notes_light #notes .new_note_container,
.files_light #files .file_container, 
.files_light #files .new_file_container { background-color: #f6f6f6;padding:12px;border:1px solid #dddddd;}
.notes_light #notes .note_footer, 
.notes_light #notes .note_footer a,
.files_light #files .file_footer, 
.files_light #files .file_footer a {color:#999;font-size:.9em;}
.notes_light #notes .note_edit textarea,
.files_light #files .file_edit input {border-color:#aaa !important; border-radius:0px !important;}
.notes_light #notes .new_note,
.files_light #files .new_file {background-color:white !important; border-radius:0px !important;}
.notes_light #notes .publish_note_options {margin:2px 0px 10px;border-bottom: 1px solid white;padding-bottom:8px;}
.notes_light #notes .hide_note_info {display:none;}
.notes_light #notes .expanded_button,
.files_light #files .expanded_button {
	float:right !important;
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff!important;
	box-shadow:inset 0px 1px 1px -1px #ffffff!important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #efefef) )!important;
	background:-moz-linear-gradient( center top, #ffffff 5%, #efefef 100% )!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef')!important;
	background-color:#ffffff!important;
	-moz-border-radius:3px!important;
	-webkit-border-radius:3px!important;
	border-radius:3px!important;
	border-width:1px !important;
	border-style: solid !important;
	border-color:#b7b7b7!important;
    border-bottom-color: #b0b0b0!important;
    border-top-color: #bfbfbf!important;
	color:#6b6b6b !important;
	font-family:arial!important;
	font-size:12px!important;
	font-weight:normal!important;
	padding:3px 10px !important;
	text-decoration:none !important;
	text-shadow:0px 1px 0px #ffffff!important;
	cursor:pointer!important;
	white-space:nowrap!important;
	text-indent:0px !important;
}
.notes_light #notes .expanded_button:hover,
.files_light #files .expanded_button:hover {
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #d9d9d9) ) !important;
	background:-moz-linear-gradient( center top, #eaeaea 5%, #d9d9d9 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#d9d9d9') !important;
	border-color:#999 !important;
}
.notes_light #notes .expanded_button:active,
.files_light #files .expanded_button:active {
	-moz-box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	-webkit-box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	box-shadow:inset 0px 1px 1px -1px #ffffff !important;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9d9d9), color-stop(1, #eaeaea) ) !important;
	background:-moz-linear-gradient( center top, #d9d9d9 5%, #eaeaea 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#eaeaea') !important;
	border-color:#999 !important;
}


.notes_light #notes {
	margin-left:0px !important;
}
.notes_light #notes .new_note_container,
.files_light #files .new_note_container {
	background-color: #f6f6f6 !important;
	margin-top: 5px !important;
	padding: 12px !important;
	border:1px solid #dddddd;
}
.notes_light #notes .new_note_container .note_edit textarea.new_note {
	border-color: #bbb !important;
	border-radius: 0px !important;
	background-color: white !important;
}

span.icon i.fa-thermometer-half {
    margin-left: 11px !important;
}

.signature-pad,
.signature-pad--body {
	border-color:#cccccc !important;
	box-shadow:none !important;
}
.signature-pad:before,
.signature-pad:after {
	display:none !important;
}