html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; font-family: "Open Sans", sans-serif; }
a, button, li,
.form-group span .fa
{ -webkit-transition: all .5s cubic-bezier(.215,.61,.355,1); -moz-transition: all .5s cubic-bezier(.215,.61,.355,1); -o-transition: all .5s cubic-bezier(.215,.61,.355,1); transition: all .5s cubic-bezier(.215,.61,.355,1); }
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: #888; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: #666; }
.form-group span { display: inline-block; width: 100%; position: relative; }
.form-group span input[type="password"] { padding-right: 30px; }
.form-group span .fa-eye-slash,
.form-group span .fa-eye { position: absolute; cursor: pointer; right: 0px; top: 0px; padding: 14px; font-size: 20px; color: #FFF; }


#jUploader { position: relative; display: inline-block; width: 100%; min-height: 250px; border: none; border-top: 1px solid #c2cad8; border-bottom: 1px solid #c2cad8; font-family: 'Titillium Web', sans-serif; font-weight: 300;  }
#jUploader:hover { background: #f7f7f7; }
	#jUploader *,
		#jUploader li::before,
			#jUploader li i::after { -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1); -moz-transition: all .3s cubic-bezier(.215,.61,.355,1); -o-transition: all .3s cubic-bezier(.215,.61,.355,1); transition: all .3s cubic-bezier(.215,.61,.355,1); }
	#jUploader li,
	#jUploader ._loader { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
	#jUploader label[for="input_jUploader"] { display: inline-block; width: 100%; height: 100%; position: absolute; z-index: 1; cursor: pointer; top: 0; left: 0; }
	input#input_jUploader { display: inline-block; visibility: hidden; position: absolute; z-index: 0; top: 0; left: 0; }
	#jUploader h6 { float: left; width: 100%; font-size: 14px; margin: 0; padding: 20px ; border-bottom: solid 1px #efefef; font-weight: 700; text-transform: uppercase; opacity: .8; }
		#jUploader h6 small { display: inline-block; width: 100%; text-transform: none; line-height: 16px; font-size: 13px; padding-top: 6px; opacity: .6; }
	#jUploader ul { float: left; width: 100%; padding: 10px; margin: 0; list-style: none; }
		#jUploader ul li { float: left; display: none; position: relative; z-index: 1; width: 100px; height: 100px; margin: 6px; background: #efefef; }
		#jUploader ul li::before { content: ""; position: absolute; z-index: 1; width: 0; height: 0; top: 50%; left: 50%; background: rgba(0,0,0,.5); border-radius: 100%; }
		#jUploader ul li:hover::before { width: 100%; height: 100%; top: 0; left: 0; border-radius: 0; }
			#jUploader ul li img { position: absolute; z-index: 0; top: 0; left: 0; max-width: 100%; }
			/*
			#jUploader ul li span { position: absolute; top: 90%; left: 0; border: solid 1px red; text-align: center; width: 100%; z-index: 2; color: #FFF; font-size: 10px; opacity: 0; }
			#jUploader ul li:hover span { opacity: 1; top: 68%; }
			#jUploader ul li span i { display: inline-block; width: 33%; }
			*/
			#jUploader ul li i { position: absolute; z-index: 2; color: #FFF; top: 90%; left: 50%; font-size: 32px; margin: -14px 0 0 -20px; cursor: pointer; opacity: 0;  } 
			#jUploader ul li:hover i { opacity: 1; top: 66%; }
			#jUploader ul li i:hover { color: #CC0000; }
			#jUploader ul li i::after { content: "Excluir"; position: absolute; top: -32px; left: 50%; margin-left: -22px; padding: 4px; font-size: 14px; border-radius: 2px; color: #FFF; font-family: 'Titillium Web', sans-serif; font-weight: 300; }
			#jUploader ul li i:hover::after { background: #CC0000; }
			
#jUploader ._loader { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; background: rgba(255,255,255,.8); }
#jUploader ._loader::before { content: ""; position: absolute; z-index: 5; top: 50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; border-radius: 100%; border: solid 2px transparent; border-top: solid 2px #666; border-bottom: solid 2px #666; 
	-webkit-animation:spin .5s linear infinite; -moz-animation:spin .5s linear infinite; -o-animation:spin .5s linear infinite; animation:spin .5s linear infinite;
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#jUploader .progress { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; margin: 0; height: 5px; background: transparent; }
#jUploader .progress .progress-bar { display: none; }
#jUploader .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; }
#jUploader .display-error { display: none; position: absolute; z-index: 6; top: 10px; right: 10px; width: 34%; max-height: calc(100% - 30px); background: rgba(255, 0, 0, 0.4); color: #CC0000; border: solid 1px red; padding: 6px 30px 6px 6px; } 
	#jUploader .display-error .closing-error { position: absolute; font-size: 22px; top: 10px; right: 10px; cursor: pointer; } 
	#jUploader .display-error span { float: left; width: 100%; margin-bottom: 5px; }

.note-editor .modal-body { padding: 15px 30px; }
.note-editor .modal .modal-header .close { text-indent: initial; }