@charset "UTF-8";


/*    inclusao do modelo conforme bootstrap */  

.btn-xxs,
.btn-group-xxs > .btn {
  padding: 1px 5px; 
  font-size: 7px;
  line-height: 1.5;
  border-radius: 2px;
}

/*    Fim inclusao do modelo conforme bootstrap */  


.app {
/*    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */  
/*    position:absolute;             /* position in the center of the screen */
/*   left:50px;
    top:50%;  */
    width:95%;                   /* text area width */
	font-size:10px;
/*    height: 90%; 
      text-align:center;
/*    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin: 0 auto;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
} 

main {
/*	margin:10px; */
	margin-top: 0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	line-height:1.4em;
	color:#666666;
/*	padding:0px 0px 0px 0px;   /*  espacamento ao redor da área main */
/*    width: 80%;
    height: 700px;  */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CABECALHO 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


header {
	height:4em;
	margin:10px;
	color:#999999;
	font-size:10px; 
}

header > iofprincipal {
	position:absolute;  
	text-align:right;
	width:260px; 
	right:35%;
	border-right:1px dashed #CACACA;
	border-bottom:1px dashed #CACACA;
}

header > iofprincipal > .iofprincipalitem {
	margin:10px 10px 20px 0px;
}
	
header > iofempresa {
	font-size:12px; 
	position:absolute;
	text-align:right;
	margin-right:40px;
	width:400px; 
	right:0%;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	RODAPE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
        
footer {
    background-color:   #337ab7;
    height: 25px;
    text-align: center;
    color:  white;
    padding: 15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



p {
	margin:10px 0px;
}

/* input:required:invalid, input:focus:invalid, .ng-invalid {  */
input:required:invalid, input:focus:invalid, .ng-invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
/*input:required:valid{
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
} */

/*.lbc-input-erro {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    font-size:1.5em;
  -moz-box-shadow: none;
}
.lbc-input-ok {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
    font-size:1.5em;
}
*/
/*.tab {
	margin:10px 0;
        margin-left: 40px;
}

.tab:before {
  content: "-";
}
*/

.clear {
	clear:both;
}

.lbcmensagem {
  padding: 0px;
  margin: 5px 20px 0px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.lbcmensagem-grupo {
  font-size:12px; 
  position:center;
  color: white;
  background-color: #337ab7;
}

.lbcmensagem-enviada {
  text-align:right;
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.lbcmensagem-recebida {
  text-align:left;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.lbcmensagem-datahora {
	font-size:7px; 
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MENU DE NAVEGACAO PRIMARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

nav {
  border-radius: 4px;
/*  color: #888;  */
  font-size: 10px;
  display: block;  
  margin: 5px 0px 5px 22px;
/*  overflow: hidden;  */
  width: 100%; 
  float: right;
  background-color: #337ab7;
}

nav ul {
    margin: 0;
    padding: 0; 
    float: right;
}

nav ul li {
      display: inline-block;
      list-style-type: none;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; 
}
      
nav > ul > li > a > .caret,  nav > ul > li > div ul > li > a > .caret {
        border-top: 4px solid #aaa;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
/*        display: inline-block;  */
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
     	  -moz-transition: color 0.1s linear;
       	-o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
}
	  
nav > ul > li > div ul > li > a > .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid #f2f2f2;
	margin: 0 0 0 8px;
}

nav > ul > li > a {
/*        color: #aaa; */
    color: white; 
    display: block;
    line-height: 26px;
    padding: 0 24px;
    text-decoration: none;
}

nav > ul > li:hover {
    background-color:  #337ab7;
}

nav > ul > li:hover > a {
   color: rgb( 255, 255, 255 );
}

nav > ul > li:hover > a > .caret {
   border-top-color: rgb( 255, 255, 255 );
}
		
nav > ul > li > div ul > li:hover > a > .caret {
	  border-left-color: rgb(255,255,255);
}
      
nav > ul > li > div,  nav > ul > li > div ul > li > div {
        background-color: #337ab7;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
/*        width: 165px;     // tamanho da celula do menu li  */
        visibility: hidden;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
}
	  
nav > ul > li > div ul > li > div {
	  background-color: rgb( 40, 44, 47 );
	  border-radius: 0 4px 4px 4px;
	  box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
	  margin-top: -42px;
	  right: -165px;
}

nav > ul > li:hover > div,  nav > ul > li > div ul > li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
}

nav > ul > li > div ul > li,  nav > ul > li > div ul > li > div ul > li {
         display: block;
	    position: relative;
}

nav > ul > li > div ul > li > a,  nav > ul > li > div ul > li > div ul > li > a {
   color: #fff;
   display: block;
   padding: 6px 24px;
   text-decoration: none;
}

nav > ul > li > div ul > li:hover > a {
   background-color: rgba( 255, 255, 255, 0.1);
}  

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - ONE COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container {
    background-color: white;
    height: 100%;
    width: 100%;
    padding: 15px;
/*    border:1px solid #818181;   */
    padding: 10px;
    margin-top: 10px;
    float: top;
    font-size: 12px;
    line-height: 1.6;
}


@media print {	
  .prtheader, .seloqrtopright, .selotopright{
    position: fixed;
    top: 0;
  }
  .prtfooter {
     position: fixed;
     bottom: 0;
     height: 2cm; 
  }
  .prtmain {
     margin: 3.5cm 0 0 0;
  }
  .noprint{
     display:none;
  }
  
}

.noshow {
    display: none;  
}

.show {
    display: in-line;  
}

/*
#content-container-one-column {
    height: 100%;
    width: 100%;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

#content-container-two-column {
	width:100%;
}

#content-main-two-column {
	width:70%;
}

#content-side-two-column {
	width:25%;
        float : inside;
}
*/

/*

.sortorder:after {
  content: '\25b2';
}
.sortorder.reverse:after {
  content: '\25bc';
}

.lbcErroMsg {
    color: red;
    font-size:1.5em;
}

.badge-danger {
  background-color: #d43f3a;
}
.badge-warning {
background-color: #d58512;
}

.badge-success {
background-color: #398439;
}

.badge-info {
background-color: #269abc;
}

.badge-inverse {
background-color: #333333;
}
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MENU DE NAVEGACAO SECUNDARIO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
.navnivel2 {
  border-radius: 4px;
/*  color: #888;  
  display: block;
  margin: 10px 0px 5px 22px;
  overflow: hidden; 
  width: 170px; 
  float: right;
  background-color:    #2aabd2;
}

.navnivel2 ul {
    margin: 0px 0px 0px 22px;
    padding: 0;
    float: right;
}

.navnivel2 ul li {
      display: inline-block;
      list-style-type: none;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; 
}
      .navnivel2 > ul > li > a > .caret,
	  nav > ul > li > div ul > li > a > .caret {
        border-top: 4px solid #aaa;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
     	  -moz-transition: color 0.1s linear;
       	-o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
      }
	  
      .navnivel2 > ul > li > div ul > li > a > .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid #f2f2f2;
	margin: 0 0 0 8px;
      }

      .navnivel2 > ul > li > a {
/*        color: #aaa; 
        color: white; 
        display:  block;
        line-height: 26px;
        padding: 0 24px;
        text-decoration: none;
        text-align: center;
      }

        .navnivel2 > ul > li:hover {
          background-color:  #2aabd2;
        }

        .navnivel2 > ul > li:hover > a {
          color: rgb( 255, 255, 255 );
        }

        .navnivel2 > ul > li:hover > a > .caret {
          border-top-color: rgb( 255, 255, 255 );
        }
		
	.navnivel2 > ul > li > div ul > li:hover > a > .caret {
	  border-left-color: rgb(255,255,255);
	}
      
      .navnivel2 > ul > li > div,
	  nav > ul > li > div ul > li > div {
        background-color: #2aabd2;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 165px;
        visibility: hidden;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
      }
	  
        .navnivel2 > ul > li > div ul > li > div {
	  background-color: rgb( 40, 44, 47 );
	  border-radius: 0 4px 4px 4px;
	  box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
	  margin-top: -42px;
	  right: -165px;
	}

        .navnivel2 > ul > li:hover > div,
		nav > ul > li > div ul > li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
        }

          .navnivel2 > ul > li > div ul > li,
		  nav > ul > li > div ul > li > div ul > li {
            display: block;
	    position: relative;
          }

            .navnivel2 > ul > li > div ul > li > a,
			nav > ul > li > div ul > li > div ul > li > a {
              color: #fff;
              display: block;
              padding: 6px 24px;
              text-decoration: none;
            }

              .navnivel2 > ul > li > div ul > li:hover > a {
                background-color: rgba( 255, 255, 255, 0.1);
              }  
              
*/