@font-face {
    font-family: 'KlavikaBold';
    src: url('../font/klavikabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'KlavikaRegularPlain';
    src: url('../font/klavikaregular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url('../font/lato-bold.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url('../font/lato-italic.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../font/lato-bold-italic.woff') format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url('../font/lato-regular.woff') format('woff');
}
*:active, *:focus {
    outline: 0;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}
body {
    font: 13px 'Lato', sans-serif;
    font-weight: 400;
    color: #333;
}
.container {
    width: 100%;
}
.content-area {
    padding-top: 10px;
    margin-left: 20px !important;
}
.side-options {
    padding-top: 10px;
    padding-left: 10px;
}
.side-options .title {
    border-bottom: 1px solid #ddd;
    padding-top: 6px;
    padding-bottom: 3px;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}
a, a:visited {
    color: #009de0;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
a:hover {
    text-decoration: none;
    color: #7bc2e0;
}
.navbar {
    height: 37px;
    min-height: 37px;
    padding: 0;
    margin: 0;
    font-family: KlavikaRegularPlain, sans-serif;
    font-size: 13px;
}
.navbar-inner {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: #888;
    background-image: none;
    height: 37px;
    min-height: 37px;
    margin: 0;
    padding-left: 0;
}
.navbar .brand {
    text-shadow: none;
    font-weight: bold;
    color: white;
    font-size: 13px;
    padding: 11px 12px;
    margin: 0;
}



/*.navbar .brand:hover {
    color: #666666;
    background: #dddddd;
}*/
.navbar-inner li.dropdown {
    text-shadow: none;
}
.navbar .nav>li>a {
    padding: 9px 12px 8px 12px;
    margin: 0;
    color: white;
    text-shadow: none;
}
.nav, li.dropdown {
    height: 37px;
}
.nav>li>a:hover, .nav>li>a:focus {
    color: #009de0;
    background-color: #f5f6f7;
}
.navbar .nav>li>.dropdown-menu:after {
    border-bottom: 6px solid #f5f6f7;
}
.dropdown-menu {
    background-color: #f5f6f7;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background-color: #199cd8;
    background-image: none;
}
.navbar .nav>li>a:focus, .navbar .nav:hover, .navbar .nav:active {
    color: #666666;
    background: #dddddd;
    outline: none;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: white;
    border-bottom-color: white;
}
.table, .table td, .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child  {
    border-radius: 0;
}
table[class*='room-'] td {
    padding: 6px 5px 6px 5px;
}
.nav-tabs>li>a {
    border-radius: 0;
}
.main-interface {
    padding: 0;
    margin: 0;
    min-width: 1304px;
}
/* LEFT PANEL */
#latnav {
    background: #f5f6f7;
    height: 100%;
    margin: 0;
    padding:0;
    width: 100px;
    overflow: hidden;
    font-family: KlavikaBold, sans-serif;
    clear: left;
}
#latnav ul {
    display: block;
    margin: 0;
}
#latnav li {
    display: inline;
    margin: 0;
    padding: 0;
}
#latnav li a {
    display: block;
    padding: 8px 5px 8px 10px;
    color: #199cd8;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.3em;
}
#latnav li a:hover {
    color: #ffffff;
    background: #199cd8;
}
#left-panel-content {
    padding: 15px 0 0 0;
}
.table-pc {
    cursor: default;
}
.table-pc ul {
    margin: 0;
    list-style-type: none;
}
.table-pc p {
    margin-bottom: 0;
}
.table-pc .usercount {
    display: inline;
    cursor: pointer;
    border-bottom: 1px dotted #009de0;
}
.table-pc li {
    display: inline-block;
    margin-right: 0px;
    cursor: pointer;
    padding: 0 2px 0 2px;
    line-height: 18px;
}
.table-pc li.lastplace {
    margin-right: 0;
}
.table-pc li:hover, .pc-head:hover {
    background-color: #eff6ff;
    color: #0077cc;
}
.pc-head.selected, .table-pc li.user.selected {
    background-color: #bcdaff;
    color: #0077cc;
}
.can-swap-here {
    background-color: #feedd5;
    color: #ff7933;
}
.can-swap-here:hover {
    background-color: #fddfb4 !important;
    color: #FF5800 !important;
}
.pc-head {
    cursor: pointer;
    margin-bottom: 3px;
    padding: 0 0 0 2px;
    line-height: 19px;
}
.pc-head small {
    position: relative;
    right: 0;
}
.circle {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
    vertical-align: 7%;
}
.green {
    background: #33CC33;
}
.red {
    background: red;
}
.greenpc {
    background: #e5fcdc;
}
.graypc {
    background: #eeedef;
}
.redpc {
    background: #fdd9d7;
}

.darkredpc  {
    background: #ffbbbb;
}

#offlineMotive {
    margin-top: 10px;
    word-wrap: break-word;;
}

#action-options input, #waitingListusers input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: 50%;
}
#action-options input[type="text"], #waitingListusers input[type="text"] {
    margin-bottom: 6px;
    margin-right: 6px;
}
#action-options hr {
    margin-bottom: 10px;
}
#historico {
    min-height: 400px;
    overflow: scroll;
    max-height: 500px;
}
table.table.history {
    margin: 0;
    padding: 0;
    font-size: 10px;
}
table.table.history td {
    padding: 5px;
}
#swapuser, #addusersbutton, #swapusers {
    margin-right: 5px;
}
.modal.fade {
    top: 25%;
}
.modal.fade.in {
    top: 25%;
}
.infrlist p a {
    border-bottom: 1px dotted;
}
.willbannotice {
    color: red;
}
.nopriority {
    color: #ad0000 !important;
    border: 1px solid #f1a7a7;
}
.nopriority:hover, .nopriority.selected {
    background-color: #f1a7a7 !important;
}
.monitor {
    color: #51514d !important;
    border: 1px solid #51514d;
}
.monitor:hover, .monitor.selected {
    background-color: #b0b0ab !important;
}
div.userinput {
    display: inline-block;
}
.ethcable {
    vertical-align: -15%!important;
    margin-left: 5px!important;
}
.dashb-check {
    vertical-align: baseline;
    margin-top:0!important;
    margin-left: 5px!important;
}
.badge {
    padding-right: 6px;
    padding-left: 6px;
    margin-left: 6px;
}
.panel {
    border-color: rgb(221, 221, 221);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px;
    color: rgb(51, 51, 51);
    line-height: 20px;
    margin-bottom: 20px;
}
.panel-body {
    line-height: 20px;
    padding: 10px;
}
.panel-heading {
    background-color: #f5f5f5;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
}

.table-perdidos{
    border-spacing: 10px;
}