/* Layout*/
@font-face
{
    font-family: "Chubb Publico";
    src:url("fonts/Chubb Publico-Roman.otf") format("otf");
    font-weight: 400;
    font-style: Roman;
    /*font-stretch: normal;*/
}

html, body, table{	
    font-family: 'Chubb Publico',Georgia;
    font-size: 12px;    
}

html,body{
	height: 100%;	
	width: 100%;	
    color: #191919;    
    min-width:320px;
}
.center{
	margin: 0 auto;
	text-align: center;
}
.footer{
	position: relative;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	margin-top: 30px;
}

.rodape{	
	
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
		
}

.logochubb{
    width: 144px;
    height: 16px;
    margin-top: 45px;
}

.fundoMenuAplicacao {	    
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #f7f7f7 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #f7f7f7 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #f7f7f7 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #f7f7f7 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    height: 45px;
    padding: 0 0 0 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fundoMenuAplicacao,a {
	color: #000;	
}

.fundoMenuAplicacao a:hover {	
	font-weight: bold;
}

.fundoMenuAplicacao .active {	
	font-weight: bold;
}

.disabled {
    pointer-events: none;
    opacity:0.6;
}

.logofactamin{
	margin: 0;
	padding: 0;
}

.border1{
	border: 1px solid #aaaaaa;
	padding: 5px 5px 5px 5px;	
    height: 100%;
    min-height:300px;
}

label b{
    font-size: 12px;
}

.logofac{
    padding: 30px;
}

.loginform{
    padding: 30px;
     padding-top:50px;
}

.border2{
 	border-right: 1px solid #aaaaaa;    
      min-height:300px ;
      padding-top:50px;
      
}

.mensagemprincipal{
	font-size: 13px;
}

.p0{
	padding: 0 0 0 0;
}

.content{
	padding-top: 0px;
	padding-bottom: 0px;	

}

.header{
	margin-top: 30px;
}

/* teclado*/

.ui-keyboard {
	/* adjust overall keyboard size using "font-size" */
	font-size: 14px;
	text-align: center;
	background: #fefefe;
	border: 1px solid #aaa;
	padding: 4px;

	/* include the following setting to place the
	keyboard at the bottom of the browser window */
	width: 40%;
	height: auto;
	right: 0px;
	top: auto;
	bottom: 0px;
	position: fixed;
	white-space: nowrap;
	overflow-x: auto;
	margin:0  auto;
}


.right  {
	right: 0;
    left: auto;
    vertical-align: middle;
}

.right {
    right: auto;
    left: 0;
    float: left !important;
}
.right {
    float: right !important;
    margin-right: -15px;
}

.right ~ .right {
    margin-right: 0;
}

.left  {
    left: 0;
    right: auto;
    vertical-align: middle;
}

.left {
    left: auto;
    right: 0;
    float: right !important;
}

.left {
    float: left !important;
    margin-left: -15px;
}

.left ~ .left {
    margin-left: 0;
}




.img-right  {
	right: 0;
    left: auto;
    vertical-align: middle;
}

.img-right {
    right: auto;
    left: 0;
    float: left !important;
}
.img-right {
    float: right !important;
    margin-right: -15px;
}

.img-right ~ .img-right {
    margin-right: 0;
}

.img-left  {
    left: 0;
    right: auto;
    vertical-align: middle;
}

.img-left {
    left: auto;
    right: 0;
    float: right !important;
}

.img-left {
    float: left !important;
    margin-left: -15px;
}

.img-left ~ .img-left {
    margin-left: 0;
}

.navbar-default {    
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #f7f7f7), color-stop(2, #dfdfdf));
    background: -moz-linear-gradient(top, #f7f7f7 15%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #f7f7f7 15%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #f7f7f7 15%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #f7f7f7 15%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #f7f7f7 15%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;   
    border: 0;   
    border-radius: 0px; 
}

.navbar-default .navbar-nav>li>a {
    color: #000;     
}

.navbar-default .navbar-nav>li>a:hover {
	font-weight: bold;    
}

.active {
    font-weight: bold; 
}


.container-fluid {
    padding-right: 1px; 
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
}




.panel-primary2>.panel-heading {
    background-image: -webkit-linear-gradient(top,rgb(21,15,150) 0,rgb(21,15,150) 100%);
    background-image: -o-linear-gradient(top,rgb(21,15,150) 0,rgb(21,15,150) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(21,15,150)),to(rgb(21,15,150)));
    background-image: linear-gradient(to bottom,rgb(21,15,150) 0,rgb(21,15,150) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaaaaaa', endColorstr='#ffaaaaaa', GradientType=0);
    background-repeat: repeat-x;
}
.panel-primary2>.panel-heading {
    color: #fff;
    background-color:rgb(21,15,150);
    border-color: rgb(21,15,150);
}
.panel-heading {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid rgb(21,15,150);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel{
	border: 1px solid #aaaaaa;
	border-radius: 0px;
}


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

.btn {
    color: #000;
    background-color:  rgb(206, 206, 206);
    border: solid 1px #c1c1c1;    
    border-radius: 0px;
    height: 26px;
    padding: 3px 6px;
}

input{
	border-radius: 0px;    
}

.form-control{
	border-radius: 0px;
	padding: 6px 9px;
	height: 26px;
    font-size: 11px; 
    
}
.form-group {
    margin-bottom: 5px;
}


.form-control.uploadfile {    
    height: 36px;    
}

label {    
    font-weight: 1; 
}
.table>thead {
	background-color: rgb(21,15,150);
	color:#fff;    
}



.table-bordered td, th {
  border: 1px solid #aaaaaa;  
  text-align: center;
}

.sm_vermelho{
    
    background: url('../img/sm_vermelho.png') no-repeat;
    width: 20px;
    height: 20px;
}


.lblerro{
    color: red;    
}

.lblstatus {
    color: red;
}

.lblstatus-succeso {
    color: green;
}

.keyboardInputInitiator{
    font-size: 2.6em;
}

.bold{
    font-weight: bold;
}

.fundoMenuAplicacao>div>div>span
{
    padding-top: 20px;
    
}


.gridProdutos
{
	width: 100%;
	background-color: #fff !important;
	/*padding: 15px 15px 15px 15px !important;*/
	border: none;
    text-align: center;
}

.headerGrid
{
	background-color: rgb(21,15,150);
	font-weight: bold;
	color: #ffffff;
	border-style: hidden;
	border-bottom-style: hidden;
	white-space: nowrap;
}

.headerGrid a
{
	color: #ffffff;
	text-decoration: none;
}

.linhaGrid
{
	color: #666666;
	background-color: #ffffff;
	border-style: hidden;
	border-bottom-style: hidden;
	padding: 4px;
}

.bordaGrid
{
	background-image: url(../img/bordaTabela.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	width: 8px;
}


.divnumsorte {
       
    color:#fff;

    border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFF;
 background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
 background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
 background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
 background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}


img#txtlogin-opener {
    height: 25px;
    width: auto;
    padding: 2px;
}

img#txtpassword-opener {
    height: 25px;
    width: auto;
    padding: 2px;
}

.table-bordered{
    font-size:11px;
}

.panel-body {
    padding: 4px;
}

.mensagemBancoDoBrasil{
    font-size: 10px;   
    color:red; 
}

.imgfarol{
    height:16px;
}


@media screen and (max-width: 990px) 
{ 
	.border2{
 		border-right: 0px solid #aaaaaa;   
 		border-bottom: 1px solid #aaaaaa;    		
	}	

    .loginform{
        padding: 30px;
        text-align:center;
        margin:0 auto;
    }
    div.input-group{        
        text-align:center;
        margin:0 auto;
    }
    

} 

@media screen and (min-width: 991px) 
{ 
	
    .loginform{
        padding: 30px;
        left: 0;
        right: auto;
        vertical-align: middle;
        left: auto;
        right: 0;
        float: right !important;
        float: left !important;
        margin-left: -15px;
        margin-left: 0;
    }


} 



 .modalDialog {
        position: fixed;
        
        top: -65px;
        right: -1px;
        bottom: 65px;
        left: 1px;
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;
    }
    .modalDialog > div {        
        
        margin: 0 auto;
        text-align:center;        
        border-radius: 10px;        
        
    }
    .closes {
        background: #606061;
        color: #FFFFFF;
        line-height: 25px;
        position: absolute;
        right: -12px;
        text-align: center;
        top: -10px;
        width: 24px;
        text-decoration: none;
        font-weight: bold;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -moz-box-shadow: 1px 1px 3px #000;
        -webkit-box-shadow: 1px 1px 3px #000;
        box-shadow: 1px 1px 3px #000;
    }
    .close:hover { background: #00d9ff; }


 @media (min-width: 1440px)  {
     .container {
        max-width: 1300px;
    }
}

@media (min-width: 1200px)  {
    .container {
        max-width: 1190px;
    }
}

@media (min-width: 992px){
    .container {
        max-width: 1300px;
    }
}

@media (max-width: 768px) {
    .container {
        min-width: 758px;
    }
}


.divuploadfile{
    background-color: #FFFBD6;
    padding:15px;
    margin:15px;
    height:70px
}

input.lnk {
    border: 0;
    background-color: transparent;
}

.activebtn{
    font-size:1.2em;
    font-weight: bold;

}


.scrolly{
            width: 100%;            
            overflow: auto;
            overflow-y: hidden;
            margin: 0 auto;
            white-space: nowrap
        }




/*mn1*/
.navbar-default .navbar-nav>.active>a.mn1, .navbar-default .navbar-nav>.active>a.mn1:focus, .navbar-default .navbar-nav>.active>a.mn1:hover {    
    background-color: rgb(1,193,214);              
}
.navbar-default .navbar-nav>li>a.mn1 {
    border-bottom: 5px solid rgb(1,193,214);
}
/*mn2*/
.navbar-default .navbar-nav>.active>a.mn2, .navbar-default .navbar-nav>.active>a.mn2:focus, .navbar-default .navbar-nav>.active>a.mn2:hover {    
    background-color: rgb(122,203,0);              
}
.navbar-default .navbar-nav>li>a.mn2 {
    border-bottom: 5px solid  rgb(122,203,0);
}
/*mn3*/
.navbar-default .navbar-nav>.active>a.mn3, .navbar-default .navbar-nav>.active>a.mn3:focus, .navbar-default .navbar-nav>.active>a.mn3:hover {    
    background-color: rgb(255,182,23);              
}
.navbar-default .navbar-nav>li>a.mn3 {
    border-bottom: 5px solid  rgb(255,182,23);
}
/*mn4*/
.navbar-default .navbar-nav>.active>a.mn4, .navbar-default .navbar-nav>.active>a.mn4:focus, .navbar-default .navbar-nav>.active>a.mn4:hover {    
    background-color: rgb(241,53,43);              
}
.navbar-default .navbar-nav>li>a.mn4 {
    border-bottom: 5px solid  rgb(241,53,43);
}
/*mn5*/
.navbar-default .navbar-nav>.active>a.mn5, .navbar-default .navbar-nav>.active>a.mn5:focus, .navbar-default .navbar-nav>.active>a.mn5:hover {    
    background-color: rgb(21,15,150);              
}
.navbar-default .navbar-nav>li>a.mn5 {
    border-bottom: 5px solid  rgb(21,15,150);
}


/*mn5*/
.navbar-default .navbar-nav>.active>a.mn5, .navbar-default .navbar-nav>.active>a.mn5:focus, .navbar-default .navbar-nav>.active>a.mn5:hover {    
    background-color: rgb(255,102,0);              
}
.navbar-default .navbar-nav>li>a.mn5 {
    border-bottom: 5px solid  rgb(255,102,0);
}


/*mn6*/
.navbar-default .navbar-nav>.active>a.mn6, .navbar-default .navbar-nav>.active>a.mn6:focus, .navbar-default .navbar-nav>.active>a.mn6:hover {  
    background-color: rgb(111,134,212);              
}
.navbar-default .navbar-nav>li>a.mn6 {
    border-bottom: 5px solid  rgb(111,134,212);
}


/*mn7*/
.navbar-default .navbar-nav>.active>a.mn7, .navbar-default .navbar-nav>.active>a.mn7:focus, .navbar-default .navbar-nav>.active>a.mn7:hover {    
    background-color: rgb(255,1,152);              
}
.navbar-default .navbar-nav>li>a.mn7 {
    border-bottom: 5px solid  rgb(255,1,152);
}


/*mn8*/
.navbar-default .navbar-nav>.active>a.mn8, .navbar-default .navbar-nav>.active>a.mn8:focus, .navbar-default .navbar-nav>.active>a.mn8:hover {    
    background-color: rgb(17,175,175);              
}
.navbar-default .navbar-nav>li>a.mn8 {
    border-bottom: 5px solid  rgb(17,175,175);
}

.nameusr{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px
}

.tpusrhome{
    color: red;
    text-decoration: underline;

}

.spantipocad{    
    text-decoration: underline;
}

.input-group-addon {
    padding: 4px 12px;
}

.btn-confirma-venda {
    color: #000;
    background-color: rgb(206, 206, 206);
    border: solid 1px #c1c1c1;
    border-radius: 0px;
    padding: 3px 6px;
}

.btn-lg-confirma-venda {
    padding: 10px 16px;
    font-size: 26px;
    line-height: 1.33;
    border-radius: 6px;
}

.venda-condicionada {
    font-size: 36px;
}

#lnkvendaseguro,
#lnkvendaspendentes,
#lnkmesadeoperacoes {
    display:none;
}