html, body {
    height: 100%;
}

body {
    min-width: 435px;
    min-height: 600px;
    overflow: auto;
}

body.loginPage {
    min-width: 800px;
}

input[readonly] {
     cursor: pointer;
}

select[multiple],
select[size] {
  height: auto;
}

textarea {
    resize: vertical;
}

option {
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page-wrapper {
    height: 100%;
    position: relative;
}

.table {
    font-size: 12px;
}

.table tbody td.success {
  background-color: #dff0d8;
}

.table tbody td.error {
  background-color: #f2dede;
}

.table tbody td.warning {
  background-color: #fcf8e3;
}

.table tbody td.info {
  background-color: #d9edf7;
}

.table-hover tbody td.success:hover {
  background-color: #d0e9c6;
}

.table-hover tbody td.error:hover {
  background-color: #ebcccc;
}

.table-hover tbody td.warning:hover {
  background-color: #faf2cc;
}

.table-hover tbody td.info:hover {
  background-color: #c4e3f3;
}

/*
 * Ajustes Supr-admin
 */
 /*#header {
    width: 100%;
 }*/
.navbar .brand-custom {
    padding: 8px 15px 5px;
    line-height: 25px;
    color: #FFF;
    text-shadow: none;
}

.tab-content.noPad {
    padding: 0;
}

.box .content .content {
    border: none;
}

.scroll dl.no-margin {
    margin-top: 0;
}

table .btns-uppercase .btn-group {
    display: inline-block;
}
table .btns-uppercase .btn-mini {
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 8px;
    height: 23px;
    box-sizing: border-box;
}

.tabbable-controls {
    margin-top: 15px;
}

.tabbable-controls .nav-tabs {
}
.tabbable-controls .nav-tabs > li > a {
    color: #555;
}

.tabbable-controls .tab-content {
}

/*#sidebar {
    padding-top: 17px;
}*/

#content {
    padding-bottom: 105px;
    background: none;
}

#content.wide {
    margin-left: inherit;
}

.loginContainer {
    padding-top: 20px;
    /*padding-bottom: 20px;*/
    margin-top: -195px;
}

/*.loginContainer .form-actions { margin-top: 20px; }
.loginContainer .form-actions input[type=checkbox] { margin-top: 0; }
.loginContainer .form-actions p { margin-bottom: 0; }
.loginContainer .form-actions p + p { margin-top: 10px; }*/

#header,
#footer {
    /*background: url("../img/pattern-layout.png") repeat;*/
    background: #34495e;
}

#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #c4c4c4;
}

.footer {
    position: fixed;
    color: #f9f9f9;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333333;
    font-size: 12px;
    text-align: center;
    padding: 10px 3px;
}
.footer p {
    line-height: 1.3;
    margin-bottom: 0;
}

.menu-large {
    /*min-width: 230px !important;*/
}

.dropdown-menu.menu-large a {
    white-space: nowrap;
}

/* Keep header user menu items on one line and ellipsize long labels */
#header .nav.pull-right.usernav {
    /* prevent multi-line wrapping within anchors by constraining text spans */
}
#header .nav.pull-right.usernav li > a {
    white-space: nowrap;
}
#header .nav.pull-right.usernav li > a .txt {
    display: inline-block;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}
#header .nav.pull-right.usernav > li {
    margin-right: 10px;
}

@media only screen and (max-width: 980px) {
    #header .nav.pull-right.usernav li > a .txt {
        max-width: 180px;
    }
}
@media only screen and (max-width: 800px) {
    #header .nav.pull-right.usernav li > a .txt {
        max-width: 140px;
    }
}

.footer-content { padding: 15px; color: #bdc3c7;}
.footer-content p { margin: 0; line-height: 20px; }
.footer-content p + p { margin-top: 10px; }

.mainnav ul li .sub-custom { display: block; }
.mainnav .sub-custom .txt {
    padding-left: 15px;
}
.mainnav .sub-custom .notification {
    font-size: 10px;
    font-weight: normal;
    right: 15px;
}

/*Reminder*/
.reminder h4 { line-height: 34px; }
.reminder .btn { text-transform: inherit; }
.span4 .reminder .txt {
    max-width: 35%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-margin { margin-bottom: 0; }

.alert h4 { margin-bottom: 10px; }
.alert ul.errors { margin: 0 0 0 25px; }
.alert ul.errors li { margin: 0;  }
.alert ul.errors li + li { margin-top: 5px;  }

.alert.flying {
    position: absolute;
    z-index: 9999;
    top: 10px;
    right: 10px;
    width: 350px;
    /* left: 50%;
    width: 500px;
    margin-left: -275px; */
    -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);
}

.alert.flying.brower-compatibility {
    top: 30% !important;
    right: 39% !important;
    width: 18% !important;
    text-align: center;
}

.box .box-form { margin: -3px 10px 0 0; }

.box .box-form .btn span.hide { display: none; }

.box .box-form label.inline {
    display: inline-block;
    font-size: 11px;
    margin-right: 5px;
}
.box .box-form label.inline input[type=checkbox] {
    width: inherit;
    margin: 0;
}

.nospace {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
}

label.small {
    color: #777;
    text-transform: uppercase;
    font-size: 10px;
}

button.tip {
    padding: 0;
    margin: -1px 0 0;
    display: inline-block;
    background: none;
    border: none;
    line-height: 15px;
}
button.tip:hover {
    text-decoration: underline;
    color: #005580;
}
.tip.disabled {
  cursor: default;
  opacity: 0.30;
  filter: alpha(opacity=30);
  text-decoration: none;
}

.form-row input[type=radio],
.form-row input[type=checkbox] {
    width: auto;
    margin-top: 10px;
}

/*
 * Ajustes bootstrap
 */
.tab-pane .table {
    width: 98%;
    margin: 0 auto;
}
.nav-tabs h3 {
    margin: 0;
    line-height: 20px;
}

.nav-tabs li.preenchido a {
    font-weight: bold;
    color: green;
}

.tab-pane .table {
    width: 100%;
}

td form,
.modal-footer form {
    display: inline-block;
    margin: 0;
}

.modal-footer form.hide {
    display: none;
}

.modal {
    width: 60%;
    margin: -250px 0 0 -30%;
}

.modal > form {
    margin-bottom: 0;
}
.modal-body textarea {
    resize: none;
}

.dropdown-menu li > a,
.dropdown-menu li > a:active,
.dropdown-menu li > a:visited {
    color: #333;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
    color: #fff;
}

.dropdown-menu .no-link{
    text-align: center;
    font-weight: 700!inmportant;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #666;
    white-space: nowrap;
}

.step-by-step { }
.step-nav {
    /*min-width: 960px;*/
    margin-bottom: 0;
}
.step-nav > ul {
    margin: 0;
    padding-bottom: 30px;
    background: url(../img/steps/square-gray.png) 0 22px repeat-x;
    display: table;
    width: 100%;
}
.step-nav > ul > li {
    /*float: left;*/
    display: table-cell;
    margin: 0;
    padding: 0 20px 0;
    height: 50px;
    /*min-width: 110px;*/
    width: 14.285%;
}
.step-nav li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #333;
}
.step-nav .step-completed { background: url(../img/steps/square-green.png) 0 22px repeat-x; }
.step-nav .step-uncompleted { background: url(../img/steps/square-orange.png) 0 22px repeat-x; }
.step-nav .step-current { background: url(../img/steps/square-blue.png) 0 22px repeat-x; }
/* .step-nav .step-completed:last-child { background: url(../img/steps/finish-timeline-green.png) right 22px no-repeat; }
.step-nav .step-current:last-child { background: url(../img/steps/finish-timeline-blue.png) right 22px no-repeat; } */
.step-nav .text {
    font-size: 11px;
    line-height: 15px;
    color: #999;
}
.step-nav .number {
    display: block;
    width: 50px;
    height: 50px;
    font-weight: bold;
    line-height: 50px;
    margin: 0 auto 5px;
    background-color: #EAECEC;
    color: #999;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.step-nav .step-completed .number,
.step-nav .step-uncompleted .number,
.step-nav .step-current .number { color: #fff; }

.step-nav .step-completed .number,
.step-nav .step-uncompleted .number,
.step-nav .step-current .number { color: #fff; }

.step-nav a:hover .text { font-style: italic; }
.step-nav a:hover .number {  }

.step-nav .step-completed .number { background-color: #2ecc71; }
.step-nav .step-completed a .text { color: #2ecc71; }

.step-nav .step-uncompleted .number { background-color: #f90; }
.step-nav .step-uncompleted a .text { color: #f90; }

.step-nav .step-current .number { background-color: #0091d9; }
.step-nav .step-current a .text { color: #0091d9; font-weight: bold; }
.step-nav .step-current a:hover .text { font-style: normal; }

.selection-sport-list li .label-warning { display: none; cursor: help; }
.selection-sport-list li.changed .label-warning { display: inline-block; }

/* div em círculos */

.circle {
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    width: 20px;
    height: 20px;
}

.circle-completed {
    border: 1px solid #666;
    background: #2ecc71;
}

.circle-current {
    border: 1px solid #666;
    background: #0091d9;
}

.circle-pending {
    border: 1px solid #666;
    background: #eaecec;
}

.circle-warning {
    border: 1px solid #666;
    background: #f90;
}

/* barra de legendas */

.barra-de-legendas {
    padding: 8px 15px;
    background-color: #fefefe;
}
.barra-de-legendas .title {
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px dashed #eee;
}
.barra-de-legendas .item {
    line-height: 10px;
    min-height: 10px;
    font-size: 10px;
    text-transform: uppercase;
}
.barra-de-legendas .item > * {
    vertical-align: middle;
    color: #666;
}
.barra-de-legendas .item > .circle {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
@media (max-width: 767px) {
    .barra-de-legendas .item + .item {
        margin-top: 5px;
    }
}

/*
 * Ajustes dataTables
 */
.dataTables_filter{
    text-align: right;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-position: left center;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 6px 10px;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 6px 10px;
}

table.dataTable thead th {
    padding-right: 20px;
}

/*
 * Ajustes auxiliares
 */
.table thead th, .table thead td,
.table tbody th, .table tbody td,
.table tfoot th, .table tfoot td,
.table th.text-left,
.table td.text-left,
.table thead th.text-left,
.table thead td.text-left,
.table tbody th.text-left,
.table tbody td.text-left,
.table tfoot th.text-left,
.table tfoot td.text-left,
.text-left { text-align: left; }

.table th.text-center,
.table td.text-center,
.table thead th.text-center,
.table thead td.text-center,
.table tbody th.text-center,
.table tbody td.text-center,
.table tfoot th.text-center,
.table tfoot td.text-center,
.text-center { text-align: center; }

.table th.text-right,
.table td.text-right,
.table thead th.text-right,
.table thead td.text-right,
.table tbody th.text-right,
.table tbody td.text-right,
.table tfoot th.text-right,
.table tfoot td.text-right,
.text-right { text-align: right; }

.table td > .tip [class^="icomoon-icon-"],
.table td > .tip [class*=" icomoon-icon-"] {
    margin-right: 0;
}

.progress-on-padding {  }
.progress-on-padding .progress-mini { margin: 0px 0 -3px 0; }

.resultados-de-pesquisa > .content {
    margin-left: -10px;
    margin-right: -10px;
}

.resultados-de-pesquisa .loading {
    width: 100%;
    height: 90px;
    background: url(../img/carregando.gif) no-repeat center center;
}

/*
 * Outros
 */
.was-sent { color: #909090; text-decoration: line-through; }
.in-time { color: #7FAF1B; font-weight: bold; }
.last-time { color: #ff7518; font-weight: bold; }
.out-of-time { color: #ff0039; text-decoration: line-through; }

.legend-table {
    margin-top: 20px;
    background: #ECF3F7;
}
.legend-table td,
.legend-table th { border-top: none; }
.legend-table span.btn {
    cursor: default;
}

@media (min-width: 1200px) {
    .span4 .reminder .txt {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .span4 .reminder .txt {
        max-width: 50%;
    }
}

@media only screen and (max-width: 980px) {
    .resBtn {
        left: 230px;
    }
    /*#sidebar {
        padding-top: 30px;
        margin-top: -12px;
        z-index: inherit;
    }*/
    #sidebar {
        display: block;
    }
    .sidenav {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    #header .navbar .nav > li {
        margin-right: 6px;
    }
}

@media only screen and (max-width: 801px) {
    #content {
        padding-bottom: 125px;
    }
}

@media only screen and (max-width: 687px) {
    #header .navbar .nav > li {
        margin-right: 6px;
    }
}

@media only screen and (max-width: 596px) {
    #content {
        padding-bottom: 145px;
    }
}

@media only screen and (max-width: 630px) {
    .resBtn {
        top: 63px;
        left: 10px;
    }

    /*.navbar .brand-custom {
        padding-bottom: 5px;
    }*/
}

