/* PrismJS 1.11.0
http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #a67f59;
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.inline-flex{
	display: inline-flex;
}

/*LARGE RESOLUTION STYLES*/
@media screen and (min-width: 1151px) and (max-width: 3040px) {
  .banner{
    width: 30%;
    height: 95px;
    background-color: white;
    display: inline-block;
    border-width: 1px;
    border-color: grey;
    border-style: solid;
  }
  .bannerLogo{
    display: inline-block;
  }
  .banner2{
    width: 70%; height: 95px; background-color: #3c8dbc; float: right; display: inline-block; padding: 5px;
  }
  .bannerH1{
    font-size: 36px; font-family: sans-serif; margin-top: 20px; margin-bottom: 10px;
    text-align: left; color:white; padding-left: 15px; display: inline-block;
  }
  .toggleMenuButton{
  	border-style: solid;
  	border-color: white;
  	border-radius: 5px;
  	width: 38px;
  	height: 38px;
  	float: right;
  	background-color: transparent;
  	margin-top: 20px;
  	margin-right: 40px;
  	margin-left: 100px;
  	font-size: x-large;
  	padding: 0;
  	overflow:hidden;
  	position:relative;
	text-decoration:none;
	background-image:none;
	font-family:fontAwesome;
	color:#fff
  }
  .toggleMenuButton:before{
	content:"\f0c9"
  }
  .toggleMenuButton:hover{
	color:#f6f6f6;
	background:rgba(0,0,0,0.1);
	background-color:#367fa9
  }
}

/*MEDIUM RESOLUTION STYLES*/
@media screen and (min-width: 770px) and (max-width: 1150px) {
  .banner {
    width: 23%;
    height: 95px;
    background-color: white;
    display: inline-block;
    border-width: 1px;
    border-color: grey;
    border-style: solid;
    min-width: 77px;
  }
  .bannerLogo{
  	display: none;
  }
  .banner2{
    width: 77%; height: 95px; background-color: #3c8dbc; float: right; display: inline-block; padding: 5px;
  }
  .bannerH1{
    font-size: 30px;
    font-family: sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    color:white;
    padding-left: 15px;
    display: inline-block;
  }
  .toggleMenuButton{
  	border-style: solid;
  	border-color: white;
  	border-radius: 5px;
  	width: 38px;
  	height: 38px;
  	float: right;
  	background-color: transparent;
  	margin-top: 20px;
  	margin-right: 20px;
  	margin-left: 20px;
  	font-size: x-large;
  	padding: 0;
  	overflow:hidden;
  	position:relative;
	text-decoration:none;
	background-image:none;
	font-family:fontAwesome;
	color:#fff
  }
  .toggleMenuButton:before{
	content:"\f0c9"
  }
  .toggleMenuButton:hover{
	color:#f6f6f6;
	background:rgba(0,0,0,0.1);
	background-color:#367fa9
  }
}

/*SMALL RESOLUTION STYLES*/
@media screen and (max-width: 769px) {
  .banner {
   	display: none;
  }
  .banner2{
    width: 100%; height: 70px; background-color: #3c8dbc; float: center; display: inline-block; padding: 5px;
  }
  .bannerH1{
    font-size: 18px;
    font-family: sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    color:white;
    display: inline-block;
  }
  .toggleMenuButton{
  	border-style: solid;
  	border-color: white;
  	border-radius: 5px;
  	width: 20px;
  	height: 20px;
  	float: right;
  	background-color: transparent;
  	margin-top: 18px;
  	margin-right: 10px;
  	margin-left: 20px;
  	font-size: x-small;
  	padding: 0;
  	overflow:hidden;
  	position:relative;
	text-decoration:none;
	background-image:none;
	font-family:fontAwesome;
	color:#fff
  }
  .toggleMenuButton:before{
	content:"\f0c9"
  }
  .toggleMenuButton:hover{
	color:#f6f6f6;
	background:rgba(0,0,0,0.1);
	background-color:#367fa9
  }
}

/* Firstly Hide the unnecessary components */
.ui-fileupload .start {
    display: none;
}
.ui-fileupload .cancel {
    display: none;
}
.ui-fileupload .progress {
  /*  display: none; - if you wanted to hide the progress bar as well*/
}
.ui-fileupload  {
    border: none;
}
.ui-progressbar {  /* made progress bar smaller to fit on same line */
    width: 100px!important;
    height: 5px!important;
}
.fileupload-buttonbar .fileinput-button .ui-icon-plusthick { /* remove icon from browse button */
    display: none !important;
}
.fileupload-buttonbar .fileinput-button  .ui-button-text { /* removed icon from browse button so shifting text left*/
    padding-left: 1em!important;
}
.ui-fileupload .fileupload-buttonbar {
    border: none!important;
    background: transparent;
    background-color: transparent;
    float: left; /* Keep button on left */
} 
.fileupload-content {
    border: none!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    background: transparent!important;
    background-color: transparent!important;
    float: right; /* and content on right */
    display: none !important;
}