html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


/* AJUSTES KARTIK  */
.kartik-sheet-style {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

/* Ajuste para que a barra de cabeçalho da grid do kartik não interfira na visualização mobile, alargando a tela */
div.rc-handle-container {
    overflow: hidden;
}

div.kv-grid-container > table > tbody > tr > td > span.btn-group {
    padding: 0px;
}

/* Ajusta a largura mínima da ActionColumn */
div.kv-grid-container > table > thead > tr:nth-child(1) > th.actions-buttons {
    min-width: 130px;
}

/* Ajuda a largura das 2 colunas da detailview */
table.detail-view th {
    width: 25%;
}

table.detail-view td {
    width: 75%;
}
/* AJUSTES KARTIK - FIM */


/* Habilitar Hint Blocks */
.hint-block {
    display: none;
}

.form-group label.help {
    border-bottom: 1px dashed #888;
    cursor: help;
}
/* Fim - Hint Blocks */


.panel-title {
    font-size: 14px;
}


.dropdown-submenu > .dropdown-menu {
    min-width: 180px;
}

.container {
    width: 100%;
}

.table-hover > tbody > tr:hover {
    background-color: #e9e9e9;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    vertical-align: middle;
}

.form-group.input-column-form-group {
    margin-bottom: 0;
}

.form-group.input-column-form-group > input[type=checkbox] {
    width: 16px;
    height:16px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #eee;
    border: 1px solid #ccc;
}

/* Ajustes TinyMCE Navbar */
/* http://stackoverflow.com/a/36297695 */
div.mce-fullscreen {
    z-index: 1050;
    top: 51px!important;
}
/* Fim - Ajustes TinyMCE Navbar */


/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* Ajustes navbar */
/*http://work.smarchal.com/twbscolor/css/3c49e7c0392becf0f1ffbbbc0 */
.navbar-default,.navbar-default .navbar-toggle{border-color:#195b90}.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover,.navbar-default .navbar-link,.navbar-default .navbar-link:hover,.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-text{color:#fff}.navbar-default{background-color:#337ab7}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#195b90}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#195b90}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#fff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#195b90}}
.navbar-default .btn-link, .navbar-default .btn-link:hover {
    color: white;
}
/* Fim -  Ajustes navbar */


div.tumba {
    text-align: center;
    border: solid 1px;
    margin-left: 2px;
    margin-top: 4px;
    height: 40px;
    width: 35px;
    float:left;
    background-image: url('../images/tumba_mini.png');
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.btn-app {
    border-radius: 3px;
    position: relative;
    vertical-align: middle;
    padding: 10px 5px;
    margin: 0 0 15px 0;
    height: 70px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 14px;
}

.btn-app:hover {
    border: 1px solid #aaa;
}

.btn-app > .glyphicon {
    font-size: 22px;
}