@font-face {
  font-family: "Roboto+Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("http://fonts.gstatic.com/s/robotocondensed/v11/b9QBgL0iMZfDSpmcXcE8nBPtpc1JAjij63Hi_JcAPQ4.ttf") format("ttf");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("//ssl.gstatic.com/fonts/roboto/v11/grlryt2bdKIyfMSOhzd1eA.woff") format("woff");
}

body , html
{
    margin: 0px;    
    /*height: 100%;*/
}

.login_box
{
    background-color: #EBEBEB;
    padding: 30px 25px 30px 25px;
    border-radius: 20px;
}

.dropdown-header-descricao {  
  display: block;
  padding: 0px 20px 5px 0px;
  font-size: 12px;
  line-height: 1.2em;
  color: #999999;
  white-space: nowrap;
}

.Hidden_field
{
    width: 0px; 
    height: 0px; 
    border: 0px; 
    display: none;
}

.cadastro_box
{
    background-color: #ffffff;
    margin: 20px 20px 20px 20px;
    font-family: "Roboto", "Arial";
}

.filtro_box
{
    background-color: #ffffff;    
    font-family: "Roboto", "Arial";
}

.checkbox-sm
{
    font-weight: normal;
    font-size: 13pt;
    font-family: "Roboto", "Arial";    
}

.form-login {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    padding-top: 6px;
    padding-right-value: 12px;
    padding-bottom: 6px;
    padding-left-value: 12px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-top-width: 1px;
    border-right-width-value: 1px;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-bottom-width: 1px;
    border-left-width-value: 1px;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-top-style: solid;
    border-right-style-value: solid;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-bottom-style: solid;
    border-left-style-value: solid;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-top-color: #CCC;
    border-right-color-value: #CCC;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-bottom-color: #CCC;
    border-left-color-value: #CCC;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image-source: none;
    border-image-slice: 100% 100% 100% 100%;
    border-image-width: 1 1 1 1;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition-property: border-color, box-shadow;
    transition-duration: 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
}


.titulo_tela
{
    color: #808080;   
    font-family: "Roboto", "Arial"; 
    font-size: 22pt;
}

.titulo_subtela
{
    color: #808080;   
    font-family: "Roboto", "Arial"; 
    font-size: 16pt;
}

.filtro_geral
{
    color: #808080;   
    font-family: "Roboto", "Arial"; 
    font-size: 8pt;
}

.form-checkbox
{
    font-family: "Roboto", "Arial"; 
    font-size: 11pt;
    font-weight: normal;
    font-style: normal;    
}


/**************************************************************************************************************/
/* Grids v 2.0 */


.mGrid { width: 100%; 
         background-color: #fff; 
         margin: 5px 0 10px 0; 
         border: solid 0px #525252; 
         border-collapse:collapse; 
         font-family: "Roboto", "Arial";
         font-size:11px; }

.mGrid tr:hover{background-color:#FFFFCC;}

.mGrid td { padding: 3px; border: solid 1px #E4E4E4; color: #000000; height: 30px;}

/*
.mGrid a, .mGrid a:visited {
                 
                            color: #0066CC; 
                            text-decoration: underline; 
                             font-size:11px; 
                             font-family: "Roboto", "Arial";}

.mGrid a:hover { 
    
    color: #003366; text-decoration: underline; font-size:11px; 
                 font-family: "Roboto", "Arial";}
*/

/* Header */
.mGrid th { padding: 4px 2px; 
            color: #232323;
            background: #F5F5F5; 
            font-size: 8pt;
            font-weight: normal;
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 1px #E4E4E4;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#F5F5F5'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F5F5F5)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #EFEFEF,  #F5F5F5); /* for firefox 3.6+ */
            padding: 0px 3px 0px  3px;
          }

.mGrid .alt { background: #fcfcfc; height: 30px; }

.mGrid .pgr { padding: 4px 2px; 
            color: #232323;
            background: #F5F5F5;             
            font-size: 9pt;   
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 1px #E4E4E4;                                  
            text-align:center;  
          }
          
.mGrid .pgr table { margin:0 auto 0 auto; color: #232323;}

.mGrid .pgr td { padding: 3px 3px 3px 3px; text-decoration: none; width: 25px; font-weight: bold; color: #D3D3D3}  

.mGrid .pgr a { text-decoration: underline; color: #232323; padding: 3px 3px 3px 3px; font-weight: normal; font-size: 10pt;}

.mGrid .pgr a:hover { text-decoration: underline; color: #232323; padding: 3px 3px 3px 3px; font-weight: normal; font-size: 10pt;}


/* Footer */
.mGrid .footer { padding: 4px 2px; 
            color: #232323;
            background-color: #F5F5F5;
            font-size: 9pt;   
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 1px #E4E4E4;            
            padding: 0px 3px 0px  3px;
            background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F5F5F5)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #EFEFEF,  #F5F5F5); /* for firefox 3.6+ */
          }

/**************************************************************************************************************/
/* End Grids v 2.0 */


/**************************************************************************************************************/
/* Grids v 2.0 */


.mGridAtivo { width: 100%; 
         background-color: #EEEEEE; 
         margin: 5px 0 10px 0; 
         border: solid 0px #525252; 
         border-collapse:collapse; 
         font-family: "Roboto", "Arial";
         font-size:11px; }

.mGridAtivo tr:hover{background-color:#FFFFCC;}

.mGridAtivo td { padding: 3px; border-bottom: solid 1px #E4E4E4; color: #000000; height: 30px;}

.mGridAtivo a, .mGrid a:visited { color: #0066CC; text-decoration: underline; font-size:11px; 
                             font-family: "Roboto", "Arial";}

.mGridAtivo a:hover { color: #003366; text-decoration: underline; font-size:11px; 
                 font-family: "Roboto", "Arial";}


/* Header */
.mGridAtivo th { padding: 4px 2px; 
            color: #232323;
            background: #EEEEEE; 
            font-size: 8pt;
            font-weight: normal;
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 0px #E4E4E4;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#F5F5F5'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F5F5F5)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #EFEFEF,  #F5F5F5); /* for firefox 3.6+ */
            padding: 0px 3px 0px  3px;
          }

.mGridAtivo .alt { background: #fcfcfc; height: 30px; }

.mGridAtivo .pgr { padding: 4px 2px; 
            color: #232323;
            background: #F5F5F5; 
            font-size: 9pt;   
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 1px #E4E4E4;                                  
            text-align:center;  
          }
          
.mGridAtivo .pgr table { margin:0 auto 0 auto; color: #232323;}

.mGridAtivo .pgr td { padding: 3px 3px 3px 3px; text-decoration: none; width: 25px; font-weight: bold; color: #D3D3D3}  

.mGridAtivo .pgr a { text-decoration: underline; color: #232323; padding: 3px 3px 3px 3px; font-weight: normal; font-size: 10pt;}

.mGridAtivo .pgr a:hover { text-decoration: underline; color: #232323; padding: 3px 3px 3px 3px; font-weight: normal; font-size: 10pt;}

.mGridAtivo .header { border: solid 1px #E4E4E4;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#F5F5F5'); /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#F5F5F5)); /* for webkit browsers */
            background: -moz-linear-gradient(top,  #EFEFEF,  #F5F5F5); /* for firefox 3.6+ */
          }


/* Footer */
.mGridAtivo .footer { padding: 4px 2px; 
            color: #232323;
            background: #EEEEEE; 
            font-size: 9pt;   
            height: 40px;
            font-family: "Roboto", "Arial";
            border: solid 1px #E4E4E4;            
            padding: 0px 3px 0px  3px;
          }

/**************************************************************************************************************/
/* End Grids v 2.0 */


.painel_titulos_inad {
    max-height: 240px;
}


.box-painel {
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    border-top: 8px solid #E0E0E0;
    padding: 0px 30px 20px 30px;
}

.cad-tabulacao {
    margin-top: 3px;
    margin-bottom: 3px;
}

.cad-tipo-tabulacao {
    background-color: #E5E5E5;
    border-radius: 6px;
}

.coringa 
{
    padding: 5px;
    margin: 5px;        
    background-color: #0053A6;
    color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 8pt;
}


/*-- BUSCA CLIENTE -------------------------------------*/

.divBuscaCliente
{
    font-family: "Arial";
    font-size: 8pt;
    position:absolute;
    background-color:#FFFFFF;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC; 
    width:400px;
    text-align:left;
    display:none;   
    z-index:2;    


    -khtml-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;
    -khtml-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -ms-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -o-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px; box-shadow:rgba(0,0,0,0.3) 0 1px 2px;

    
} 

.divRecordBuscaCliente
{
/*    margin:2px;    
    padding: 2px 0px 2px 0px;	*/
}
       
        
.divLoadingBuscaCliente
{
    font: 10pt Arial;
    text-align:center;
    color: #000000;
}
 
.divBuscaClienteHover
{
    cursor: pointer;
    color: #000000;    
    padding: 4px 4px 4px 4px;    
    border-bottom: 1px solid #C0C0C0;
}
 
.divBuscaClienteHover:hover
{
    background-color:#4882F9;
    cursor: pointer;
    color: #FFFFFF;    
    padding: 4px 4px 4px 4px;    
    border-bottom: 1px solid #C0C0C0;
}       

.divBuscaClienteCadHover
{
    background-color: #AED7FF;
    cursor: pointer;
    color: #0066CC;
    padding: 4px 4px 4px 4px;
    border-bottom: 1px solid #C0C0C0;
    height: 28px;
    padding: 8px 0px 0px 0px;
}
 
.divBuscaClienteCadHover:hover
{
    background-color: #007AF4;
    cursor: pointer;
    color: #FFFFFF;
    padding: 4px 4px 4px 4px;
    border-bottom: 1px solid #C0C0C0;
    height: 28px;
    padding: 8px 0px 0px 0px;
}

/*-- FIM BUSCA CLIENTE -------------------------------------*/

.anexo_email
{
    /*border: 1px dotted #000000;*/
    padding: 2px 2px 2px 2px;   
    margin: 0px 2px 2px 2px; 
    /*background-color: #FFFFCC;*/
    font-family: "Lucida Grande" , "bitstream vera sans" , "trebuchet ms" ,sans-serif,verdana;
    font-size: 8pt;
    color: #004B97;
    text-decoration: none;
}

.anexo_email a, .anexo_email a:hover
{
    /*border: 0px;*/
    padding: 2px 2px 2px 2px;   
    margin: 0px 2px 2px 2px; 
    /*background-color: #FFFFCC;*/
    font-family: "Lucida Grande" , "bitstream vera sans" , "trebuchet ms" ,sans-serif,verdana;
    font-size: 8pt;
    color: #004B97;
    text-decoration: none;
}

/**********************************************************************/
/* SUBMENU                                                            */
/**********************************************************************/
.marginBottom-0 {margin-bottom:0;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
  


/**********************************************************************/
/* NOTIFICACAO */
/**********************************************************************/


.dropdown-notifications
{
    width: 400px;
    max-height: 500px;
    overflow-y: auto;    
}

.single-notification
{
    padding: 10px 15px;
    border-top: 1px solid #CCC;
    font-size: 14px;
    color: #777;
}

.notifications-header
{
    font-size: 14px;
    color: #959595;
    text-align: center;
    padding: 5px 10px 10px;
}

.notifications-unread
{
    background: #F5F5F5;
}

.noti-dot
{
    position: relative;
    top: -38px;
}

.pulse
{
    background-color: #ff5b5b;
    width: 1.6em; 
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
    z-index: 10;
    position: absolute;
    right: 10px;
    font-weight: bold;
    font-size:9px;
    color: #ffffff;
    text-align: center;
    top: 2px;
}

.dot
{
    border: 4px solid #ffffff;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 35px;
    width: 35px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -8px;
    /*left: -4px;*/
    right: 0px;
    z-index: 1;
    opacity: 0;
}



@-moz-keyframes pulse
{
    0%
    {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25%
    {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50%
    {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75%
    {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100%
    {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes pulse
{
    0%
    {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25%
    {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }

    50%
    {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }

    75%
    {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100%
    {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }

}
/**********************************************************************/
/* FIM NOTIFICACAO */
/**********************************************************************/

/* Tabs com borda*/
#tab-button li a {
  display: block;
  /*padding: .5em;*/
  border-top: 1px solid #CCC;   
  border-left: 1px solid #CCC;  
  border-right: 1px solid #CCC;  
  text-align: center;
  text-decoration: none;
}
#my-tab-content-table {
  border-bottom: 1px solid #CCC;   
  border-left: 1px solid #CCC;  
  border-right: 1px solid #CCC; 
}

/* LISTAS DE MULTIPLA SELECAO */
 
.listmult .bootstrap-select> .btn {
    font-size: 12px;
    font-family: "Roboto", "Arial"
}

.listmult .bootstrap-select.btn-group .dropdown-menu li a {
    font-size: 12px;
}

.listmult .bs-searchbox .form-control  {
    font-size: 12px;
}

/* BARRA DE PROGRESSO */

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: counter(stepNum);
    font-family: inherit;
    font-weight: 700;
}

.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed;
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 12px;
}

    .multi-steps > li {
        counter-increment: stepNum;
        text-align: center;
        display: table-cell;
        position: relative;
        color: #fff;
    }

        .multi-steps > li:before {
            content: '\f00c';
            content: '\2713;';
            content: '\10003';
            content: '\10004';
            content: '\2713';
            display: block;
            margin: 0 auto 2px;
            background-color: #5cb85c;
            width: 20px;
            height: 20px;
            line-height: 16px;
            text-align: center;
            font-weight: bold;
            border-width: 2px;
            border-style: solid;
            border-color: #4cae4c;
            border-radius: 50%;
        }

        .multi-steps > li:after {
            content: '';
            height: 2px;
            width: 100%;
            background-color: #4cae4c;
            position: absolute;
            top: 10px;
            left: 50%;
            z-index: -1;
        }

        .multi-steps > li:last-child:after {
            display: none;
        }

        .multi-steps > li.is-active:before {
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

        .multi-steps > li.is-active ~ li {
            color: #808080;
        }

            .multi-steps > li.is-active ~ li:before {
                background-color: #ededed;
                border-color: #ededed;
            }

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

    .multi-steps {
        font-size: 10px;
    }
}

.progress-text {
  color:#4cae4c;
}