/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}


body {
    font-size: 0.9em;
    line-height: 1.4;
	font-family:Arial, Helvetica, sans-serif;
	
}

a{
	cursor: pointer;
	text-decoration: none !important;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
  box-sizing: border-box;
  -moz-box-sizinh:border-box;
  -webkit-box-sizinh:border-box;
}
input[type=text]{height:30px;}
.btn-invisible{border:0 none; background: none; padding:4px 10px; display:inline-block; line-height:20px; }

html, body{height:100%;}

body{}

/* login */

.login-wrapper{background:#efefef; width: 100%; min-height:100%; height:100%;}
.account-container{width: 380px; height: 296px; display: block; margin-top: -148px; margin-left: -190px; position: absolute; left: 50%; top: 50%;}
.pergunta{font-size:12px; margin:10px 0 0 0;}
.pergunta a{color:#c3262e;}
.account-container .form-wrapper{padding:5px; background:#e7e7e7; border: 1px solid #d5d5d5;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.account-container .form{background:#fff; margin-bottom: 0; padding:30px 20px;}
.login-checkbox {min-width: 130px;}
.sign-in.btn{padding: 4px 20px; margin-right:0;}

#topo{padding:0;}
.brand{float:left;}
#barra-topo .perfil{float:right;}

#menu{/*height:60px;*/ margin-bottom: 20px; background:#333333; float: left; width: 100%}
#menu, #barra-topo{padding:0 20px;}
#menu .nav{z-index:1000;}
#menu .navbar{margin-bottom: 0}
#barra-topo{background: #f8f8f8; padding-top: 10px; padding-bottom: 10px;/*height:60px;*/ float: left; width: 100%}

#menu .nav > li > a{color:#fff; background:#333; text-shadow:none; padding:15px; border-bottom:5px solid #333; border-left:1px solid #292929; }
#menu .nav > li:hover > a, #menu .nav > li > a.ativo{background:#141414; border-bottom:5px solid #ae111e;}

#menu li:first-child a{border-left:0;}
#menu .dropdown-menu a{font-size:.88em; padding: 6px 28px;}
.dropdown-menu li > a:hover{background-color:#666;}
.dropdown-menu .divider{border-bottom: 1px solid #E5E5E5;}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
	background-image: linear-gradient(to bottom,#9A070E,#ae111e);
	background-image: -moz-linear-gradient(top, #9A070E, #ae111e);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9A070E), to(#ae111e));
  	background-image: -webkit-linear-gradient(top, #9A070E, #ae111e);
  	background-image: -o-linear-gradient(top, #9A070E, #ae111e);
  	background-image: linear-gradient(to bottom, #9A070E, #ae111e);
  	background-repeat: repeat-x;
  	outline: 0;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A070E', endColorstr='#ae111e', GradientType=0);
}

#carregando{
	width:155px;
	height:44px;
	padding:11px 10px;
	background-color:#C00;
	color:#FFF;
	position:fixed;
	top:0;
	right:0;
	font-weight:bold;
	z-index:5000
}
#salvando{
	width:100px;
	height:33px;
	padding:7px 10px;
	background-color:#FFCD00;
	color:#000;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
	font-size:12px
}
#calculando{
	width:110px;
	height:33px;
	padding:7px 10px;
	background-color:rgb(34, 177, 76);
	color:#FFF;
	position:fixed;
	top:0;
	right:0;
	z-index:1000;
	font-size:12px
}

.totais{border-top: 1px solid #ddd; padding-top: 1.5em}
.totais div{border-left: 1px solid #ddd; padding-left: 1em; height: 5em;}
.totais div span{font-size: 0.8em}

#detalhe-valor-realizado th span, #detalhe-recebimento th span{float: right;}
#detalhe-valor-realizado th i, #detalhe-recebimento th i{color: #00AA0A}
#cabecalho div.top_btn{padding: 0.5em; background: #f2f2f2; margin-bottom: 1em;}
#cabecalho div label{margin-bottom: 0;}

#cabecalho .dados_orc label{border-left: 1px solid #ddd; padding-left: 1em;}


.usuario{float:right;font-size: 11px;font-family: arial;}
.usuario .nav{margin:0}
#img-usuario-topo{width:38px}
.status{margin:20px 0; padding:0; color:#fff; display:inline-block;}
.status a{color:#F05A23; text-decoration: none}
.status a:hover{color:#FF0000; text-decoration: underline}
a.btn_sair{background:url(../img/btn-sair.png) no-repeat; margin:15px 15px 15px 0; float:right; display:block; width:33px; height:29px; overflow:hidden; text-indent: -99px;}
a.btn_sair:hover{background-position: 0 -30px}


.btn-laranja.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-laranja {
  background-color: hsl(34, 100%, 42%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f48a00", endColorstr="#d67900");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f48a00), to(#d67900));
  background-image: -moz-linear-gradient(top, #f48a00, #d67900);
  background-image: -ms-linear-gradient(top, #f48a00, #d67900);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f48a00), color-stop(100%, #d67900));
  background-image: -webkit-linear-gradient(top, #f48a00, #d67900);
  background-image: -o-linear-gradient(top, #f48a00, #d67900);
  background-image: linear-gradient(#f48a00, #d67900);
  border-color: #d67900 #d67900 hsl(34, 100%, 40.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}

.btn-azul {
  background-color: hsl(201, 82%, 33%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1595da", endColorstr="#0f6899");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#1595da), to(#0f6899));
  background-image: -moz-linear-gradient(top, #1595da, #0f6899);
  background-image: -ms-linear-gradient(top, #1595da, #0f6899);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1595da), color-stop(100%, #0f6899));
  background-image: -webkit-linear-gradient(top, #1595da, #0f6899);
  background-image: -o-linear-gradient(top, #1595da, #0f6899);
  background-image: linear-gradient(#1595da, #0f6899);
  border-color: #0f6899 #0f6899 hsl(201, 82%, 29.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
  -webkit-font-smoothing: antialiased;
}


#wrapper{overflow:hidden;}
#wrapper-conteudo{transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
#filtros{margin-left:0; width:240px; float:left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }

/* rodape */
#rodape{margin:10px 0 10px 0}
#linha_rodape{height:5px;background-color:#333}
#texto_rodape{text-align:center}

/* interacao do filtro */
#meio.fixed{padding-top:67px;}
#filtros.fechado{overflow:hidden;  margin-left:-260px;}
#meio.fixed #filtros{position:relative; top:58px;margin-bottom:60px}

#form_busca.filtro-aberto{ margin-left:260px; }

/*#wrapper-conteudo.filtro-aberto{ margin-left:260px; }*/

/* Opcoes */
#titulo_paginas{background:#ffffff; position:relative; margin:0;}
#titulo_paginas.fixed{position:fixed; top:0; left:0; z-index:100; width:100%; padding:0 20px; box-shadow: 2px 0 10px rgba(0,0,0,0.3); }

#col_left_tarefas.fixed{position:fixed; top:100px; right:0; z-index:200;padding:0 20px; }


.btn-small{padding:4px 10px 4px; vertical-align: top;}
/*.btn{margin-right:8px;}*/
.barra_btn_faturamento{background:#ececec; margin-bottom:15px;}
#opcoes{background:#ececec; margin-bottom:15px; position:relative;}
#opcoes.fixed{position:fixed; top:50px; left:0; z-index:100; width:100%; padding:0 20px; box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.3); }

#opcoes-pagina{float:left;}
#btn-filtros{height:50px; width:60px; background: #990000; position:relative; float:left; margin-right:20px;}
.btn-filtros{display:block; width:100%; height:100%; background: url(../img/icon-filtro.png) center center no-repeat;}
.btn-filtros-fecha{background-color: #af1717; position:absolute; z-index:2; top:0; left:0;}

#btn-opcoes{padding: 10px 20px; height:50px;}
#btn-opcoes .inline{display:inline;}

#btn-opcoes .btn-group{position: static}

#opcoes-fixa{ float:right; height:30px;}

#opcoes-fixa .input-busca{width:170px;}

.opcoes{height:50px; padding: 10px;  box-sizing: border-box; -moz-box-sizinh:border-box; -webkit-box-sizinh:border-box;}
.opcoes-left{float:left;}
.opcoes-right{float:right;}

.grupo .opcoes_sub{background:#CCC; color:#000;}
.grupo .opcoes_sub .opcoes-titulo-sub{font-size:14px; text-transform: uppercase; line-height:30px;font-weight:bold }
.opcoes_sub{height:30px; padding: 0px;  box-sizing: border-box; -moz-box-sizinh:border-box; -webkit-box-sizinh:border-box;padding-left:54px}


#paginacao{float:right;}
#seta-paginacao{float:right; margin-left:10px;}
#seta-paginacao a{width:50px; height:50px; border-left:1px solid #dbdbdb ;float:left; text-align:center; line-height:50px; color:#990000;}
#seta-paginacao a:hover{text-decoration:none; background: #d8d8d8; border-color: #c4c4c4; }

.paginacao-numero{display:inline-block;}
.paginacao-numero .numero-pag{width:40px; text-align:center;}
.qtd-pag{color:#900}

.fechamento-geral{display: inline-block; vertical-align: bottom;font-size:18px}

.alterar, .edit_cadastro, .alterar_cheque, .edit_trabalho, .alterar_lanc_cartao{cursor:pointer}

/* table*/

.table{color:#222; font-size:12px;text-transform:uppercase}
.table-header{background:#ddd;}
.table-header:hover{background:#ddd;}

/* -- Drag and drop - */

.tabela-drag tr:hover td, .tDnD_whileDrag td {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:7px 8px; background:#f4f4f4}
.tabela-drag tr:hover td:first-child, .tDnD_whileDrag td:first-child{border-left:1px dashed #ccc; padding-left:7px;}
.tabela-drag tr:hover td:last-child, .tDnD_whileDrag td:last-child{border-right:1px dashed #ccc;  padding-right:7px;}

table .td-center{text-align:center}
table .td-right{text-align:right}

.ml0{margin-left:0 !important}
.mr0{margin-right:0 !important}
.mb0{margin-bottom:0 !important}

.mt0{margin-top:0 !important}
.p10{padding:10px !important}


.btn-sm, .btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}

.btn-metis-1 {
color: #ffffff;
background-color: #ee465a;
border-color: #c11a39;
}

.tb-conciliacao{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif
}

.overflow-conciliacao{
	height:300px;
	overflow:auto;
}

.table.td-sem-borda
/*  table */


/* filtros */
#filtros h2, #filtros .filtro-wrapper{padding:20px;}
#filtros h2{background:#af1717; font:normal normal 22px/1em Arial,sans-serif; color:#fff; margin:0;padding:10px }
#filtros .filtro-wrapper{background:#ececec; border:1px solid #ccc;margin-bottom:60px;}

/* form */
.form [class*="tam"]{ margin-left:2%;float:left;}
.form .row-fluid [class*="tam"]:first-child{margin-left:0;}
.form .row-fluid label input, .form .row-fluid label textarea, .form .row-fluid label select{ width:100%; }

.form input, .form textarea, .form select {
    
    box-sizing: border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.form label{font-size:12px; font-weight:bold;}

.tam50px{width:50px}
.tam100px{width:100px}

.tam10p{width:10%}
.row-fluid .tam10p:first-child{width:12%}
.tam15p{width:15%}
.row-fluid .tam15p:first-child {width:18%}
.tam20p{width:18%}
.row-fluid .tam20p:first-child {width:20%}
.tam25p{width:23%}
.row-fluid .tam25p:first-child {width:25%}
.tam30p{width:33%}
.row-fluid .tam30p:first-child {width:30%}
.tam33p{width:31%}
.row-fluid .tam33p:first-child {width:34%}
.tam40p{width:38%}
.row-fluid .tam40p:first-child {width:40%}
.tam50p{width:48%}
.row-fluid .tam50p:first-child {width:50%}
.tam60p{width:58%}
.row-fluid .tam60p:first-child {width:60%}
.tam70p{width:68%}
.row-fluid .tam70p:first-child {width:70%}
.tam80p{width:78%}
.tam90p{width:88%}
.tam95p{width:92%}
.tam100p{width:100%}

.control-group10px{margin-bottom:10px}

.label-azul, .badge-azul {
background-color: #06C;
}

.label-lilas, .badge-lilas {
background-color: #6959cd;
}


/* tab vertical */

.tab-vertical {float:left; height:100%; border-right:1px solid #aaa;padding-right:15px; margin-right:15px; width:200px; min-height:400px;}
.tab-vertical li{float:none; display:block;}
.tab-vertical li.active{border-left:5px solid #990000; border-bottom:1px solid #ddd;}
.tab-vertical li a{border:0 none; color:#bbb; font-size:14px;}
.tab-vertical li.active a{border:0 none; color:#333;}
.tab-vertical li.active a:hover{border: 0 none;}


/* modal */


.modal-body form{margin-bottom:0;}
.modal.modal-m{width:700px;}
#modal-cadastro.modal-full{width:95%; height:95%; left:2%; margin:0}
#modal-cadastro.modal-full.fade.in{top:20px}

.modal-100p.modal-full{width:95%; height:95%; left:2%; margin:0}
.modal-100p.modal-full.fade.in{top:20px}

.modal-60p.modal-full{width:75%; height:75%; left:10%; margin:0}
.modal-60p.modal-full.fade.in{top:20px}
/*#modal-cadastro.modal-full .modal-body{min-height:510px;}*/

.modal-body {
min-height: 85%;
max-height:100%;
overflow:auto;
}

/* modal */

/* orcamento */

.dropdown-menu .grupo{padding:10px;}

.table.itens {font-size: 12px;}

.grupo .opcoes{background:#333; color:#fff;}
.grupo .opcoes .opcoes-titulo{font-size:18px; text-transform: uppercase; line-height:30px; }

.grupo .tarefastit{background:#fff; color:#000;}
.grupo .tarefastit .tarefastit-titulo{font-size:16px; line-height:25px; }


.visao_geral_impressao .table.itens{font-size: 10px!important;}
.visao_geral_impressao .table th, .visao_geral_impressao .table td{padding: 5px;}


.grupo .head{font-size:14px; color:#fff; margin:0; padding:10px; display:block; line-height:14px;}
.grupo .body{}

.check{float: left; display: inline-block; padding: 2em 1em; margin-right: 1em; border-right: 1px solid #ddd;}
.fornecedores{border-top: 1px solid #ddd;}
.info_fornecedor{display: table; width: 100%; height: 50px; margin: 0 auto; padding: 0.5em 0; border-bottom: 1px solid #ccc; overflow: hidden;  transition: all 0.2s ease;}
.info_fornecedor .nome{width: 100%; padding: 0.2em 0; display: inline-block; float: left; border-bottom: 1px solid #E8E8E8;}
.info_fornecedor .nome input{margin: 0 0.5em;}
.info_fornecedor .nome label{display: inline-block;}
.dados_fornecedor{margin: 0; float: left; width: auto;}
.dados_fornecedor li{float:left; border-right: 1px solid #ddd; display: inline-block; margin: 0.5em 0; padding: 0 0.7em;}
.info_fornecedor:nth-child(odd){background: #FBFBFB}
.info_fornecedor:hover{background: #F4F4F4; border-bottom: 1px solid #AE111E;}
.dados_fornecedor li strong{color: #7C7C7C; display: block; font-size: 0.8em}
.edit{width: auto; display: inline-block; margin-left: 0.5em}
.vazio{color: #B0B0B0}

.info_relacionado_fornecedor{display: table; width: 100%; height: 50px; margin: 0 auto; padding: 0.5em 0; border-bottom: 1px solid #ccc; overflow: hidden;  transition: all 0.2s ease;}
.info_relacionado_fornecedor .nome{width: 100%; padding: 0.2em 0; display: inline-block; float: left; border-bottom: 1px solid #E8E8E8;}
.info_relacionado_fornecedor .nome input{margin: 0 0.5em;}
.info_relacionado_fornecedor .nome label{display: inline-block;}
.dados_relacionado_fornecedor{margin: 0; float: left; width: auto;}
.dados_relacionado_fornecedor li{float:left; border-right: 1px solid #B9E397; display: inline-block; margin: 0.5em 0; padding: 0 0.7em;}
.dados_relacionado_fornecedor li strong{color: #7C7C7C; display: block; font-size: 0.8em}
.info_relacionado_fornecedor:nth-child(odd){background: #FBFBFB}
.info_relacionado_fornecedor:hover{background: #F4F4F4; border-bottom: 1px solid #3E7213;}


th.orc, h2.orc{background-color:#3379C3; color:#fff;}
th.trab, h2.trab{background-color:#69C315; color:#fff;}
th.exec, h2.exec{background-color:#E9841A; color:#fff;}
th.exec, h2.pago{background-color:red; color:#fff;}

td.orc, span.orc {color:#3379C3;}
td.trab , span.trab{color:#69C315;}
td.exec, span.exec{color:#E9841A;}

.grupos .novo-grupo{background:#d6d6d6;}
.novo-grupo .btn{}

.orcamento > .nav-tabs{background:#e2e2e2; border-bottom:0 none; margin-bottom:0;}
.orcamento > .nav-tabs > li a {padding:10px; font-size:13px; text-transform:uppercase; color:#767676;}
.orcamento > .nav-tabs > li.active {}
.orcamento > .nav-tabs > li.active > a{height:41px; color:#464646; border-radius:0; border:0; background:#f3f3f3; font-weight:bold;}

.handsontable thead th .relative{text-align:left;font-weight:bold;}
.table_azul{background-color:#3379C3;display:block;color:#FFF;text-align:right;margin: -2px -4px -3px -4px;
padding-bottom: 3px;
padding-top: 2px;}
.table_verde{background-color:#69C315;display:block;color:#FFF;text-align:right;margin: -2px -4px -3px -4px;
padding-bottom: 3px;
padding-top: 2px;}
.table_laranja{background-color:#E9841A;display:block;color:#FFF;text-align:right;margin: -2px -4px -3px -4px;
padding-bottom: 3px;
padding-top: 2px;}
.table_vermelho{background-color:#FF0000;display:block;color:#FFF;text-align:right;margin: -2px -4px -3px -4px;
padding-bottom: 3px;
padding-top: 2px;}
.col_center{text-align:center}
.add-on{height:100% !important;min-width:32px !important}
.add-date{height:30px !important;padding-top:7px !important} 

.orcamento-head{background:#f3f3f3; padding:30px 30px 15px 30px; margin-bottom:50px;}
.btn-black{display:inline-block; background-color:#666; text-decoration:none; color:#fff;}
.btn-black:hover{text-decoration:none; color:#dfdfdf;}

.observacoes{margin-bottom:20px;}
.observ-header{border-bottom: 5px solid #333;}
.observacoes .observ-body{margin:0;}
.observ-body .media{background:#fff; padding:16px 12px; border-bottom:1px solid #ececec; margin:0;}

.observacoes .usuario{font-size:12px; width:180px;}

.accordion .accordion-body{width:100%;}

.usuario .foto-usuario{float:left; margin-right:10px;}
.usuario span{display:block;}
.usuario .nome-usuario{font-weight:bold; line-height:16px;}
.usuario .data-observ{font-size:11px;}
.usuario{font-size: 11px;font-family: arial;}

.observacoes .media .media-heading{font-size:14px;}
.observacoes .media p{font-size:13px;}

.accordion-toggle-orca{float: right; height: 34px; width: 34px; background: #333 url(../img/bg-plus.png) 0 -34px; }
.observacoes .accordion-toggle-orca{margin-top:21px;}

.accordion-toggle-orca.collapsed{background-position: 0 0;}
.accordion{-webkit-transition: height ease .3s; }
.accordion-hide{height:0!important; margin:0; padding:0; overflow:hidden;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/*smartphone*/
@media screen and (max-width: 640px) {
  #wrapper{overflow: auto;}
  .account-container{width: 90%; height: auto; min-height: 100%; position: relative; left: 0; top: 10%; margin: 0 auto;}
  .account-form-header{text-align: center;}
}

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

/*#filtros{margin-left:-260px}
    #filtros:target{width:240px; margin-left:0;}
    #wrapper-conteudo{float:none; margin-left:0; width:733px;}*/

    /*#filtros:target{width:0;}*/
/*#filtros:target + #wrapper-conteudo{ margin-left:260px;}
#filtros:target + #wrapper-conteudo .btn-filtros-fecha{ display:none; }*/

#opcoes-fixa .input-busca{width:100px;}
#btn-opcoes{padding:10px;}
/*.btn{margin-right:10px;}*/

}

@media (min-width: 980px) and (max-width: 1227px) {

  .hidden-1024 {display: none !important;}
  
/*  .usuario{width:149px}*/
  
}

/*visivel até 1024*/
@media screen and (max-width: 980px) {

  .visible-1024 {display: block !important;}
	/*#menu{height:70px}*/
  
  
}


/*visivel até 1024*/
@media screen and (max-width: 1224px) {

  .none_text {display: none !important;}  
  a [class^="icon-"], a [class*=" icon-"]{font-size: 1.3em;}
  
}



/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.custom-combobox {
  position: relative;
  display: inline-block;
  font-size: 16px;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
  /* support: IE7 */
  *height: 1.7em;
  *top: 0.1em;
}
.custom-combobox-input {
  margin: 0;
  padding: 0.3em;
}

a.disable{
	color: grey;
	cursor: default;
}
h4 .descricao{color:grey;font-size:12px;font-weight:normal}

/*Projetos e tarefas*/
#cart ol li{

}


.navbar .nav > li > a {
font-size: 13px !important;
color: #fff !important;
}
.navbar i {
margin-right: 3px;
}
.dropdown-big .dropdown-menu {
min-width: 250px;
padding: 8px 10px;
background: #fff;
}
.dropdown-menu {
background: #fff;
border-radius: 0px;
border: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.dropdown-menu li {
color: #777;
font-size: 13px;
line-height: 18px;
}
.navbar * {
text-shadow: none !important;
}
.dropdown-big .dropdown-menu h5 {
color: #666 !important;
line-height: 18px;
font-weight: bold;
font-size: 13px;
}

#opcoes_tarefas{
	float:right
}
.setas_tarefas_main{
	padding:1px;
	width:14px;
	float:left;;
	margin:7px 4px 0 0;
}
.up_tarefas{
	background-image:url(../img/up_tarefas.png);
	background-repeat:no-repeat;
	width:12px;
	height:7px;
	float:left;
	margin-bottom:2px
}
.numero_tarefa{
	font-size:10px;
	width:8px;
	float:left;
	font-weight:bold;
	margin-left:5px;
	margin-top:7px
}
.down_tarefas{
	background-image:url(../img/down_tarefas.png);
	background-repeat:no-repeat;
	width:12px;
	height:7px;
	float:left;
	margin-top:2px
}
.up_grupos{
  background-image:url(../img/up_tarefas.png);
  background-repeat:no-repeat;
  width:12px;
  height:7px;
  float:left;
  margin-bottom:2px
}
.numero_grupo{
  font-size:10px;
  width:8px;
  float:left;
  font-weight:bold;
  margin-left:5px;
  margin-top:7px
}
.down_grupos{
  background-image:url(../img/down_tarefas.png);
  background-repeat:no-repeat;
  width:12px;
  height:7px;
  float:left;
  margin-top:2px
}
.modal-full{
	width:100% !important;
	top:10px !important;
	height:100% !important;
	border-radius:0;
	left:0 !important;
	z-index:9999;
	padding-bottom:10px !important;
	margin-left:auto !important;
}

.align_right{display: inline-block; float: right;}
.left{float:left}
.right{float:right}
.alpha{margin-left: 0!important;}
.omega{margin-right: 0!important;}
.overflow{display: block; overflow: hidden;}
.sessao{font-weight: 100; color: #666666; font-size: 0.7em;}
.sessao i{font-size: 0.6em; color: #ccc; padding: 0.5em;}
.vindo{font-size: 2em; font-weight: 100;}

/* Tela Extrato */
#meio .nav{margin-bottom: 0;}
#meio .tab-pane-plano{background: #F3F3F3; padding-top: 1em; border-top: 1px solid #ccc;}
#meio .nav-tabs>li>a{padding: 0.5em 2em;}
#meio .nav-tabs>.active>a, #meio .nav-tabs>.active>a:hover, #meio .nav-tabs>.active>a:focus{background: #F3F3F3;}
.passo h4{font-size: 1em; color: #868686; margin: 0;}
.passo h3{margin-top: 0; color: #333; margin-bottom: 0;}
#meio .nav-tabs>.active>a.passo h3{color: #f05a23;}
.passo-extrato {background: #fff; padding: 1em; border: 1px solid #ccc;}
.passo-extrato table{margin-bottom: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#meus-dados{padding: 0 2em 2em 2em;}
#meus-dados h4{padding-bottom: 1em}
.btn-passos{margin-top: 2em; float: right;}

/* .pagar_plano{margin-bottom: 1.5em} */
.pagar_plano span{color: #8A8A8A; position: relative; bottom: -1px; font-size: 1.6em; padding: 0.8em 1.3em; display: inline-block; border:1px solid transparent; cursor: pointer;}
.pagar_plano span:hover, span.pgto-ativo{color: #656565; background: #fff; border-radius: 3px 3px 0 0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;}

.pagar_plano span.pgto-boleto i{color: #000}
.bandeira input{margin-top: 10px; float: left;}
.bandeira label{text-indent: -999px; margin:0; height: 3em;}
.bandeira div{width: 70px; height: 3em; margin-right: 30px; float: left; background: url(../img/bandeiras-cartoes.png) 0 0 no-repeat; overflow: hidden;}
.bandeira div.visa{background-position: 20px;}
.bandeira div.credcard{background-position: -50px;}
.bandeira div.hiper{background-position: -120px;}
.bandeira div.elo{background-position: -190px;}
.bandeira div.dinners{background-position: -260px;}
.bandeira div.amex{background-position: -330px;}

.passo-extrato tr.header_plano td{padding: 1em; background: #7B7B7B; color: #fff;}
#cartoes label{text-transform: initial;}
#cartoes h6{margin-bottom: 1.5em; text-transform: initial; font-size: 1.3em;}
#cartoes td{padding: 2em 1em;}
#cartoes tr.header_plano td{padding: 1em;}
#cartoes input[type="text"]{width: 100%;}
#cartoes input#validade_cartao, #cartoes input#cod_seg_cartao{width: 6em}
input#concordo{float: left; margin-right: 0.3em}

/* links de atalho */
li{list-style: none;}
ul{margin-left: 0;}
/*.links-import {width: 100%;}
.links-import h2{line-height: 32px; margin: 0 0 0.2em 0;}
.links-import img{float: left; padding-right: 1em;}
.links-import .infos{overflow: hidden;} 
.links-import .infos a{display: inline-block; margin-top: 1em;}
.links-import .infos a i{padding-left: 1em; font-size: 0.7em;}
.links-import li{ border:1px solid #ccc; display: block; float: left; padding: 1.5em 1.5em 1.3em 1.5em; margin-bottom: 1em;}
*/
/* Agendar treinamento */
.agendar_treinamento {background: #f3f3f3;padding: 1.5em;}
.agendar_treinamento p{font-size: 1em; float: left; width: 25%; margin-bottom: 0; line-height: 25px;}
.agendar_treinamento input{width: 100%;}
.opcoes_treinamento div [class*="span"]{margin-left: 0;}
.opcoes_agendamento input{display: inline-block; float: left; width: 220px;}
.opcoes_agendamento label{display: inline-block; margin-left: 0.8em; margin-bottom: 0;}
.opcoes_agendamento div.escolha{padding: 1.5em 0 1em 0; border-bottom: 1px solid #ccc;}
.opcoes_agendamento div.escolha:last-child{ border-bottom: none;}

form.agendar_treinamento .no-left{margin-left: 0;}

/* link assinar plano */
.assinar_plano{display: inline-block;}
a.btn-plano{background: #00A440; padding: 0.5em 1.5em; margin-right: 0.5em; display: inline-block; color: #fff; border-radius: 4px;}
a:hover.btn-plano{background: #008233;}


.badge_ativo{ background: #C20004}

.logout{background: #DB0000}
.logout:hover{background: #C30000}
.logout i{color: #fff}

.primeiros-passos, .faq{ float: left; border:1px solid #ccc; display: block; width: 100%; margin-bottom: 1em;}
.primeiros-passos img, .faq img{ float: left; margin-right: 1em;}
.primeiros-passos header, .faq header{ background: #fff; padding: 1.5em 1.5em 0 1.5em; }
.primeiros-passos header h2, .faq header h2{margin: 0 0 0.2em 0; line-height: 32px;}
.primeiros-passos a, .faq .infos{margin: 0; background: #EFEFEF;}
.primeiros-passos a i, .faq .infos i{font-size: 0.5em; margin-left: 0.5em}
.primeiros-passos a{padding: 1em 1em 1em 4.5em; display: block;}
.faq .infos li {border-bottom: 1px solid #ccc;}
.faq .infos a, a.outras_perg{padding: 0.8em 0.8em 0.8em 2.5em; display: block;}
.faq .infos a:hover, .atalho_passos li a:hover{background: #f7f7f7;}


/* primeiros passos */
.passo-passo{background: #fff; border:1px solid #E6E6E6; border-radius: 4px;}
.passo-passo header {padding-bottom: 0.5em;}
.passo-passo header h4{font-size: 1.2em; margin: 0; color: #919191}
.passo-passo header h3, .atalho_passos p{margin: 0;}

.passo-passo td{vertical-align: top;}
.passo-passo td a.left{margin-right: 1em}

.atalho_passos ul{border-bottom: 1px solid #E6E6E6; margin-bottom: 0}
.atalho_passos li a{padding: 0.5em; display: block; border-top: 1px solid #E6E6E6;}
.atalho_passos li a i{font-size: 0.6em; color: #ccc; float: right; padding: 0.6em; display: inline-block;}

.opcoes_usuario{display: block; text-align: center;}



/* n visualizar dashboard */
.opcoes_usuario{background: #f2f2f2; padding: 1em; text-align: center; display: inline-block;}
.opcoes_usuario a{background: #DBDBDB; }
.opcoes_usuario a:hover{background: #ae111e; color: #fff;}
#nao_visualizar_novamente{margin-top: 0;}
.visu_pag{padding: 0.5em; margin-bottom: 0;}
.opcoes_usuario a, .visu_pag{display: inline-block; float: left; margin-right: 1em;}


/* titulo_paginas */
#titulo_paginas{width: 100%;}
#titulo_paginas h3{display: inline-block; margin-top: 0;}
#titulo_paginas h3 span a, h3 span a{display: inline-block; color: #990100; background:#f2f2f2 url(../img/dica_tela.png) 10px center no-repeat; border-radius: 4px; font-size: 0.5em; font-weight: 100; margin-left:1em; padding:0 1em 0 2.6em;}
#titulo_paginas h3 span a:hover, h3 span a:hover{background:#E2E2E2 url(../img/dica_tela.png) 10px center no-repeat; color: #333;}

.val_zerado{color: #A5A5A5; font-size: 0.9em; margin-left: 1.5em}


/* tela de assistir os videos */
.passo-passo li header {padding: 1em;}
.passo-passo li header img{padding-right: 1em;}




.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.js-video.widescreen {
padding-bottom: 56.34%;
}
.js-video.vimeo {
padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 80%;
position: absolute;
}

#modal-listagem-colunas .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

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