html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }


html, body {
  height: 100%;
}

#wrapper{
	min-height: 100%;
	position: relative;
}

.container-fluid{
	padding-bottom: 50px;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
  margin-top:0px;
}

#snippet-preview {
  position: relative;
  top:0px;
  left:0px; 
  width:100%; 
  height:80%;
  z-index:50
}

#toolbar {
	z-index: 1000;
	padding: 5px;
	border-bottom: 1px #CCC solid;
	-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.42);
	-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.42);
	box-shadow:         0px 2px 6px rgba(50, 50, 50, 0.42);
	margin-bottom: 10px;
	text-align: right;
}

#rodape {
	z-index: 1000;
	padding: 5px;
	border-bottom: 1px #CCC solid;
	-webkit-box-shadow: 0px 2px 6px rgba(50, 50, 50, 0.42);
	-moz-box-shadow:    0px 2px 6px rgba(50, 50, 50, 0.42);
	box-shadow:         0px 2px 6px rgba(50, 50, 50, 0.42);
	margin-bottom: 0px;
    height:50px;    
    bottom: 0;
    left: 0;
    position:absolute;
    width: 99%;
    text-align: center;	
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active
{
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active{
  background-image: none;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.messange {
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=60);
    cursor: pointer;
}

.glyphicon.glyphicon-asterisk {
  font-size: 10px;
  color: #e25252;
  margin-right: 5px;
}


.radio-inline, .checkbox-inline {
  padding-left: 1px !important;
}