/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(lib/fonts/roboto/Roboto-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

.container
{
	margin-bottom: 5em;
}
textarea 
{
	resize: vertical;
	min-height: 3em;
}
body
{
	font-family: 'Roboto', Verdana, Helvetica, Arial, sans-serif;
	color:#242424; 
}
.form-elements .form-control
{
	background: #fff;
}

.form-wrap.form-builder .form-control
{
	height: initial !important;
}
header 
{
	font-weight: bold;
	font-size: 2em;
}

body{
	
	font-family: sans-serif;
}

.logo {
	height: 60px;
	margin-top: 1em;
	margin-left: 3em;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('./img/La_Trobe_University_logo.svg');

}

.headerbox
{
	padding-bottom: 1em;
	background-color: #fff;
}
.hasDatepicker.form-control[readonly]
{
	background-color: #ffff;
}

.content 
{
	padding: 1em;
	background: #efefef;		 
 
	margin-top: 1em;
}

.className-wrap
{
	display:none !important;
}

.title
{
	text-align:center;
	margin-top: 0;
	font-size: 2em;
	font-weight:bold;
}

h1,h2,h3,h4
{
	font-family: 'Roboto Bold','Roboto', sans-serif; 
	color:#e42312; 
}
label, .settingarea legend
{
	font:16px "Roboto Bold",'Roboto',sans-serif; 
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom:none;
}
.settingarea fieldset > *:not(legend)
{
	margin-left: 1em;
}

.checkboxContanin > label
{
	margin-left: 5px;
}
.form-group > label
{
	font-weight: bold;
}

#studentLoginButton
{
	width: 100%;
	margin-bottom: 1em;
}
.invisible
{
	visibility: hidden;
}
div.progress 
{
overflow: visible;
}
div.progress-bar
{
	height:unset;
	width: 100%;
}

#ErrorMessageBox:blank 
{
	visibility :hidden;
	display:none;
}

.openBtn:after 
{
	content: '\1F4C2'
}


.narrowCol
{
	width: 1em;
}

.topbar
{
	background-color: #242424;
	width: 100%;
	min-height: 3em;
}
#submitBtn
{
	margin-bottom: 1em;
}
body h1 {
    color: #e42312;
    font-size: 36px;
    line-height: 40px;
	font-family: 'Roboto Bold',sans-serif;
    font-weight: normal;
}

.twitter-typeahead .form-control[disabled]
{
    background-color: #eee !important;
}
.form-field
{
	cursor:move;
}

.form-builder-dialog 
{
	overflow-y:hidden;
}
#formToSubmit
{
	margin-top: 1em;
}
#RightNowRefrence
{
	font-weight: bold;
}

.topnav 
{
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
    padding-left: 15px;
	overflow: hidden;
}
.topnav a 
{
	line-height: 3em;
	padding-right: 1em;
	padding-left: 1em;
	text-decoration:none;
	color: #9d9d9d;
	display: inline-block;
}
.topnav .logoutBtn
{
	float:right;
}
@media (min-width: 768px)
{
	.topnav {
		width: 750px;
	}
}

@media (min-width: 992px)
{
	.topnav {
		width: 970px;
	}
}

@media (min-width: 1200px)
{
	.topnav {
		width: 1170px;
	}
}

body 
{
	margin-bottom: 30em;
}


.topnav a:hover
{
	color: #fff;
	text-decoration:none;
}

.topnav a.active
{
	background: #000;
}
 

.form-control, input
{
	border-radius: 0 !important;
}
#UrlContain
{
	display: table;
	width: 100%;
}
#UrlPrefix
{
	width: 1em;
	white-space: nowrap;
}

#UrlTextInput, #UrlPrefix
{
	display: table-cell  !important;
}

#PreLoginMessage
{
	margin-bottom: 1em;
}

.alert:empty 
{
	display: none;
}

#footer 
{
	font-size: 80%; 
	text-align: center; 
	margin-top : 1em;
 }
 
 
.ui-datepicker
{
	background: white;
}

button.deleteBtn:after {
    content: '\232B';
}

p:blank 
{
	display: none;
}

#submitBtn
{
	margin-top: 1em;
}

body[data-deploymode='QAS']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>QAS</text></svg>");
}
body[data-deploymode='UPGRADE']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>UG</text></svg>");
}
body[data-deploymode='DEV']
{
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='64px' width='64px'><text font-family='sans-serif' transform='rotate(45)' x='16' y='16' fill='rgb(200,200,200)' font-size='20'>DEV</text></svg>");
}

td.worldicon:before 
{
	content: "\1F30F\FE0E";
}

.csstooltip {
    position: relative;
    display: inline-block;
}

.csstooltip .csstooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 100%;
}

.csstooltip:hover .csstooltiptext {
    visibility: visible;
}

/*
 * jQuery UI Datepicker 1.9.0
 *
 * Copyright 2012-10-11, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://jqueryui.com/datepicker/
 */



.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; border:0px; font-weight: bold; width: 100%; padding: 4px 0; background-color: #f5f5f5; color: #808080; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

.ui-datepicker th{
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover{
  background-color: #808080;
  color: #ffffff;

}
.ui-datepicker-today a{
  background-color: #BFBFBF;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom:0px;

}


.ui-datepicker td a{
  margin-bottom:0px;
  border:0px;
}

.ui-datepicker td:hover{
    color: #ffffff;
}

.ui-datepicker td .ui-state-default {
  border:0px;
  background:none;
  margin-bottom:0px;
  padding:5px;
  color:gray;
  text-align: center;
  filter:none;
}


.ui-datepicker td .ui-state-active{
  background:#BFBFBF;
  margin-bottom:0px;
  font-size:normal;
  text-shadow: 0px;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-hover {
    color: #ffffff;
    background: #0064cd;
    background-color: #0064cd;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
    background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
    background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
    background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
    background-image: -o-linear-gradient(top, #049cdb, #0064cd);
    background-image: linear-gradient(top, #049cdb, #0064cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #0064cd #0064cd #003f81;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.ui-datepicker-next:after
{
	content: '\01f882';
	line-height: 2em;
}
.ui-datepicker-prev:after
{
	content: '\01f880';
	line-height: 2em;
}

.ui-menu
{
	position: relative;
	list-style: none;
	background-color: white;
	
	z-index:10;
	box-shadow: 5px 0px 8px white;
	width: 214px;
	line-height: 200%;
	border: solid 1px grey;
}
.ui-menu .ui-menu-item
{
	margin: none;
	padding-left: 1px;
  padding-right:10px;
}
.ui-menu .ui-menu-item:hover
{
	background-color: darkgrey;
}

.ui-menu .ui-state-active 
{
    margin: 0 !important;
}

.rendered-form .other-val[style^='display: inline']
{
	display: block !important;
	height: 34px;   
    width: 100%;
    padding: 6px 12px;
	margin-bottom: 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
	float: right;
}

.rendered-form label 
{
	display: initial;
}

.checkbox label, .radio label 
{
	vertical-align: top;
}
.inactivecategory
{
	background-color: red;
}

body .btn 
{
	border-radius: 0;
}

body.query_builder_iframe
{
	background: #f7f7f7;
}

.fbPreviewMode .preview_mode_only 
{
	display:block;
}
.preview_mode_only 
{
	display:none;
}
.preview_mode_only button
{
	margin-bottom: 1em;
}
body:not(.fbPreviewMode) td.td_hidden
{
	padding:0 !important;
}
th.fb_table_hide_label > span
{
	display:none;
}

#paymentProvider a
{
	font-weight: bold;
}
#RightNowReference, #paymentReceipt
{
	font-weight: bold;
}

body.fbPreviewMode #viewPreviewOfThisFormBtn, body:not(.userAuthenticated) #viewPreviewOfThisFormBtn
{
	display: none;
}

body:not(.fbPreviewMode) .previewBtn
{
	display: none;
}

body:not(.userAuthenticated) #editThisFormBtn
{
	display: none; /* The preview mode already has an edit button*/
}
#previewTabs
{
	margin-top: 1em;
}

/*
	Hide buttons with permission requirements, unless the permission is specified in the body tag
	see bt_forms.js, when any page does an AJAX call, the result will contain permissions and username.
	The perms are then added to the body tag which unhides the relevant buttons
*/
body:not([data-perms~="VIEW_FORM"]) [data-perm="VIEW_FORM"],
body:not([data-perms~="VIEW_URL"]) [data-perm="VIEW_URL"],
body:not([data-perms~="VIEW_ALIAS"]) [data-perm="VIEW_ALIAS"],
body:not([data-perms~="VIEW_USER"]) [data-perm="VIEW_USER"],
body:not([data-perms~="VIEW_CONFIG"]) [data-perm="VIEW_CONFIG"],
body:not([data-perms~="VIEW_TASK"]) [data-perm="VIEW_TASK"],
body:not(.userAuthenticated) .logoutBtn
{
	display:none;
}