/* defaultni nastaveni margin:0 pro vsechny elementy*/

* {
    margin: 0;
}

html {
    position: relative;
}

body {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family: "Arial CE", "Helvetica CE", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: black;
    padding: 0 0 16px 0;
    text-align: center;
    background-color: white;
}

h1 {
    font-size: 20px;
    color: #666666;
    margin-bottom: 10px;
}

h2 {
    font-size: 17px;
    color: #666666;
}

h3 {
    font-size: 14px;
    color: #666666;
}

a {
    color: #ff5a00;
    text-decoration: underline;
}

img {
    border: none;
}

input[type="text"] {
    padding: 2px;
    border: 1px solid #bcbdb8;
}

input[type="password"] {
    padding: 2px;
    border: 1px solid #bcbdb8;
}

input[type="date"] {
    padding: 1px;
    border: 1px solid #bcbdb8;
}

input[type="datetime-local"] {
    padding: 1px;
    border: 1px solid #bcbdb8;
}

input[type="time"] {
    padding: 1px;
    border: 1px solid #bcbdb8;
}

input[type="number"] {
    padding: 2px;
    border: 1px solid #bcbdb8;
}

textarea {
    padding: 2px;
    border: 1px solid #bcbdb8;
}

select {
    padding: 1px;
    border: 1px solid #bcbdb8;
}

.main a {
    color: #ff5a00;
    text-decoration: underline;
}

#divHeader {
    width: 100%;
    color: #838383;
}

#divHeaderTop {
    position: relative;
    width: 100%;
    text-align: left;
}

#divHeaderTopLeft {
    float: left;
    padding-left: 25px;
}

.divHeaderMenuTable {
    position: relative;
    float: left;
    margin-top: 6px;
}

.divHeaderMenuTableCell {
    float: left;
    padding-bottom: 4px;
}

.divCellLeft {
    width: 60px;
}

#divHeaderTopRight {
    text-align: right;
    padding-top: 15px;
    padding-right: 25px;
}

#divHeaderTopCenter {
    position: absolute;
    right: 50%;
}

.divHeaderStation {
    padding-top: 32px;
    font-size: 20px;
}

#divHeaderBottom {
    position: relative;
    width: 100%;
    height: 10px;
    background: #ff5a00 url(../images/bg-header-line.jpg) repeat-x top;
    z-index: 2;
}

#divHeaderBottom img {
    margin-top: 2px;
}

#divHeaderBottomLeft {
    position: absolute;
    left: 25px;
}

#divHeaderBottomRight {
    position: absolute;
    right: 20px;
}

#main_menu {
    text-align: left;
    margin: 0 25px 15px 25px;
}

#reportMenu {
    overflow: auto;
    margin-bottom: 15px;
}

#content {
    text-align: left;
    margin: 0 25px 25px 25px;
}

#content_maximize_box {
    position: absolute;
    top: 112px;
    bottom: 42px;
    width: 100%;
    min-height: 450px;
}

#content_clean_maximize_box {
    position: absolute;
    top: 0px;
    bottom: 200px;
    width: 100%;
    min-height: 200px;
}

#content_maximize {
    position: relative;
    height: 100%;
    text-align: left;
    margin: 0 25px 25px 25px;
}

#footer {
    color: #999999;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
}

#footer_maximize {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#footer .cara {
    height: 3px;
    border-top: 1px solid #bcbdb8;
}

#footer a {
    color: #63655c;
    text-decoration: underline;
}

#footer .footer_text {
    margin: 0 10px 0 10px;
    float: left;
}

.imgLogoHeader {
    width: 70px;
    padding-bottom: 4px;
}

.imgLogoFooter {
    float: right;
    border: 0px;
    width: 70px;
    margin: 4px 10px 0 5px;
}

#clearfix {
    height: 0;
    clear: both;
    visibility: hidden;
}

.data {
    height: 300px;
    overflow: auto;
}

.tableInvisible td,
th {
    border: 1px none;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.text_bold {
    font-weight: bold;
}

.textNoWrap {
    white-space: nowrap;
}

/* Login form */

#org {
    width: 150px;
}

#password {
    width: 150px;
}

#username {
    width: 150px;
}

/* JS table */

table {
    border-collapse: collapse;
    text-align: center;
    /* IE nededi z body */
}

td,
th {
    padding: 0.2em;
    border: 1px solid #eee;
    font-size: 12px;
}

thead,
tfoot {
    background-color: #ddd;
    font-size: 12px;
}

tr.rowodd {
    background-color: #fff;
}

tr.roweven {
    background-color: #f2f2f2;
}

.sortcol {
    background-repeat: no-repeat;
    background-position: right center;
}

th.sortcol {
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
}

.sortasc {
    background-color: #ff5a00;
    background-image: url(../images/up.gif);
    padding-left: 20px;
}

.sortdesc {
    background-color: #ff5a00;
    background-image: url(../images/down.gif);
    padding-left: 20px;
}

.nosort {
    cursor: default;
}

.onlineSearchSpan {
    background-color: #ffc8ae;
}

.hlt {
    background-color: #ffc8ae;
}

.hlt td {
    background-color: #ffc8ae;
    color: black;
}

th.resize-handle-active {
    cursor: e-resize;
}

.divBrowserIconSaveCsv {
    width: 16px;
    height: 16px;
    top: 3px;
    cursor: pointer;
    margin-bottom: 2px;
    background-image: url("../images/icons/page-excel.png");
}

div.resize-handle {
    cursor: e-resize;
    width: 2px;
    border-right: 1px dashed #1e90ff;
    position: absolute;
    top: 0;
    left: 0;
}

.menuMouseOut {
    background-color: #666666 !important;
}

.menuMouseOver {
    background-color: #ff5a00 !important;
}

/* BikeCounter*/

img.preload {
    display: none;
    width: 0px;
}

.tabcell {
    border: 0px solid white;
    text-align: center;
}

.separ {
    width: 600px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #bcbdb8;
}

.separ hr {
    display: none;
}

#data_hour {
    width: 50%;
}

.lefties {
    width: 49%;
    float: left;
}

/*	Report helloword - image styles */

img.doubley {
    height: 150px;
    width: 200px;
}

/*nove zobrazeni formularu*/

/*nastaveni popisku a chyb*/

.leftErr {
    padding: 0 5px 0 5px;
    color: #ff9933;
    float: left;
}

.leftNote {
    padding: 0 5px 0 5px;
    color: rgb(153, 153, 153);
    float: left;
}

.bottomErr {
    padding: 0;
    color: #ff9933;
    clear: both;
    display: block;
}

.bottomNote {
    padding: 0;
    clear: both;
    display: block;
    color: rgb(153, 153, 153);
}

/*nastaveni seznamu ve formulari*/

.form_style ul {
    margin: 0;
    padding: 0 10px 10px 10px;
    border-left: #ff5a00 4px solid;
    list-style: none;
    height: 1%;
    text-align: left;
    float: left;
    width: 100%;
}

.form_style a {
    font-size: 12px;
}

.form_style li {
    margin: 0 0 0 10px;
    padding: 10px 0 0 0px;
    height: auto;
}

.form_button {
    clear: both;
}

/*nastaveni oddelovaci cary*/

hr {
    height: 01px;
    width: 200px;
    border: 0px;
    background-color: #ccc;
    clear: both;
    margin: 10px 0 10px 0;
    text-align: left;
}

/*nastaveni zarovnani formularovych prvku v li*/

.horizontal label {
    float: left;
    width: 150px;
    display: inline;
}

.horizontal input {
    float: left;
    display: inline;
}

.horizontal textarea {
    float: left;
    display: inline;
}

.horizontal select {
    float: left;
    display: inline;
}

.vertical label {
    clear: both;
    display: block;
}

.vertical input:text {
    clear: both;
    float: none;
    display: block;
    width: 167px;
}

.vertical textarea {
    clear: both;
    float: none;
    display: block;
}

.vertical select {
    clear: both;
    float: none;
    display: block;
}

.date label {
    display: block;
}

.date input {
    float: left;
    width: 144px;
}

.date img {
    float: left;
    height: 22px;
    margin: 0 5px 0 5px;
}

/* nastaveni velikosti li ve formulari podle poctu radku popisu ll1 - label lane 1*/

.ll1 li {
    height: 53px;
}

/*jeden radek popisu*/

.ll2 li {
    height: 68px;
}

/*dva radky popisu*/

.ll3 li {
    height: 80px;
}

/*tri radky popisu*/

/*nastaveni zarovnani prvku seznamu*/

.list_horizontal li {
    float: left;
}

.list_vertical li {
    clear: both;
}

.divFormTitle {
    font-size: 17px;
    font-weight: bold;
    color: #666666;
    border-left: #ff5a00 4px solid;
    padding: 5px 0px 0px 18px;
}

/*nastaveni pro nove menu*/

.menu {
    padding: 0;
    width: 100%;
    border-top: 0px solid #ff5a00;
    /*Brown color theme*/
    background: transparent;
    voice-family: '"}"';
    voice-family: inherit;
    clear: both;
}

.menu ul {
    margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
    float: none;
}

.menu li {
    clear: none;
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    width: auto;
}

.menu a {
    display: block;
    font: bold 11px Arial;
    color: white;
    text-decoration: none;
    margin: 0 0px 0 0;
    /*Margin between each menu item*/
    padding: 5px 10px;
}

.menu p {
    float: left;
    display: block;
    font: bold 11px Arial;
    color: #666666;
    text-decoration: none;
    padding: 5px 0px;
    background-color: #ffffff;
}

.menuFirstLine {
    border-top: 1px solid #fff;
}

li.menuFirstLine:hover {
    border-top: 1px solid #ff5a00;
}

.menuFirstLineSelected {
    border-top: 1px solid #ff5a00;
}

.menuNextLine {
    border-top: 1px white solid;
}

/* style pro view helpwe helpSearch - nastaveni sedeho ramecku a vnitrni zarovnani*/

.helpSearch {
    border: 20px solid #eeeeee;
    margin: 0 auto 0 auto;
}

.helpSearch table {
    margin: 0 auto 0 auto;
}

.helpSearch input {
    display: inline;
    float: none;
}

/* style pro view StatsReports ftpcameras */

div .img_table {
    float: left;
    width: 401px;
    /*width: 33%;*/
    height: 300px;
}

/***************************************************************************
*                                   WIM
****************************************************************************
/* style pro view Wim/Online/ImageAction */

div.img_width320 {
    width: 350px;
}

/* style for wim colors acceleration */

.wim_detail_title {
    margin-top: 10px;
}

.green {
    color: #00ff00;
}

.red {
    color: #d9534f;
}

.blue {
    color: #0000ff;
}

.bg_green {
    background-color: #00ff00;
}

.bg_red {
    background-color: #d9534f;
    padding: 2px 5px 2px 5px;
}

.bg_blue {
    background-color: #0000ff;
}

/* 3 columns divs */

.cclear,
.cleft,
.cright {
    padding: 5px 5px 5px 5px;
    float: left;
}

.cclear {
    clear: both;
    width: 100%;
}

.cleft {
    clear: left;
}

.cright {
    clear: right;
}

/* detail */

.detail_lp {
    font-size: 18px;
    vertical-align: top;
    padding: 10px 0px 0px 15px;
}

.detail_right {
    float: right;
    clear: left;
}

.dcenter {
    padding: 0 0 0 35px;
}

.cright table,
.wim_detail_table {
    width: 100%;
    border-color: #eeeeee;
}

.cright table,
.wim_detail_table th {
    background-color: #dddddd;
}

tr.wim_over {
    background-color: #ffc8ae;
}

tr.wim_odd {
    background-color: #f2f2f2;
}

/* Styly pro vertikalni - stredove zarovnani */

.divVerticalAlignMiddle {
    display: table;
    overflow: hidden;
}

.divVerticalAlignMiddleBox {
    display: table-cell;
    vertical-align: middle;
}

/* KONEC - Styly pro vertikalni - stredove zarovnani */

/* Styly pro hlavicku */

.divHeaderTitle {
    position: relative;
    float: left;
    width: 370px;
    height: 60px;
    margin-right: 25px;
}

.divHeaderTitleIcon {
    position: absolute;
    left: 5px;
    width: 60px;
    height: 60px;
    margin: 0px auto;
    border: none;
}

.divHeaderTitleIconContent {
    width: 60px;
    text-align: center;
}

.divHeaderTitle img {
    border: 0px;
}

.divHeaderTitleTitle {
    position: absolute;
    left: 75px;
    width: 366px;
    height: 60px;
    font-size: 22px;
    color: #838383;
}

.divHeaderTitleTitle a {
    font-size: 22px;
    color: #838383;
    text-decoration: none;
}

.divHeaderTitleTitle a:hover {
    color: #838383;
    text-decoration: none;
}

.divHeaderTitleTitleBoxContent a:hover {
    color: #ff5a00;
    text-decoration: none;
    font-size: 22px;
}

.divTitleDescription {
    padding-left: 2px;
    font-size: 12px;
}

.biggerFont {
    font-size: 29px;
}

.biggerFont a {
    font-size: 29px;
}

/* KONEC - Styly pro hlavicku */

/* Styly pro uvodni navigaci */

.divNavGroup {
    clear: both;
}

.divNavGroupTitle {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    color: #ff5a00;
    padding-bottom: 5px;
    border-bottom: 1px #bcbdb8 solid;
}

.divNavPanel {
    position: relative;
    float: left;
    width: 270px;
    height: 105px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 5px;
    background-color: #f4f4f4;
    cursor: pointer;
    -webkit-box-shadow: 5px 5px 20px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 20px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 20px -10px rgba(0, 0, 0, 0.75);
}

.divNavPanelIcon {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 60px;
    height: 40px;
    text-align: center;
}

.divNavPanel img {
    border: 0px;
}

.divNavPanelTitle {
    position: absolute;
    display: table;
    overflow: hidden;
    top: 5px;
    left: 75px;
    width: 190px;
    height: 40px;
    font-size: 20px;
    color: #838383;
}

.divNavPanelTitleBox {
    display: table-cell;
    vertical-align: middle;
}

.lineHeight99 {
    line-height: 99%;
}

.divNavPanelTitleBoxContent a,
.divNavPanelTitleBoxContent h1 {
    color: #838383;
    text-decoration: none;
    font-size: 20px;
}

.divNavPanelTitleBoxContent a:hover,
.divNavPanelTitleBoxContent h1:hover {
    color: #ff5a00;
    text-decoration: none;
    font-size: 20px;
}

.divNavPanelDescription {
    position: absolute;
    top: 50px;
    width: 260px;
    text-align: justify;
}

/* KONEC - Styly pro uvodni navigaci */

#divFooterContent {
    margin: 0px;
    width: 100%;
    border-top: 1px #bcbdb8 solid;
    padding-top: 5px;
}

/* Styly pro paticku - FOOTER */

#divFooterContentLeft {
    float: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

#divFooterContentRight {
    float: right;
    width: 280px;
    padding-bottom: 10px;
    text-align: right;
}

#divFooterContentRight td {
    border: none;
}

/* KONEC - Styly pro paticku - FOOTER */

/* Styly pro zvyrazneni servisnich informaci */

.divServiceInfo {
    background-color: #ffc8ae;
    margin-top: 10px;
    margin-bottom: 10px;
}

.divServiceInfo .shadow {
    position: absolute;
    width: 249px;
    height: 7px;
    right: 0px;
    background: url("../images/modules/bg-shadow-panel.jpg") no-repeat top;
}

/* KONEC - Styly pro zvyrazneni servisnich informaci */

#formSelectModule {
    margin-top: 0px;
    margin-bottom: 4px;
}

.tblForm {
    border: none;
    text-align: left;
}

.tblForm td {
    border: none;
}

.tblForm th {
    border: none;
}

/* Nove elementy */

.divBoxOrange {
    margin-bottom: 20px;
}

.divBoxOrange .boxTitle {
    position: relative;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ff5a00;
    color: #fff;
    font-weight: bold;
}

.divBoxOrange .boxHelp {
    position: absolute;
    right: 10px;
    top: 4px;
    cursor: help;
}

.divBoxOrange .boxContent {
    padding: 8px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px #d0d1d1 solid;
    border-right: 1px #d0d1d1 solid;
}

.divBoxOrange .boxMessage {
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
}

.divBoxOrange .boxFooter {
    height: 8px;
    /*background-color: #BCBDB8;*/
    border-left: 1px #d0d1d1 solid;
    border-right: 1px #d0d1d1 solid;
    border-bottom: 1px #d0d1d1 solid;
}

.divHeadLineOrange {
    background-color: #ff5a00;
    margin: 0 -25px 0 -25px;
    padding: 0 25px 10px 25px;
    color: #fff;
    font-weight: bold;
}

.divHeadLineOrangeIcons {
    position: absolute;
    top: 10px;
    right: 10px;
    border: none;
}

.divHeadLineOrangeIcons span {
    cursor: pointer;
    color: #fff;
}

.divHeadLineGray {
    background-color: #e5e5e5;
    margin: 0 -25px 0 -25px;
    padding: 10px 25px 10px 25px;
}

.divHeadLineGray table td {
    border: none;
    padding-right: 20px;
    text-align: left;
}

.divModuleTitle {
    padding-right: 6px;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}

.divModuleInfo {
    padding-bottom: 8px;
}

.divModuleInfo .title {
    float: left;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #666666;
}

.divModuleInfo .description {
    float: left;
    padding-top: 5px;
}

.divModuleInfo .clear {
    clear: both;
}

/* KONEC - Nove elementy */

/**************************************************************
* tabulka pro nastaveni uzivatelskeho stavu detekci
*/

.VehiclesTableUserStateMenuItem,
.ADRVehiclesTableUserStateMenuItem {
    padding: 2px;
    border-bottom: 1px solid white;
}

.VehiclesTableUserStateMenuItem:hover,
.ADRVehiclesTableUserStateMenuItem:hover {
    color: white;
    background-color: #ffc8ae;
}

.VehiclesTableUserStateMenuItem img,
.ADRVehiclesTableUserStateMenuItem img {
    border: none;
}

.VehiclesTableUserStateMenuItem a,
.ADRVehiclesTableUserStateMenuItem a {
    border: none;
    font-size: 14px !important;
    color: black !important;
    text-decoration: none !important;
    display: block;
    white-space: nowrap;
}

/**************************************************************/

.tbodyTdClassAction {
    padding: 10px;
    text-align: left;
    border-left: none;
    border-top: none;
    border-right: none;
}

.tbodyTdClassAction img {
    cursor: pointer;
}

.twoIcons {
    width: 40px;
}

.threeIcons {
    width: 60px;
}

.fourIcons {
    width: 80px;
}

.fiveIcons {
    width: 100px;
}

.tableBrowserExecutor td {
    padding-left: 5px;
}

.tdBrowserExecutorDesc {
    text-align: left;
}

.tdBrowserExecutorResult {
    text-align: left;
}

.tdBrowserExecutorResultDesc {
    text-align: left;
}

.tdBrowserExecutorMessage {
    text-align: left;
}

.divBrowserCountRowTop {
    padding-bottom: 5px;
}

.divBrowserCountRowDown {
    padding-top: 5px;
}

.tdErrorMessage li {
    list-style-type: none;
}

.inputIsNotValid {
    background-color: #f2dede;
    border: 1px #d9534f solid;
    padding: 2px;
    cursor: help;
}

select.inputIsNotValid {
    padding: 1px;
}

.curPointer {
    cursor: pointer;
}

.curHelp {
    cursor: help;
}

.cam-logolink {
    clear: both;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-top: 25px;
    border-top: 1px #bcbdb8 solid;
    color: #838383;
}

.cam-logolink .logo {
    float: left;
    padding: 5px;
    padding-right: 10px;
}

.cam-logolink .text {
    min-width: 400px;
    height: 50px;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cam-loader {
    color: #ff5a00;
}

.cam-box-orange {
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #e5e5e5;
    float: left;
}

.cam-box-orange .box-title {
    position: relative;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ff5a00;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.cam-box-orange .box-help {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: help;
}

.cam-box-orange .text-content {
    padding: 10px;
    font-weight: bold;
}

.cam-box-orange .box-message {
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
}

.cam-postit {
    position: relative;
    float: left;
    min-width: 270px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f4f4f4;
}

.cam-postit-white {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    -webkit-box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.75);
}

.cam-postit h2 {
    padding-top: 5px;
}

.cam-postit-shadow {
    position: absolute;
    right: 0px;
    bottom: -7px;
    width: 249px;
    height: 7px;
    background: url(../images/modules/bg-shadow-panel.jpg) no-repeat bottom;
}

.cam-postit-shadow-white {
    position: absolute;
    right: 0px;
    bottom: -8px;
    width: 249px;
    height: 7px;
    background: url(../images/modules/bg-shadow-panel.jpg) no-repeat bottom;
}

.cam-postit-verified {
    color: #888888;
}

/* Font Awesome Icons */
.fa {
    text-align: center;
    margin: 1px;
    margin: 1px;
}

.fa-color {
    color: #605d5c !important;
}

.fa-pointer {
    cursor: pointer;
}

.fa-help {
    cursor: help;
}

#fa-select-icon {
    margin-top: -1px;
    margin-left: 4px;
}

.fa-play {
    color: #ff5a00;
}

.fa-vertical-top {
    vertical-align: top;
    margin-top: -1px !important;
}

.fa-margin-left-5 {
    margin-left: 5px;
}
/* KONEC - Font Awesome Icons */

#clearfix {
    height: 0;
    clear: both;
    visibility: hidden;
}

#mapInfoWindow {
    font-family: "Arial CE", "Helvetica CE", Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: black;
    text-align: center;
}

#map {
    width: 600px;
    height: 500px;
    margin: 5px;
    padding: 0px;
    overflow: auto;
}

.discoverer-browser-thead-tr {
    border-left: none;
    border-top: none;
    border-right: none;
}

.discoverer-browser-thead-tr th {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.discoverer-browser-tbody-td {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.discoverer-browser-tbody-tdLeft {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
    text-align: left;
}

.discoverer-browser-tbody-threeIcon {
    border-left: none;
    border-top: none;
    border-right: none;
    width: 90px;
    text-align: left;
    padding: 10px;
}

.discoverer-browser-tfoot-tr {
    border-left: none;
    border-top: none;
    border-right: none;
}

.discoverer-browser-tfoot-tr td {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.discoverer-browser-tfoot-td {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
    font-weight: bold;
}

.browser-tfoot-td-left {
    padding: 10px;
    text-align: left;
    border-left: none;
    border-top: none;
    border-right: none;
    font-weight: bold;
}

.discoverer-dialog-content {
    margin-top: 10px;
    margin-left: -15px;
}

.discoverer-dialog-content .message {
    margin-bottom: 10px;
}

.discoverer-box-orange {
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #e5e5e5;
    float: left;
}

.discoverer-box-orange .box-title {
    position: relative;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ff5a00;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
}

.discoverer-box-orange .box-help {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: help;
}

.discoverer-box-orange .text-content {
    padding: 10px;
}

.discoverer-box-orange .box-message {
    text-align: center;
    font-weight: bold;
    padding-bottom: 4px;
}

.discoverer-fa-link {
    cursor: pointer;
}

.mdl-button {
    background: transparent;
    border: none;
    border-radius: 2px;
    color: rgb(0, 0, 0);
    background-color: rgb(229, 229, 229);
    position: relative;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 60px;
    padding: 0 16px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
        background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.mdl-button::-moz-focus-inner {
    border: 0;
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, 0.4);
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, 0.12);
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, 0.5);
}

.mdl-button:disabled {
    background-color: rgba(150, 150, 150, 0.5);
    color: rgba(130, 130, 130, 0.9);
    cursor: default;
    box-shadow: none;
}

/* Styl pro přihlašovací formulář - Auth Login */

.divLoginContent {
    color: #000;
    position: absolute;
    background-color: #fff;
    min-width: 370px;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.5);
    right: 0;
    margin: 21px -5px 0px 0px;
}

#divLogin {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 1000;
}

#divLoginWindowOut {
    opacity: 0;
}

.login-intro-page {
    width: 370px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding: 30px 15px;
    margin-left: auto;
    margin-right: auto;
}

.login-intro-page-no-default {
    width: 370px;
    margin: 30px 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 10px 10px;
}

/* KONEC - Styl pro přihlašovací formulář - Auth Login */

.div_filter {
    clear: none !important;
    float: left;
}

.hide-element {
    display: none;
}

.scroll-up-button {
    width: 40px;
    height: 40px;
    position: fixed;
    display: none;
    cursor: initial;
}

#table_selector {
    width: 100%;
    table-layout: fixed;
}

#table_selector th {
    background-color: #ddd;
    font-weight: bold;
}

#table_selector td,
th {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    overflow-wrap: break-word;
}

.table-full-width {
    width: 100%;
}

.tableAdr {
    border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
}

.detections-full-image {
    background-color: #eee;
}

.div-image-menu div:hover,
.div-image-menu div.selected,
.btcam-div table thead tr:first-child th:nth-child(2) {
    background-color: #ff5a00;
}

.button-change-theme {
    background-color: #fff !important;
    border: none !important;
    outline: none !important;
}

.browser-thead-tr th {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.browser-tbody-td-left {
    text-align: left;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 10px;
}

.browser-tbody-td-right {
    text-align: right;
    border-left: none;
    border-top: none;
    border-right: none;
    padding: 10px;
}

.browser-tbody-td {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.browser-tfoot-td {
    padding: 10px;
    border-left: none;
    border-top: none;
    border-right: none;
    font-weight: bold;
}

.spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: opac 0.5s;
    z-index: 1001;
}

.verticalFixedElement {
    height: 35px !important;
    margin-bottom: 0 !important;
}

.menuDetectionDetail {
    display: inline-block;
    width: auto;
}

.menuDetectionDetail td {
    color: white;
    border-top: 1px white solid;
    padding: 5px 10px;
    font: bold 11px Arial;
}

.imgDetail {
    height: 10px;
    padding-left: 2px;
    border: none;
}

/* Barevne zvyrazneni dat */
.color-success {
    color: #5cb85c !important;
}

.color-info {
    color: #5bc0de !important;
}

.color-warning {
    color: #f0ad4e !important;
}

.color-danger {
    color: #d9534f !important;
}
/* KONEC - Barevne zvyrazneni dat */

/* Tabulka validit */
.validity-success {
    background-color: #dff0d8;
}

.validity-warning {
    background-color: #fcf8e3;
}

.validity-danger {
    background-color: #f2dede;
}
/* KONEC - Tabulka validit */

/* Tlačítko na vyprázdnění inputu */
/* https://nikitahl.com/input-clear-button */
.clear-input-icon {
    position: absolute;
    right: 10px;
    top: 25px;
    font-size: 15px !important;
    display: none !important;
}

.clear-input-icon:hover {
    color: darkgray !important;
}
/* KONEC - Tlačítko na vyprázdnění inputu */

.state-ok {
    background-color: #4caf50 !important;
    color: white;
}

.state-warn {
    background-color: #ff9800 !important;
}

.state-err {
    background-color: #f44336 !important;
    color: #fff !important;
}

.state-unknown {
    background-color: #f1f1f1 !important;
}

.noBorder {
    border: none;
}

.state-legend {
    padding: 10px 0 10px 0;
}

.state-legend div {
    float: left;
    padding: 5px 10px 5px 10px;
}

.state-legend-title {
    color: #666666;
    font-weight: bold;
}

.fa-file-excel-o {
    color: #fff;
}

.hint {
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    background-color: #f0f0f0;
    color: #000000;
    border: 1px solid #808080;
    padding: 5px;
    width: auto;
    position: absolute;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}