body {
    background-color: #FFFFFF;
}

#.div-file-perfil{ float: left; position:relative;}
.div-file-perfil #foto1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 10px; opacity: 0; position: relative; z-index: 9999;}
.div-file-perfil #crea1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 10px; opacity: 0; position: relative; z-index: 9999;}
.div-file-perfil #ass1{-moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 10px; opacity: 0; position: relative; z-index: 9999;}

.metrouicss .page {
    width: 1140px ;
    margin: auto;
    background-color: #FFFFFF;
}
.browsers-icons img {
    float: left;
    margin-right: 10px;
}


.github-info {
}


#brand-name {
    line-height: 24px;
    margin-top: 2px;
}


hr {
    border: 0;
    border-bottom: 1px #ddd dotted;
    color: #ddd;
    background-color: #ddd;
}

input[readonly]{
  background-color: #eaeaea !important;
}

#social{
    margin-bottom: 90px;
}
#shareme .box{
    margin:5% 8% 0 8%;
    width:100%;
    clear: both;
}
#shareme .box a{
    color:#404040;
    text-shadow: 0 1px 1px rgba(167,167,167,.4);
}
#shareme .box a:hover{
    text-decoration:none;
}
#shareme .count {
    font-weight:bold;
    font-size:48px;
    float:left;
    border-right:2px solid #57b8d1;
    line-height:40px;
    padding-right:10px
}
#shareme .share {
    float:left;
    margin-left:10px;
    font-size:18px;
    width:82px;
}
#shareme .buttons {
    position: absolute;
    width:294px;
    background-color:#fff;
    border: 1px solid rgba(0,0,0,.2);
    padding:10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    height: 100px;
}
#shareme .button {
    float:left;
    max-width:50px;
    min-width:10px;
    margin:0 15px 0 0;
    background-color: transparent;
}
#shareme .facebook {
    margin:0 4px 0 0;
}

#carousel1 {
    height: 242px;
}

#sponsorBlock {
    height: 300px;
}

#page-index .carousel .control {
    top: auto;
    left: auto;
    bottom: -40px;
}
#page-index .carousel .control.left {
    right: 100px;
}
#page-index .carousel .control.right {
    right: 30px;
}

.metrouicss .charms,
.metrouicss .app-bar,
.metrouicss .message-dialog,
.metrouicss .error-bar,
.metrouicss .warning-bar,
.metrouicss .info-bar {
    position: absolute;
}

@media (min-width: 768px) and (max-width: 979px) {
    .metrouicss .page {
        width: 724px;
    }
    .metrouicss .hero-unit > img {
        zoom: .6;
    }
    .metrouicss .browsers-icons img {
        zoom: .8;
    }

}

@media (max-width: 767px) {
    .metrouicss .page {
        width: 100%;
    }

    .metrouicss .hero-unit > img {
        zoom: .6;
    }

    .metrouicss .modern-ui-logo {
        width: 24px;
        height: 24px;
    }
    .metrouicss .github-info {
        margin-top: 5px;
    }

    .metrouicss a, .metrouicss .link {
        font-size: 7pt;
    }

    .metrouicss h3 {
        line-height: 11px;
    }

    .metrouicss .no-mobile {
        display: none;
    }

    .metrouicss #carousel1 {
        height: 300px !important;
    }
}

@media (max-width: 480px) {
    .metrouicss .hero-unit img {
        display: none;
    }

    .metrouicss #jetbrains {
        display: none;
    }
    .metrouicss #brand-name {
        display: none;
    }
}


/* ------ Ajustes Layout 05/02/2014 -------- */

.menu li a:hover {color:#2eb1bd !important;}

.menu .dropdown-menu li a:hover {background:#2eb1bd !important;}

.logo-topo{margin:0 0 0 !important; padding: 0 15px 0 0 !important; border-right:1px solid #fff;}

.menu-right{float:right;}

.menu{float:left; margin:1px 1px 0 !important;}

.menu-topo{background: transparent !important; border: 0 !important; /**/}
.menu_idioma{float:right;}

.menu-topo .nav-bar-inner{width: 988px; float: left; background-color: #636363 ; border-bottom:4px solid #2EB1BD;}

.logo{float: left; width: 141px; margin-right: 10px; margin-top: 5px;}

.link-logout{float: right; margin-top: 6px;}

.idioma-ativo{padding:0 18px 0 0 !important; margin:0 !important;}
.idioma-ativo img{margin-top:3px;}

.dropdown-menu li{float:left; width:100%;}
.dropdown-menu li a{float:left !important;}
.dropdown-menu li img{float:left; margin:0;}
.dropdown-menu li span{float:left; margin:3px 0 0 10px;}

label.error{color: #fff; background-color: #3b3b3b; border-color: #eed3d7; padding: 10px; width:100%; float:left; }
.input-control{float:left; width:100%;}

.rodape{width: 88% !important; float:left;}
.rodape .footer{padding:7px 10px;}

.info-footer{float:right; font-size:12px !important; color:#fff; padding:5px;}
.info-footer span{float:left;}
.text-powered{float:left;}
.img-care{float:left; margin-left:5px; width:100px; margin-top: 6px;}
 
.form-pags{padding: 20px 0; border: 1px #ccc solid; background:#fdfdfd !important;}

.form-pags .grid{margin:0;}

.campos-form{margin:0 !important;}
.campos-form li label{margin: 0 0 0 0; position:relative;}
.campos-form label{margin: 0 0 0 20px; position:relative;}
.campos-form label img{position: absolute; top:2px; right:-26px;}
.campos-form label.switch{margin: 5px 0 0 0;}
.campos-form table .input-control, .campos-form select{padding: 0 0 0 0px; margin-top:1px; }
.campos-form .input-control, .campos-form select{padding: 0 0 0 20px; margin-top:1px;}

.campos-form .input-control label{margin: 0 !important;}

.tooltip{display: none; position: absolute; z-index: 99; width: 156px; background: #2eb1bd; color: #fff; font-size: 10px; padding: 5px; right: -156px; top: -7px;} 
.campos-form label:hover .tooltip{display: block; position: absolute; z-index: 99; width: 156px; background: #2eb1bd; color: #fff; font-size: 10px; padding: 5px; right: -160px; top: -7px;} 
.h1-form{padding:0 0 0 20px;}

.titulo-visao-consolidada h1{left:0px !important; font-size: 39px !important; top: 31px;}
.titulo-internas h1{left:60px !important; font-size: 39px !important; top: 31px;}
.titulo-internas .page-back{left:0 !important;}

.form-pags{position: relative; padding-bottom: 70px;}

.box-btn-salvar{position: absolute; bottom: 10px; left: 20px;}
.box-btn-salvar .btn-salvar{margin: 0;}

.btn-salvar{margin:20px 0 0 20px;}

.unstyled {margin: 5px 0 0 20px !important;}

.row-list{margin-top:30px;}
.row-list ol label{margin: 5px 0 0 !important; padding:0 !important; width:auto;}
.row-list ol li{width:100%; float:left;}

#triagem_resultado{margin:10px 20px;}
#triagem_resultado:hover{border: 0 none;}
#triagem_resultado ul{margin-left:0 !important;}


.footer .element{margin: 5px 0 0 !important; display: block; height: auto;}

.opcoes_radio label.radio{width:auto;}

.opcoes_radio span{float:left;margin-right: 6px;}


.alert .icon{width: 20px !important; height: 20px !important; border: 0 !important; display: none;}
.alert li{border:0 !important;}
.alert li:hover{border:0 !important;}

.alert-error{color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}

.alert-success{color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}

.metrouicss .listview li:hover{border:0 !important;}

.metrouicss .listview.image li .data{margin:0 !important;}

.alert-error h4{font-weight:bold; color: #b94a48;}
.alert-success h4{font-weight:bold; color: #468847;}


.footer span.element{height:10px !important;}

.menu-topo {margin-top:0 !important;}


.topo-off{width:764px !important;}

/* alteração 14-04-14 */

.box-topo {}
.box-topo ol{margin-left:0 !important;}

.filtro-tabela{background-color: #f9f9f9; float: left; width: 100%; padding-top:10px; margin-bottom: 30px;}
.filtro-tabela ul{margin:0 !important; padding:0; list-style: none;}
.filtro-tabela ul li{width:31%; float:left; margin:0 0 10px 15px;}

.filtro-tabela label{font-weight: 200; font-size: 12px !important; margin-bottom:5px; line-height: 24pt; color: #333; font-size: 14pt; line-height: 24px;}
.filtro-tabela select{border: 1px #bababa solid; width: 100%; padding: 4px 6px 6px 5px; background-color: #fff; outline: 0; margin-right: 32px; min-height: 32px; position: relative;}

.filtro-tabela .btns{float:right; margin-right:10px;}
.filtro-tabela input{background-color: #ccc !important; color: #353535 !important;}

.alert-otimo-table{
    background: url(../images/otimo.png) no-repeat center 6px #dff0d8; 
    padding:10px 0 0 !important;
}
.alert-bom-table{
    background: url(../images/bom.png) no-repeat center 6px #fcf8e3; 
    padding:10px 0 0 !important;
}
.alert-ruim-table{
    background: url(../images/ruim.png) no-repeat center 6px #f2dede; 
    padding:10px 0 0 !important;
}
.alert-esclamacao-table{
    background: url(../images/esclamacao.png) no-repeat center 6px #f2dede; 
    padding:10px 0 0 !important;
}
.alert-irrecuperavel-table{
    background: url(../images/irrecuperavel.png) no-repeat center 6px #ccc; 
    padding:10px 0 0 !important;
}

.bg-verde{background: #dff0d8;}
.bg-amarelo{background: #fcf8e3;}
.bg-vermelho{background: #f2dede;}

.alert-otimo-esclamacao-table{
    background: url(../images/otimo-esclamacao.png) no-repeat center 6px #dff0d8; 
    padding:10px 0 0 !important;
}
.alert-bom-esclamacao-table{
    background: url(../images/bom-esclamacao.png) no-repeat center 6px #fcf8e3; 
    padding:10px 0 0 !important;
}
.alert-ruim-esclamacao-table{
    background: url(../images/ruim-esclamacao.png) no-repeat center 6px #f2dede; 
    padding:10px 0 0 !important;
}
.alert-esclamacao{
    background: url(../images/esclamacao.png) no-repeat center center #f2dede; 
    padding:10px 0 0 !important;
}

.table{width: 377px;}
.table td{padding-bottom:5px !important; font-size: 10px !important;}

span.link-otimo{color: #468847; font-weight: bold;}
span.link-bom{color:#c09853; font-weight: bold;}
span.link-ruim{color:#b94a48; font-weight: bold;}

.link-otimo a{
    color: #468847;
    font-weight: bold;
    font-size: 10px !important;
    text-align: center;
    width: 100%;
    display: block;
    margin-top:18px;
}
.link-otimo a:hover{
    color: #468847;
}

.link-bom a{
    color:#c09853;
    font-weight: bold;
    font-size: 10px !important;
    text-align: center;
    width: 100%;
    display: block;
    margin-top:18px;
}

.link-bom a:hover{
    color:#c09853;
}

.link-ruim a{
    color:#b94a48;
    font-weight: bold;
    font-size: 10px !important;
    text-align: center;
    width: 100%;
    display: block;
    margin-top:18px;
}
.link-ruim a:hover{
    color:#b94a48;
}

h2.accordion{
    cursor: pointer;
    font-size: 18px;
    background: #ccc;
    padding: 10px;
    float: left;
    margin: 0 0 0 20px !important;
}

.campanha-dia{
    padding: 10px; background: #adeff5;
}
.campanha-dia span{color: #056d76;}

.campanha-dia label{font-weight: bold;}

/*.campanha-bg-verde{ }
.campanha-bg-verde span{color: #008a38;}
*/
/*.campanha-bg-amarelo{background: #fcf8e3;}
.campanha-bg-amarelo span{color: #e19a46;}

.campanha-bg-vermelho{background: #f2dede;}
.campanha-bg-vermelho span{color: #d54946;} 
*/
/*.linha{border-bottom: 1px dotted #333;}*/
.linha a{color: #fff;}

.metrouicss .bg-color-redLight{color: #fff;}

.metrouicss .bg-color-redLight a{color: #fff;}

.metrouicss .bg-color-green{}
.metrouicss .bg-color-green .linha a{color: #333;}

.metrouicss .bg-color-yellow{}
.metrouicss .bg-color-yellow .linha a{color: #333;}

/*.metrouicss .bg-color-redLight .linha{border-bottom: 1px dotted #fff;}*/


div.accordion{ display: none; width:100%; float:left;  background: #ccc; padding-top: 10px}

.area-accordion{width:100%; float:left;}

.form-objetivos select{margin-top: 0;}
.form-objetivos legend{
    display: block;
    width: 100%;
    padding: 0;
    margin: 10px 20px 14pt;
    font-size: 14.5pt;
    line-height: 28pt;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.box-usuario{background-color: #f8f8f8; width: 220px; height: 74px; position: absolute; right: 0; top: 100px; z-index: 999;}
.box-usuario img{width:66px; height:63px; float: right; margin: 5px;}
.box-usuario a{float: right;}

.box-usuario .nome_usuario{width: 63%; float: left; text-align: right; color: #626262; margin-top:8px; font-size: 11px;}
.box-usuario .cargo_usuario{width: 63%; float: left; text-align: right; color: #626262;font-size: 11px;}


.abilitado{position: relative;}
.abilitado:hover .descricao{display: block;}
.abilitado:hover .tile-content{display: none;}
.abilitado:hover .brand{display: none;}
.abilitado:hover {border:0;}
.abilitado .descricao{position: absolute; top: 0; left: 0; z-index: 3; display: none; width:100%; height: 100%; padding: 35px 20px;}

.menu-topo{z-index:9999999;}

.topo-home-gestao{background-color: #f9f9f9; float: left; padding: 10px; margin-bottom: 30px;}

.topo-tabela{width:100%; float: left;}

.box-os-aberta{width:150px; float: left; color: #808080;}
.box-os-aberta small{font-size: 13px; width: 100%;}
.box-os-aberta span{font-size:28px; width: 100%; font-weight: bold; margin-top: 10px; display: block;}

.box-dias{width:150px; float: left; color: #808080;}
.box-dias span{font-size: 15px; width: 100%;margin-top: 7px; display: block;}

.box-qtde{width:100px; float: left;}
.box-qtde span.span-pri{font-size: 20px; color: #808080; margin: 7px 0 0; display: block; font-weight: bold;}
.box-qtde span.span-seg{font-size: 13px; color: #806260; margin: 7px 0 0; display: block; font-weight: bold;}

.img-user-table{float: left;}

.nome-user-table{float: left;
margin: 12px 0 0 12px;}

.modal {
    display:    none;
    color: #ccc;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/loading.gif') 
                50% 50% 
                no-repeat;

}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

iframe{
    z-index:  999;
}

/* Css 27/03/2015 Lincon */
.modal-filtro .input-control{min-height: 100px;}
.modal-filtro .grid{  margin: 0 auto; width: 91%;}

.tabela-os-controle{margin: 20px 0 20px !important; float: left;}

.tab-container{
    width: 100%; 
    float: left; 
    list-style: none;
    margin-top: 30px;
}

.etabs { 
  padding-left: 0;
  list-style: none;
  margin: 0 !important;
  z-index: 2;
}

.tab{
    background-color: #ffffff;
    display: block;
    float: left;
    margin-left: 5px;
    position: relative;
    list-style: none;
    max-width: 100px;
    border-left:1px solid #eeeeee !important;
    border-right:1px solid #eeeeee !important;
}

.tab a { 
    /*border: 1px #eeeeee solid;*/
    display: block;
    float: left;
    padding: 5px 10px;
    z-index: 10;
    top: 0;
    left: 0;
    color: inherit;
    background-color: #eeeeee; 
    text-align: center;
    width: 100%;
    font-size: 13px;
}

.tab small{
  background-color: #eeeeee !important;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
}
.tab img{
    border: 0 !important;
    margin: 5px 0 0 43%;
    cursor: pointer;
}
.tab a:hover {
    background-color: #A1A1A1;
    color: #fff;
}

.tab.active { 
    border-bottom-color: #ffffff;
    background-color: #ffffff;
    border-top: 2px #e51400 solid;
    border-left:1px solid #eeeeee !important;
    border-right:1px solid #eeeeee !important;

}
.tab a.active { 
    border-bottom-color: #ffffff;
    margin-top: 2px;
}
.tab.active a:hover {
    background-color: #ffffff;
    color: #000;
}


.tab .active{
  background-color: #ffffff;
  display: block;
  float: left;
  position: relative;
  border-bottom: 0 none;
}

/*.tab a { 
    border: 1px #eeeeee solid;
    display: block;
    float: left;
    padding: 5px 10px;
    z-index: 10;
    top: 0;
    left: 0;
    color: inherit;
    background-color: #eeeeee;
}*/

.panel-container {   
    /*z-index: 1;*/
    border: 1px #eeeeee solid;
    margin-top: -2px;
    float: left;
    width: 100%;
}

.panel-container div.quadro-tab{   
    padding: 20px 0;
}
.panel-container div.span5{   
    width: 371px;
}
.ajax-file-upload-container{
    margin: 0 !important;
}
.msg-error {
    border: 1px solid #faebcc;
    display: none;
    background-color: #fcf8e3;
    color: #8a6d3b;
    border-radius: 4px;
    margin: 0 20px 20px 20px;
    padding: 10px;
}
.msg-error ul {
    padding-left: 15px;
}

.clear { clear: both; }
.view-data label {
    font-weight: bold;
}
.view-data [class*="span"] {
    float: left !important;
}
.view-data [class*="span"], .form-data [class*="span"] {
    margin-right: 0 !important;
}
.btn{
    display: block;
    text-align: center;
    padding: 5px;
    background-color: #ccc;
    border: 1px solid #999;
    color: #555 !important;
}
.table-or {
    width: 100%;
    border: 1px solid #DDD;
}
.table-or thead tr th {
    font-weight: bold !important;
    vertical-align: middle !important;
}
.ajax-loader-min {
    text-align: right;
    display: none;
}
.ajax-loader-min2 {
    display: none;
    float: left;
    margin-top: 20px;
}
.btn-salvar {
    float: left;
    min-width: 220px;
}

.cke_dialog{width:auto !important;}
.cke_dialog_contents {width:auto !important;margin: 0 !important;}
.cke_dialog tbody tr td, .cke_dialog_contents tbody tr td {
    border-width: 0 !important;
}
.cke_dialog_ui_hbox td {
    width: 50% !important;
    text-align: center;
}
.cke_dialog_footer_buttons{margin: 0 !important;}
.cke_dialog_ui_text { padding: 5px 0 !important;}
.cke_dialog_contents_body {
    padding-top: 20px !important;
}
.fieldset-or {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    border: 1px solid #3FD3CE !important;
}
.fieldset-or legend {
    color: #2EB1BD !important;
    font-weight: bold !important;
    left: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    position: relative !important;
    top: 0 !important;
}
#or-result table td, #or-result table th {
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
}
.even {
    background-color: #ffffff !important;
}
.custom-statusbar {
    border-top: 1px solid #394f61 !important;
    padding: 5px 0 5px 4px !important;
    width: 760px !important;
}
.odd {
    background-color: #edebeb !important;
}
.custom-filename {
    display: inline-block !important;
    margin: 0 5px 0 0 !important;
    min-width: 365px !important;
}
.custom-progress {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    color: #ffffff !important;
    display: inline-block !important;
    margin: 0 10px !important;
    padding: 1px !important;
    position: relative !important;
    vertical-align: middle !important;
    width: 250px !important;
}
.custom-bar {
    background-color: #337ab7;
    display: inline-block;
    height: 20px;
    margin: 0;
    vertical-align: middle;
    width: 0;
}
.custom-red {
    background-color: #e4685d;
    border-radius: 4px;
    box-shadow: 0 39px 0 -24px #e67a73 inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    margin-right: 5px;
    padding: 4px 15px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    vertical-align: middle;
}
.div_arquivo_boletos .ajax-file-upload-container {
    margin-top: 20px !important;
}
.ajax-file-upload-error {
    color: red;
    font-size: 11px;
}