*{
    font-family: 'Encode Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
    /*letter-spacing: .1em;*/
}
b, strong{
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;    
    text-transform: uppercase;
    text-align: left;
    color: #333;
    line-height: 1.2em;
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
    font-weight: 300;    
    text-transform: uppercase;    
    text-align: left;
    color: #333;
}
.aletr{
    margin: 10px 0;
}
/* links & btns */
a, .link{
    color: #00412d;
    text-decoration: none;       
}
a:hover, .link:hover, a:focus, .link:focus{
    color: #00412d;
    text-decoration: underline;   
    cursor: pointer;
}
nav a, *[role="navigation"] a{
    color: #00412d;
    text-decoration: none;   
}
nav a:hover, *[role="navigation"] a:hover{
    color: #00412d;
    text-decoration: underline;   
}
.btn{
    border-radius: 0;
}
.btn-primary{
    color: #fff;
    background: #00412d;
    border: #00412d solid 1px;    
    transition: all 0.2s linear;
}
.btn-primary:hover, .btn-primary:focus{
    color: #00412d;
    background: #fff;
    border: #00412d solid 1px;    
}
[data-toggle="popover"]{
    cursor: pointer;
}

/* Form */
.form-caption h4{
    padding: 5px 20px;
    background-color: #ddd;
}
input.form-control, textarea.form-control {
    border-radius: 0px;
    background-color: #fff;
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    */
}
input.form-control:focus, textarea.form-control:focus {    
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.7);
    box-shadow: 1px 1px 2px rgba(0,0,0,.7);
    */
}
form .control-label{
    text-align: right;
    font-weight: 400;
}
input.form-control[type="radio"], 
input.form-control[type="checkbox"]{
    width: 30px;
    border: none;
    background: none;
    box-shadow: none;
}
.form-radio-item, .form-checkbox-item{
    clear: both;
    display: table;    
    width: 100%;
}
.form-radio-item > div, .form-checkbox-item > div{
    vertical-align: middle;
    display: table-cell;
}
.form-radio-item > div.form-radio-label, .form-checkbox-item > div.form-checkbox-label{
    width: 100%;
} 
.form-radio-item > div > label, .form-checkbox-item > div > label{
    width: 100%;
    margin: 0 0 0 10px;
}

.input-group-addon {
    color: #00412d;
    background-color: #eee;
    border: none;
    border-radius: 0px;
    /*
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,.4);
    */
}
.input-group-addon:first-child {
    border-right: #00412d solid 1px;
}
label{
    font-size: 1em;
    font-weight: 300;
}

/* Table */
#table-clone{
    position: fixed;
    pointer-events: none;
    top: 0;    
}
#table-clone thead{
    background: rgba(255,255,255,0.9);
    pointer-events: auto;
}
#table-clone tbody *{
    visibility: hidden;
    border-color: rgba(255,255,255,0);
}
#table-clone{
    border-color: rgba(255,255,255,0);
}

.popover-table{
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}
.popover-table td, .popover-table th{
    font-size: 0.85em;
    padding: 3px;
    border: 1px solid #ddd;
}
.togglerow{
    font-size: 0.85em;
}
.togglerow, .togglerow-up{
    display: none;
}

/* paginator */
nav.paginator{
    text-align: center;
}
ul.pagination{

}
ul.pagination li a{
    color: #fff;
    background-color: #00412d;
    border: #00412d solid 1px;    
    transition: all 0.2s linear;
    margin: 2px;
}
ul.pagination li a:hover{ 
    color: #00412d;
    background-color: #fff;
    border: 1px #00412d solid;        
}
ul.pagination li.active a{
    color: #00412d;
    background-color: #fff;
    border: 1px #fff solid;    
    text-decoration: none;
    z-index: inherit;
}
ul.pagination li.active a:hover{ 
    color: #00412d;
    background-color: #fff;
    border: 1px #fff solid;    
    text-decoration: none;    
}
ul.pagination > li:first-child > a, ul.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
ul.pagination > li:last-child > a, ul.pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* breadcrumb */
ol.breadcrumb{
    font-size: 1em;
    padding: 8px 0px 8px 0px;
    margin: 0px;
    background-color: #fff;
    border-radius: 0;
}
.breadcrumb > li + li:before {
    padding: 0 4px;
    color: #ccc;
    content: "/";
}
.breadcrumb .dropdown{
    display: inline-block;
    border-radius: 0;
}
.breadcrumb .dropdown > .dropdown-menu{
    font-size: .9em;
    border-radius: 0;
}
ol.breadcrumb .btn.btn-default{
    color: #e8393d;
    font-size: 1em;
    padding: 1px 0px;
    margin: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
}

.alert {
    padding: 10px;
    margin-bottom: 5px;    
}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 0;
    color: inherit;
}