body { font-family: 'Roboto Condensed', sans-serif; }
.panel-heading { font-size: 1.3em; }
/*.form-control {padding: 2px 5px; height: 28px;}*/
.delete_text { margin-bottom: 0; color: #d9534f; }
.text_btn { background-color: transparent; border: 0; margin: 0; padding:0; display:block;}
.text_btn:hover { text-decoration: underline;}
.glyphicon, .btn {font-weight: 500;}
.tooltip { font-size: 1.2em; font-family: 'Roboto Condensed'}
.sub_panel_heading {padding: 2px 10px; font-size: 1.1em;}
.panel-body {padding-bottom: 0;}
sub {font-family: 'Roboto Condensed', sans-serif;}
.vcenter { margin-top: -4px; /*background-color: #ddd; color: #555;*/ border-color: #4E9D4E;}
.vcenter_no_color { margin-top: -4px;}
.nowrap {white-space: nowrap;}
.extend {padding-left: 5px; padding-right: 0;}
.right {text-align: right;}
.center {text-align: center;}
td.td_link:hover { cursor: pointer; }
hr { margin-top: 0; margin-bottom: 0; }


.dataTables_processing {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 250px;
    height: 180px;
    /*margin-left: -125px;*/
    /*margin-top: -15px;*/
    padding: 15px 0 30px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #444;
    font-size: 14px;
    /*background: url("/img/loading.gif") no-repeat center #fff;*/
    box-shadow: 2px 2px 5px #444;
    -moz-box-shadow: 2px 2px 5px #444;
    -webkit-box-shadow: 2px 2px 5px #444;
    z-index: 9999;
}

div.dataTables_paginate, div.dataTables_info {
    margin-top: 10px;
}

div.dataTables_length {
    margin: 20px 0 10px 0;
}

/* фон на клетките при hover */
.table-hover tbody tr:hover  { background-color: #fffce1;}
td.highlight {background-color: #fffce1 !important;}

/*.sm_table > thead > tr > th, */
.sm_table > tbody > tr > th,
.sm_table > tfoot > tr > th,
.sm_table > thead > tr > td,
.sm_table > tbody > tr > td,
.sm_table > tfoot > tr > td
{ padding: 3px; line-height:1em; border-top: 1px solid #ddd;}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a
{ color: #333; }

.green_bg  { background-color: #72E672;}
.even_tr {background-color: #fff;}
.odd_tr {background-color: #efefef;}
table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected,

table.dataTable.stripe tbody>tr.odd.selected,
table.dataTable.stripe tbody>tr.odd>.selected,
table.dataTable.display tbody>tr.odd.selected,
table.dataTable.display tbody>tr.odd>.selected
{ background-color: #7CB2CC; color: #333; }


.history_table { width: 100%; }
.history_table td {
    border-top: 1px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 5px 15px; color: #333;
}

.history_table th {
    text-align: center;
    border-top: 3px solid #ccc;
    border-left: 0 solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*padding: 10px 10px !important; */
    color: #333;
    white-space: nowrap;
    /*width: auto !important;*/
}

#audits_wrapper .top, #audit_wrapper .top { height: 45px; padding: 7px; }
.top input, .top select, .top label {font-size: 1em;}
.dataTables_filter {margin-top: -35px;}

#audits_wrapper .bottom, #audit_wrapper .bottom {padding: 0 10px; }
#audits_wrapper div.dataTables_info, #audit_wrapper div.dataTables_info {
    width: 45%;
    float: left;
}


/* завъртане на шапката */
.table-header-rotated th.row-header{
    width: auto;
}
.table-header-rotated td{
    width: 40px;
    border-collapse: collapse;
    border-top: 1px solid #dddddd;
    border-left: 0 solid #dddddd;
    border-right: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45{
    height: 120px;
    width: 40px;
    min-width: 24px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 14px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
    position: relative;
    top: 0px;
    /*left: 40px;  80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
    left: 1px;
    height: 100%;
    -ms-transform:skew(-0deg,0deg);
    -moz-transform:skew(-0deg,0deg);
    -webkit-transform:skew(-0deg,0deg);
    -o-transform:skew(-0deg,0deg);
    transform:skew(-0deg,0deg);
    /*overflow: hidden;*/
    /*border-left: 1px solid #dddddd;*/
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    background-color: #FBFBFB;
}

.table-header-rotated th.rotate-45 span {
    -ms-transform:skew(0deg,0deg) rotate(270deg);
    -moz-transform:skew(0deg,0deg) rotate(270deg);
    -webkit-transform:skew(0deg,0deg) rotate(270deg);
    -o-transform:skew(0deg,0deg) rotate(270deg);
    transform:skew(0deg,0deg) rotate(270deg);
    position: absolute;
    bottom: 56px; /* 40 cos(45) = 28 with an additional 2px margin*/
    left: -46px; Because it looked good, but there is probably a mathematical link here as well
    display: inline-block;
    width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
    text-align: left;
    vertical-align: middle;
    /* white-space: nowrap; *//*whether to display in one line or not*/
}
/* завъртане на шапката - край */

/* изкарвам бутоните за сортиране над текста в шапката */
table.dataTable thead th {
    background: transparent !important;
    white-space: nowrap;
}

table.dataTable thead span.sort-icon {
    display: inline-block;
    padding-left: 15px;
    width: 16px;
    height: 16px;
}

table.dataTable thead .sorting span { width: 115px; background: url('/img/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc span { width: 115px;  background: url('/img/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc span { width: 115px;  background: url('/img/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled span { width: 115px;  background: url('/img/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled span { width: 115px;  background: url('/img/sort_desc_disabled.png') no-repeat center right; }

.searches input {
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    font-size: .9em;
    font-weight: normal;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 0px solid #ddd;
    background-color: #EDFFE8;
    /*      position: relative;
    top:0;*/
    z-index: 99999999;

    /*text-align: right;*/
}

table.dataTable thead > tr > th {
    padding: 0;
    min-width: 24px;
    max-width: 24px;
    width: 24px;
}

/*@media only screen and (max-width: 993px) {
    .form-group-sm {margin-bottom: 15px;}
}
*/

.preview_table td { height: 30px !important; }

small {color: #aaa;}

.entry_icon { font-weight: bold; }
.right_off {margin-right: 5px;}

/* размера на tooltop-a*/
div.tooltip-inner {
    text-align: left;
    /*-webkit-border-radius: 0px;*/
    /*-moz-border-radius: 0px;*/
    /*border-radius: 0px;*/
    /*margin-bottom: 6px;*/
    /*background-color: #000;*/
    /*font-size: 14px;*/
    max-width: 450px;
    /*width: 350px;*/
}
.top_menu {    background-color: #f8f8f8;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.text-success {color: #5cb85c !important; }
.text-success:hover {color: #3c763d !important; }
.text-primary {color: #337ab7 !important; }
.text-primary:hover {color: #31708f !important; }

.export_nav {border: 1px solid #e7e7e7;
    padding: 5px;
}

a.today {
    padding-top: 195px;
    margin-top: -195px;
}

a.anchor {
    padding-top: 170px;
    margin-top: -170px;
}

.navbar-right li {
    border-right: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
}

.navbar-right li:hover {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #e7e7e7;
}

.dropdown-menu>li>a:hover {
    background-color: #e7e7e7;
}

div.dataTables_processing { z-index: 999999; }
table {z-index: 1;}
.button_txt { border: none; background-color: transparent; padding: 15px 5px ; color: #777;  }

.audit_table_th {
    font-weight: bold;
    white-space: nowrap;
}

#audits_ss  thead th {
    padding: 9px;
    background-color: #337ab7 !important;
    color: #fff;
}

#audits_ss tfoot th {
    padding: 3px;
    font-weight: normal;
    background: #EAF6FF;
    color: #333;

}

#audits_ss tfoot th input {
    border: none;
    background: #EAF6FF;
}

#audits_ss tfoot {
    display: table-header-group;
}