/* Botões */
.btn-del-row, .btn-save-row, .btn-close-modal { font-weight: bold; font-size: 14pt; }
.btn-save-row { background-color: green; color: white; }
.btn-close-modal { background-color: red; color: white; }
.btn-danger, .btn-success { color: #fff; }
.btn-modal { background: #357ca5; color: white; font-size: 20px; font-weight: bold; }
.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }

/* Tabelas */
.ts2>tbody>tr:nth-of-type(odd) { background-color: #ebebeb !important; }
.tb-variaveis > thead > tr > td, .tb-variaveis > thead > tr > th { border: 0px; }
.esq-sel-table > thead > tr > td, .esq-sel-table > thead > tr > th { padding: 2px; }
.esq-sel-table { width: 90%; margin: 0px; }
.tb-esq-sel th, .tb-esq-sel td { border: 1px solid #f4f4f4; vertical-align: middle; }
.tb-esq-sel th { text-align: left; }
.table-procurar th { border: 1px solid #f4f4f4; vertical-align: middle; text-align: left; }
.table-variables th, .table-variables td, .table-tratamentos th, .table-tratamentos td { border-top: 0; }
.tb-filter th, .tb-filter-sb th, .table-variables th, .table-tratamentos th { vertical-align: middle; text-align: right; padding: 2px; }
.tb-filter-sb td, .table-variables td, .table-tratamentos td { vertical-align: middle; padding: 2px; border-top: 0; }
.tb-custos th, .tb-custos td { vertical-align: middle; }
.tab-esq td { padding: 1px 3px; vertical-align: middle; }
.tb-default th, .table-tratamentos th { background: #357ca5 !important; color: #fff; text-align: center; }
.table-tratamentos { width: 600px; }
.table-tratamentos th, .table-tratamentos td { padding: 2px; }
.tb-clean td { border: 2px solid #fff; }
.tb-form > tbody > tr > th { text-align: right; font-weight: normal; vertical-align: middle; }
.tb-form > tbody > tr > th, .tb-form > tbody > tr > td { border: 0px solid #f4f4f4; }
.tb-print-head, .tab-custos-tr, .tb-header { background: #357ca5 !important; color: white; }
.tab-custos-tr th { text-align: center; }
table.dataTable thead th { background: #357ca5 !important; color: #fff; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 2px; }

/* Cores e estados */
.redClass, .error-anchor-recalculo, .error-anchor-inconsistencias { background-color: red !important; color: white; }
.error-anchor-recalculo, .error-anchor-inconsistencias { font-size: 30px; height: 100px; vertical-align: middle; text-align: center; margin-bottom: 10px; }
.last_ver, .cond-row { cursor: pointer; }
.cond-row:hover { background-color: yellow; }
.trr { cursor: pointer; height:120px; }
.trr_light { background:#ffff80; }
.trr_selected { background:#76e88f; }
.lnk { cursor:pointer; }

/* Modal */
.modalLoading .modal-header { background-color: #337AB7; padding:16px 16px; color:#FFF; border-bottom:2px dashed #337AB7; }
.modal-delete .modal-dialog { height: 200px; margin: 30px auto; }
.modal-delete .modal-header { height: 150px; }
.modal-delete .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); }
.modal-body { padding: 0px; }
.modal-header { padding-bottom: 5px; }
.modal-footer { padding: 0; border: 0px; }
.modal-footer .btn-group button { height:40px; border-top-left-radius : 0; border-top-right-radius : 0; border: none; border-right: 1px solid #ddd; }
.modal-footer .btn-group:last-child > button { border-right: 0; }
.modal-txt1 { font-size: 30px; text-align: center; margin-top: 20px; }
.modal-txt2 { font-size: 20px; text-align: center; margin-top: 20px; }
.modal-header-v1 { font-size: 25px; background: #357ca5; text-align: center; color: white; margin-top: 20px; }

/* Layout e containers */
.content-wrapper { background-color: #fff; }
.content-header { position: relative; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
.holder { height: 350px; }
.panel-primary { border-color: white; }
.panel-primary > .panel-heading { color: #fff; background-color: #357ca5; border-color: #2D3A4B; }
.login-page, .register-page { background-color: #357ca5 !important; }
.main-header .navbar { background-color: #357ca5 !important; }
.sidebar-menu > li.header { color: #fff !important; background: #1a2226; }

/* Texto e alinhamento */
.upper { text-transform: uppercase; }
.ela_center { text-align: center; }
.tvl { text-align: right; }
.var-caixa { width: 75px; background: #e3e4e6; font-weight: bold; text-align: center; }
.esqs { height: auto; padding: 2px 4px !important; }

/* Larguras */
.tw50 { width: 50px; }
.tw75 { width: 75px; }
.tw100 { width: 100px; }
.tw150 { width: 150px; }
.tw200 { width: 200px; }
.tw250 { width: 250px; }
.tw300 { width: 300px; }
.tw350 { width: 350px; }
.tw400 { width: 400px; }

/* Imagens */
.img-croqui { width: 126px; height: 120px; }
.img-perfil-material { width: 126px; height: 40px; }

/* DataTable */
ul.dropdown-menu.dt-button-collection { width: 250px; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { top: 3px; }

/* Login */
.login-logo, .register-logo { margin-bottom: 0; }
.login-logo a, .register-logo a { color: #eee; }

/* Seletores */
.sel2_lang { margin-top: 3px; padding: 0px; color: black; }
.sel2_lang_page { margin-top: 10px; height: 30px; padding: 0px; color: black; }

/* Wizard */
.wizard { padding-bottom: 0px; padding-top: 0px; padding-right: 20px; padding-left: 20px; }
.wizard .nav-tabs { position: relative; border: 0px; }
.wizard > div.wizard-inner { position: relative; }
.connecting-line, .active-line { height:15px; background: #e0e0e0; position: absolute; width: 99.5%; margin: 0 auto; left: 0; right: 0; top:44%; z-index: 1; border-radius: 15px; }
.active .connecting-line { background-color: #2ED4E0; }
.border-right { border-radius: 15px 0 0 15px; }
.border-left { border-radius: 0; }
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { cursor: default; border: 0; color:#2ED4E0; border-bottom-color: transparent; }
.nav-tabs li p { padding-top:50px; font-size: 16px; text-align: center; }
.list-inline { text-align: center; }
span.round-tab { width: 50px; height: 50px; line-height: 50px; display: inline-block; border-radius: 100px; background:#DFE3E4; border: 2px solid #fff; z-index:1; position:absolute; text-align: center; font-size: 25px; }
.wizard li.active span.round-tab { background:#2ED4E0; color:white; border: 2px solid #fff; }
span.round-tab:hover { color: white; border: 2px solid #fff; background-color:#2ED4E0; }
.wizard .nav-tabs > li { width: 23%; }
.wizard .nav-tabs > li a { width: 50px; height: 50px; margin: 20px auto; border-radius: 100%; padding: 0; color: #777; }
.wizard .tab-pane { position: relative; padding-top: 15px; border-top: 1px solid #fff; margin-top: 20px; }
.next-step:hover, .next-step, .prev-step:hover, .prev-step { position: relative; background-color: #2ED4E0; font-size: 16px; color: #FFFFFF; }

/* Panel tabs */
.panel-tabs { position: relative; bottom: 30px; clear:both; border-bottom: 1px solid transparent; }
.panel-title-span-obr { font-size: 24px; }
.panel-tabs > li { float: left; margin-bottom: -1px; }
.panel-tabs > li > a { margin-right: 2px; margin-top: 4px; line-height: .85; border: 1px solid transparent; border-radius: 4px 4px 0 0; color: #ffffff; }
.panel-tabs > li > a:hover { border-color: transparent; color: #ffffff; background-color: transparent; }
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus { color: #fff; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: rgba(255,255,255, .23); border-bottom-color: transparent; }
.panel-esquadria, .panel-tab { font-size:16px; font-weight: bold; }
.panel-tabs > li > a { margin-top: 0px !important; }

/* Media queries */
@media( min-width : 320px ) and ( max-width : 360px ) {
    .wizard { width: 90%; height: auto !important; }
    span.round-tab { font-size: 16px; width: 50px; height: 50px; line-height: 50px; }
    .wizard .nav-tabs > li a { width: 50px; height: 50px; }
    .wizard li.active:after { content: " "; position: absolute; left: 23%; }
    .next-step { margin-top:10px; }
    .nav-tabs li p { padding-top:60px; font-size: 16px; text-align: center; }
    .connecting-line, .active-line { top:43%; }
}

/* Centralização */
.center { margin-top:50px; }