﻿/* The following rules used to apply only to
   IE but now get ignored by IE7 and higher */
* html {
}

* html body {
}

* html .foo {
}

body {
    background-color: #C0C0C0;
}

.flt {
    float: left;
}

.mainFloat {
    clear: left;
    float: left;
    width: 100%;
    background-color: #DEE4F2;
}

.flt1 {
    clear: left;
    float: left;
}

.flt2 {
    clear: left;
    float: right;
}

.flt3 {
    clear: right;
    float: right;
}

.flt4 {
    float: right;
}

.footer {
    padding: 10px 0;
    background-color: #DEE4F2;
}

.clearMe {
    clear: both;
}

.container {
    width: 100%;
    background-image: url(../images/rts_fmx_banner_bg.jpg);
    background-repeat: repeat-x;
}

.ban_top {
    background-image: url(../images/rts_fmx_banner.jpg);
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
}

.ban_top_menu {
    margin-top: 100px;
    margin-left: 630px;
}

.top_Menu {
    float: right;
    margin-top: 0px;
}

.top_lblUser {
    float: right;
    margin-top: 58px;
    margin-right: 5px;
}

.top_lblAt {
    float: right;
    margin-top: 0px;
    margin-right: 5px;
}

.content1 {
    width: 500px;
    height: 600px;
    border-style: groove;
}

.ad_left {
    border-style: none;
    background-image: url(../images/RealTrackBannerFeather.png);
    width: 200px;
    height: 800px;
    background-repeat: no-repeat;
    padding-left: 50px;
}

.sep_headcont {
    display: inline;
    margin: 100px;
}

.styleButton {
    border-color: #8FA8D2;
    border-style: double;
    background-position: right top;
    color: #000000;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

.styleButton_OLD1 {
    border-style: double;
    background-position: right top;
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #C0C0C0;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

.styleResult {
    color: #000000;
    font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}

.RadGrid_Default, .RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .GridToolTip_Default {
    font: 12px/16px "segoe ui",arial,sans-serif;
}

.style1 {
    width: 100%;
}

.style2 {
    width: 128px;
}

.style3 {
    width: 782px;
}

.edit_label {
    font: normal 12px arial, sans-serif;
    color: #000000;
}

.myContent_Header {
    font: normal 28px arial, sans-serif;
    color: #000000;
}

.rad_sb {
    width: 100%;
    height: 400px;
}

.rad_sb_Machines {
    width: 100%;
    height: 420px;
}

.rad_sb_drivers {
    width: 100%;
    height: 420px;
}

.rad_sb_driver_rating_parameters {
    width: 100%;
    height: 420px;
}

.rad_sb_driver_rating_templates {
    width: 100%;
    height: 420px;
}

.rad_sb_UserMapping {
    width: 500px;
    height: 420px;
}

.home_sb {
    width: 100%;
    height: 600px;
    background-color: #FFFFFF;
    overflow: auto;
}

.div_home_sb {
    padding-left: 40px;
    padding-right: 40px;
}

table.edit_table {
    border-collapse: separate;
    empty-cells: show;
    padding-left: 150px;
}

    table.edit_table th {
        border-width: 1px;
        padding: 0px;
        border-style: none;
        border-color: gray;
    }

    table.edit_table td {
        border: 1px none gray;
        padding: 0px;
    }

a {
    color: #0000FF;
}

h1 {
    color: #0000FF;
}

h2 {
    color: #0000FF;
}

h3 {
    color: #0000FF;
}

.aBlack {
    color: #000000;
}

.mast_MenuSelected {
    font: normal 12px arial, sans-serif;
    text-decoration: underline;
    color: #FFFFFF;
    float: right;
    margin-right: 10px;
}

.valid_label {
    font: bold 84% 'trebuchet ms',helvetica,sans-serif;
}

.rep_dates {
}

.bg_Dates {
    background-position: #59524C;
    display: inline;
    width: 100%;
    height: 60px;
    border: 0px solid #6A6664;
}

.bg_Dates1 {
    background-position: #59524C;
    display: inline;
    width: 100%;
    height: 60px;
    border: 1px solid #6A6664;
}

.rbMonthUse {
    width: 500px;
    margin: 0px 10px 0px 20px;
}

.ddlMonth {
    margin: 10px 10px 0px 10px;
}

.ddlYear {
    margin: 10px 10px 0px 0px;
}

.rbSpecific {
    margin: 0px 0px 0px 395px;
}

.lblStart {
    margin: 10px 0px 0px 13px;
}

.cmdCalendarStart {
    margin: 10px 0px 0px 0px;
}

.cmdTimeStart {
    margin: 10px 0px 0px 10px;
}

.lblEnd {
    margin: 10px 0px 0px 0px;
}

.cmdCalendarEnd {
    margin: 10px 0px 0px 5px;
}

.cmdTimeEnd {
    margin: 10px 0px 0px 10px;
}

.edit_box {
    font: normal 12px arial, sans-serif;
    color: #000000;
    width: 80px;
}

.rep_cmdSubmit {
    margin: 10px 0px 0px 0px;
}

.bg_TreeView {
    background-color: #FFFFFF;
    width: 100%;
    height: 605px;
    margin-top: 10px;
}

.bg_TreeViewPanel {
    border-style: groove;
    background-color: #FFFFFF;
    width: 935px;
    height: 252px;
    margin-top: 0px;
    margin-left: 0px;
}

.reports_label {
    font: normal 18px arial, sans-serif;
    color: #000000;
}

.rep_main {
    margin-top: 0px;
}

.rep_main1 {
    margin-top: 0px;
    height: 500px;
}

.bg_Login {
    background-color: #FFFFFF;
    width: 100%;
    margin-top: 50px;
}

.login-extra {
    display: flex;
    justify-content:center;
}

.login-extra > div {
    width: 50%;
}

    .login-extra .captcha {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.bg_BrowserCompatibility {
    background-color: #37322F;
    width: 940px;
    height: 405px;
    margin-top: 50px;
}

.cmdLogin {
    margin-left: 40px;
}

.txtEmailtxtPassword {
    margin-left: 100px;
}

.breadcrumb {
    background-color: #808000;
}

.multipage_sb {
    width: 300px;
    height: 200px;
    margin-top: 50px;
    padding-left: 100px;
}

.multipageButton_sb {
    margin-top: 50px;
    padding-left: 100px;
}

.alarms_sb {
    width: 200px;
    height: 420px;
    margin-left: 185px;
}

.editForm_background {
    background-color: #FFFFFF;
}

.reports_lblRegion {
    margin-left: 50px;
}

.reports_lst {
    margin-top: 20px;
}

.reports_panRegion {
    border-style: groove;
    border-color: #0000FF;
    height: 200px;
    width: 300px;
}

.reports_panCustomer {
    border-style: none groove none groove;
    border-color: #0000FF;
    height: 200px;
    width: 300px;
}

.reports_panBranch {
    border-style: none groove groove groove;
    border-color: #0000FF;
    height: 200px;
    width: 300px;
}

.reports_panMachine {
    border-style: groove;
    border-color: #0000FF;
    height: 200px;
    width: 300px;
    margin-top: 0px;
    margin-right: 10px;
}

.reports_panDriver {
    border-style: groove;
    border-color: #0000FF;
    height: 200px;
    width: 300px;
    margin-top: 0px;
}

.cmbForkliftReports {
    width: 800px;
}

.reports_txtSearch {
    width: 100px;
    margin-left: 0px;
}

.reports_cmbSelectForklifts {
    margin-right: 100px;
}

.reports_cmbDiv {
    margin-top: 50px;
    margin-right: 100px;
}

.tabstrip_edit {
    padding-left: 150px;
}

.divCenter {
    text-align: center;
}

.reports_Tabstrip {
    margin-top: 0px;
}

.reports_PageViews {
    margin-top: 64px;
}

.reports_Grids {
    width: 400px;
    height: 200px;
}

.reports_ddMachine {
    width: 450px;
}

.mapping_cmdSelect {
    margin-top: 100px;
    margin-left: 0px;
}

.mapping_cmdUnSelect {
    margin-top: 130px;
    margin-left: -40px;
}

.mapping_Search {
    margin-top: 50px;
    margin-left: 0px;
}

.mapping_lst {
    margin-top: 80px;
    margin-left: -135px;
}

.mapping_cmdClear {
    margin-top: 120px;
    margin-left: 0px;
}

.master_help {
    margin-top: 200px;
    margin-right: 500px;
}

.rtuMultipleEdit_cmdUpdate {
    margin-top: 0px;
    margin-left: 150px;
}

.diag_main_panel {
    float: left;
    /*width:auto;*/
    width: 1500px;
    height: auto;
    overflow: auto
}

.panel_spacer {
    float: left;
    width: 100%;
    height: 20px;
}

.diag_window_class {
    float: left;
    width: 100%;
}

.diag_header_class {
    float: left;
    width: 140px;
}

.diag_command_table_panel {
    float: left;
    width: 230px;
    height: 797px;
}

.diag_command_table {
    float: left;
    font: normal 10px arial, sans-serif;
    list-style-type: none;
    width: inherit;
    height: 797px;
    border: 1px solid grey;
    overflow: auto;
    padding: 5px 2px 5px 2px;
}

.diag_display_command_table {
    float: left;
    font: normal 10px arial, sans-serif;
    list-style-type: none;
    width: inherit;
    height: 500px;
    border: 1px solid grey;
    overflow: auto;
    padding: 5px 2px 5px 2px;
}

.diag_tab {
    height: 670px;
}

.diag_rtu_info_header {
    font: normal 12px arial, sans-serif;
    border: 1px solid grey;
}

.diag_rtu_info_cell {
    width: 80px;
}

.diag_tab_section {
    width: 1200px;
    height: auto;
    border: 1px solid grey;
    overflow: auto;
    padding: 5px 2px 5px 2px;
}

.diag_action_table {
    text-align: center;
}

.diag_heading {
    font: normal 12px arial, sans-serif;
    color: #000000;
}

.diag_tab_info {
    float: left;
    font: normal 10px arial, sans-serif;
    width: 1200px;
    height: 800px;
    overflow: auto;
}

.diag_info_cell_edit_box {
    width: 100px;
}

.diag_info_cell_edit_box_1 {
    width: 115px;
}

.diag_info_cell_edit_box_2 {
    width: 95px;
}

.diag_info_cell_value {
    width: auto;
    font-size: x-small;
}

.diag_info_title {
    background-color: #D3DEEF;
    width: 140px;
}

.diag_info_cell {
    width: auto;
}

.diag_image_button {
    height: 30px;
    width: 30px;
    z-index: 1000;
}

.diag_flag_header {
    text-align: center;
    height: 24px;
    background-color: #D3DEEF;
}

.diag_flag_window {
    float: left;
    border-width: 3px;
    border: 1px solid grey;
    font: inherit;
}

.diag_flag_img {
    float: left;
    height: 12px;
    width: 12px;
}

.diag_flag_txt {
    float: left;
    font: inherit;
    padding: 0px 5px 0px 0px;
}

.diag_sett_cb {
    float: left;
    width: 10px;
    height: 10px;
}

.diag_spacer {
    float: left;
    width: 5px;
    height: 5px;
}

.edit_box_settings1 {
    width: 50px;
    font-size: xx-small;
}

.edit_box_time {
    width: 15px;
    font-size: xx-small;
}

.diag_tags_list_no {
    text-align: center;
    width: 20px;
}

.diag_problem_tags_list_no {
    text-align: center;
    width: 20px;
}

.diag_tags_id {
    text-align: center;
    width: 40px;
}

.diag_tags_id_rts {
    text-align: center;
    width: 102px;
}

.diag_problem_tags_id_rts {
    text-align: center;
    width: 102px;
}

.diag_problem_tags_reason {
    text-align: center;
    width: 80px;
}

.diag_tags_type {
    text-align: center;
    width: 80px;
}

.diag_tags_customer {
    text-align: center;
    width: 82px;
}

.diag_tags_branch {
    text-align: center;
    width: 83px;
}

.diag_tags_name {
    text-align: center;
    width: 83px;
}

.diag_tags_surname {
    text-align: center;
    width: 83px;
}

.diag_tags_id_bot_table {
    text-align: center;
    width: 60px;
}

.diag_tags_id_rts_bot_table {
    text-align: center;
    width: 80px;
}

.diag_tags_type_bot_table {
    text-align: center;
    width: 115px;
}

.diag_tags_customer_bot_table {
    text-align: center;
    width: 80px;
}

.diag_tags_branch_bot_table {
    text-align: center;
    width: 80px;
}

.diag_tags_name_bot_table {
    text-align: center;
    width: 80px;
}

.diag_tags_surname_bot_table {
    text-align: center;
    width: 80px;
}

.button_tags {
    width: auto;
    height: 30px;
    font-size: small;
}

.diag_debug_display {
    float: left;
    width: 100%;
    height: auto;
}

.diag_debug_panel {
    border-width: 3px;
    border: 1px solid grey;
}

.diag_tags_content {
    table-layout: fixed;
    font: normal 10px arial, sans-serif;
    height: 350px;
}

.diag_problem_tags_content {
    visibility: inherit;
    table-layout: fixed;
    font: normal 10px arial, sans-serif;
    height: 310px;
}

.diag_tags_lookup {
    float: left;
    border: 1px solid grey;
}

.diag_problem_tags_lookup {
    float: left;
    border: 1px solid grey;
}

.diag_edit_tags {
    float: left;
    border: 1px solid grey;
    width: 300px;
    height: 50px;
}

.debug_content {
    font: normal 10px arial, sans-serif;
    background-color: White;
    height: 150px;
    overflow: auto;
}

.dialog_modal {
    background-color: transparent;
    background-image: url(../images/disable.png);
    background-repeat: repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    display: none;
    height: 1142px;
    width: 948px;
}

.dialog_modal_ip_mismatch {
    background-color: transparent;
    background-image: url(../images/disable.png);
    background-repeat: repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    display: none;
    height: 100%;
    width: 100%;
}

.dialog_images {
    position: absolute;
    left: 50%;
    top: 50%;
}

.dialog_box_header {
    padding: 3px 0px 3px 0px;
    background-color: #2E4d7B;
}

.dialog_box_content {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #5078B3;
    padding: 10px 10px 10px 10px;
    border: 1px solid #FFFFFF;
    color: white;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    max-width: 400px;
}

.scrol {
    width: 100px;
    height: 100px;
}

.chart-container-small {
    width: 30%;
    background-color: #8FA8D2;
    border: 1px solid #000;
}

.chart-container-large {
    width: 90%;
    background-color: #8FA8D2;
    border: 1px solid #000;
}

.chart-legend {
    min-height: 100px;
}

.chart-legend ul {
    column-count: 2;
    column-gap: 10px;
}

.chart-legend li {
    list-style: none;
    font: 700 15px;
    white-space: nowrap;
    padding: 2px;
    cursor: pointer;
    color: #0d0d0d;
}

.chart-legend span {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.lbl-bold {
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding-left:20px;
    color:crimson;
}