body { padding-top: 50px; }
.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.navbar-fixed-top {
    border: 0;
}
.sidebar {
    display: none;
}
@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}

.main {
    padding: 20px;
}
@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}
.main .page-header {
    margin-top: 0;
}

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}
#toggle_sidebar{
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px;
    cursor: pointer;
}

.pointer{ cursor: pointer;}
.evaTeam { margin: 15px; border: 1px solid #CAC7C7; border-radius: 4px; overflow: hidden; }
.evaTeamHeader { background-color: #e9e9e9; padding: 5px; border-bottom: 1px solid #CAC7C7; position: relative;}
.evaTeamHeader > input { width:100%; border: 0; padding: 5px 80px 5px 30px; background-color: #E9E9E9;}
.evaTeamHeader > i { font-size: 25px; position: absolute; top: 7px; left: 7px; cursor: pointer;}
.btnEdit { position: absolute; right:3px; top:3px; background-color: #FFF; }
.evaTeamBody ul{margin: 0;}
.evaTeamBody li{ border-bottom: 1px solid #dddddd; display: inline-block; width: 100%; position: relative;}
.evaTeamBody li:first-child{ padding: 10px;}
.addMember.name{ width: 100%; padding: 5px 110px;}
.addMember.pin{ position: absolute; left: 10px; width: 100px; padding: 5px;}
.btnAdd { position: absolute; right: 10px; z-index: 9; top: 10px; font-size: 20px; padding: 2px 10px; color: green; }
.btnAddMember { position: absolute; right: 10px; z-index: 9; top: 10px; font-size: 20px; padding: 2px 10px; color: green; }
.evaTeamBody li:last-child{ border-bottom: 0;}
.btnDelete { font-size: 25px; color: #DE0C0C; padding: 3px 10px; line-height: 1; }
.evaTeamBody li span { line-height: 34px; width: 60px; display: inline-block; text-align: center; background-color: #ECEBEB; margin: 0 10px 0 0; }
.evaTeamBody li label { margin: 0; padding: 5px 10px; float: left; cursor: pointer; }
.evaTeamBody li[co] { background-color: #C1DDC1 }
.btnAddNature { font-size: 25px; color: green; padding: 0 8px; margin: -9px -13px; }
.btnRemoveNature { font-size: 25px; color: #DE0C0C; padding: 0 8px; margin: -9px 25px; }
.natureList{padding-left: 10px;}
.natureList input{ display: inline-block;}
input.form-control.addMember.name { padding: 6px 12px;}
input.form-control.addMember.pin { position: relative;}
input.form-control.markInput { width: 100px;}
#membersTable input{ width: 100%;}
#membersTable tr > td:nth-child(1){ width: 50px;}
#membersTable tr > td:nth-child(6){ width: 30px;}
#membersTable tr > td:nth-child(7){ width: 100px;}
table.natures select{ padding:0;}
ul.natures{list-style: none; padding:0; margin: 0; }
ul.natures > li{ position: relative;}
ul.natures > li > input{padding: 3px 0 3px 8px;}
ul.natures > li > input:first-child{ position: absolute; left: 0; width: 50px; }
ul.natures > li > input:nth-child(2){ position: absolute; left: 50px; width: 50px; }
ul.natures > li > input:nth-child(3){ padding-left: 110px; width: 100%; }
ul.natures > li > input:nth-child(4){ width: 100%; }
table.sortable th { background: url("./img/bg.gif") right bottom no-repeat; cursor: pointer; }
table.sortable th.asc { background: url("./img/asc.gif") right bottom no-repeat #8dbdd8;}
table.sortable th.desc { background: url("./img/desc.gif") right bottom no-repeat #8dbdd8;}
div.noRightBorder{ border-right: 0;}
#fixed_table_header { display: none; position: fixed; top: 35px; overflow: hidden; }
#popUp { max-width: 300px; max-height: 300px; overflow: auto; position: absolute; z-index: 999; background: #a0c3a6; border: 1px solid #DDD; padding: 10px; }
#popUp table {margin-bottom: 0}
td.markWithoutCo,td.markWithCo,td[natureId] { cursor: pointer; text-align: center;}
td.active { background-color: #DDDDDD !important;}
td.teams {text-align: center; width: 100px;}
table.detail_result td { padding: 5px; border: 1px solid #DDDDDD;}
table.detail_result { font-size: 16px; margin-bottom: 30px;}
table.nature_table tr { height: 57px;}
table.nature_table td { vertical-align: middle !important}
#overall_result_fixed_column,#overall_result_fixed_header{ display: none; position: fixed; top: 35px; overflow: hidden; background-color: #FFFFFF; }
#overall_result_fixed_column { left: 1px;}
#overall_result_fixed_corner { display: none; position: fixed; left: 1px; top: 51px; background: white; overflow: hidden; }
.previous { background: #e9f382; margin: 0 -8px; text-align: center;}
.previous.active { background: #8dd700;}
.team_members > tbody > tr > td+td+td {padding: 3px}
.team_members > tbody > tr > td+td+td > select {width: 30px; -webkit-appearance: none; -moz-appearance: none; text-align: center}