/** 
*
* Template SEFAZ
* 
*@project ASLib
*@version 02.00.00 
*@package layout 
*@author GERAT, correçoes e ajustes Ayslan Johnson
*@copyright SEFAz. 
*@Tema Genérico. 

*/

/************************************************************************************
1 - Imports 
*************************************************************************************/
/* CSS Document */

iframe { width:100%; height: auto; border:none; overflow:auto; background:transparent; }

/*Corrigir falha do .Net*/
form { margin: 0; }

/*
    Corrige a falha do Placeholder para Todos os Browsers
    O texto do placeholder é enviado ao dar submit no form
    essa classe irá corrigir este problema
    PS: O uso do "!important" é para sobrescrever o Bootstrap que atribui uma cor mais forte
        descaracterizando a função do placeholder.
*/
.placeholder { color: #aaa !important; }

/* Elimina todos os border-radius */
/*   * { border-radius: 0 !important; } */

/*-----------------------------------------------------------------------------------*/
/*	0.	Configurações HTML
/*-----------------------------------------------------------------------------------*/
*{font-family: Arial, Helvetica, sans-serif;}
html{background-color:#fff;}
body {overflow-x: hidden; font-size:100% !important;}
.clear{clear:both;}
/*-----------------------------------------------------------------------------------*/
/*	1.	Header
/*-----------------------------------------------------------------------------------*/
header{clear:both;}

	/*-----------------------------------------------------------------------------------*/
	/*	1.1.	Box Sistema
	/*-----------------------------------------------------------------------------------*/
	.navbar {margin-bottom: 0px;}
	.box-sys .sys-logo {
		padding: 0;
		float: left;
	}
	.box-sys .sys-logo a {
		padding: 0;
		margin: 0;
	}
	.box-sys .sys-sigla {
		margin-right:20px;;
		height: 20px;
		padding: 25px 15px;
		float: left;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
        text-align: center;
	
		transition: All 0.5s ease;  
		-webkit-transition: All 0.5s ease;  
		-moz-transition: All 0.5s ease;  
		-o-transition: All 0.5s ease;
}
	.box-sys .sys-descricao {
		color: #fff;
		font-size: 1em;
		padding: 25px 0 21px 20px;
		height: 25px;
	
		/*transition: All 0.5s ease;  
		-webkit-transition: All 0.5s ease;  
		-moz-transition: All 0.5s ease;  
		-o-transition: All 0.5s ease;*/
}
	.nav-sys-top {position: absolute; right:0; z-index:999;}
	.box-sys .btn, .nav-sys-top .nav > li > a {padding: 10px 0; border-radius: 0; height: 51px; width: 70px; text-align: center;}
	.box-sys .btn { margin:0; border: 0; border-radius: 0; }

	/*-----------------------------------------------------------------------------------*/
	/*	1.2.	Box Usuário
	/*-----------------------------------------------------------------------------------*/
	#UserBar.affix {
        position: fixed;
        top: 0px;
        z-index: 1030;
        width: 100%;
        height: 40px;
    }

    .user > a > span {
        text-shadow: none !important; 
    }

    #geral {
        background: #f1f1f1;
         z-index: 3;
    }

    .hidden {
        display: none;
    }

    #MenuLateral {
        position: fixed;
        left: 0;
        top: 112px;
        width: 15%;
        overflow: auto;
        display: block;
        height: 79%;
        overflow-wrap:break-word;
        z-index: 2;
        background: #f1f1f1;
        border-right: 1px solid #ddd !important;
    }

    .MenuBrowserAntigo {
        top: 143px !important;
    }

    #MenuLateral ul {
        margin-bottom: 0 !important;
    }
 
    #MenuLateral ul > li {
	    margin-left:-15px;
	    padding-left:15px;    
	    border-top: 0.1em solid #ccc;
	}
	
	#MenuLateral ul > li:last-child {
	    border-bottom: 0.1em solid #ddd;
	}

    #MenuLateral.affix {
        top: 41px !important;
    }
    
    .user-bar {
		min-height:40px;
		border-top: 1px #fff solid;
	}
	.user-bar .nav{margin:4px 5px 4px 0;}
	.user-bar .nav-user .dropdown-toggle {
		padding: 5px !important;
		color: #fff !important;
	}
	.user-bar a.toggles {
		display: block;
		color: #fff;
		border: 0 !important;
		border-radius: 0 !important;
		text-decoration: none;
		margin:7px 0 0 5px;
		font-size:28px;
	}
	
	.nav-user .icon-chevron-down{margin-left:10px; margin-right:5px;}
	.box-sys .dropdown-menu {
		margin: 4px 0 0 0 !important;
		width:320px;
		left:-65px;
	}
	/*.dropdown-menu li:nth-child(1) {padding:5px 0 20px 0;}*/
	.mail-block{margin-left:47px; font-size:12px; margin-top:-5px; float:left;}
	.ver-block{float:right; margin-right:10px; font-size:14px;}
	.serv-block{float:left; margin-left:10px; font-size:14px;}
	.ver-block, .serv-block, .mail-block{color:#a0a0a0;}


/*-----------------------------------------------------------------------------------*/
/*	2.	Container
/*-----------------------------------------------------------------------------------*/
.container-fluid{background-color: #fff;}

.col1 {
	position:relative;
    left:0;
    overflow:auto;
}
.col2 {	
	position:relative;
    
	left:15%;
	overflow:auto;
    
	width: 85% !important;
}

	/*-----------------------------------------------------------------------------------*/
	/*	2.1.	Sidebar (Navi)
	/*-----------------------------------------------------------------------------------*/
	.sidebar-nav .nav-tabs.nav-stacked > li:last-child { border-radius:0; }
    .sidebar-nav .nav-tabs.nav-stacked > li > a { border:none; background: #fefefe; }
	.sidebar-nav ul li a {
		font-size: 0.9em !important;
		font-weight: normal;
		padding: 15px;
		color: #424242;
		text-shadow: none;
	}
	
	.sidebar-nav ul li a:hover {background-color: #aaa;}
	
	.row-content{ padding:0 15px; }
	.nav-header { padding: 10px 15px; font-size: 12px; margin: 0 auto !important; }
	.nav.nav-department.nav-tabs.nav-stacked li > a.collapsed > i.icon-chevron-up::before { content:"\f078" }
	
    .sidebar-nav span { word-wrap: break-word; white-space: pre-wrap; }

    .nav-tabs.nav-stacked li a { border: none; }

/*-----------------------------------------------------------------------------------*/
/*	3.	Content
/*-----------------------------------------------------------------------------------*/
#content {padding: 0 30px 0 0; margin-left:0px; background-color:#FFF; min-height: 640px }
.btn-scroll-bottom {color:#fff !important;}

	/*-----------------------------------------------------------------------------------*/
	/*	3.1.	Form
	/*-----------------------------------------------------------------------------------*/
	.control-label span{color:#e33636; font-size:18px; font-weight:bold;}
	label, input, button, select, textarea {font-size:14px;}
	
    .input-append .add-on,
    .input-prepend .add-on {
      height: 20px !important;
      line-height: 20px !important;
    }
	
		/*-----------------------------------------------------------------------------------*/
		/*	3.1.1.	Form Full Width
		/*-----------------------------------------------------------------------------------*/
		.input-prepend.input-fullwidth {
			position: relative;
			display: block;
		}
		.input-prepend.input-fullwidth .input-wrapper {
			position: absolute;
			display: block;
			left: 27px;
			right: 0;
			top: 0;
		}
		.input-prepend.input-fullwidth .input-wrapper input {
			width: 100%;
		}
		
		.form-login .input-prepend.input-fullwidth .input-wrapper input {
			width: 95%;
			height: 30px; /* Item modificado por Johnson. Modificação retirada do Bootstrap original */
		}
		
		/*-----------------------------------------------------------------------------------*/
		/*	3.1.2.	Icone Form Validação
		/*-----------------------------------------------------------------------------------*/
		.input-icon .input-info, .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
			display: inline-block !important;
			font-size: 16px;
			position: relative !important;
			right: 25px !important;
			top: 2px;
		}

		.input-error{color:#b94a48;}
		.input-warning{color:#c09853;}
		.input-success{color:#468847;}
		
		/*-----------------------------------------------------------------------------------*/
		/*	3.1.2.	Icone Form Login
		/*-----------------------------------------------------------------------------------*/
		.form-login .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
            height: 28px !important;
            padding: 9px 5px 1px 5px !important;
        } /* Classe incluída por Johnson. Modificação retirada do Bootstrap original */

        .form-login {
            padding: 7px 15px;
        }

	/*-----------------------------------------------------------------------------------*/
	/*	3.2.	Login
	/*-----------------------------------------------------------------------------------*/
	.container-login{background-color:#fff !important; padding: 40px 20px; min-height:465px;}
	.box-login{float:right; display: table; width:350px;}
	.form-login{background-color:#f1f1f1; padding-right:40px;}
	.form-login .form-horizontal .controls {margin-left: 10px;}
	.form-login h3{border-bottom:1px #cccccc solid; color:#929292; font-size:16px; font-weight:normal;}
	.form-login p{color:#2b497e;}	
	.box-content-login{margin-right:380px; margin-top:45px;}
	.box-info-login h2{color:#005398; font-size:16px;}
	.box-info-login p{color:#424242; font-size:14px; text-align:justify;}
	.box-login a.btn { padding: 7px 15px; }
	/*-----------------------------------------------------------------------------------*/
	/*	3.3.	Widget
	/*-----------------------------------------------------------------------------------*/
	.widget {
	  position: relative;
	  clear: both;
	  width: auto;
	  margin-bottom: 2em;	  
	}
	
	.widget .widget-header {
	  position: relative;
	  height: 40px;
	  line-height: 40px;
	  background: #E9E9E9;
	  border: 1px solid #D5D5D5;
	  -webkit-border-top-left-radius: 4px;
	  -webkit-border-top-right-radius: 4px;
	  -moz-border-radius-topleft: 4px;
	  -moz-border-radius-topright: 4px;
	  border-top-left-radius: 4px;
	  border-top-right-radius: 4px;
	  background-clip: padding-box;
	}
	.widget .widget-header h3 {
	  top: 2px;
	  position: relative;
	  left: 10px;
	  display: inline-block;
	  margin-right: 3em;
	  font-size: 14px;
	  font-weight: 600;
	  color: #555;
	  line-height: 18px;
	  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
	}
	.widget .widget-header [class^="icon-"],
	.widget .widget-header [class*=" icon-"] {
	  display: inline-block;
	  margin-left: 13px;
	  margin-right: -2px;
	  font-size: 16px;
	  color: #555;
	  vertical-align: middle;
	}
	.widget .widget-content {
	  padding: 20px 15px 15px;
	  background: #FFF;
	  border: 1px solid #D5D5D5;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	}
	.widget .widget-header + .widget-content {
	  border-top: none;
	  -webkit-border-top-left-radius: 0;
	  -webkit-border-top-right-radius: 0;
	  -moz-border-radius-topleft: 0;
	  -moz-border-radius-topright: 0;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
	.widget.widget-nopad .widget-content {
	  padding: 0;
	}
	
	.widget .widget-content:before,
	.widget .widget-content:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.widget .widget-content:after {
	  clear: both;
	}
	.widget.widget-table .widget-content {
	  padding: 0;
	}
	.widget.widget-table .table {
	  margin-bottom: 0;
	  border: none;
	}
	.widget.widget-table .table tr td:first-child,
	.widget.widget-table .table tr th:first-child {
	  border-left: none;
	}
	.widget.widget-plain {
	  background: transparent;
	  border: none;
	}
	.widget.widget-plain .widget-content {
	  padding: 0;
	  background: transparent;
	  border: none;
	}
	.widget.widget-box .widget-content {
	  background: #E3E3E3;
	  background: #FFF;
	}
		
	/*-----------------------------------------------------------------------------------*/
	/*	3.4.	Stacked / .stacked
	/*-----------------------------------------------------------------------------------*/
	.stacked {position: relative;}
	.stacked:after,
	.stacked:before {
	  content: '';
	  position: absolute;
	  display: block;
	  height: 1px;
	  bottom: -2px;
	  left: 3px;
	  right: 3px;
	  background-color: #ffffff;
	  -webkit-border-radius: 0 0 3px 3px;
	  -moz-border-radius: 0 0 3px 3px;
	  border-radius: 0 0 3px 3px;
	  border: 1px solid #d3d3d3;
	  border-top: 0;
	}
	.stacked:before {
	  bottom: -4px;
	  left: 6px;
	  right: 6px;
	}
	
	/*-----------------------------------------------------------------------------------*/
	/*	3.5.	News Item / .news-items
	/*-----------------------------------------------------------------------------------*/
	.news-items {margin: 1em 0 0;}
	.news-items li {
		display: table;
		padding: 0 2em 0 1.5em;
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom: 1px dotted #CCC;
	}
	
	.news-items li:last-child { padding-bottom: 0; border: none; }
	
	.news-item-date {
		display: table-cell;
	}
	
	.news-item-detail {
		display: table-cell;
	}
	
	.news-item-title {
		font-size: 13px;
		font-weight: 600;
	}
	
	.news-item-date {
		width: 75px;
		vertical-align: middle;
		text-align: right;
	}
	
	.news-item-day {
		display: block;
		margin-bottom: .25em;
		font-size: 24px;
		color: #888;
	}
	
	.news-item-preview {
		margin-bottom: 0;
		
		color: #777;
	}
	
	.news-item-month {
		display: block;
		padding-right: 1px;	
		font-size: 12px;
		font-weight: 600;
		color: #888;
	}
		
	/*-----------------------------------------------------------------------------------*/
	/*	3.7.	Page Erro
	/*-----------------------------------------------------------------------------------*/
	.page-404 .number {
	  letter-spacing: -10px;
	  margin-top: 0px;
	  line-height: 158px;
	  font-size: 158px;
	  font-weight: 300;
	  text-align: right;
	}
	
	.page-500 .number {
	  letter-spacing: -10px;
	  margin-top: 0px;
	  line-height: 158px;
	  font-size: 158px;
	  font-weight: 300;
	  text-align: right;
	}
	
	.page-500 .details {
	  padding-top: 20px;
	}		
		
	/*-----------------------------------------------------------------------------------*/
	/*	3.8.	FAQ Navi
	/*-----------------------------------------------------------------------------------*/
	.ver-inline-menu {
	  margin: 0px;
	  list-style: none;
	}
	
	.ver-inline-menu li {
	  position:relative;
	  margin-bottom:1px;
	}
	
	.ver-inline-menu li i {
	  font-size:15px;
	  height:38px;
	  line-height:38px;
	  margin:0 8px 0 0;
	  position:absolute;
	  width:35px;
	  text-align:center;
	}
	
	.ver-inline-menu li a {
	  display:block;
	  height:38px;
	  line-height:38px;
	}
	
	.ver-inline-menu li:hover a,
	.ver-inline-menu li:hover i {
	  text-decoration:none;
	}
	
	.ver-inline-menu li a .link {margin-left:50px;}
	
	.ver-inline-menu li.active a,
	.ver-inline-menu li.active i {
	  text-decoration:none;
	}
	
	.ver-inline-menu li.active:after {
	  content: '';
	  display: inline-block;
	  position: absolute;
	  top: 12px;
	  right: -5px;
	}

/*-----------------------------------------------------------------------------------*/
/*	4.	Footer
/*-----------------------------------------------------------------------------------*/
.sys-footer{height:34px; line-height:34px;}
.sys-footer i{color:#fff; float:left; margin:0 6px 0 12px; padding:10px 0;}
.sys-footer p{color:#fff; overflow: hidden; height: 30px;}
.address-footer{ background:#f1f1f1; padding:5px 15px; height: 15px; }
.address-footer h1{color:#424242;}
.address-footer address{font-size:12px; color:#424242;}
footer { z-index: 3; }

/*-----------------------------------------------------------------------------------*/
/*	5.	Ajustes diversos, sobrescreve ou adiciona CSS do Bootstrap 2.3.2
/*-----------------------------------------------------------------------------------*/
#btn-scroll-up {
	border: 0;
	position: fixed;
	right: 2px;
	bottom: 2px;
	line-height: 20px;
	padding-bottom: 4px;
	opacity:0.6;
}



h1,h2,h3 {  line-height: 26px !important; }

h1 { font-size: 1.7em !important; }

h1,h2,h3,h4,h5,h6 {  margin: 8px 0 !important; }

/* Correção para popover */
.popover-title {
  padding: 8px 14px !important;
  line-height: 18px !important;
  margin-top:0 !important;
}

.btn-group {
    margin-bottom: 20px !important;
}

td .btn-group {
    margin-bottom: 0 !important;
}

.btn-group > .btn + .btn {
    margin-left:0 !important;
}

.breadcrumb {
    padding: 4px 7px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 0.8em;
    margin: 0 -15px 15px -15px;
    border-top: 1px solid #999;
}

fieldset { margin-top: 0 !important; }

legend {
    margin-bottom: 15px !important;
    line-height: 26px !important;
}

.form-actions {
    padding: 10px 20px !important;
    min-height: 30px;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: 0 !important;    
}

li > .nav-list {
  padding-right: 0 !important;  
}

.nav-list > li > ul {  
  border-left:1px solid #cecece;    
}

.nav-list > li > ul > li > a {
  background: #ddd;   
}

.sidebar-nav i {
  margin-right: 0 !important;
}

.nav-tabs > li {
  margin-bottom: 0 !important;
}

.space {
    height: 80px;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: none !important;
}

.dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 8px;
    border-top: 1px solid #888;
}

/*Forçar alinhamento de texto. Sobrescreve a formatação do Bootstrap. Utilizar para alinahr conteúdo do Grid */
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-wrap { word-wrap: break-word; }

/*-----------------------------------------------------------------------------------*/
/*	6.	Media Query
/*-----------------------------------------------------------------------------------*/
/* Large desktop */
@media screen and (min-width: 1200px) {
    
}

/* Ajuste do Menu para resoluções entre 980px e 1199px*/
@media screen and (min-width: 980px) and (max-width: 1199px) {
	#MenuLateral { width: 14.9%; }
	#MenuLateral.affix {
        top: 41px !important;
        height: 83.7%;
    }
}


/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {
	.nav-sys-top {top:72px;}
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
	.box-sys .sys-sigla {
		font-size: 50px;
		float:none;
		width:100%;
	
		text-align: center;
}
	.box-sys .sys-descricao {
		margin-left: 0 !important;
		clear:both;
		text-align:center;
		border-top:1px #fff solid;
		height:20px; /* Incluido por johnson, estava muito grande para tela de celular */
		padding:10px; /* Incluido por johnson, estava muito grande para tela de celular */
	}
	.nav-sys-top {top:72px;}
	
	.box-login{float:none; width:100%;}
	.container-login{padding: 12% 2%;}
	.box-content-login{float:none; margin-right:0; margin-top:20px;}
	.form-login input{height:40px !important;}
    
    body { padding-right: 0; padding-left: 0; }
    
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top  { margin-right: 0; margin-left: 0; }

	#MenuLateral {
        position: relative;
        top: initial;
        bottom: initial;
        width: 100%;
        height:auto;
        margin-bottom: 0;
    }
	
	.form-login .input-prepend.input-fullwidth .input-wrapper input {
			width: 100%;
		}
}

/* Landscape phones and down */
@media screen and (max-width: 480px) {	
	.box-sys .sys-descricao {padding: 10px 0; font-size:1em; text-align:center; height:100%;}
	.box-sys .btn {
		position:absolute;
		margin: 0;
		right:0;
	
		height: 50px;
}
	.nav-sys-top .nav > li > a {
		color: #fff !important;
	}
	.box-sys .sys-sigla {padding: 25px 0 !important;  text-align:center;margin-left: -70px;}
	.user-bar {height:100%;}
	.form-login h3{font-size:1.250em;}	
	
	.box-sys .dropdown-menu {
		width:267px;
		left:-12px;
	}
	.form-login .input-prepend.input-fullwidth .input-wrapper input {
			width: 100%;
		}
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Ajustes diversos, sobrescreve ou adiciona CSS ao componentes Bootstrap 
/*-----------------------------------------------------------------------------------*/
/* Corta o texto e adiciona elipse "..." quando o espaço é menor que o texto */
.btn /*, input[type=text], input[type=textarea], .text-right, .text-left, .text-center*/
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-block {
  font-size: .7em;
  margin-top: 0 !important;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-horizontal .form-actions{padding-left:180px !important;}

td input{margin-bottom:0 !important;}

td .form-horizontal .control-group {
  margin-bottom: 0 !important;
}

input:required:invalid, input:focus:invalid {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjRJREFUeNqkU81u2kAQHmxjvEagxC1VhVQOQFQ5qpA4VWpVyScuUS/03JfgCfIEnPoGvaNKkZJrL/05pKccrChBRC0kgAwY29jG+KezJiCHqqdY+uzZmf2+mdkdp6Iogsc8HH19TqWAxS9FCqCIaKL5BlG63/cb8R1TdRC3AS4oPmJybkfwfZqQVrlWqxYPDiSSzwu0Qscw6rdXV+96FxcfPMdp476TBxVsyGRv7/j10ZEccRxZ+j7c9XpxQJIk8bksi4Vy+cn52dnxYj6HjQhDX1hWkRWEVr3RkOe2TXRdh8FgALXT0xjUpj7LdckrRZGZTKZFOVsB7KdZOjyszkyTzFHdNE2wbXtbGrWpzzAMMFHkWaVSDdbntG7BB3ibKxQkbTrdkizLgtFoFJNusJUwCNY9cxw83d+XKAeXnzYCL0KGEXzsO1itwJzNwF4soN/vQzqdBgb97EYZ465tC5STrAB8DHi0dKwiwmxp9FFyNpsFfue0WdzrJ29hBfDHHI/rkaaJJDFYqqLE3/zOXa88z6Wc7SGi2rfxcDjJYX8irsX1QIGiqtDodmNbTMBwnCnlJAU6N5NJFxjGEXEq6aYMguf5OGMmQQ7D0Bkul9eUsxUIcTwXQdD+oWkqBhyCIgX0/6xUYlCbIDwkn1uWaodhm3IeTCI6Tu7wtL/oekvm+epLnpdKLCvQmB4E7qXnTVXPu14hOf+fUY5FtDD89dV1m4h/fia8yk7uPvPmST32d/4rwADXYRP4WSwJ+gAAAABJRU5ErkJggg==);
    background-position: right 2px top 50%;
    background-repeat: no-repeat;*/
    border: 1px solid red;
    -moz-box-shadow: none;
}

input[type="password"]:required:valid,
input[type="password"]:focus:valid,
input[type="text"]:required:valid, 
input[type="text"]:focus:valid {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAlJJREFUeNqkk01rE0EYx/+T3aZJTAtug2hrDNKVGHsSEV/S1oJ68NBLxGM/giC5CD31E+QjePEeC0W8VJGK1UODHlpiJSVSS5LavGn2ZXazu+PMxpqEHjvwX+aZeX5/np15hjDGcJohiw95GQMkwiUCMgmCDJ/d5br0L2+faxMMeTBWgcsjl4Et1XsGA2MxJAezyamkmojFlehoNCTq06l2/Ud9f2638v2x1bVyfGltqIJjeHx0bGVhZj4lQw47tgPN1o73ItPK5UhcuTixsfNhpWP6675JwN9mmBwNBLNzV9MpS7fCmqaBUjqkWq0Go62Hb6u3UkEykhVM38BlmSvnp1Wq0bBhGDBNc0iNRgOb86+xdOEJHLMbTkzEVcH0DRyWjkVjSqfTQbvdhmVZ6GgdHP46RLlcxqvkCxwcHODRyAK2d7bhmZ4imP4ZOCweQCCk6zoKD9ehrt6EYRtg/KQL99b9FEmScO1N2r8patOQYAYrgOu6eK4+xd7eHr7cfwcm9WBZln3NvJ0Fojw3zNNlx2f6Bl32s64f0WfFZT9stVoo3BmANzh8VtxFTzaxqGAGK/hYO6o2JUXC7LfF/6APf+LwuT4sRP8YTcEMGuTb+41SAMQkUwQ3th/04C0OTw3DnueaVs0oCaZv4LGKqzu5xudqkTmeSRIEM185nOj987E82zG1rWbRM7ycYIY70WNrTtXC79VqNpg6owaTEUWS5JDfJm2H2rtG0y7qJa/LchiXeBeSE63sm3h1p0DftzJcJx+TRPIYkyqDCDntc/4rwACrfzPlLXE9VAAAAABJRU5ErkJggg==);
    background-position: right 2px top 50%;
    background-repeat: no-repeat;*/
    border: 1px solid green;
}