/* 
    Created on : 07/07/2015, 11:37:47
    Author     : Vinicius
*/
body {
    font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 70px;
}
/**
 * Cor padrão link
 *
 * Padrão (Bootstrap) de cores dos links.
 * Nas páginas específicas é utilizado um Bootstrap CSS Customizado, dessa forma as cores do Topo ficavam despadronizados.
 */
a {
    color: #337ab7;
    text-decoration: none;
}
a:hover,
a:focus{
    color:#23527c;
    text-decoration:underline
}
/**
 * Fim Cor padrão link
 */

/**
 * Topo (Navbar)
 * Padrão (Bootstrap) de cores do Topo.
 */
.navbar-brand {
    padding: 0px;
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    z-index: 20;
}
.navbar-default .navbar-text {
    color: #777;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover{
    color:#333;
    background-color:transparent
}
.navbar-custom {
    margin-top: 20px;
}

.navbar-qyon {
    border-color: #e7e7e7;
    z-index: 20;
}

.navbar-qyon .navbar-nav>li>a {
    color: #777;
}
.navbar-qyon .navbar-nav>li>a:focus,
.navbar-qyon .navbar-nav>li>a:hover{
    color:#23527c;
    background-color:transparent
}

.navbar-qyon .navbar-default .navbar-text {
    color: red;
}

/**
 * Fim Topo (Navbar)
 */

/**
 * Otimizando espaçamento do padrão de colunas do sistema
 */
.tabelaFormataCadastro2colunas td,
.tabelaFormataCadastro2colunas th,
.tabelaFormataCadastro6colunas td,
.tabelaFormataCadastro6colunas th,
.tabelaFormataCadastro td,
.tabelaFormataCadastro th {
    padding: 5px 10px;
}
.tabelaFormataCadastro2colunas td,
.tabelaFormataCadastro2colunas th {
    width: 50%;
}
.tabelaFormataCadastro th {
    width: 20%;
}
.tabelaFormataCadastro th.disposicao-campos-3 {
    text-align: right;
}
.tabelaFormataCadastro td {
    width: 80%;
}
/**
 * Fim Otimizando espaçamento do padrão de colunas do sistema
 */

/**
 * Mapa do Menu
 */
.breadcrumb {
    margin: -20px -15px 15px;
    border-radius: 0px;
    border-bottom: 1px #e7e7e7 solid;
}
.breadcrumb li {
    color: #777;
}
/**
 * Fim Mapa do Menu
 */

/**
 * Form-group
 */
#alterarSenha .form-group {
    margin-bottom: 15px;
}
.form-group {
    
}
/**
 * Fim Form-group
 */

/**
 * Tabs
 */
.ui-tabs-panel .panel {
    margin: 10px;
}
/**
 * Fim Tabs
 */

/**
 * Autocomplete
 */
.autocomplete-valorid {
    min-width: 100px;
}
/**
 * Fim Autocomplete
 */

/**
 * Insfracadsecundario
 */
.insfracadsecundario table th.btn-table-options {
    text-align: center;
    width: 48px;
}
/**
 * Fim Insfracadsecundario
 */

/**
 * dataTable jQuery
 */
table.dataTable {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

table.dataTable td, th {
    padding: 1px;
}
/**
 * Fim dataTable jQuery
 */
/*Header dataTable jQuery*/
.ui-widget-header label {
    margin-bottom: 0px;
}
.ui-widget-header label input,
.ui-widget-header label select {
    color: #333333;
    line-height: 1.4;
}

#formConsulta.smarapd #TabelaPrincipal_wrapper .ui-widget-header,
#formPrincipal.smarapd .ui-widget-header {
    background: #159078 !important;
    border: 1px solid #036F5A !important;
}

#formPrincipal.smarapd .ui-widget-header .ui-state-active a,
#formPrincipal.smarapd .ui-state-active a:link,
#formPrincipal.smarapd .ui-state-active a:visited {
    color: #036F5A !important;
}

#formConsulta.izeuslite #TabelaPrincipal_wrapper .ui-widget-header,
#formPrincipal.izeuslite .ui-widget-header {
    background: #0670a5 !important;
    border: 1px solid #0c79af !important;
}

#formPrincipal.izeuslite .ui-widget-header .ui-state-active a,
#formPrincipal.izeuslite .ui-state-active a:link,
#formPrincipal.izeuslite .ui-state-active a:visited {
    color: #0c79af !important;
}

#formConsulta.telematica #TabelaPrincipal_wrapper .ui-widget-header,
#formPrincipal.telematica .ui-widget-header {
    background: #0c858e !important;
    border: 1px solid #006269 !important;
}

#formPrincipal.telematica .ui-widget-header .ui-state-active a,
#formPrincipal.telematica .ui-state-active a:link,
#formPrincipal.telematica .ui-state-active a:visited {
    color: #006269 !important;
}

#formConsulta.qyon #TabelaPrincipal_wrapper .ui-widget-header,
#formPrincipal.qyon .ui-widget-header {
    background: #2772a2 !important;
    border: 1px solid #206d98 !important;
}

#formPrincipal.qyon .ui-widget-header .ui-state-active a,
#formPrincipal.qyon .ui-state-active a:link,
#formPrincipal.qyon .ui-state-active a:visited {
    color: #006269 !important;
}
/**
 * Fim dataTable jQuery
 */

/**
 * Tab/Accordion Cadastro jQuery
 */
.ui-tabs .ui-tabs-panel {
    padding: 10px 15px;
    background: #E9E9E9;
}
.ui-accordion .ui-accordion-content {
    padding: 10px 15px;
    background: #E9E9E9;
}
/**
 * Fim Tab/Accordion Cadastro jQuery
 */

/**
 * Input Group
 */
form:not(.form-inline) .input-group {
    width: 100%;
}

/**
 * Espaçamanto 12 colunas telas específicas
 */
.container .row .col-md-12 {
    padding-right: 0px;
    padding-left: 0px;
}
/**
 * Fim Espaçamanto 12 colunas telas específicas
 */

/**
 * Calendário sobrepor tudo
 */
.ui-datepicker {
    z-index: 1040 !important;
}
/**
 * Fim Calendário sobrepor tudo
 */

/**
 * Input file
 */
a.file-input-wrapper {
    font-family: Arial, sans-serif;
    font-size: 1em;
}
.file-input-name.btn.btn-default.disabled {
    font-family: Arial, sans-serif;
    font-size: 1em;
    max-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/**
 * Fim Input file
 */
/**
 * datagrid-custom
 */
.panel.datagrid .panel-header,
.panel.datagrid .panel-body {
    width: 100% !important;
}

@media (min-width: 1100px){
    .modal-full {
        width: 90% !important;
    }
    .modal-full .modal-body {
        max-height: 500px;
    }
}

.modal-full .form-group {
    margin-bottom: 10px;
}

.ui-widget button {
    font-size: 14px !important;
}


@media (max-width: 1149px) {
    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        max-width: 120px !important;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1150px) and (max-width: 1279px) {
    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        max-width: 150px !important;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1280px) and (max-width: 1409px) {
    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        max-width: 200px !important;
        text-overflow: ellipsis;
    }
}
@media (min-width: 1410px) {
    .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        max-width: 250px !important;
        text-overflow: ellipsis;
    }
}

.alert .well {
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    webkit-box-shadow: none;
    margin-bottom: 0px;
}

.has-requered .help-block,
.has-requered .control-label,
.has-requered .radio,
.has-requered .checkbox,
.has-requered .radio-inline,
.has-requered .checkbox-inline,
.has-requered.radio label,
.has-requered.checkbox label,
.has-requered.radio-inline label,
.has-requered.checkbox-inline label {
  color: #2630bd;
}
.has-requered .form-control {
  border-color: #2630bd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-requered .form-control:focus {
  border-color: #2630bd;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #5592bd;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #5592bd;
}
.has-requered .input-group-addon {
  color: #2630bd;
  border-color: #2630bd;
  background-color: #d8e3f0;
}
.has-requered .form-control-feedback {
  color: #2630bd;
}

#confirmModal {
    z-index: 1600 !important;
}

.bootbox.modal {
    z-index: 1650 !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not([class*=btn-group]) {
    width: 100% !important;
}

.show-grid {
    margin-bottom: 15px;
}

.input-group .twitter-typeahead .form-control {
    float: none !important;
}

.maismenosopcoes select#comboPesquisaCampos.form-control,
.maismenosopcoes .btn-group.bootstrap-select.show-tick.form-control.open.dropup,
.maismenosopcoes .btn-group.bootstrap-select.show-tick.form-control.dropup,
.maismenosopcoes .btn-group.bootstrap-select.show-tick.form-control {
    max-width: 200px !important;
}

a.text-primary.maismenosopcoes {
    margin-top: 10px;
}

.maismenosopcoes {
    margin: 10px 0;
    padding: 10px;
    border: 1px #ddd solid;
}

.maismenosopcoes h4 {
    border-bottom: 1px #ddd solid;
    padding-bottom: 10px;
}

.insfracadsecregistros .img-thumbnail.file-upload-image {
    height: 100px;
    max-width: 190px;
    margin: auto;
    padding: 10px;
}


.menuDashboard {
    padding-left: 5px;
    vertical-align: text-top;
}

#divDashboard div {
    padding-right: 0px !important; 
}

#divDashboard .panel-heading {
    color: #0c6a98 !important;
    background-color: #f8f9fc;
    border-color: #ddd;
}

#divDashboard .panel-body {
    border: none;
}

#loadingAusentes {
    text-align: center;
    vertical-align: middle;
}

#loadingFerias {
    text-align: center;
    vertical-align: middle;
}

#semFuncionarios {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    margin-left: 72px;
    margin-top: 62px;
    color: #c1c1c1;
    display: none;
}