/*.gn-paper-skin .navbar,.gn-paper-skin .ace-nav{background:#961B24}*/
.label-text-large{width: 100%}
.label.label-white{color:#638699;background-color:#f2f5f6;border-right-width:1px;border-left-width:2px}
.label-white.label-success{color:#668C56;background-color:#edf3ea!important}
.label-white.label-warning{color:#BC802D;background-color:#fef6eb!important}
.label-white.label-primary{color:#6688a6;background-color:#eaf2f8!important}
.label-white.label-danger{color:#AA6C63;background-color:#fcf4f2!important}
.label-white.label-info{color:#4e7a8f;background-color:#eaf3f7!important}
.label-white.label-inverse{color:#404040;background-color:#ededed!important}
.label-white.label-pink{color:#af6f87;background-color:#fbeff4!important}
.label-white.label-purple{color:#7d6fa2;background-color:#efedf5!important}
.label-white.label-yellow{color:#cfa114;background-color:#fdf7e4!important}
.label-white.label-grey{color:#878787;background-color:#ededed!important}
.label-font{font-size: 12px!important;}
.border-bottom{border-bottom: 1px solid #e0e0e0; padding: 1px 0;}
.padding-none{padding: 0}
.no-margin{margin:0;}
.no-decoration{text-decoration: none !important;}
.padding2{ padding:13px!important;}
.padding1{ padding:6.5px!important;}
.margin-icon{ margin-right: 10px;}
.dialog-confirm{width: 380px;}
.bootbox-confirm .modal-body, .bootbox-alert .modal-body{padding: 20px;}
.left{text-align: left;float:left;}
.right{text-align: right;float:right;}
#view-content-letter{display:block; overflow:auto;border: 1px solid #d5d5d5; padding: 5px 4px; line-height: 1.2; font-size: 14px;}
#view-subject-letter{display:block; overflow:auto;border: 1px solid #d5d5d5; padding: 5px 4px; font-size: 14px; height: 35px;margin-bottom: 15px}
.left1{padding-left: 10px;}
.arrow-unify-user-padding{padding-top: 130px;}
.button-view-article{width: 140px !important;padding:10px !important;font-size:16px !important}
h2.comentar b p{ text-transform: uppercase;}
.tooltip {z-index: 9999;}
div.row-answer div.col-xs-12 label { padding: 10px 20px;}
/*.lbl{margin: 0 38px 22px 15px !important;}*/
.thumbnail a > img {margin-left: auto;margin-right: auto;}
.thumbnail a > img {display: block;height: auto;max-width: 100%;}
@media (max-width: 1200px){.arrow-unify-user{height: 60px;}.arrow-unify-user-padding{padding-top: 0;}}
.width-message-box{width: 310px !important;}
.width-message-box li.ng-scope a span.msg-body{max-width: none;}
.width-message-box li.ng-scope a span.msg-body span.msg-title span#assunto{display: block;}
#assunto.message-unread {font-weight: bold;}


/* gn-paper-skin */
.gn-paper-skin {
 background-color: #BBB;
}
.gn-paper-skin .main-container:after
{
 background: #FFF;
 /*
 background: -moz-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA), color-stop(4%, #FFF)) 0 4px;
 background: -webkit-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -o-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: -ms-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
 background: linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;

 -moz-background-size: 100% 26px;
 -webkit-background-size: 100% 26px;
 -o-background-size: 100% 26px;
 -ms-background-size: 100% 26px;
 background-size: 100% 26px;*/
}


.gn-paper-skin .navbar  {
 background:#393939;
}

.gn-paper-skin  .sidebar , .gn-paper-skin  .sidebar:before {
 background-color:#D6D6D6;
 border-right:1px solid #A4C6DD;
}


.gn-paper-skin .page-content {
 background-color:transparent;/* so that .main-content's background can be seen */
}
.gn-paper-skin .infobox:not(.infobox-dark) {
 border-style:solid;
 background-color:transparent;
}



.gn-paper-skin  .nav-list > li {
 border-color:#F2F2F2;
 border-bottom-width:0;
 position:relative;
}
.gn-paper-skin  .nav-list > li:before {
 display:inline-block; content:"";
 position:absolute; z-index:1;
 left:0; top:0; bottom:0; max-width:0; overflow:hidden;
 border-left:3px solid #444;
}

.gn-paper-skin .nav-list > li.active:before {
 border-left-color:#4D96CB;
}

.gn-paper-skin  .nav-list > li:first-child {
 /*border-top:1px solid #F2F2F2;*/
}
.gn-paper-skin  .nav-list > li:last-child {
 /*border-bottom-width:1px;*/
}



.gn-paper-skin  .nav-list > li:hover {
 border-left-color:#1963AA;
 border-top-color:#EEE;
}

.gn-paper-skin  .nav-list > li:hover + li {
 border-top-color:#EEE;
}
.gn-paper-skin  .nav-list > li:last-child:hover {
 border-bottom-color:#EEE;
}
.gn-paper-skin  .nav-list > li.active {
 border-left-color:#1A67BD;
 border-top-color:#A4C6DD !important;
}
.gn-paper-skin  .nav-list > li.active + li {
 border-top-color:#A4C6DD;
}
.gn-paper-skin  .nav-list > li.active:last-child {
 border-bottom-color:#A4C6DD;
}


.gn-paper-skin  .nav-list > li > a:hover:before{
 display:none;
}
.gn-paper-skin .nav-list > li > a {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.gn-paper-skin .nav-list > li:hover > a {
 background-color:#EEE;
 color:#1963AA;
}
.gn-paper-skin .nav-list > li > a:focus{
 color:#1963AA;
}

.gn-paper-skin .nav-list > li.open > a  {
 background-color:#F3F3F3;
 color:#1963AA;
}
.gn-paper-skin .menu-min .nav-list > li.open > a  {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.gn-paper-skin .menu-min .nav-list > li.open > a > .menu-text {
 color:#1963AA;
}
.gn-paper-skin .menu-min .nav-list > li.active > a > .menu-text {
 border-left-color:#EEE;
}

.gn-paper-skin .nav-list > li.active > a {
 background-color:#EEF8FF;
 color:#4D96CB;
}


.gn-paper-skin .nav-list li.active > a:after{
 border-right-color:#FFF;
 right:-1px; top:0; z-index:12;
 border-width:18px 12px;
}


.gn-paper-skin .nav-list  li.active > a:before {/*the blue one under the white one!*/
 content:""; display:block;
 position:absolute;
 right:0; top:0;  z-index:11;   /**/ left:auto; bottom:auto; width:auto; max-width:auto; background-color:transparent;
 border-style:solid;
 border-width:18px 12px;
 border-color:transparent;
 border-right-color:#A4C6DD;
}

.gn-paper-skin .nav-list > li.active.open > .submenu  li.active > a:before,
.gn-paper-skin .nav-list > li.active.open > .submenu  li.active > a:after {
 border-width:14px 10px;
 top:2px;
}
.gn-paper-skin .nav-list > li.active.open > .submenu .submenu li.active > a:before,
.gn-paper-skin .nav-list > li.active.open > .submenu  .submenu li.active > a:after {
 top:0;
}

.gn-paper-skin .nav-list li.active.open > a:after,
.gn-paper-skin .nav-list li.active.open > a:before  {
 display:none;
}
.gn-paper-skin .nav-list > li.active:after {/* the white border on right */
 display:none;
}

/* extra a:after rules applied to a:before as well for skin-3 */
.gn-paper-skin .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:before {
  display: none;
}
.gn-paper-skin .nav-list li.active > .submenu > li.active > a:before {
  display: none;
}
.gn-paper-skin .nav-list li.active.open > .submenu > li.active > a:before {
  display: block;
}
.gn-paper-skin .menu-min .nav-list li.active.open > .submenu > li.active > a:before {
  display: none;
}



.gn-paper-skin .menu-min .nav-list > li.active > a {
 background-color:#4D96CB;
 color:#FFF;
}
.gn-paper-skin .menu-min .nav-list > li.active > a > .menu-text {
 color:#4D96CB;
}

.gn-paper-skin .menu-min .nav-list > li.active > a:after {
 display:block;
 border-width:12px 7px;
 top:5px;
}

.gn-paper-skin .menu-min .sidebar-shortcuts {
 border-left:none;
}
.gn-paper-skin .sidebar.menu-min  > .nav-search {
 border-left:none;
}

.gn-paper-skin .menu-min .nav-list > li > .submenu,
.gn-paper-skin .menu-min .nav-list > li.active > .submenu {
 border-left-color:#CCC;
}


.gn-paper-skin .nav-list > li > a  > .arrow {
 right:10px;
}




.gn-paper-skin .sidebar-collapse {
 background-color:#D0D0D0;
 border-color:#FFF; 
}
.gn-paper-skin .sidebar-collapse:before {
 border-color:#FFF;
}
.gn-paper-skin .sidebar-collapse > [class*="icon-"] {
 background-color:#FFF;
 border-color:#999;
 color:#999;
}


.gn-paper-skin .sidebar-shortcuts {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 min-height:40px;
 border-left:3px solid #444;
}
.gn-paper-skin .sidebar > .nav-search {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 border-left:3px solid #444;
}

.gn-paper-skin  .sidebar-shortcuts-mini {
  background-color:#E0E0E0;
}
.gn-paper-skin  .sidebar-shortcuts-mini > .btn {
 opacity:1;
}
.gn-paper-skin  .menu-min .sidebar-shortcuts-large {
 background-color:#F5F5F5;
 top:-1px;
}


body.gn-paper-skin .main-content {
 padding-top: 8px;
}
.gn-paper-skin .breadcrumbs  {
 border:none;
 border-radius:4px;
 background-color:#E7F2F8;

 margin:0 8px 0;
}
.gn-paper-skin .nav-search-input {
 border-radius:4px;
}
.gn-paper-skin .page-content > .page-header:first-child {
 border-bottom-color:#C9C9C9;
}
.gn-paper-skin .hr {
 border-color:#D5D5D5;
}


@media only screen and (max-width: 991px) {

	.gn-paper-skin  .sidebar,
	.gn-paper-skin  .nav-list > li ,
	.gn-paper-skin .sidebar-shortcuts {
	 border-left:none;
	}
	.gn-paper-skin .sidebar {
	 border-color:#A4C6DD;
	}

	body.gn-paper-skin .main-content  {
	 padding-top: 0;
	}
	.gn-paper-skin .breadcrumbs  {
	 border-radius:0;
	 margin:0;
	}

	.gn-paper-skin .menu-toggler {
	 background-color:#62A8D1;
	 color:#FFF;
	}
	.gn-paper-skin .menu-toggler:after , .gn-paper-skin .menu-toggler:before {
	 border-color:#FFF;
	}
	.gn-paper-skin .menu-toggler > .menu-text {
	 border-top-color:#62A8D1;
	}
	.gn-paper-skin .menu-toggler > .menu-text:after {
	 color:#FFF;
	}

	.gn-paper-skin .nav-list  li.active > a:before,
	.gn-paper-skin  .nav-list  li.active > a:after {
	 display:none;
	}
	.gn-paper-skin .menu-min .nav-list  li.active > a:before,
	.gn-paper-skin .menu-min .nav-list  li.active > a:after {
	 display:none;
	}

	.gn-paper-skin .nav-list li.active.open > .submenu > li.active > a:before {
	 display:none;
	}

	.gn-paper-skin .menu-min .nav-list > li.active.open:hover > a:after {
	 display:block !important;
	}

}

/*
Padrão de cores para o topo na cor Vermelha
*/
.gn-paper-skin.top-red .navbar,.gn-paper-skin.top-red .ace-nav{
	background:#961B24
}

.gn-paper-skin.top-red .ace-nav > li > a {
	background-color: #989898 !important;
}

.gn-paper-skin.top-red .ace-nav > li > a {
    color: #CFCFCF ;
}

.gn-paper-skin.top-red .ace-nav > li > a {
    color: #333;
}

/*
Padrão de cores para o topo na cor azul
*/
.gn-paper-skin.top-blue .navbar,.gn-paper-skin.top-blue .ace-nav{
	background:#265484
}

.gn-paper-skin.top-blue .ace-nav > li > a {
	background-color: #ae9a64 !important
}

.gn-paper-skin.top-blue .ace-nav > li > a {
    color: #CFCFCF ;
}

.gn-paper-skin.top-blue .ace-nav > li > a {
    color: #333;
}


/*
Outras definições internas
*/
.gn-paper-nav-article {
	background: #fff !important;
	color: #393939 !important;
	border-bottom: 1px solid #e5e5e5;
}

.gn-paper-nav-article > .active  {
    background-color: #e7e7e7;
    color: #555;
}

.gn-paper-navbar a, .gn-paper-nav-article div.container div#navbar, .gn-paper-navbar li a {
	color: #555 !important;
}

.dropdown-menu {
	min-width: 100px;
}

.hideBox{
	display: none;
}

.tab-content-article-view{ 
	border: 0;
	padding: 0;
	z-index: 1031 ;
	position: initial;
}
.navbar-brand-number{
	font-size: 12px !important;
	padding: 15px 10px !important;
	color: #555;
}

.col-left-button{
	width: 33%;
	float: left;
}

.col-center-button{
	width: 33%;
	float: left;
	text-align: center;
}


.col-right-button{
	width: 33%;
	float: right;
	text-align: right
}

.col-left-button-app{
	width: 33%;
	float: left;
	text-align: right
}

.col-center-button-app{
	width: 33%;
	float: left;
	text-align: center;
}


.col-right-button-app{
	width: 33%;
	float: left;
	text-align: left
}


@media only screen and (max-width: 600px) {
	.col-left-button{
		width: 100%;
		text-align: center;
	}

	.col-center-button{
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}


	.col-right-button{
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 350px) {
	.col-left-button-app{
		width: 100%;
		text-align: center;
	}

	.col-center-button-app{
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}


	.col-right-button-app{
		width: 100%;
		text-align: center;
	}
}

.padding-top-pdf{
	padding-top: -45px; 
}
.padding-top-not-pdf{
	padding-top: 45px; 
}
.font-10{
    font-size: 10px !important;
}
.navbar-fixed-top{
	z-index: 10;
}

.dz-details{
	width: 300px !important;
}

.dz-send{
	background: #629B58 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
}

.dz-remove{
	margin-top: 5px !important
}

.dropzone{
	min-height: 250px !important;
	text-align: center;
    z-index: 15;
}

/* 
========================================================================================
gnpapers-skin 
========================================================================================
*/
.gnpapers-skin {
 background-color: #BBB;
}
.gnpapers-skin .main-container:after
{
 background: #FFF;
}

.gnpapers-skin  .sidebar , .gnpapers-skin  .sidebar:before {
 background-color:#D6D6D6;
 border-right:1px solid #A4C6DD;
}

.gnpapers-skin .page-content {
 background-color:transparent;/* so that .main-content's background can be seen */
}
.gnpapers-skin .infobox:not(.infobox-dark) {
 border-style:solid;
 background-color:transparent;
}

.gnpapers-skin  .nav-list > li {
 border-color:#F2F2F2;
 border-bottom-width:0;
 position:relative;
}
.gnpapers-skin  .nav-list > li:before {
 display:inline-block; content:"";
 position:absolute; z-index:1;
 left:0; top:0; bottom:0; max-width:0; overflow:hidden;
 border-left:3px solid #444;
}

.gnpapers-skin .nav-list > li.active:before {
 border-left-color:#4D96CB;
}

.gnpapers-skin  .nav-list > li:first-child {
 /*border-top:1px solid #F2F2F2;*/
}
.gnpapers-skin  .nav-list > li:last-child {
 /*border-bottom-width:1px;*/
}



.gnpapers-skin  .nav-list > li:hover {
 border-left-color:#1963AA;
 border-top-color:#EEE;
}

.gnpapers-skin  .nav-list > li:hover + li {
 border-top-color:#EEE;
}
.gnpapers-skin  .nav-list > li:last-child:hover {
 border-bottom-color:#EEE;
}
.gnpapers-skin  .nav-list > li.active {
 border-left-color:#1A67BD;
 border-top-color:#A4C6DD !important;
}
.gnpapers-skin  .nav-list > li.active + li {
 border-top-color:#A4C6DD;
}
.gnpapers-skin  .nav-list > li.active:last-child {
 border-bottom-color:#A4C6DD;
}


.gnpapers-skin  .nav-list > li > a:hover:before{
 display:none;
}
.gnpapers-skin .nav-list > li > a {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.gnpapers-skin .nav-list > li:hover > a {
 background-color:#EEE;
 color:#1963AA;
}
.gnpapers-skin .nav-list > li > a:focus{
 color:#1963AA;
}

.gnpapers-skin .nav-list > li.open > a  {
 background-color:#F3F3F3;
 color:#1963AA;
}
.gnpapers-skin .menu-min .nav-list > li.open > a  {
 background-color:#E0E0E0;
 color:#5A5A5A;
}
.gnpapers-skin .menu-min .nav-list > li.open > a > .menu-text {
 color:#1963AA;
}
.gnpapers-skin .menu-min .nav-list > li.active > a > .menu-text {
 border-left-color:#EEE;
}

.gnpapers-skin .nav-list > li.active > a {
 background-color:#EEF8FF;
 color:#4D96CB;
}


.gnpapers-skin .nav-list li.active > a:after{
 border-right-color:#FFF;
 right:-1px; top:0; z-index:12;
 border-width:18px 12px;
}


.gnpapers-skin .nav-list  li.active > a:before {/*the blue one under the white one!*/
 content:""; display:block;
 position:absolute;
 right:0; top:0;  z-index:11;   /**/ left:auto; bottom:auto; width:auto; max-width:auto; background-color:transparent;
 border-style:solid;
 border-width:18px 12px;
 border-color:transparent;
 border-right-color:#A4C6DD;
}

.gnpapers-skin .nav-list > li.active.open > .submenu  li.active > a:before,
.gnpapers-skin .nav-list > li.active.open > .submenu  li.active > a:after {
 border-width:14px 10px;
 top:2px;
}
.gnpapers-skin .nav-list > li.active.open > .submenu .submenu li.active > a:before,
.gnpapers-skin .nav-list > li.active.open > .submenu  .submenu li.active > a:after {
 top:0;
}

.gnpapers-skin .nav-list li.active.open > a:after,
.gnpapers-skin .nav-list li.active.open > a:before  {
 display:none;
}
.gnpapers-skin .nav-list > li.active:after {/* the white border on right */
 display:none;
}

/* extra a:after rules applied to a:before as well for skin-3 */
.gnpapers-skin .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:before {
  display: none;
}
.gnpapers-skin .nav-list li.active > .submenu > li.active > a:before {
  display: none;
}
.gnpapers-skin .nav-list li.active.open > .submenu > li.active > a:before {
  display: block;
}
.gnpapers-skin .menu-min .nav-list li.active.open > .submenu > li.active > a:before {
  display: none;
}



.gnpapers-skin .menu-min .nav-list > li.active > a {
 background-color:#4D96CB;
 color:#FFF;
}
.gnpapers-skin .menu-min .nav-list > li.active > a > .menu-text {
 color:#4D96CB;
}

.gnpapers-skin .menu-min .nav-list > li.active > a:after {
 display:block;
 border-width:12px 7px;
 top:5px;
}

.gnpapers-skin .menu-min .sidebar-shortcuts {
 border-left:none;
}
.gnpapers-skin .sidebar.menu-min  > .nav-search {
 border-left:none;
}

.gnpapers-skin .menu-min .nav-list > li > .submenu,
.gnpapers-skin .menu-min .nav-list > li.active > .submenu {
 border-left-color:#CCC;
}


.gnpapers-skin .navbar-header .navbar-brand {
	line-height: 15px;
	font-size: 1.4em;
}

.gnpapers-skin .nav-list > li > a  > .arrow {
 	right:10px;
}

.gnpapers-skin .navbar {
	min-height: 35px;
	background:#000;
}

.gnpapers-skin .navbar {
  border-bottom: 1px solid #dadada;
}

.gnpapers-skin .ace-nav > li {
	height: 35px;
	line-height: 35px;
	border-left: 1px solid #b9b9b9;
}

.gnpapers-skin .ace-nav > li > a {
	padding: 0 12px;
	background-color: inherit;
}

.gnpapers-skin .ace-nav > li > a:hover {	
	background-color: #2e6589;
}

.gnpapers-skin .ace-nav > li > a .user-info {
	line-height: 22px;
}

.line-height-user-info-back {
	line-height: 14px !important;
}

.gnpapers-skin .sidebar-collapse {
 background-color:#D0D0D0;
 border-color:#FFF; 
}
.gnpapers-skin .sidebar-collapse:before {
 border-color:#FFF;
}
.gnpapers-skin .sidebar-collapse > [class*="icon-"] {
 background-color:#FFF;
 border-color:#999;
 color:#999;
}


.gnpapers-skin .sidebar-shortcuts {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 min-height:40px;
 border-left:3px solid #444;
}
.gnpapers-skin .sidebar > .nav-search {
 background-color:#E0E0E0;
 border-bottom:none;
 border-color:#FFF;
 border-left:3px solid #444;
}

.gnpapers-skin  .sidebar-shortcuts-mini {
  background-color:#E0E0E0;
}
.gnpapers-skin  .sidebar-shortcuts-mini > .btn {
 opacity:1;
}
.gnpapers-skin  .menu-min .sidebar-shortcuts-large {
 background-color:#F5F5F5;
 top:-1px;
}


body.gnpapers-skin .main-content {
 padding-top: 8px;
}

/*
Linha da cor da barra de navbar.header-gn1
*/
.gnpapers-skin .main-content {
	border-top: 1px #dadada solid;
}

.gnpapers-skin .breadcrumbs  {
 border:none;
 border-radius:4px;
 background-color:#E7F2F8;

 margin:0 8px 0;
}
.gnpapers-skin .nav-search-input {
 border-radius:4px;
}
.gnpapers-skin .page-content > .page-header:first-child {
 border-bottom-color:#C9C9C9;
}
.gnpapers-skin .hr {
 border-color:#D5D5D5;
}


@media only screen and (max-width: 991px) {

	.gnpapers-skin  .sidebar,
	.gnpapers-skin  .nav-list > li ,
	.gnpapers-skin .sidebar-shortcuts {
	 border-left:none;
	}
	.gnpapers-skin .sidebar {
	 border-color:#A4C6DD;
	}

	body.gnpapers-skin .main-content  {
	 padding-top: 0;
	}
	.gnpapers-skin .breadcrumbs  {
	 border-radius:0;
	 margin:0;
	}

	.gnpapers-skin .menu-toggler {
	 background-color:#62A8D1;
	 color:#FFF;
	}
	.gnpapers-skin .menu-toggler:after , .gnpapers-skin .menu-toggler:before {
	 border-color:#FFF;
	}
	.gnpapers-skin .menu-toggler > .menu-text {
	 border-top-color:#62A8D1;
	}
	.gnpapers-skin .menu-toggler > .menu-text:after {
	 color:#FFF;
	}

	.gnpapers-skin .nav-list  li.active > a:before,
	.gnpapers-skin  .nav-list  li.active > a:after {
	 display:none;
	}
	.gnpapers-skin .menu-min .nav-list  li.active > a:before,
	.gnpapers-skin .menu-min .nav-list  li.active > a:after {
	 display:none;
	}

	.gnpapers-skin .nav-list li.active.open > .submenu > li.active > a:before {
	 display:none;
	}

	.gnpapers-skin .menu-min .nav-list > li.active.open:hover > a:after {
	 display:block !important;
	}

}


/*
Barras do Topo e Rodapé
*/
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 160px;
}

.navbar.header-gn1, 
.gnpapers-skin .navbar.header-gn1 {
	background: #dadada; /* Old browsers */
	z-index: 0;
	min-height: 84px;
	border-top: #000 1px solid;	
	border-bottom: #fff 1px solid;	
	padding-top: 5px;
}

.navbar.header-gn1 .navbar-container {
	padding-left: 0;
	padding-right: 0;
}

.navbar.header-gn1 .navbar-container > div > img {
	max-height: 70px;
	max-width: 400px;
}

.navbar.header-gn1 .navbar-container > .navbar-header > img {
	padding-left: 5px;
}

.footer-gn1 {
	position: absolute;
	bottom: 0;
  	width: 100%;
	/* Set the fixed height of the footer here */
	height: 160px;
	color: #fff;
	border-top: #000 1px solid;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686868+0,2f2f2f+100 */
	background: #000; /* #2f2f2f; */
}

.footer-gn1 .footer-content {  
  	border-top: 1px solid #fff;
	padding: 10px;
}

.footer-gn1 a {
	color: #fff;
}	

.footer-gn1 p, 
.footer-gn1 h1, 
.footer-gn1 h2, 
.footer-gn1 h3, 
.footer-gn1 h4, 
.footer-gn1 h5, 
.footer-gn1 h6 {
	line-height: 1.75em;	
}

@media(max-width: 768px){
	body {
		margin-bottom: 220px;
	}
	.footer-gn1 {
		height: 220px;
	}
	.footer-gn1 p, h1, h2, h3, h4, h5, h6 {
		line-height: 1.5em;
	}
}


/*
========================================================================================
login-layout
========================================================================================
*/

.login-layout {
	background-color: #fff;
}
.login-layout.gnpapers-skin {
	background-color: #fff;
}
.login-layout .widget-body {
	border: 1px solid #CCC;
}
.login-layout .widget-box {
	position: inherit;
	visibility: initial;
	display: none;
}
.login-layout .widget-box.visible {
	display: block;
}



/*
========================================================================================
ORCID Button
========================================================================================
*/
#connect-orcid-button{
	border: 1px solid #D3D3D3;
	padding: .3em;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 1px 1px 3px #999;
	cursor: pointer;
	color: #999;
	font-weight: bold;
	font-size: .9em;
	line-height: 24px;
	vertical-align: middle;
}

#connect-orcid-button:hover{
	border: 1px solid #338caf;
	color: #338caf;
}

#orcid-id-logo{
	display: block;
	margin: 0 .5em 0 0;
	padding: 0;
	float: left;
}

/*
========================================================================================
Angular
========================================================================================
*/
input.ng-invalid {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


input.ng-valid  {
	border-color: #468847;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*
========================================================================================
TAGS autocomplete
========================================================================================
*/

.tags{
	width: 100%;
}