/* Sticky footer styles
-------------------------------------------------- */

html,
body {
	height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
	margin: 0 auto -50px auto;
	/* Pad bottom by footer height */
	padding: 0 0 50px 0;
}

/* Set the fixed height of the footer here */
#footer {
	height: 50px;
	text-align: center;
}

/* Custom page CSS
-------------------------------------------------- */

#wrap > .container-fluid, #wrap > .container {
  padding-top: 10px;
}
.container-fluid .credit, .container .credit {
  margin: 15px 0 0 0;
}


.sep_footer_nav { margin: 0 7px; color: #acacac; }


/* ------- Content after the header ------- */
/* ------- floats ------- */
.left { text-align: left; }
.ctr { text-align: center; }
.clr { clear: both; }

/* ------- fonts ------- */
.noborder { border: none !important; }

/* ----- header ----- */
.navbar { 
	margin-bottom: 0px;
}


.page-header {
	padding: 4px 0 3px 0;
	margin: 0;
}

.page-title {	
	margin: 0;
	padding: 1px 0 2px 0;
	font-size: 1.4em;
}

#toolbar {
	margin: 0;
	border-radius: 0;
	border-bottom: none;
}

#toolbar .panel-body {
	margin: 0;
	border-radius: 0;
	border-bottom: none;
	padding-bottom: 2px; 
	padding-top: 2px
}

#toolbar .panel-default {
	border-bottom: none;
}

.no-btn-margin {
	margin-bottom: 0;
	border-radius: 0;
	border-top: none;
	border-bottom: none;
}

.no-btn-margin .panel-body {
	padding-top: 5px;
	padding-bottom: 4px;
}

#status {
	margin-top: 5px;
    height: expression( this.scrollHeight > 90 ? "90px" : "auto" ); /* sets max-height for IE */
    max-height: 90px; /* sets max-height value for all standards-compliant browsers */
    overflow:auto;
}

.info-panel {
	padding: 5px 5px 5px 50px;
}

.info-lbl {
	display: inline-block;
	width:110px;
	min-height: 25px;
	
}
.info-val {
	display: inline-block;
	min-height: 25px;
}

.is {
	font-size: 1.3em;
	color:#999;
	padding: 5px;
	margin: 0;
}
.ic {
	width: 5%;
	text-align: center;
	padding: 0 10px;
}
.ty {
	width: 8%;
}
.sz {
	width: 13%;
}
.dt {
	width: 25%;	
	text-align: center;
}

/* Breadcrumb */

.breadcrumb {
  border: 1px solid #dddddd;
  border-radius: 3px;
}

#breadcrumb2 {
	margin-bottom: 10px;
}


.is:hover {
	
	cursor: pointer;
}

.pwstrength_viewport_progress > .progress {
	height: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}


/* ----------- Forms ----------- */
#reqacct, 
#acctform, 
#sharedform, 
#reset-password,
#change-pass {
	margin: 1.5em 1em;
}

#reqacct .panel-body, 
#acctform .panel-body,
#reset-password .panel-body,
#change-pass .panel-body {
	padding: 30px;
}

@media(max-width: 768px){
	
	#reqacct, 
	#acctform, 
	#sharedform, 
	#reset-password, 
	#change-pass {
		margin: 0;
	}
	
	#reqacct .panel-body,
	#acctform .panel-body,
	#reset-password .panel-body,
	#change-pass .panel-body {
		padding: 15px;
	}
	
	.info-panel {
		padding: 5px;
	}

}

.sharedfiles th {
	color: #4d6774;
	text-align: left;
}

.shared_file_icon {
	color: #7E9CAF; 
	font-size: 2.0em;
}

/*  ----Recaptcha---- */
#recaptcha_image {
	min-height: 65px;
	margin-bottom: 5px; /* bootstrap is already adding margin with form styles - this is to override thumbnail */
}

#recaptcha_controls {
	padding: 2px 0 0 2px;
	width: 25px;
}

.recaptcha_only_if_incorrect_sol {
	display: none;
	color:red;
}

/*  ----Initially hide the datatable---- */
#fileList {
	display:none;
}

/*  ----Use the bordered style, but remove column borders---- */
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
 border: none; 
}

.hidden-inline-xs {
    display: inline !important;
}

 
.modal-body h4.title {
	border-bottom: 1px solid #eee;
}

#dialog-email-file .modal-dialog
{
	min-width: 85%;
}


textarea.boxsizingBorder {
    width:100%;
    margin:5px 0;
    padding:3px;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* Portrait tablet and up */
@media(min-width:768px){
	.navbar-brand {
		padding: 5px 15px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .hidden-inline-xs {
	display: none !important;
  }
  .is {
	font-size: 2.2em;
	color:#AAA;
  }
}

/* Landscape phones and down */
@media (max-width: 640px) {
	#toolbar button span.t {
		display: none;
	}
	#toolbar {
		margin: 0;
		border: none;
	}
	
	#toolbar .panel-body {
		margin: 0;
		padding: 0; 
	}

	.no-btn-margin {
		margin: 0;
		border: none;
	}
	
	.no-btn-margin .panel-body {
		padding: 2px 0 2px 0;
	}
	
	.breadcrumb {
		margin: 0;
	}	
}

@media (max-width: 480px) {

	#recaptcha_image {
		margin: 0 !important;
		width: 230px !important;
	}
}