/*Bootstrap tweaks*/
body{
    font-family: 'Lato', sans-serif;
    background-color: #EFEFEF;
    /*background-image: url(data:image/png;base64,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);*/
}
body,.btn{
    font-size: 12px;
}
a{
    color:#333;
}
.btn-link{
    border-radius: 3px;
}
.btn-link:hover{
    text-decoration: none;
    color:inherit;
    background-color: inherit;
}
.input-group .form-control{
    z-index: 1;
}
#user-grid-form .btn-toggle .btn{
    width: 12em;
}
#topMenuBar .btn-group, #topMenuBar .btn {
    margin:0px ;
}
#topMenuBar .left .btn,
.menu .btn,
.obj-class.btn{
    margin-right: 5px ;
}
#topMenuBar .right .btn,
.detail-view td .btn
{
    margin-left: 5px ;
}
#topMenuBar .left label.btn{
    margin-right: -1px;
}

#user-nav .btn{
    background: transparent;
    border:none;
}
#content .tab-pane  .menu,.tab-pane>.btn{
    margin-top: 1em;    
}
#content .tab-pane  .menu,.tab-pane>.btn-group{
    margin-top: 1em;    
}
.bgred{
    background: red !important;
}
.btn{

}
.btn:focus{
    outline: none !important;
}
.btn.disabled{
    background: transparent;
    opacity: 0.6;
    color: #CCCCCC !important;
    border-color: #CCCCCC  !important;
}
.tabs-left,.tabs-left .tab-content{
    float: left;
    padding-bottom:1em;
}
.tabs-left>.nav-tabs>li.active>a {
    border:none;
    font-weight: bold;
    margin-right: 0;
}
.tabs-left>.nav-tabs>li.active>a:before {
    content:"\f105";
    font:normal normal normal 14px/1 FontAwesome; 
    text-align: right;
    margin-left: -3px;
    margin-right: 3px;
}
.nav-pills>li>a {
    border: 1px solid transparent;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background: none;
    color: inherit;
    border-style:solid;
    border-color: #DDD;
    border-width: 1px;
}
#wrapper .modal-dialog{
    z-index:100;
}
#wrapper .modal-backdrop{
    z-index: 99;
}
.modal-wide{
    width: 90%;
}
.modal-wide .tabs-left,.modal-wide .tabs-left .tab-content{
    float: none;
}
.modal-wide .tabs-left{
    margin-bottom: 2em;
}
/* Editable details */
#user-generic-details > tbody > tr > th,
#user-app-details > tbody > tr > th{
    text-align: right;
    width:15em;
}
.datetimepicker-days .next i,.datetimepicker-days .prev i{
    font-family: FontAwesome;
    font-style:normal;
}
.datetimepicker-days .next i:before{
    content:"\f061"    
}
.datetimepicker-days .prev i:before{
    content:"\f060"    
}
.datetimepicker table{
    width: 100%;
}
#user-generic-details tr.odd>*,#user-generic-details tr.even>*,
/*#user-generic-details *,*/
#user-app-details tr.odd>*,#user-app-details tr.even>*
/*#user-app-details **/
{
    border:none;
    line-height: 2.5em;
}


.spacer{
    margin-top: 1em;
}
.btn{
    background: transparent;
}
#content .btn:hover,#content .btn:hover i.fa{
    color: #FFF;
}
.btn-default {
    border-color: #AAA;
    color: #444;
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default{
    background-color: #999999;
}
.btn-primary {
    color: #2e6da4;
    border-color: #2e6da4;
}
.btn-primary:hover{
    background-color: #2e6da4;
}
.btn-danger {
    color: #B71918;
    border-color: #B71918;
}
.btn-danger:hover {
    background-color: #B71918;
}
.btn-success {
    color: #76B82A;
    border-color: #76B82A
}
.btn-success:hover {
    background-color: #76B82A;
}
.btn-warning {
    color: #f0ad4e;
    border-color: #f0ad4e
}
.btn-warning:hover {
    background-color: #f0ad4e;
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success{
    background-color: #6AA626;
}
.btn.unlock{
    border-color:#80C8FF;
    color:#80C8FF;
}
.btn.unlock:hover{
    background:#80C8FF;
}
.btn.block{
    border-color:#BE0000;
    color:#BE0000;
}
.btn.block:hover{
    background:#BE0000;
}
.btn.unblock{
    border-color:#638FAC;
    color:#638FAC;
}
.btn.unblock:hover{
    background:#638FAC;
}
.btn.restore{
    border-color:#87B73D;
    color:#87B73D;
}
.btn.restore:hover{
    background: #87B73D;
}
.btn-link:focus, .btn-link:hover{
    color: white;
    text-decoration: none;
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    border-color:#EFEFEF;
    line-height: 1.5em;
    padding: 5px;
    background-color: #FFF;
}

.pagination {
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}
.pagination>li>a,.pagination>li>span {
    border: none;
    color: #AAA;
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    color: #337ab7;
    background: none;
    border-color: #337ab7
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
}
.pagination .first a,.pagination .previous a,.pagination .next a,.pagination .last a{
    font-size: 1.2em;
    line-height: 1.2em;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #FEFEFE;
}
.form-control {
    -webkit-box-shadow:none;
    box-shadow: none;
}
/*ENDOF Bootstrap tweaks*/

.button-column .btn{
    opacity:0;
}

tr:hover .button-column .btn{
    opacity:1;
}

/*Tree - maps*/
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable{
    background-image: url(images/treeview-default.gif);
}


/*tbextendedgridview.css*/
.table-all{
    border: none;
    border-bottom: 1px solid #AAA;
}
/*bootstrap-yii.css*/
.grid-view{
    overflow: auto;
}
.grid-view .summary {
    margin-top: 16px;
    text-align: left;
    float: left;
    width: 30%;
    min-width: 16em;
    color: #838383;
}
.grid-view .button-column {
    text-align: right;
    width: 32px;
}

.grid-view table.items tr.selected td,.grid-view table.items tr.selected td a {
    background: #AAA !important;
    color:#FFF !important;
}
.flashes .alert{
    margin: 0px;
    margin-top: 1em;
}
/* Hamburger menu */
#menu-trigger{
    color:#FFF;
    font-size: 30px;
    line-height: 39px;
    margin-left: 0.2em;
}
/*Logo*/
#logo{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: transparent url('../img/satel-star.png') no-repeat  50%;
    width: 37px;
    height: 37px;
}
@media (min-width: 768px) {
    #logo{
        left:0;
        background-image: url('../img/satel-logo.png');
        background-position-x: 15px;
        width: 180px;
    }
    #menu-trigger{
        display:none;
    }
}
/*Submenu*/
.submenu hr{
    margin: 10px;
    border-color: #AAA;
}
.submenu a:hover{
    text-decoration: none;
    color:red;
}
/*Header*/
#header {
    position: relative;
    width: 100%;
    z-index: 0;
    height: 38px;
    background: #999999;
}
/*User photo*/
#fotka img{
    margin-bottom: 1em;    
}
#karty-grid samp{
    display: inline-block;
    width: 100%;
    text-align: right;
}
/* SWITCHER */
.switcher {
    margin: 10px ;
    margin-left: 0;
    position: relative;
    display:inline-block;
}

.switcher label {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    color:#666;
    line-height: 40px;
    text-align: center;
}

.switcher input {
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.switcher.switchround {
    width: 40px;
    height: 40px;
}

.switcher.switchround label {
    border-radius: 3px;
    background: #eaeaea;

}

.switcher.switchround label:after {
    content: "";
    position: absolute;
    top: -8%; right: -8%; bottom: -8%; left: -8%;
    z-index: -1;
    border-radius: inherit;
    background: #ddd;
}

.switcher.switchround label:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    border-radius: inherit;
    background: #969696;
    left: 0;
}

.switcher.switchround input:checked ~ label {
    background: #dedede;
}

.switcher.switchround input:checked ~ label:before {
    background: #25d025;
}

.panel-nt{
    border: 1px solid #DDD;
    border-radius:4px;
    padding: 1em;
    margin-top:1em;
}
.panel-nt hr{
    margin:1em 0;
    border-color:#DDD;
}
/*EDITABLE*/
.editable-click, 
a.editable-click, 
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dotted 1px #4FD0FF;
}
.editable-empty, .editable-empty:hover, .editable-empty:focus{
    font-style: italic; 
    color: #BBB;  
    /* border-bottom: none; */
    text-decoration: none;
}
/* LED */
#statusLED i.online,#statusLED i.online:hover{
    color:greenyellow !important;
}
#statusLED i.offline,#statusLED i.offline:hover{
    color:red !important;
}
/* Top user navigation */
#user-nav {
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0;
    min-height: auto !important;
    right: 0px;
    height: 39px;
}
@media (max-width: 767px) {
    #user-nav {
        position: relative;
        left: 10%;
        right: 10%;
        top: -39px;
        width: 80%;
        margin-bottom: -39px;
        text-align: center;
        -webkit-transition: right 0.5s;
        transition: right 0.5s;
    }
    .fixed #user-nav {
        z-index: 21;
        position: fixed;
        margin: 0;
        top: 2px;
        width: auto;
        left: auto;
        right: 10px;
    }
    .menu-open #user-nav {
    }
}
#user-nav > ul {
    margin: 0 0;
    padding: 0;
    list-style: none;
    height: 100%;
}
@media (max-width: 767px) {
    #user-nav > ul {
        right: auto;
        position: relative;
    }
}
#user-nav > ul > li {
    float: left;
    list-style-type: none;
    margin: 0;
    position: relative;
    padding: 0;
    height: 100%;
}
#user-nav > ul > li > a {
    padding: 10px;
    display: block;
    font-size: 11px;
    text-decoration: none
}
@media (max-width: 767px) {
    #user-nav > ul > li > a{
        padding:10px 2px;
    }
}
#user-nav > ul > li > a,
#user-nav > ul > li > a > i {
    color: rgba(255, 255, 255, 0.9);
}
#user-nav > ul > li > a > i {
    font-size: 14px;
    margin:0 4px;
}
#user-nav > ul > li > a > .label {
    font-size: 10px;
    vertical-align: middle;
    padding: 2px 4px 2px;
    margin: -2px 4px 0;
    display: inline-block;
}
#user-nav > ul > li > a > .caret {
    border-top-color: rgba(255, 255, 255, 0.6);
}
#user-nav > ul > li:hover > a,
#user-nav > ul > li:hover > a > i,
#user-nav > ul > li.open > a,
#user-nav > ul > li.open > a > i {
    background-color: transparent;
}

#user-nav > ul > li:hover > a > .caret,
#user-nav > ul > li.open > a .caret {
    border-top-color: #fff;
}
#user-nav > ul ul > li > a {
    text-align: left;
    text-shadow: 0 1px 0 #ffffff;
}
#user-nav .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 320px;
    text-align: left;
    padding: 1em;
    z-index: 10;
}
#user-nav .dropdown-menu .title,#user-nav .dropdown-menu li:first-child{
    color: #444444;
    text-align: left;
    font-size: 16px;
    padding: 10px;
    text-shadow: 0 1px 0 #ffffff;
}
#user-nav .dropdown-menu .title i {
    font-size: 18px;
    margin-right: 10px;
}
#user-nav .dropdown-menu .title .title-btn {
    right: 0;
    top: 13px;
    position: absolute;
    padding: 0;
}
#user-nav .dropdown-menu .title .title-btn i {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
}
#user-nav .dropdown-menu .title .title-btn:hover {
    background-color: transparent;
}
#user-nav .dropdown-menu .title .title-btn:hover i {
    color: rgba(0, 0, 0, 0.9);
}
#user-nav .dropdown-menu .message-item,#user-nav .dropdown-menu > li {
    text-align: left;
    border-top: 1px solid #eeeeee;
}
#user-nav .dropdown-menu li a {
    padding: 5px 10px;
}
#user-nav .dropdown-menu li>a>div>div{
    font-size:120%;
}
#user-nav .dropdown-menu .message-item a:hover {
    background-color: #f6f6f6 !important;
}

#user-nav .dropdown-menu .message-item .message-content .message-sender,
#user-nav .dropdown-menu .message-item .message-content .message {
    display: block;
}

#user-nav .dropdown-menu .message-item .message-content .message {
    font-size: 12px;
}
#user-nav .dropdown-menu .message-item .message-content .message-sender {
    font-size: 14px;
}
#user-nav .dropdown-menu  p {
    white-space: normal;
    color: #999999;
    font-size:90%;
    margin: 0;
    margin-left:1.5em;
}
#user-nav .dropdown-menu .message-item .message-content .message-time {
    float: right;
    margin-top: 2px;
    color: #999999;
}
#user-nav .dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
#user-nav .dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}
@media (max-width: 767px) {
    #user-nav > ul > li > a > span.text {
        display: none;
    }
}
@media (max-width: 481px) {
    #user-nav #menu-messages .messages-menu {
        border-radius: 0;
        width: 100%;
        position: fixed;
        left: 0;
        top: 39px;
        bottom: 0;
        overflow: auto;
        border: 0;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }
    .fixed #user-nav #menu-messages .messages-menu {
        top: 38px;
    }
    #user-nav #menu-messages.open .messages-menu {
        animation-name: slidenav-animation;
        -webkit-animation-name: slidenav-animation;
        -moz-animation-name: slidenav-animation;
    }
}
@keyframes slidenav-animation {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}
@-moz-keyframes slidenav-animation {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}
@-webkit-keyframes slidenav-animation {
    from {
        -webkit-transform: translateY(100%);
        opacity: 0;
    }
    to {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

/* Sidebar */
#sidebar {
    /* Search input */
}
#sidebar #search {
    margin: 5px 10px 10px;
    z-index: 1;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.modal-open #sidebar{
    z-index:0;
}
#sidebar #search input[type=text],
#sidebar #search button {
    background-color: transparent;
}
#sidebar #search input[type=text] {
    font-size: 12px;
    line-height: 18px;
    border-radius: 4px 0 0 4px;
    padding: 7px 10px 6px;
    border: 0;
    width: 150px;
}
#sidebar #search button {
    border: 0;
    margin-top: -10px;
    padding: 4px 10px 4px;
    border-radius: 0 4px 4px 0;
}
#sidebar #search button i {
    font-size: 12px;
    margin-top: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
    #sidebar #search {
        display: none;
    }
}
#sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 180px;
    font-size: 13px;
}
#sidebar > ul > li {
    display: block;
    position: relative;
}
#sidebar > ul > li > a {
    padding: 10px 0 10px 15px;
    display: block;
    color: #666;
    font-family: 'Signika Negative', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}
#sidebar > ul > li > a > i {
    margin-right: 10px;
}
#sidebar > ul > li > a > .label {
    margin: 2px 20px 0 0;
    float: right;
    padding: 3px 5px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
#sidebar > ul > li > a .arrow {
    float: right;
    margin: 5px 20px 0 -10px;
    font-size: 10px;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#sidebar > ul > li.open > a .arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#sidebar > ul > li.open ul {
    display: block !important;
}
#sidebar > ul ul {
    display: none;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
    padding-left: 2em;
    font-size: 12px;
}
#sidebar > ul ul li a {
    padding: 10px 0 10px 25px;
    display: block;
    color: #777777;
    position: relative;
}
#sidebar > ul ul li:first-child a {
    border-top: 0;
}
#sidebar > ul ul li:last-child a {
    border-bottom: 0;
}
#sidebar > ul ul li.active a{
    color:#555;
}
#sidebar > ul ul li.active a:before,
#sidebar > ul ul li.active a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    display: block;
    position: absolute;
    top: 11px;
    left: 10px;
}
.flat #sidebar ul {
    margin-top: 0;
}
.flat #sidebar ul li a {
    text-shadow: 1px 1px 1px white;
}
#sidebar {
    display: block;
    float: left;
    position: relative;
    width: 180px;
    margin-left: 5px;
}
#sidebar > ul > li.active > a {
    background: #FFF;
    border-radius: 4px 0 0 4px;
    border:1px solid #AAA;
    border-right:none; 
}
@media (max-width: 767px) {
    #sidebar {
        float: none;
        height: 100%;
        left: 0;
    }
    .menu-open #sidebar{
    }
    #sidebar > a {
        padding: 7px 20px 7px 15px;
        box-shadow: 0 1px 0 #666666;
        margin-bottom: 1px;
        display: block !important;
        text-transform: uppercase;
        color: #eeeeee;
        font-size: 10px;
    }
    #sidebar > a > i {
        margin-right: 10px;
    }
    #sidebar > ul {

    }
    #sidebar > ul > li > a > span {
        display: inline !important;
        border-color:transparent;
    }
    #sidebar > ul > li.active > a {
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #sidebar,
    #sidebar > ul {
        width: 43px;
    }
    #sidebar > ul {
        margin-top: -1px;
    }
    #sidebar > ul > li > a > span {
        display: none;
    }
    #sidebar > ul > li.open.submenu a {
        border-bottom: none !important;
    }
    #sidebar > ul ul {
        display: none;
        position: absolute;
        left: 42px;
        top: 0;
        min-width: 150px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
        border-radius: 5px;
        list-style: none;
    }
    #sidebar > ul ul:before {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        content: "";
        display: inline-block;
        left: -6px;
        position: absolute;
        top: 12px;
    }
    #sidebar > ul ul:after {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: "";
        display: inline-block;
        left: -5px;
        position: absolute;
        top: 13px;
    }
    #sidebar > ul ul li a {
        white-space: nowrap;
        padding: 10px 25px;
    }
    #sidebar .arrow {
        display: none;
    }
    .flat #sidebar > ul {
        margin-top: 0;
    }
    .flat #sidebar > ul ul {
        border-radius: 0;
        background:#FFF;
    }
}
@media (max-width: 991px) {
    #sidebar li.submenu > ul {
        display: none;
        margin-top: -2px !important;
    }
    .menu-open #sidebar li.submenu > ul {
        margin-top:-3px;
    }
}
#sidebar > ul >li.active.submenu  ul{
    background: #FFF;
    border: 1px solid #AAA;
    border-width:0 0 1px 1px ;
    border-radius:0 0 0 4px;
    margin-top: -3px;
}
/* Content */
#content {
    padding: 0 2em;
    border: 1px solid #AAA;
    margin-right: 0;
    margin-top: 0;
    margin-left: 183px;
    position: relative;
    background: #FFF;
    min-height: 88vh;
    width: auto;
    -webkit-background-clip: padding-box;
    border-radius:0 0 4px 4px;
}
@media (max-width: 767px) {
    #content {
        margin-left: 0 !important;
        margin-top: 0;
        border-radius: 0;
        left: auto;
        -webkit-transition: left 0.5s;
        transition: left 0.5s;
    }
    .fixed #content {
        padding-top: 67px;
    }
    .menu-open #content {
        left: 184px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #content {
        margin-left: 47px;
    }
}
@media (min-width: 767px) {
    #content {
        z-index: 0;
    }
    #sidebar{
        z-index: 1;
    }
}
#breadcrumb {
    padding-left: 10px;
}
#breadcrumb a, #breadcrumb span {
    padding: 8px 20px 8px 10px;
    display: inline-block;
    background-image: url('../img/breadcrumb.png');
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 1em;
    color: #838383;
}
@media (max-width: 767px) {
    padding: 5px 10px 5px 5px;
}
#breadcrumb span{
    background-image: NONE;
}
#breadcrumb span{
    background-image: NONE;
}
#breadcrumb a i {
    margin-right: 5px;
    opacity: .6;
    font-size: 20px;
    vertical-align: middle;
}
#breadcrumb a:hover {
    color: #333333;
}
#breadcrumb a:hover i {
    opacity: .8;
}
#breadcrumb a:last-child {
    background-image: none;
}
#breadcrumb a.current {
    font-weight: bold;
    color: #444444;
}

#footer {
    text-align: center;
    color: #333;
    padding: 10px 0;
}
#footer a {
    color: rgba(255, 255, 255, 0.5);
}
#footer a:hover {
    color: rgba(255, 255, 255, 0.8);
}
tfoot td{
    font-weight: bold;
}
/* table header filters */
.table>thead>tr.filters td {
    background: #EEE;
}
.grid-view .filters .filter-container input,.grid-view .filters .filter-container select{
    font-size: 10px;
    height: 24px;
    padding:3px;
    font-family:  'Lato', sans-serif;
}
.filter-container .bootstrap-timepicker{
    /*    float: left;
        width: 50%;*/
}
tr.filters .select2-search-choice{
    font-size:9px;
}
.table>tbody>tr>td.tboxBarWrapper{
    position: relative;
    padding: 0;
    min-width: 800px;
    border: 1px solid #AAA;
    border-top: none;
}
.grid-view .filters .input-group{
    margin-bottom: 1px;
}
.grid-view .filters .input-group span.input-group-addon{
    padding:0 7px;
    font-size: inherit;
}
/* Override nasty .ct-form-control */
#content .datepicker,#content .timepicker{
    text-align: right;
    min-width: 7em;
    width: 7em;
    border-radius: 0 4px 4px 0;
}
#content .ct-form-control{
    min-width: initial;
}
/* TIMEBOXes */
.tboxBg:hover{
    color: #000;
}
.tboxBg{
    color:#BBB;
    text-align: center;
    line-height: 2em;
    font-size: 0.8em;
    float:left;
    height: 2em;
    width:4.1666%;
    border:1px solid #DDD;
    border-left: none;
    cursor:pointer;
}
.tboxBg:first-child{
    /*border:1px solid #DDD;*/
}
.tboxDiv{
    float: left;   
    bottom:0;
    position: absolute;
    height: 1em;
    background: #6AA626;
    cursor: move;
}
.selected.tboxDiv{
    /*opacity: 1;*/
    border:1px solid #6AA626;
    background: white;
    z-index: 1000;
}
.tboxHandle{
    position: absolute;
    background: black;
    height: 1em;
    width: 2px;
    right: 0;
    opacity: 0.6;
    cursor: ew-resize;
}

#menu-messages i.fa-info-circle {
    color:#3498db;
}
#menu-messages i.fa-warning {
    color:#FFAE00;
}
#menu-messages i {
    margin-left: 0.5em;
}
#menu-messages i.time {
    font-size: 1.2em;
}
#menu-messages .message-content ul{
    padding-left: 1em;
    margin-bottom: 0.5em;
}
#menu-messages .message-content li{
    list-style-type: none;
}
#menu-messages i.fault_no_ack,#controller_state i.fault_no_ack{
    color:#BD0000;
}
#menu-messages i.warning,#controller_state i.warning{
    color:#F9B922;
}
#menu-messages i.error,#controller_state i.error{
    color:#BD0000;
}
#menu-messages i.fault_ack,#controller_state i.fault_ack{
    color:#86B63C;
}
#menu-messages i.was_fault_no_ack,#controller_state i.was_fault_no_ack{
    color:#B3B3B3;
}
#menu-messages .AccoKp{
    margin-left: 1em;
}
#menu-messages .AccoNt{
    font-weight: bold;
}
@keyframes blink {
    50% {
        opacity: 0.0;
    }
}
@-webkit-keyframes blink {
    50% {
        opacity: 0.0;
    }
}
.css3-blink {
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
}
.debug{
    font-size:0.8em;
    opacity: 0.3;
}
/*********** CONTROLLER STATE **************/
#controller_state td>i{
    margin:0 1em;
}
#controller_state td>a{
    margin: 0.5em;
}

[id^=relatedinfo] td {
    padding: 0 !important;
}
[id^=relatedinfo]>th,
[id^=relatedinfo]>td,
[id^=relatedinfo] table.detail-view>tbody>tr>th,
[id^=relatedinfo] table.detail-view>tbody>tr>td,
*[class^="tbrelational-column"]
{
    border:none;
    vertical-align:middle;
}
[id^=relatedinfo] table.detail-view>tbody>tr>th{
    font-weight: normal;
    opacity: 0.4;
}
[id^=relatedinfo] table.detail-view>tbody>tr>td{

}
[id^=relatedinfo] table.detail-view{
    margin-bottom: 1em;
}
*[id^="relatedinfo"] td{
    border-top:none !important;
    padding-bottom: 1em;
}