h2
{
    font-size: 18px;
}

#pageHeaderLeftLogo
{
    position: relative;
    float: left;
}

.cardViewFilter .roundPanel
{
    margin: 5px;
}

.popupArea
{
    font-family: Tahoma;
}

.mainContainer table:first, #main_verticalSubmenu1_Menu1, #subMenuLeft, #subMenuCenter
{
    position: relative;
    float: left;
}

    #subMenuLeft ul.dynamic
    {
        border: 1px solid rgb(221, 218, 197);
        padding: 3px;
    }

.dxgvTable
{
    border: none !important;
}

.entryInfo, .entryInfo *
{
    font-size: 11pt;
    color: gray;
    word-wrap: break-word;
}

.entityDetails .entryInfo
{
    max-width: 256px;
}

.blackFont, .blackFont *
{
    color: black !important;
}

.cardViewSidePanelCell.cardViewFilter
{
    background-color: white;
    float: right;
    border-left: none !important;
}
/*-----Master Page-------*/
#pageHeaderText
{
    padding-left: 0px;
    position: relative;
    width: 100%;
}

#headerUserTextInfo
{
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
}

#logoin
{
    width: 180px;
    text-align: right;
}

#rightLogo
{
    position: relative;
    float: right;
    right: 46px;
    margin-top: 3px;
    margin-bottom: 5px;
}

#headerLoginStatus
{
    display: inline-block !important;
    margin-right: 20px !important;
}

#pageHeaderLogoStatus
{
    position: relative;
    float: right;
}

#leftLogoImg
{
    position: relative;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 8px;
}

#mainMenu
{
    background-color: rgb(245, 244, 235) !important;
    display: inline-block;
    position: relative;
    float: left;
}

#mainMenuLeft, #mainMenuRight
{
    background-image: none !important;
    background-color: rgb(245, 244, 235) !important;
}

.tc_main_menu_item_selected
{
    background-color: rgb(221, 218, 197) !important;
}

#mainMenu
{
    border-bottom: none !important;
    margin-right: 50px;
    background-image: none !important;
}

#subMenu ul
{
    list-style: none;
}

    #subMenu ul li:first-child
    {
        border-top: none !important;
    }

    #subMenu ul li:last-child
    {
        border-bottom: none !important;
    }

.companyLogo
{
    background-color: rgb(235, 235, 235) !important;
    display: inline-block;
    float: left;
    width: 132px !important;
    text-align: center;
    margin: 20px;
    padding: 0px !important;
}

    .companyLogo .roundPanelContentCell
    {
        padding: 10px;
    }

    .companyLogo img
    {
        margin-bottom: 5px;
    }

#changeCompanyLogo
{
    color: red;
}

#fieldsContainer
{
    margin: 20px;
    display: inline-block;
}

#txtName
{
    vertical-align: top;
    font-size: 20px;
    margin-bottom: 30px;
}

#fieldsList
{
    list-style: none;
}

    #fieldsList li
    {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(230, 227, 226);
    }

        #fieldsList li:last-child
        {
            border-bottom: none;
        }

.fieldValue
{
    width: 200px;
}

.fieldHeader
{
    display: inline-block;
    float: left;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: bolder;
}

#mainContent
{
    padding: 20px;
}

.customActionsPanel
{
    position: relative;
    background-color: rgb(245, 245, 245);
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    width: 220px;
    float: right;
}

    .customActionsPanel div
    {
        display: inline-block;
        position: relative;
    }

.customItem
{
    margin: 10px;
}

.customBlock
{
    margin: 15px 0px 10px 0px;
}

.customItemLink
{
    margin-left: 5px;
    position: relative;
    bottom: 5px;
}

.customBlockHeader
{
    font-weight: bolder;
    padding-bottom: 10px;
}

.customBlockText
{
    border-top: 1px solid rgb(235, 235, 235);
    padding-top: 10px;
}

#subMenuCenter li.dynamic
{
    border-left: 15px solid rgb(235, 235, 240) !important;
}

#subMenu ul
{
    display: inline-block;
}








/* NEW STYLE */
*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
}

body
{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
}

#footer
{
    position: absolute;
    bottom: 0;
    height: 65px;
}

html, body
{
    margin: 0;
    padding: 0;
}

*
{
    font-family: segoe ui, arial, helvetica, sans-serif !important; /*font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif !important;*/ /*font-size: 13px;*/
    margin: 0;
    padding: 0;
}

#footerContent
{
    padding-bottom: 15px !important;
}

#footerCopyRightCell, #footerLogoCell
{
    vertical-align: middle;
}

#footerLeftLogoContainer
{
    display: inline-block;
    height: 48px;
    width: 168px;
}

.cardViewFilter .roundPanel
{
    z-index: 1000;
}

.mainContainer
{
    width: 100%;
    height: 100%;
}

#pageTopHeader
{
    height: 71px;
    padding: 0px 30px 0px 0px;
    color: white;
}

#contentPanel
{
    min-width: 1250px;
}

.headerCell
{
    vertical-align: top;
}

#headerRightColumn
{
    width: 450px;
}

#headerLeftLogo
{
    width: 235px;
    height: 66px;    
    float: right;
    margin-right:10px;
}
#headerLogosBox
{
    width:100%;
    padding-top:50px;
}
#loginFormLogo
{  
    height: 35px;
    width: 161px;
    float:left;
    margin-left:10px;
}
#headerLogoSeparator
{
    border-left:1px solid gray;    
}
#pageTopHeaderContent
{
    width: 100%;
}

#headerDescription
{
    padding-right: 10px;
}

#headerRightPanel
{
    margin-top: 8px;
    float: right;
    display: inline-block;
}

#headerRightTable
{
    width: 100%;
    float: right;
}

    #headerRightTable td
    {
        vertical-align: bottom;
    }

.headerItem
{
    display: inline-block;
    height: 22px;
    margin-right: 5px;
}

#userProfileCell, #loginViewCell
{
    height: 22px;
}

.headerIcon
{
    height: 22px;
    width: 22px;
    display: inline-block;
}

#loginStatusPanel
{
    display: inline-block;
    float: right;
}

#loginView
{
    float: right;
    display: inline-block;
}

#headerRightTable *
{
    white-space: nowrap;
}

.searchPanel
{
    display: inline-block;
    height: 25px;
    width: 100%;
}

#rightHeaderMenu, .searchPanel
{
    margin-top: 2px;
}

#rightHeaderMenu
{
    margin-bottom: 5px;
    float: right;
}

.searchPanel .roundPanel, .searchPanelContent
{
    width: 100%;
    height: 100%;
}

.imgSearch
{
    display: inline-block;
    float: right;
    height: 23px;
    width: 23px;
    margin: -7px -3px -7px 0px;
}

.txtSearch
{
    height: 16px;
    margin: -7px 0px -7px -3px;
    border: none !important;
    width: 100%;
}

#headerCenterColumn
{
    vertical-align: middle;
    min-width: 550px;
}

#headerText
{
    display: inline-block;
    float: left;
}

.headerTitle
{
    display: inline-block;
    font-size: 22px;
    padding-bottom: 5px;
}

#headerDescription
{
    margin-top: 2px;
    font-size: 14px;
}

#main_verticalSubmenu1_Menu1, #subMenuLeft, #subMenuCenter
{
    display: inline-block;
    padding-right: 10px;
}

.menuPanel
{
    float: right;
    width: 200px;
}

    .menuPanel li a
    {
        font-size: 14px;
        text-decoration: none;
    }

    .menuPanel li
    {
        font-weight: normal;
        list-style: none;
    }

    .menuPanel ul.dynamic
    {
        border: 1px solid rgb(224, 224, 224);
    }

    .menuPanel li.dynamic
    {
        padding: 7px 15px 7px 10px;
    }

    .menuPanel li
    {
        /*padding: 7px 30px 7px 10px;*/
    }

    .menuPanel a
    {
        display: inline-block;
        margin: 7px 0 7px 10px;
        width:100%;
    }

    .menuPanel ul.level2
    {
        /*display: none;*/ /*margin: 5px -30px -7px -15px;     padding-left: 20px;     width: 170px;*/
        display: none;
    }

        .menuPanel ul.level2 li
        {
            border-bottom: none !important;
            border-left: 10px solid rgb(240,240,240);
            border-right: 10px solid rgb(240,240,240);
            background-color: rgb(240,240,240);
        }

            /*.menuPanel ul.level2 li a
            {
                margin-left: 15px !important;
            }*/

    .menuPanel li.selectedItem
    {
        font-weight: bolder;
    }

    .menuPanel .roundPanelContentCell
    {
        padding: 10px 10px 10px;
    }

    .menuPanel ul li:last-child
    {
        border-bottom: none !important;
    }

.mainMenuControl
{
    float: right !important;
    width: 100% !important;
}

    .mainMenuControl ul.static
    {
        width: 100% !important;
    }

    .mainMenuControl li
    {
        border-bottom: 1px solid rgb(229, 229, 229) !important;
        border-top: 1px solid rgb(250, 250, 250) !important;
        z-index: 10;
    }

        .mainMenuControl li:first-child
        {
            border-top: none !important;
        }

.gridTitleTextCell, .itemCountCell
{
    border: none !important;
    text-align: left !important;
    padding: 0px !important;
}

.gridTitleTextCell
{
    font-size: 18px !important;
}

.itemCountCell
{
    font-size: 12px !important;
}

.dxgvControl.DDGridView
{
    border: none !important;
}

    .dxgvControl.DDGridView table:first-child, .newGrid
    {
        width: 100%;
    }

.dxtcControl
{
    width: 100% !important;
}

.dxtcLeftIndentCell, .dxtcRightIndentCell
{
    display: none !important;
}

#mainTable
{
    width: 100%;
    margin-bottom: 30px;
}

.mainTableLeftColumn, #mainTableCenterColumn, .mainTableRightColumn
{
    vertical-align: top;
}

#rightMainColumn .roundPanel
{
    /* min-height: 50px;*/
}

#rightPanelHeaderPanel
{
    min-height: 28px;
}

#rightPanelContentPanel
{    
    width: 100%;
}

#detailsPageEntityTextTemplate .entryInfo, #detailsPageEntityTextTemplate .entryInfo *
{
    color: Black;
}

.mainHeaderPanel
{
    background-color: #F1F6F9;
}

.mainContentPanel
{
    background-color: white;
}

.mainHeaderPanel, .mainContentPanel
{
    width: 100%;
}

.rightPanelHeader, .rightPanelContent
{
    width: 100%;
    padding: 5px 10px 5px;
}

.rightPanelHeader
{
    padding-top: 1px;
}

#rightPanelHeaderPanel, #rightPanelContentPanel
{
    display: inline-block;
}

.actionBlock
{
    display: none;
    margin-top: 10px;
    float: right;
}

.actionIcon
{
    /*margin-right: 5px;*/
}

    .actionIcon div
    {
        display: inline-block;
        width: 28px;
        height: 24px;
    }

.dxgvDataRow td[id*=tcrow], .dxgvEditFormDisplayRow td[id*=tcrow], dxgvSelectedRow td[id*=tcrow]
{
    padding: 0px 20px 0px;
}
/*.entryCard
{
    min-height: 75px;
}*/
.gridDataRow
{
    width: 100%;
    padding: 0 5px;
}

#listGrid
{
    padding: 0 2px;
}

.listGridPager table td
{
    padding: 5px 2px;
}

.listGridPager span
{
    font-weight: bold;
}

.listGridPager
{
    font-size: 9pt;
}

.entryCard
{
    padding-top: 10px;
    padding-bottom: 10px;
}

    .entryCard td
    {
        vertical-align: middle;
    }

.DDGridView, .DDGridView .gridViewContainerCell, #ctl00_ctl00_main_Content_ucItemsList_dynamicGrid_ctl04, #ctl00_ctl00_main_Content_ucItemsList_dynamicGrid_ctl04, #ctl00_ctl00_main_Content_ucItemsList_dynamicGrid_ctl04, #ctl00_ctl00_main_Content_ucItemsList_dynamicGrid_ctl04 .gridViewContainerCell, .gridViewContainerCell, .gvSearchResults
{
    width: 100%;
}

    .DDGridView .gridViewContainerCell
    {
        display: inline-block;
    }

    .DDGridView .cardViewFilter
    {
        width: 0px !important;
        padding: 0px !important;
    }

.gridRightColumn
{
    vertical-align: top;
    width: 115px !important;
}

td.mainTableLeftColumn
{
    width: 1px;
    padding: 12px 0px 0px;
    max-width: 217px;
}

td#mainTableCenterColumn
{
    padding: 0px 0px 0px;
}

td.mainTableRightColumn
{
    width: 300px;
}

td.mainTablePadding
{
    width: 18px;
}

#container
{
    background: black;
    min-height: 100%;
}

#footerPanel
{
    display: inline-block;
    width: 100%;
    height: 40px;
}

#footerCopyRightCell
{
    padding-left: 35px;
}

#footerLogoCell
{
    padding-right: 35px;
}

#footerCopyRightText
{
    display: inline-block;
    float: left;
}

.footerLogo
{
    width: 300px;
    height: 65px;
    float: right;
    display: inline-block;
}

#headerLeftColumn
{
    width: 240px;
}

.rightPanelContentPanel td
{
    vertical-align: top;
}

td.rightBlockLeftItem
{
    width: 130px;
}

td.rightBlockLeftItem, td.rightBlockRightItem
{
    height: 21px;
}

    td.rightBlockRightItem a
    {
        position: relative;
        bottom: 1px;
    }

.homepageSearchPanel, .homepageSearchPanel .searchField
{
    width: 100%;
}

.homepageSearchPanel
{
    background-color: white;
}

    .homepageSearchPanel .searchField
    {
        border: none;
    }

.homeSearchPanel
{
    margin: 0px !important;
}

.searchButtonCell
{
    width: 20px;
}

.rightPanelBlockHeader
{
    font-size: 16px;
    margin: 10px 0px 2px;
}

.rightPanelBlock td
{
    vertical-align: top;
}

.rightPanelBlock table
{
    width: 100%;
}

.rightBlockRightItem
{
    margin-bottom: 5px;
}

.dxgvTitlePanelAddButton, .dxgvTitlePanelWizardButton
{
    padding: 3px 0px 0px 10px;
    float: right;
}

.dxgvTitlePanelFilterButton, .dxgvTitlePanelButtons
{
    width: 25px;
}

.filterButton
{
    width: 21px;
    height: 18px;
    display: inline-block;
    cursor: pointer;
    float: right;
    margin: 5px 25px 0px 10px;
}

.itemCountCell
{
    display: inline-block;
    float: right;
    position: relative;
    top: 6px;
    margin-left: 40px;
}

.gridTitleTextCell
{
    display: inline-block;
    position: relative;
    top: 1px;
}

.newGrid .dxbButton
{
    cursor: pointer;
    display: inline-block;
    width: 21px;
    height: 18px;
    border: none;
    position: relative;
    float: right;
    right: 0px;
    top: 5px;
}

.gridViewTitleContent td
{
    vertical-align: top !important;
}

.newGrid div[id*=ExportButton]
{
    background-color: transparent !important;
    display: inline-block;
    width: 21px;
    height: 18px;
    padding: 0 !important;
}

    .newGrid div[id*=ExportButton] span
    {
        display: none;
    }

#mainContainerHeaderText
{
    padding-left: 10px;
    height: 27px;
    font-size: 18px;
    color: white;
}

.panelSaveBookmark
{
    display: inline-block !important;
    margin: 0 !important;
    width: 100%;
}

#addBookmarkTable
{
    width: 100%;
}

#addBookmarkButtonCell
{
    width: 50px;
}

.txtBookmarkName, .addBookmarkButton
{
    float: left;
    display: inline-block;
}

.entryTitle, .entryTitle *
{
    font-size: 17px;
}

.vehiclePopupLinkBox
{
    text-align: center;
}

    .vehiclePopupLinkBox a
    {
        font-size: 17px;
    }

/* SEARCH */
.gvSearchResults table
{
    width: 100%;
}

    .gvSearchResults table.dxgvLoadingPanel
    {
        width: auto !important;
    }


/* back link*/
#BackLinkPanel
{
    float: right;
    display: inline-block;
    padding-right: 30px;
    margin-top: 2px;
}

    #BackLinkPanel a, #BackLinkPanel a:visited
    {
        font-size: 16px;
        color: white;
    }




/*Create & Edit styles*/
.detailsTabControl td.dxtcTabsCell
{
    padding: 0px 10px !important;
}

.detailsTabControl td
{
    vertical-align: middle;
}

#detailsTable
{
    padding: 10px;
}

    #detailsTable td, .standardDetailsTable td
    {
        vertical-align: middle;
    }

.editTable
{
    width: 100%;
}

#detailsTable td.DDLightHeader, .standardDetailsTable td.DDLightHeader
{
    width: 30px;
    padding-right: 15px;
    white-space: nowrap;
    vertical-align: middle;
}

.DDDetailsTable table.dxeButtonEdit, .DDDetailsTable table.dxeTextBox
{
    width: 300px;
}

.DDDetailsTable td
{
    vertical-align: baseline;
}

    .DDDetailsTable td.DDLightHeader *
    {
        font-size: 14px;
    }

    .DDDetailsTable td.DDLightHeader, .DDDetailsTable td.editButtons
    {
        padding: 8px 0px 8px 5px;
    }

.DDDetailsTable *
{
    font-size: 14px;
}

.DDDetailsTable .dxucControl
{
    margin-top: 5px;
}

.DDField
{
    margin: 5px 0px 5px;
}

.roundButton
{
    display: inline-block;
    float: left;
    margin-right: 10px;
}

    .roundButton .roundPanelContentCell, .roundButton .roundPanelTopMiddle, .roundButton .roundPanelTopLeftCorner, .roundButton .roundPanelTopRightCorner
    {
        padding: 0px !important;
    }

    .roundButton .roundPanelTBottomMiddle, .roundButton .roundPanelBottomLeftCorner, .roundButton .roundPanelBottomRightCorner
    {
        padding: 0px !important;
    }

    .roundButton a
    {
        display: inline-block;
        text-decoration: none;
        height: 18px;
    }

    .roundButton td
    {
        vertical-align: top !important;
    }

/* DETAILS */
.deleteButtonPanel
{
    float: right;
}

.DDDetailsTable img
{
    margin: 5px 0px 5px;
}

#detailsTable .DDLightHeader *, .standardDetailsTable .DDLightHeader *, #detailsTable .DDLightHeader
{
    font-weight: bolder;
}
/*.detailsTabControl .DDGridView
{
    margin-bottom: -17px;
}*/
.detailsTable
{
    padding: 0px 10px 0px !important;
}

.detailsTabControl table.gridViewTitlePanel *
{
    background-color: rgb(179, 179, 179) !important;
}

.detailsTabControl table.gridViewTitlePanel .roundPanelCorner
{
    background-image: url(../images/gray-header-corners.jpg);
}

.newGrid table.gridViewTitlePanel div[id*="ExportButton"]
{
    background-color: transparent !important;
}

.detailsHeaderTable
{
    width: 100%;
    background-color: white;
}

    .detailsHeaderTable .roundButton
    {
        float: right;
    }

.detailsHeaderTableCell
{
    vertical-align: bottom;
}

.detailsHeaderTable .entryCard
{
    padding-bottom: 0px !important;
    padding-left: 6px;
}

.entryCardCOP
{
    margin-left: 57px;
}

    .entryCardCOP .entryTitle
    {
        font-size: 14px;
    }

.dv_cop_element
{
    display: none;
}

.dv_sr_toggle_cop
{
    width: 15px;
}

.detailsHeaderTable .entryCardCOP
{
    padding-bottom: 0px !important;
    padding-left: 6px;
}
/*.detailsTabControl .gridViewTitleContent
{
    height: 20px !important;
}*/


/*.gridViewContainerCell, #ctl00_ctl00_main_Content_ucItemsList_dynamicGrid_ctl04
{
    width: 100%;
}
.cardViewFilter
{
    width: 0px;
}
.DDGridView tbody:first-child
{
    width: 100%;
}*/

/**** Tyre details style ****/
.dxtcTab, .dxtcTabWithTabPositionLeft, .dxtcTabWithTabPositionBottom, .dxtcTabWithTabPositionRight, .dxtcActiveTab, .dxtcActiveTabWithTabPositionBottom, .dxtcActiveTabWithTabPositionLeft, .dxtcActiveTabWithTabPositionRight
{
    padding: 0px !important;
}

.dxtcActiveRow div
{
    width: 4px !important;
}

#tyre_edit_buttons
{
    padding-bottom: 14px;
}

    #tyre_edit_buttons img
    {
        padding-left: 4px;
    }

#tyreEditBox
{
    width: 100% !important;
    margin: 5px 0 10px 0;
}

    #tyreEditBox table.dxgvControl .cardFieldsBox
    {
        left: -26px;
        position: relative;
        top: -10px;
    }

    #tyreEditBox div.roundPanelCorner, div.groupedRowsContainer
    {
        margin-left: 0px;
    }

    #tyreEditBox td.roundPanelTopMiddle
    {
        margin-left: 0px;
    }

    #tyreEditBox td.roundPanelLeftMiddle
    {
        margin-left: 0px;
    }

    #tyreEditBox td.roundPanelRightMiddle
    {
        margin-left: 0px;
    }

    #tyreEditBox td.roundPanelBottomMiddle
    {
        margin-left: 0px;
    }

    #tyreEditBox td.dxgvEditFormCaption
    {
        border: none !important;
        font-weight: normal;
        font-size: 12px;
    }

td.dxgvEditFormCell
{
    border: none !important;
    font-weight: normal;
    font-size: 12px;
    width: 220px !important;
    margin-left: 15px;
    padding: 0px 0px 0px 3px !important;
}

#vehicleDetailsRight
{
    border: none !important;
    width: 100% !important;
}

    #vehicleDetailsRight table.dxgvTable
    {
        overflow: visible !important;
    }

#vehicleDetailsBox *
{
    border: none !important;
}

.tyreDetailRound
{
    padding: 2px;
}

.mainDVFieldHeader
{
    padding: 4px;
}

.showMenuButton
{
    float: left;
}

.backToListButton
{
    float: right;
    margin: 0px !important;
    margin-right: -6px !important;
}

.dxtcPageContent
{
    border: none !important;
}

.dxgvHeader
{
    border-left-width: 1px;
    border-left-color: #b9b8b7;
    border-right-width: 1px;
    border-right-color: #b9b8b7;
}

.dxgvGroupPanel
{
    border: none !important;
}

.hideVerticalMenu
{
    display: none !important;
}

.showVerticalMenu
{
    display: block !important;
}

.positionVerticalMenu
{
    position: absolute;
}

#verticalMenuVD
{
    margin-top: 27px;
}

.tcPageControl
{
    padding-top: 10px;
}

.vehicleDetailsTable
{
    width: 100%;
    padding-top: -20px;
}

.vehicleDetailsTableTd
{
    vertical-align: top;
    width: 255px;
    padding-left: 35px;
}

.vehicleDetailsTableTdRight
{
    vertical-align: top; /*padding-right: 23px;*/
}

    .vehicleDetailsTableTdRight .newGrid
    {
        margin: 0px 0px 18px 8px !important;
    }

.inspectionHistoryButtonContainer
{
    height: 35px !important;
    margin-left: 8px !important;
}

#vehicleDetailsRight .dxtcTabsCell
{
    padding: 18px 0px 0px 19px !important;
}

.vehicleDetailsTable .roundPanelContentCell
{
    vertical-align: top !important;
}

.vehicleDetailsTable .gridViewTitleContent td
{
    vertical-align: top !important;
}

.vehicleDetailsTable .dxgvDataRow .dxgvCommandColumn
{
    width: 81px;
    min-width: 81px;
}

    .vehicleDetailsTable .dxgvDataRow .dxgvCommandColumn img
    {
        padding-left: 3px;
    }

.dxbButton
{
    margin-bottom: 10px;
}

.dxgvFilterRow img
{
    margin: auto;
}

.dxgvPagerBottomPanel, .dxgvPagerTopPanel
{
    display: inline-block;
    float: left;
    width: auto;
    margin-left: 6px;
}

.dxgvPagerTopPanel
{
    margin-top: 4px;
}

.dxgvPagerBottomPanel
{
    margin-bottom: 3px;
}

#vehicleDetailsRight
{
    padding: 0px !important;
}

    #vehicleDetailsRight .dxtcPageContent
    {
        /*padding: 11px 0px 0px 10px !important;*/
    }

    #vehicleDetailsRight .dxtcControl
    {
        width: 100% !important;
    }

.vehicleDetailsBox, .srVehicleDetailsBox
{
    margin-bottom: 0px !important;
    width: 100% !important;
}

    .vehicleDetailsBox .mainRoundPanel, .srVehicleDetailsBox .mainRoundPanel
    {
        width: 100% !important;
    }

#tyreEditButtonsBox
{
    margin: 5px 0px 0px 5px !important;
}

.vehicleDetailsBox .roundPanelContentCell *
{
    padding: 0px 3px 0px 3px !important;
}
/*#tyreEditBox .dxgvEmptyDataRow .dxgv
{
    padding: 20px 2px 20px 10px !important; 
}*/
.dxgvEditFormCell .dxeTextBox
{
    padding: 0px 0px 0px -7px !important;
}

.roundPanelContentCell .cardFieldsBox .dxgvEditFormCaption
{
    width: 102px;
}

.dxgvEditFormCaption
{
    width: 170px !important;
}

#inspectionMeasurements .dxgvEditFormCaption
{
    width: 100px !important;
}

.groupedRow
{
    margin-bottom: -15px;
}
/*.dxgvCommandColumn
{
    width: 81px;
}*/
.gridViewTitleContent
{
    margin-bottom: -6px;
    margin-top: -6px;
}

.dxgvFilterRow td.dxgv
{
    border-color: #D0D0CF #D0D0CF #DCDCDC !important;
}

.vehicleDetailTitleText
{
    font-size: 20px;
}

.vehicleDetailTitleValue
{
    font-size: 20px;
}
/*#vehicleDetailTitle
{
    margin-left: 21px;
}*/
#vehicleImageSmall
{
    cursor: pointer;
}

.cardFieldGroup
{
    max-width: 100% !important;
}

.dxgvEditFormCell label
{
    margin-left: 4px;
}

#vehicleDetailsRight .cardFieldGroup
{
    margin: 10px 45px 0 20px;
}

.dxgvDataRow .cardFieldsBox td.dxgvEditFormCaption, .dxgvEditFormDisplayRow .cardFieldsBox td.dxgvEditFormCaption, .dxgvPopupEditForm .cardFieldsBox td.dxgvEditFormCaption
{
    padding: 0px 4px 0px 2px !important;
}

.TyreCommentGroup
{
    margin-left: 7px !important;
}

#vehicleDetailsTable
{
    margin-bottom: 0px !important;
}

.lblLoginFailureText
{
    color: red;
}

.dxeCalendarFooter
{
    padding: 8px 5px 8px 12px;
}

.mainContentContainer
{
    background-color: white;
}

/**********************Popup view************************/

.dxWeb_pcCloseButton
{
    height: 23px;
    width: 24px;
}

.dxpcHeader
{
    font-size: 15px !important;
    padding: 5px 5px 5px 15px !important;
}

    .dxpcHeader .dxpc
    {
        font-size: 15px !important;
    }

.dxpcContent
{
    padding: 15px 15px 15px 12px !important;
}

.pcfastInspectionInput .dxpcContent
{
    padding: 15px 15px 25px 7px !important;
}

.dxpcContent span
{
    margin-left: 3px;
}

.dxpcContent .dxdvContent .dxeButtonEdit
{
    width: 70px !important;
}

.dxpcControl #fastInspectionInput
{
    margin: 0px 0px 10px 4px !important;
}

    .dxpcControl #fastInspectionInput span
    {
        margin-left: 2px !important;
    }

.fastInspectionInputBtnSave
{
    float: right !important;
    width: auto !important;
    margin-top: 30px;
}

.dxpcContent .vehicleImageBox
{
    margin-left: 12px;
}

/**********************Tab style************************/
.tabTitleLeft, .tabTitleMiddle, .tabTitleRight, .tabTitleLeftSelected, .tabTitleMiddleSelected, .tabTitleRightSelected
{
    height: 25px;
}

.tabTitleLeft, .tabTitleRight, .tabTitleLeftSelected, .tabTitleRightSelected
{
    padding-left: 5px;
}

#tyreEditBox .dxtcRightAlignCell
{
    border: none !important;
    border-width: 0px !important;
}


/* COMBOBOX */
table.dxeButtonEdit
{
    border: none !important;
}

    table.dxeButtonEdit td
    {
        vertical-align: top !important;
    }

    table.dxeButtonEdit input.dxeEditArea
    {
        margin: 0px 5px 0px !important;
        height: 21px !important;
    }

    table.dxeButtonEdit td.dxeButtonEditButton
    {
        border: none !important;
        padding: 0 !important;
    }

        table.dxeButtonEdit td.dxeButtonEditButton table.dxbebt
        {
            width: 26px;
        }

            table.dxeButtonEdit td.dxeButtonEditButton table.dxbebt img
            {
                display: none;
            }
    /*-----------------*/

    /* SPIN EDIT */
    table.dxeButtonEdit td.dxeSBC table
    {
        display: inline-block;
        height: 13px;
        width: 26px;
    }

    table.dxeButtonEdit table.dxbebt
    {
        height: 14px !important;
        position: relative;
        bottom: 1px;
    }

    table.dxeButtonEdit td.dxeSpinIncButton
    {
        height: 13px;
        width: 27px;
    }

    table.dxeButtonEdit td.dxeSpinDecButton
    {
        background: none !important;
    }

/* TEXTBOX */
table.dxeTextBox
{
    border: none;
}

    table.dxeTextBox td.dxic
    {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    table.dxeTextBox input.dxeEditArea
    {
        display: inline-block;
        margin: -1px 0px 0px 0px !important;
        height: 21px !important;
    }
/*-----------------*/

/* TEXTAREA */
table.dxeMemo
{
    display: inline-block;
    width: 226px !important;
    height: 54px !important;
    border: none !important;
}

    table.dxeMemo td
    {
        display: inline-block;
        width: 219px !important;
        height: 54px !important;
        border: none !important;
        padding: 0px 0px 2px 7px;
    }

    table.dxeMemo textarea
    {
        resize: none !important;
        border: none !important;
        outline: none !important;
        width: 215px !important;
        height: 48px;
        background-color: transparent !important;
        padding: 4px 11px 4px 1px;
    }

#detailsTable table.dxeMemo, .standardDetailsTable table.dxeMemo, .wideTextarea table.dxeMemo
{
    width: 300px !important;
}

    #detailsTable table.dxeMemo td, .standardDetailsTable table.dxeMemo td, .wideTextarea table.dxeMemo td
    {
        width: 293px !important;
    }

    #detailsTable table.dxeMemo textarea, .standardDetailsTable table.dxeMemo textarea, .wideTextarea table.dxeMemo textarea
    {
        width: 288px !important;
    }

.oldTextArea table.dxeMemo textarea, .oldTextArea table.dxeMemo
{
    background-color: white !important;
    padding: 0px !important;
}

.oldTextArea table.dxeMemo
{
    display: table !important;
    width: 100% !important;
    background-image: none !important;
}

    .oldTextArea table.dxeMemo td
    {
        display: table-cell !important;
        background-image: none !important;
    }

    .oldTextArea table.dxeMemo textarea
    {
        border: 1px solid rgb(210,210,210) !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0px !important;
        background-image: none !important;
    }
/*-----------------------*/


/* CHECKBOX */
span.dxeBase, td.dxeBase
{
    display: inline-block;
    width: 23px !important;
    height: 21px;
    cursor: pointer;
}

td.dxeBase
{
    position: relative;
    bottom: 1px;
}

    span.dxeBase input, td.dxeBase input
    {
        display: none;
    }

/**/

.oldCheckBox span.dxeBase, .oldCheckBox td.dxeBase
{
    display: block !important;
    width: auto !important;
    height: auto !important;
    cursor: default !important;
}

.oldCheckBox td.dxeBase
{
    position: static !important;
}

    .oldCheckBox span.dxeBase input, .oldCheckBox td.dxeBase input
    {
        display: inline-block;
    }

/**/

span.dxeBase.oldCheckBox
{
    display: block !important;
    width: auto !important;
    height: auto !important;
    cursor: default !important;
}

    span.dxeBase.oldCheckBox input
    {
        display: inline-block;
    }
/*--------------------------*/


/* WIZARD */
table[id$=SideBarList]
{
    display: none;
}

.wizard
{
    width: 100%;
    margin-bottom: -24px;
}

#wizardHeaderContainer
{
    width: 100%;
}

    #wizardHeaderContainer td.wizardHeaderLeftSpace, #wizardHeaderContainer td.wizardHeaderRightSpace
    {
        width: 20px;
    }

.wizardHeader
{
    margin-top: -2px;
    text-align: center;
    width: 100%;
}

#wizardHeaderTabs
{
    display: inline-block;
    margin-top: -6px;
    margin-bottom: 2px;
}

.wizardTab
{
    display: inline-block;
    float: left;
    margin-right: 5px;
}

    .wizardTab.activeTab a
    {
        font-weight: bolder;
    }

    .wizardTab a
    {
        text-decoration: none;
        font-size: 15px;
    }

    .wizardTab .roundPanelContentCell
    {
        position: relative;
        display: inline-block;
        margin-top: -6px;
        margin-bottom: -3px;
    }

.wizardButton
{
    position: relative;
    bottom: 6px;
    left: 150px;
    margin-bottom: 10px;
}

.smallInput td.roundPanelContentCell
{
    margin: -7px -6px -3px !important;
}

.wizardButton input, .addBookmarkButton input, .roundInput input
{
    background: none !important;
}

.wizardButton input
{
    font-size: 14px;
}

.wizardButton td.roundPanelContentCell
{
    margin: -7px -6px -3px !important;
}

.cancelButton
{
    position: relative;
    left: 20px;
    bottom: 16px;
}

    .cancelButton a
    {
        font-size: 14px;
    }

#centerMainColumn
{
    display: inline-block;
    height: 100%;
    width: 100%;
}


/* Policy */
.policyMainLabel
{
    margin-left: 3px;
}

.policyShowButton
{
    margin-bottom: 3px;
}

.policyLevelSelector
{
    padding: 10px;
    margin-bottom: 0px !important;
}

#textPolicyButtons td
{
    padding-right: 0px !important;
}

.approveRuleRightGrid
{
    padding-left: 7px;
}

.policyRulesButtonsBlock
{
    margin: 0 0 10px 0px !important;
}

.policyLevelSelectorRules
{
    padding: 10px;
    margin-bottom: 0px !important;
}

    .policyLevelSelectorRules .dxtcActiveRow
    {
        margin-left: 12px;
    }

.policyLevelSelectorApproveRules
{
    margin-left: 10px;
    margin-right: 10px;
}

.policyLevelSelector .dxtcActiveRow
{
    margin-left: 3px !important;
}

.policyManagementBlock .policyManagementTab
{
    margin-left: -10px;
}

.dxmLite, .dxmLite .dxm-content a.dx
{
    background-color: #F0F0F0 !important;
}

#approveRuleApplyDisableBox
{
    width: 20px !important;
}

    #approveRuleApplyDisableBox .tyreEditButton
    {
        margin: 0px 0px 3px -2px !important;
    }

.dxtcTabsCell table
{
    width: auto !important;
}

.mainContent .dxgvCommandColumn
{
    float: none !important;
    width: 40px;
}

.fleetParametersTbl
{
    margin-bottom: 20px;
}

/* Support */
.support
{
    padding: 12px;
}

    .support td
    {
        padding: 3px;
    }

form
{
    margin: 0px !important;
}

/* Price Lists */
.cardViewSidePanelCell .dxgvEditFormCaption
{
    padding: 5px 0px 0px 5px !important;
}

/* Tyre Dashboard */
.tyreDashboardControl
{
    margin-left: 5px;
}

.monitoringChart
{
    margin-left: 7px;
}

    .monitoringChart .dxtcPageContent img
    {
        display: none;
    }

#monitoringReportParams
{
    margin-left: 5px;
}

#tyreDashboardTyreProductLabel a, #tyreDashboardTyreProductLabel a:visited
{
    color: #0C6D9D;
    font-size: 14px;
}

#tyreDashboardTyreProductLabel, .tyreDashboardTyreProduct
{
    white-space: nowrap !important;
}

.monitoringChart table
{
    width: auto !important;
}

.tyreDashboardLabel
{
    padding-right: 8px;
}

.dxWeb_pcCloseButton
{
    background: url("../images/popup_close.png");
}

.tyreDashboardFields
{
    padding-right: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
}

.mainPolicyTable
{
    width: 100%;
    margin-right: 5px;
}

.leftPolicyColumn
{
    width: 46%;
}

.centerPolicyColumn
{
    width: 8%;
}

.rightPolicyColumn
{
    width: 46%;
}

/* Tyre History */
#tyreDetailsContent
{
    padding: 10px 7px;
}

    #tyreDetailsContent .dxgvGroupPanel
    {
        display: none;
    }

.tyreHistoryDetails
{
    padding-top: 6px;
}

/* Vehicle View */
#tyreEditBox .gridViewTitleContent
{
    display: none;
}

#vehicleDetailsRight .dxtcPageContent
{
    padding-left: 18px !important;
}

.topMarginPanel
{
    margin-top: 10px !important;
}

.vehicleViewBox div.vehicleDetailsBox .roundPanelCorner
{
    background-image: none;
}

#vehicleViewPolicy .dxgvTable
{
    width: 100% !important;
}

.vehicleViewTabContainer
{
    width: 100% !important;
}

.vehicleViewBox .dxgvEmptyDataRow td.dxgv
{
    padding: 0px !important;
}

/* StockManagement */
#stockMgm
{
    padding:10px 0 0 10px;
}

    #stockMgm a
    {
        color: #0C6D9D;
        font-size: 14px;
    }

.selectedTyres
{
    margin-top: 10px;
}

/* Workorders */
#workOrdersBox
{
    padding: 0 10px 10px 10px;
}

#workOrdersBoxTop
{
    padding: 10px;
}

#workOrdersBox .aspGrid th
{
    /* background-color: #828282 !important; */
    display: none;
}

#workOrdersBox .aspGrid td a
{
    color: #0C6D9D;
}

.marginInput
{
    margin-bottom: 3px;
    margin-left: 3px;
}

/* MEASUREMENTS VIEW */
.inspDetailsMenu
{
    margin-top: 1px !important;
}

.inspectionTitlesTexts
{
    font-weight: bolder !important;
}

.inspectionTitlesValues
{
    font-weight: normal !important;
}

#inspDetailsButtons
{
    width: 100%;
}

.showMenuButton a
{
    width: 68px;
}

.createSrButton .roundPanelContentCell
{
    margin: -8px -10px -2px !important;
}

.inspDetailsButton a
{
    margin: -4px -2px -2px !important;
}

.inspVehicleDetails
{
    width: 250px !important;
}

#inspectionTitles.inspDetailsInfo
{
    margin: 10px 0px !important;
}

#inspectionMeasurements
{
    height: auto !important;
}

    #inspectionMeasurements *
    {
        font-size: 14px !important;
        color: black !important;
    }

#inspMeasControls .pcImageDefects .dxpcContent
{
    padding-bottom: 10px !important;
}

#inspMeasControls .pcTextDefects .dxpcContent
{
    padding: 7px 5px 5px 12px !important;
}

#tyreModel
{
    font-size: 16px !important;
    font-weight: bold;
    margin: 5px 0px 10px;
}

.measurementsView
{
    margin-left: 8px;
}

    .measurementsView table.dxeButtonEdit
    {
        margin: 2px 5px 8px 0px;
    }

.sep20
{
    height: 10px !important;
}

#inspectionMeasurements td.dxgvCommandColumn
{
    display: none;
}

.measurementsView table.dxeButtonEdit td.dxic
{
    padding: 0px 0px 0px 5px !important;
}

.measurementsView table.dxeButtonEdit input.dxeEditArea
{
    margin: 0 !important;
    position: relative;
    left: 1px;
}

.measurementsView .tyreEditButton
{
    margin-right: 5px;
}

.measurementsHeader, .defectsHeader
{
    width: 100%;
}

    .measurementsHeader td, .defectsHeader td
    {
        vertical-align: middle;
    }

.measurementsHeaderTitle, .defectsHeaderTitle
{
    color: white;
    font-size: 18px;
}

.measurementsHeaderButtons
{
    width: 125px;
}

.defectsHeaderPanel
{
    margin-bottom: 3px;
}

.defectsHeaderLink, .defectsHeaderLink:visited
{
    color: white;
    font-size: 16px;
    float: right;
}

.defectsHeaderLinks
{
    float: right;
    margin-right: 10px;
}

    .defectsHeaderLinks *
    {
        font-size: 16px;
        color: white;
    }

.addByLabel
{
    padding-right: 10px;
}

.separatorLabel
{
    padding: 0px 7px;
}

.defectsGrid
{
    margin-bottom: 10px;
}

    .defectsGrid td
    {
        border: none !important;
        vertical-align: middle !important;
    }

    .defectsGrid table:first-child
    {
        width: 100%;
    }

#addDefectLink
{
    position: relative;
    top: 6px;
}

#inspectionDetailsLeftCell, #inspectionDetailsRightCell
{
    vertical-align: top;
}

#inspectionMeasurements
{
    min-width: 350px;
    width: auto;
}

    #inspectionMeasurements .dxeButtonEdit
    {
        width: 50px !important;
    }

.createSrButton
{
    margin: auto;
}

#inspectionTitles .inspectionTitlesTexts, #inspectionTitles .inspectionTitlesValues, #inspectionTitles .inspectionTitlesValues a
{
    font-size: 16px;
}

.defectTypes
{
    margin-top: 10px;
}

.addDefectButton
{
    margin-top: 9px;
}

/* CreateServiceRequest */
.createSrInput
{
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 0px !important;
}

.createSrDiv
{
    margin-left: 3px;
}

#vehicleSearchParams
{
    padding: 10px;
}

#vehicleSearchGrid
{
    margin-left: 10px;
}

    #vehicleSearchGrid .dxgv a
    {
        color: #0C6D9D;
        font-size: 14px;
    }

#vehiclePopupSmall .dxgvDataRow .cardViewGridItemContent
{
    background-color: white !important;
    width: 100%;
}

#vehiclePopupSmall .dxgvEditFormDisplayRow .cardViewGridItemContent
{
    background-color: white !important;
    width: 100%;
}

#vehiclePopupSmall .dxgvPopupEditForm .cardViewGridItemContent
{
    background-color: white !important;
    width: 100%;
}

#vehicleSearchParams .inspDetailsButton, #vehicleSearchParams .createSrButton
{
    margin: 0px !important;
}

#vehiclePopupSmall .dxgvDataRow .commandGroup, #vehiclePopupSmall .dxgvEditFormDisplayRow .commandGroup, #vehiclePopupSmall .dxgvPopupEditForm .commandGroup
{
    float: left !important;
    border: none;
}

#vehiclePopupSmall .dxgvCommandColumn
{
    padding: 1px 40px 7px 24px !important;
}

    #vehiclePopupSmall .dxgvCommandColumn img
    {
        margin-right: 8px !important;
    }

.createVehicleGrid .commandGroup
{
    height: 35px !important;
}

.createVehicleGrid .cardFieldGroup
{
    float: right !important;
}

/* FILTER POPUP */
td.filterPopup
{
    border: none !important;
    background-color: transparent !important;
}

    td.filterPopup td.dxpcContent
    {
        padding: 0px !important;
    }

.popupContainer
{
    display: none;
    position: absolute;
    z-index: 1000;
    min-width: 200px;
}

td .sideFilterpanelCommandCell img
{
    margin-top: -2px !important;
    margin-right: 5px !important;
}

.filterContent .gridTitleTextCell
{
    width: auto !important;
    height: auto !important;
    display: table-cell !important;
    position: static !important;
}

.filterShadowPanel
{
    margin: 0px !important;
}

/* ROUND PANEL STYLES */
.roundPanelBottomLeftCorner, .roundPanelBottomRightCorner, .roundPanelTopLeftCorner, .roundPanelTopRightCorner
{
    width: 1px;
    height: 1px;
}

.roundPanelBorder, .roundPanelCorner
{
    background-color: transparent;
    background-attachment: scroll;
}

.roundPanelCorner
{
    width: 6px;
    height: 6px;
    background-repeat: no-repeat;
}

.roundPanelTopLeftCorner .roundPanelCorner
{
    background-position: 0px 0px;
}

.roundPanelTopRightCorner .roundPanelCorner
{
    background-position: -6px 0px;
}

.roundPanelBottomLeftCorner .roundPanelCorner
{
    background-position: 0 -6px;
}

.roundPanelBottomRightCorner .roundPanelCorner
{
    background-position: -6px -6px;
}

.roundPanelTopMiddle
{
    background-repeat: repeat-x;
    background-position: top left;
}

.roundPanelLeftMiddle
{
    background-repeat: repeat-y;
    background-position: top left;
}

.roundPanelRightMiddle
{
    background-repeat: repeat-y;
    background-position: top right;
}

.roundPanelBottomMiddle
{
    background-repeat: repeat-x;
    background-position: bottom left;
}

/*--------- Login page style ---------*/
.loginFormBox
{
    background-color: white !important;
}

#loginWelcome
{
    font-size: 26px;
    margin-bottom: 0px;
}

.loginTitleExt
{
    margin-bottom: 26px;
    position: relative;
}

.loginForm label
{
    font-size: 16px !important;
}

#loginMainTable *
{
    font-size: 14px;
}

#loginMainTable .userNameTd
{
    width: 70px !important;
}

#loginMainTable .passwordTd
{
    width: 70px !important;
}

.rememberMe
{
    margin-top: 12px;
    float: left;
}

.loginButton
{
    float: right;
    margin-top: 11px;
    margin-right: -6px;
}

.roundButton .dxeHyperlink
{
    font-size: 13px;
}
/* -----------------------------------*/


/* SHADOW */
.rightShadowPanel, .mainShadowPanel
{
    width: 100%;
}

.rightShadowPanel
{
    position: relative;
    right: 5px;
}

.cornerShadow
{
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
}

.leftShadow, .rightShadow
{
    width: 12px !important;
}

.topLeftShadow
{
    top: 6px;
    left: 6px;
}

.topRightShadow
{
    top: 6px;
    right: 6px;
}

.bottomRightShadow
{
    bottom: 6px;
    right: 6px;
}

.bottomLeftShadow
{
    bottom: 6px;
    left: 6px;
}
/*#listViewGrid
{
    display: inline-block;
}
#listViewGrid .DDGridView
{
    margin-bottom: -17px;
}
#listViewGrid table.gridViewTitlePanel
{
    margin-top: -2px;
}
#listViewGrid .gridViewTitlePanel tbody, .filterContent tbody
{
    display: table-row-group !important;
}
#listViewGrid, #listViewGrid tbody:first-child, #listViewGrid tbody:first-child tr:first-child
{
    width: 100%;
}*/

/* INSP DETAILS SHADOW */
.wideShadowPanel
{
    width: 100%;
}

#vehicleDetailsLeft
{
    margin-bottom: 20px;
}

.gridViewSwitcher
{
    margin-bottom: 0px !important;
}

/* VEHICLE INSPECTIONS */
.gvFleetParamProfiless .gridViewTitleContent
{
    margin-top: -1px !important;
    margin-bottom: 0px !important;
}

    .gvFleetParamProfiless .gridViewTitleContent table[id$=ExportButton]
    {
        margin-right: 8px;
    }

/* USER PROFILE */
.userProfileTabControl
{
    padding: 10px 10px 0px;
}

    .userProfileTabControl *
    {
        font-size: 14px !important;
    }

    .userProfileTabControl .dxtcPageContent
    {
        padding: 0px !important;
    }

    .userProfileTabControl .cardFieldGroup
    {
        margin: 0px !important;
    }

    .userProfileTabControl .userProfileButton
    {
        position: relative;
        left: 25px;
        bottom: 12px;
    }

    .userProfileTabControl .cardFieldsBox td.dxgvEditFormCaption
    {
        border: none !important;
        padding: 8px 15px 8px 5px !important;
    }

        .userProfileTabControl .cardFieldsBox td.dxgvEditFormCaption label
        {
            white-space: nowrap !important;
        }

.loginForm input[type="text"]
{
    width: 100% !important;
}

.support
{
    font-size: 14px;
}

    .support input[type="text"]
    {
        padding: 3px;
        width: 300px;
    }

#supportSubmit
{
    padding-top: 10px;
}

input[type="password"]
{
    width: 100% !important;
}

#passwordChangeBox
{
    margin: 0px !important;
}

.userContactAddress
{
    margin-top: -31px;
}

.userContacts .dxgvEditFormCaption
{
    width: 150px !important;
    min-width: 150px !important;
}


/* DASHBOARD */
.kpiMainFields
{
    margin: 0px !important;
    padding: 10px;
}

.kpiMainCell
{
    padding-right: 10px;
}

.showKpiPanel
{
    position: relative;
    bottom: 3px;
}

.KpiTabControl
{
    padding-left: 12px;
}

/* ROUND ASPX BUTTON */
.mainAspxButton .roundPanelContentCell table
{
    margin: -5px 0px -7px !important;
}

.roundAspxButton .roundPanelContentCell table
{
    height: 24px;
    margin: -6px 0px -6px;
}

    .roundAspxButton .roundPanelContentCell table td
    {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
        white-space: nowrap;
    }

        .roundAspxButton .roundPanelContentCell table td div
        {
            padding: 0px !important;
        }

            .roundAspxButton .roundPanelContentCell table td div span
            {
                color: white !important;
            }

/* CUSTOMER CONTACTS */
.customerContactsGrid
{
    margin-top: -2px;
}

/* CUSTOMER VEHICLES */
#customerVehicles
{
    padding: 10px 5px 10px;
    background-color: white;
}

.customerVehicles
{
    position: relative;
    top: 5px;
}

/* REPORTS */
.reportMainTable
{
    padding: 10px 0 0 20px;
}

/* CAMPAIGNS */
.campaignContainer
{
    padding: 8px;
    background-color: white;
}

    .campaignContainer .contactInfoLabel
    {
        padding: 8px 15px 8px 5px !important;
        font-weight: bolder;
    }

    .campaignContainer .campaignOptionsNextButton
    {
        margin: 7px 30px 5px 0px;
        float: right;
        position: relative;
    }

    .campaignContainer .campaignContactListNextButton
    {
        position: relative;
        float: right;
    }

    .campaignContainer .campaignTemplateSaveButton
    {
        position: relative;
        float: right;
        margin-top: 8px;
    }

.showKpiPanel span
{
    font-size: 14px;
}

/* ERROR LABEL */
.lbError
{
    display: block;
    background-color: #dd4d29;
    color: white;
    font-size: 16px;
    padding: 4px 20px;
}

.errorMessage
{
    color: #dd4d29;
}

/* HEADER MENU */
#headerMenuPanel
{
    float: left;
    margin: 12px 10px 0px 0px;
}

    #headerMenuPanel ul
    {
        list-style: none;
    }

    #headerMenuPanel li
    {
        position: relative;
        float: left;
    }

    /*#headerMenuPanel a img
    {
        margin-right: 7px;
    }*/

#headerMenuLeftSide, #headerMenuRightSide, #headerMenuButtonsGroup
{
    float:left;
}

/* HEADER MENU */
#headerMenuLeftSide
{
    background: transparent url(../images/header-menu-left-side.png) no-repeat left top;
}
#headerMenuRightSide
{
    background: transparent url(../images/header-menu-right-side.png) no-repeat left top;
}
#headerMenuButtonsGroup
{
    background: transparent url(../images/header-menu-background-line.png) repeat-x left top;
}

#headerMenuLeftSide, #headerMenuRightSide
{    
    width: 20px;    
}

#headerMenuLeftSide, #headerMenuRightSide, #headerMenuButtonsGroup
{
    height: 51px;    
}

.headerMenu
{
    margin-top:8px;
}

    .headerMenu a
    {
        padding:0 3px;
    }

.headerMenuItem
{
    float: right;
}


#headerMenuCustomButtons
{
    margin-left: -9px;
}

.pageDescr
{
    padding: 10px 5px 0 0;
    margin-bottom: 10px;
}
/*#headerDescription
{
    text-align: justify;
}*/
.tc_sub_menu_item_selected, .tc_dynamic_menu_item_selected
{
    background-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

#loginMainTable label
{
    white-space: nowrap;
}
/* bookmarks */
.bookmarksBlock
{
    float: right;
    display: inline-block;
    width: 190px;
    margin: 10px 10px 0px 27px;
}

#bookmarksBox .roundButton
{
    float: none;
}
/*.bookmarksBlock .rightBlockRightItem, .rightBlock .rightBlockRightItem
{
    margin-bottom: 7px;
}*/
.bookmarksBlock .rightBlockRightItem
{
    margin-bottom: 0px !important;
}

    .bookmarksBlock .rightBlockRightItem a, .bookmarksBlock .rightBlockRightItem a:visited, .rightBlock .rightBlockRightItem a, .rightBlock .rightBlockRightItem a:visited
    {
        font-size: 14px;
        color: #0C6D9D;
    }

.bookmarksBlock .rightPanelBlockHeader, .rightBlock .rightPanelBlockHeader
{
    font-size: 20px;
    margin-bottom: 5px !important;
}

.bookmarksBlock .rightPanelBlockHeader
{
    margin-left: 9px !important;
}

.rightBlock .rightPanelBlockHeader
{
    margin-left: 2px !important;
}

.rightBlock
{
    margin-left: 4px;
}

.bookmarksBlock ul
{
    list-style: none;
}

.bookmarksBlock li
{
    padding: 5px 15px 5px 10px;
}

    .bookmarksBlock li:first-child
    {
        border-top: none !important;
    }

    .bookmarksBlock li:last-child
    {
        border-bottom: none !important;
    }

/* NEW VEHICLE DETAILS */
#vehicleDetailsLeft
{
    margin-left: 7px;
    width: 270px !important;
}

.newStyleGrid .cardViewSidePanelCell.cardViewFilter
{
    /*display: none;*/
    width: 0px !important;
    padding: 0px !important;
}

.newStyleGrid table.gridViewTitlePanel
{
    margin-top: -2px;
}

.newStyleGrid
{
    /*margin-bottom: 5px;*/
    padding-bottom: 5px;
}

    .newStyleGrid .dxgvEditForm
    {
        /*display: inline-block;*/
        margin: 0px 20px 0px; /*margin-left: 20px;     position: relative;     left: 20px;*/
    }

    .newStyleGrid .gridViewContainerCell
    {
        display: inline-block;
        width: 100%;
    }

    .newStyleGrid .dxgvEditForm td.dxgv
    {
        padding: 8px 18px 10px 0px !important;
    }

    .newStyleGrid .dxgvEditFormCaption
    {
        width: 130px !important;
        padding-left: 20px !important;
    }

    .newStyleGrid td.dxgvCommandColumn img
    {
        margin: 5px 5px 1px 4px;
    }

.newGrid .dxgvEditForm
{
    background-color: white !important;
}

.tyreOnOffSaveButton
{
    display: inline-block;
    position: relative;
    float: right;
    cursor: pointer;
    bottom: 5px;
    right: 2px;
}

/* RIGHT HEADER MENU */
#rightHeaderMenu td
{
    vertical-align: bottom;
    padding-left: 3px;
}

#rightHeaderMenuColumn
{
    width: 212px;
}

#searchColumn
{
    padding-right: 10px;
}

#rightHeaderTable
{
    width: 100%;
}

.headerMenu ul
{
    z-index: 1;
}
/*-------------------------------------*/

/* RIGHT PANEL */
.rightPanelContent .entryCard
{
    padding: 0px !important;
    width: 256px;
}

    .rightPanelContent .entryCard #entryCardTable
    {
        width: 100%;
    }
/*.rightPanelContent .entryTitle
{
    position: relative;
    bottom: 32px;
    right: 83px;
}*/
.rightPanelHeader .entryTitle, .rightPanelHeader .entryTitle *
{
    font-size: 20px;
    margin-left: 5px;
}

#setContextButton
{
    margin-top: 5px;
}

    #setContextButton table
    {
        width: auto !important;
    }
/*.rightPanelContent .entryInfo
{
    position: relative;
    bottom: 15px;
}
.rightPanelContent .entryCard
{
    margin: -15px 0;
}*/
/*#rightPanelContentPanel
{
    margin-bottom: -20px;
}*/



/*-------------------------------------*/

/* OTHER NEW PAGES */
.partGrid table.gridViewTitlePanel
{
    margin-top: -2px;
}

.classAxlesGrid img
{
    margin-right: 5px;
}

.classAxlesGrid td.dxgv
{
    /*border: none !important;*/
}

.exportInvoiceResult
{
    background-color: white;
    margin: 0 !important;
    padding: 5px 0 0 5px;
}

.exportInvoiceTable
{
    margin-left: 5px;
}

.bottomMarginButton
{
    margin-bottom: 2px;
}

.inspectionsExportContainer
{
    padding: 5px;
}

.mileageUploadSampleSpreadsheet
{
    margin: 0 !important;
    padding-bottom: 10px;
}

.mileageUploadParamsBlock
{
    background-color: white;
    padding: 10px;
    width: 100% !important;
}

[id*="gvTyreProducts"] table.dxeButtonEdit, [id*="gvTyreProducts"] table.dxeTextBox
{
    margin: 0 !important;
}

.gvTPMS .gridViewTitleContent
{
    margin: 0 !important;
}

.newStyleGrid .dxgvGroupPanel
{
    display: none;
}

.editFormPanel
{
    margin-left: 10px;
    background-color: white;
}

    .editFormPanel td.dxtcPageContent
    {
        background-color: white;
        padding: 11px 0px 11px 11px !important;
    }

    .editFormPanel label
    {
        font-weight: bolder;
    }

    .editFormPanel .productEditLbl
    {
        padding-right: 20px;
    }

    .editFormPanel .productEditLbl, .editFormPanel .TyreRequired
    {
        padding-top: 5px;
    }

        .editFormPanel .TyreRequired .dxeTextBox
        {
            width: 300px !important;
        }

        .editFormPanel .TyreRequired .dxeButtonEdit, .editFormPanel .TyreRequired .required
        {
            width: 300px !important;
        }

        .editFormPanel .productEditLbl .dxeTextBoxSys
        {
            width: 300px !important;
        }

    .editFormPanel .btDeleteLogo
    {
        margin-top: -2px;
    }

    .editFormPanel .uploadControl
    {
        margin-top: 10px;
    }

.TyreRequired .dxeButtonEdit, .TyreRequired .dxeEditArea
{
    background-color: transparent !important;
}

.reportsTableCell
{
    padding: 10px 10px 5px;
}

.reportsSecondTableCell
{
    padding: 0px 10px 10px;
}

.newStyleGrid .dxgvDetailButton
{
    border: none !important;
}

#setContextButton
{
    text-align: right;
    width: 100%;
    height: 20px;
}

.actionBlock td
{
    vertical-align: top !important;
}

.detailsIcon
{
    position: relative;
    left: 5px;
    bottom: 1px; /* margin-left: 5px;*/
}

.vehiclesWithDefects .gridRightColumn
{
    vertical-align: middle !important;
    width: 100px !important;
}

/* DETAILS TEMPLATE */
.rectangleShadow
{
    margin: 0px auto 10px;
}

    .rectangleShadow .roundPanelRightMiddle
    {
        background: white url(../images/shadow-right-line.png) repeat-y left top !important;
    }

    .rectangleShadow .roundPanelTopMiddle
    {
        background: white url(../images/shadow-top-line.png) repeat-x left top !important;
    }

    .rectangleShadow .roundPanelLeftMiddle
    {
        background: white url(../images/shadow-left-line.png) repeat-y left top !important;
    }

    .rectangleShadow .roundPanelBottomMiddle
    {
        background: white url(../images/shadow-bottom-line.png) repeat-x left top !important;
    }

    .rectangleShadow .roundPanelTopRightCorner
    {
        background: white url(../images/shadow-top-right-corner.png) no-repeat left top !important;
    }

    .rectangleShadow .roundPanelTopLeftCorner
    {
        background: white url(../images/shadow-top-left-corner.png) no-repeat left top !important;
    }

    .rectangleShadow .roundPanelBottomLeftCorner
    {
        background: white url(../images/shadow-bottom-left-corner.png) no-repeat left top !important;
    }

    .rectangleShadow .roundPanelBottomRightCorner
    {
        background: white url(../images/shadow-bottom-right-corner.png) no-repeat left top !important;
    }

/* NEW FILTER */
.filterAppliedItems
{
    display: inline-block;
}

.FilterAppliedItem
{
    cursor: pointer;
    background-color: #EBF2F4;
    margin-bottom: 5px;
}

    .FilterAppliedItem .roundPanelCorner
    {
        background-image: url(../images/filter-applied-item-corners.png);
    }

    .FilterAppliedItem .roundPanelBorder
    {
        background-image: url(../images/filter-applied-item-pixel.png);
    }

    .FilterAppliedItem #value
    {
        font-weight: bolder;
    }

.dd_filter_aplied_item .dd_filter_aplied_sort_item
{
    margin: 5px;
}

.FilterField
{
    float: left;
}

.FilterItemClear
{
    width: 9px;
    height: 9px;
    margin: auto;
    display: inline-block;
    background: transparent url(../images/filter-item-clear.png) no-repeat top left;
}

.FilterItemLink
{
    cursor: pointer;
    text-decoration: underline;
    padding: 2px;
}

    .FilterItemLink, .FilterItemLink:visited, .FilterItemField:hover
    {
        color: #0047B3 !important;
    }

.FilterItemField, .SavePopup
{
    display: inline-block;
    position: absolute;
    display: none;
    z-index: 1;
}

.FilterItemPanel .roundPanelContentCell, .FilterItemPanel .roundPanelBorder
{
    background-color: white;
}

.FilterItemPanel .roundPanelCorner
{
    background-image: url(../images/filter-field-corners.png);
}

.FilterItemPanel .roundPanelBorder
{
    background-image: url(../images/filter-field-pixel.png);
}

.FilterFieldArrow
{
    background: transparent url(../images/filter-field-arrow.png) no-repeat top left;
    width: 25px;
    height: 13px;
    margin: auto;
    position: relative;
    top: 1px;
}

.activeLink
{
    background-color: #4073BF !important;
    color: white !important;
    text-decoration: none !important;
}

#filterButtonsBlock
{
    margin-left: 5px;
    height: 30px;
}

#filterContainer
{
    padding: 3px 3px 5px 5px;
}

.FilterItemLinkContainer
{
    display: inline-block;
}

    .FilterItemLinkContainer a
    {
        font-size: 13px;
    }

[id$="applied_items"], [id$="command_buttons"]
{
    float: left;
}

.detailsTabControl td.dxtcPageContent div[id*=tcEntityDetails]
{
    margin-bottom: -5px !important;
}

.detailsTabControl td.dxtcPageContent
{
    padding-bottom: 0px !important;
}

.customTab
{
    margin-bottom: 16px;
}

/* SERVICE REQUEST */
.srVehicleDetailsBox .roundPanelContentCell .SRfieldsContainer
{
    padding: 0px !important;
}

.rectanglePanel .roundPanelCorner
{
    background-image: none !important;
}

.srButtonsSetLeft a, .srButtonsSetRight a
{
    margin-right: 3px;
}

#SRCommentsRightCell
{
    width: 30px;
    vertical-align: bottom;
}

.srCommentSave
{
    margin-bottom: 6px;
}

#gvServiceRequestProducts img
{
    margin: 0px 1px;
}

#srProductsPopupProducts .dxgvDataRow:hover
{
    background-color: rgb(240, 240, 240) !important;
}

#srProductsPopupProducts .dxgvFocusedRow
{
    background-color: rgb(183, 255, 130) !important;
    padding-left: 20px;
}

.dxgvSelectedRow, .dxgvFocusedRow
{
    background-color: #F0F0F0 !important;
}

    .dxgvDataRow td[id*="tcrow"], .dxgvEditFormDisplayRow td[id*="tcrow"], .dxgvFocusedRow td[id*="tcrow"], .dxgvSelectedRow td[id*="tcrow"]
    {
        padding: 0 5px;
    }

.srButtonsSetRight a
{
    margin: 3px;
}

.leftMarginButton
{
    margin-left: 7px;
}

.attachedFileName
{
    padding-right: 5px;
}

#gvServiceRequestProducts, #gvServiceRequestProducts .gridViewContainerCell
{
    width: 100%;
}

.sr_dv_product_details
{
    color: Black;
    padding: 0px 5px 10px 25px;
}

.gvDefectProducts .entryCard
{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.imgPlus
{
    background: transparent url("../images/plus.jpg") top left no-repeat;
}

.imgMinus
{
    background: transparent url("../images/minus.jpg") top left no-repeat;
}

.expandIcon
{
    width: 9px !important;
    height: 9px !important;
    position: relative;
    right: 4px;
}

.SRicon
{
    width: 30px !important;
    height: 30px !important;
}

.imgApprove
{
    background-image: url("../images/button_approve_40trans.png");
}

.imgDecline
{
    background-image: url("../images/button_decline_40trans.png");
}

.imgVehicle
{
    background-image: url("../images/button_setVehicle.png");
}

.imgAxle
{
    background-image: url("../images/button_setAxle.png");
}

.imgTwin
{
    background-image: url("../images/button_setTwin.png");
}

.imgDeleteBig
{
    background-image: url("../images/delete_big.png");
}

.srVehicleDetailsBox, .srVehicleDetailsBox .roundPanelBorder, .srVehicleDetailsBox .roundPanelCorner, .srVehicleDetailsBox .rectanglePanel .roundPanelContentCell
{
    background-color: rgb(210, 210, 210) !important;
}

    .srVehicleDetailsBox .rectanglePanel .dxeMemo td
    {
        padding: 0px !important;
    }

div.vehicleDetailsBox .roundPanelCorner
{
    background-image: url(images/vehicle-box-corners.jpg);
}

div.vehicleDetailsBox .dxtcControl .dxtcPageContent
{
    background-color: white !important;
}

div.srVehicleDetailsBoxInner
{
    padding: 5px;
}

.gridSelectRowsCheckBoxCell
{
    padding-top: 3px;
    width: 20px;
}

.dvWorkOrderlog table
{
    width: auto !important;
}

.srLogPanel
{
    width: 100%;
}

.actionButtonContainer
{
    display: inline-block;
}

#srProductsPopupProducts .srPPActiveTab
{
    height: 260px !important;
}

#srProductsPopupProducts .entryTitle
{
    font-size: 16px !important;
}

#srProductsPopupProducts .entryInfo
{
    font-size: 14px !important;
}

#srProductsPopupProducts .entryCard
{
    padding: 2px 0px !important;
}

.dxgvFooter
{
    background-color: #EEEDED !important;
}



/*-------------------------------*/

div#loginView
{
    position: relative;
    top: 2px;
}

.reportsHeaderPanel table.dxeTextBox.dxeReadOnly
{
    width: 60px !important;
}

.altRoundButton
{
    background-color: rgb(130, 130, 130);
}

    .altRoundButton a, .altRoundButton a:hover, .altRoundButton a:visited
    {
        text-decoration: none;
        color: white;
    }

    .altRoundButton div.bookmarkItem
    {
        margin: -3px 0 -1px;
    }

.deleteBookmarkLink
{
    margin-left: 2px;
}

.deleteBookmarkIcon
{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url("../images/delete-bookmark-icon.png") no-repeat top left;
}

#inspectionMeasurements
{
    background-image: none !important;
}

#detailsViewSpacing
{
    display: inline-block;
    width: 100%;
    height: 12px;
    background-color: white;
}

.dd_filter_aplied_item, .dd_filter_aplied_sort_item
{
    margin-right: 5px;
}

.Desc, .Asc
{
    width: 9px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.Desc
{
    background: transparent url("../images/down-small.png") no-repeat top left;
}

.Asc
{
    background: transparent url("../images/up-small.png") no-repeat top left;
}

.label
{
    font-weight: bolder;
}






/*************Grid edit single column**************/
.editSingleColumn .dxgvEditFormCaption
{
    width: 15% !important;
}

.editSingleColumn .dxgvEditFormCaption
{
    padding-left: 20px !important;
    padding-right: 15px !important;
}

    .editSingleColumn .dxgvEditFormCaption label
    {
        font-weight: bolder !important;
    }

.editSingleColumn td.dxgvEditFormCell .dxeButtonEdit, .editSingleColumn td.dxgvEditFormCell .required
{
    width: 300px !important;
}

.editSingleColumn td.dxgvEditFormCell .dxeTextBox, .editSingleColumn td.dxgvEditFormCell .required
{
    width: 300px !important;
}

.editSingleColumn .dxgv
{
    background-color: white !important;
}

.editSingleColumn .dxeControlsCell
{
    width: 315px !important;
}

.dxgvEditForm td.dxgvIndentCell
{
    background-color: white !important;
}

.editSingleColumn td.dxgvEditFormCell
{
    padding-top: 5px !important;
}

.srAddProductLeftColumn
{
    display: inline-block;
    width: 220px; /* border-right: 2px solid red;*/
}

.pcFastDefectAdd .vehicleImageBox
{
    margin: 0px !important;
}

#srProductsPopupProducts
{
    /*position: relative;     bottom: 9px;*/
    display: inline-block;
    margin-top: -9px;
}

.srMainRPContainer
{
    padding: 0px !important;
    margin: 0px !important; /*border: none !important;*/
    width: 220px !important;
}

#dvVehicleImageSeasonalOp
{
    width: 220px !important;
    border-right: 2px solid red;
}

#srAddProductVehicleImage
{
    display: inline-block;
    width: 220px !important;
}

.srMainRPContainer .dxeButtonEdit, .srMainRPContainer .dxeTextBox
{
    width: 210px !important;
}

.pcFastDefectAdd #srProductsPopupProducts .dxtcTabsCell
{
    padding: 5px 0 0 19px !important;
}

.dxgvDetailButton
{
    border: none !important;
}

.vehicleTextDescr a, .vehicleTextDescr a:visited
{
    color: #6F9FBC;
    font-size: 16px;
}

.entityImage
{
    width: 38px;
    padding-right: 10px;
}

.entryLogo img
{
    margin-left: auto;
    margin-right: auto;
}

.entryLogo
{
    text-align: center;
    padding-right: 10px;
}

.gvAxleTypes .dxgvSelectedRow td.dxgv
{
    color: black;
}

.gvAxleTypes td.dxgv
{
    border: none;
}

.vehicleViewerBtn
{
    margin: 5px 0px 0px 2px !important;
}

.editFormButton
{
    margin-left: 17px;
}

.fleetParamProfileEdit .dxtcActiveRow
{
    margin-left: 9px;
}

.policyHeader
{
    font-size: 18px;
    padding: 5px;
}

.policyTextMarked
{
    color: #0C6D9D;
}

.policyText
{
    padding: 3px 3px 3px 10px;
}

    .policyText span
    {
        font-size: 14px;
    }

.policies
{
    margin-bottom: 10px;
}

.gvWorkorders td.gridRightColumn
{
    width: 40px !important;
}

.DDGridView .entryLogo
{
    padding: 0 !important;
}

/*-------THEME STYLES-----------*/
.searchPanel .roundPanelBorder, .searchPanel .roundPanelContentCell, .searchPanel .txtSearch
{
    background-color: white;
    color: black;
}

.searchPanel .roundPanelCorner
{
    background-color: transparent;
}

.roundButton
{
    background-color: rgb(130, 130, 130);
}

    .roundButton .roundPanelCorner
    {
        background-image: url("../images/round-button-corners2.jpg");
    }

.grayRoundButton .roundPanelCorner
{
    background-image: url("../images/button-corners-gray.jpg") !important;
}

.altRoundButton .roundPanelCorner
{
    background-image: url("../images/alt-round-button-corners.jpg") !important;
}

.reportsHeaderPanel .dxeTextBox.required td.dxic
{
    background-image: url("../images/textbox-right-side-yellow-darkgray.png") !important;
}

.reportsHeaderPanel .dxeTextBox.required
{
    background-image: url("../images/input-left-side-yellow-darkgray.png") !important;
}

.srVehicleDetailsBoxInner label.dxeBase
{
    font-size: 13px !important;
}

.reportsHeaderPanel table.dxeButtonEdit td.dxeSpinDecButton table.dxbebt
{
    background-image: url("../images/spin-dec-button-darkgray.png") !important;
}

.reportsHeaderPanel table.dxeButtonEdit td.dxeSpinIncButton
{
    background-image: url("../images/spin-inc-button-darkgray.png") !important;
}


/*-------------------------------*/

.stockOperationTitle
{
    margin-bottom: 10px;
}

    .stockOperationTitle span
    {
        font-size: 22px;
    }

.stockOperationsBlock
{
    margin-bottom:10px;
}

.gvAxleConfigurationsEdit .dxgvEditFormCell img
{
    width: 220px !important;
}

#multiEditSelectedItems
{
    padding-left: 5px;
}

#multiEditSelectedItemsList
{
    padding-top: 5px;
}

.multiEditSelectedItemContainer
{
    margin-bottom: 5px;
}

#multiEditPageLink
{
    margin-top: 5px;
}

    #multiEditPageLink a
    {
        color: #0C6D9D;
        font-size: 14px;
    }

.vehicleConfigImageSmall
{
    margin-right: 10px;
}

#addAllItemsToMultiEdit
{
    border-style: none;
    height: 20px;
    margin-left: 6px;
    margin-top: 4px;
    width: 21px;
}

#multiEditForm table.dxeTextBox.required input.dxeEditArea
{
    background: transparent url('../images/input-center-side.jpg') repeat-x scroll 0 0;
}

#multiEditForm table.dxeTextBox.required td.dxic
{
    background: transparent url('../images/textbox-right-side.jpg') no-repeat scroll right top;
}

#multiEditForm table.dxeTextBox.required
{
    background: transparent url('../images/input-left-side.jpg') no-repeat scroll 0 0px;
}

#multiEditForm table.dxeButtonEdit.required input.dxeEditArea
{
    background: transparent url('../images/input-center-side.jpg') repeat-x scroll 0 0;
}

#multiEditForm table.dxeButtonEdit.required
{
    background: transparent url('../images/input-left-side.jpg') no-repeat scroll 0 1px;
}

    #multiEditForm table.dxeButtonEdit.required td.dxeButtonEditButton
    {
        background: transparent url('../images/combobox-right-side.jpg') no-repeat scroll 0 0;
    }

.filterFieldsBox
{
    margin-bottom: 3px;
    float: left;
    width: 100%;
}

.filterSelectedFields
{
    padding-right: 5px;
}
/*------------------------------------*/



#divFastinspectionVehicle
{
    float: left;
    width: 245px;
    height: 1px;
    background-color: transparent !important;
}

#fastInspectionInputPanel
{
    max-height: 325px;
    overflow: auto;
    padding-right: 20px;
    display: inline-block;
    padding-bottom: 45px;
}
/*div[id$='pcFastInspection_pnVehicleView']
{
    width: 670px !important;   
}*/
.fastInspectionInputParamsContainer
{
    height: 45px;
    padding-top: 10px;
}

.pnVehicleView
{
    width: auto !important;
}

.fastInspNarrow
{
    width: 655px;
}

.fastInspWide
{
    width: 795px;
}

.customConfigContainer div.vehicleViewNormal
{
    margin-left: 30px;
}

.srPPActiveTabNew .dxgvControl
{
    width: 100%;
}

#srProductSelectionBox
{
    padding: 5px;
}

#srProductSelectionHeader
{
    margin-bottom: 5px;
}

.draggableProduct
{
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.ui-draggable-dragging
{
    width: 600px;
}

#vehicleDetailsLeft .droppableHover
{
    background-image: none !important;
}

.droppableActive
{
    background: transparent url('../images/droppableBackground.png') repeat top left !important;
}

.ui-draggable-dragging
{
    border: 2px solid black;
    background: transparent url('../images/dragableBackground.png') repeat top left;
}

.ui-draggable-dragging-background
{
    background-image: none !important;
}

#srProdManButton
{
    padding-top: 5px;
}

#srProductsManagementBox #detailsTable
{
    padding: 0;
}

#srProdManButton .roundPanel
{
    float: right;
}

.popupHeaderWarning
{
    color: Red;
    font-size: 16px;
    padding-bottom: 5px;
}

#pendingDefectsContainer
{
    overflow: auto;
    display: inline-block;
    width: 270px;
    margin: 5px 0px 10px;
}

    #pendingDefectsContainer .dxgvControl
    {
        width: 100%;
    }

    #pendingDefectsContainer .entryCard
    {
        padding: 0px !important; /* min-height: 42px;*/
    }

    #pendingDefectsContainer .actionBlock
    {
        margin-top: 0px !important;
    }

    #pendingDefectsContainer .entryLogo
    {
        padding-right: 5px !important;
    }

    #pendingDefectsContainer .entryTitle, #pendingDefectsContainer .entryTitle *
    {
        font-size: 16px;
    }

    #pendingDefectsContainer .entryInfo, #pendingDefectsContainer .entryInfo *
    {
        font-size: 10pt;
    }

#srProdsManAddedProds
{
    float: left;
}

#pendingDefectsContainer .gridRightColumn
{
    width: 35px !important;
}

#pendingDefectsContainer .dxgvTable, #pendingDefectsContainer .dxgvControl, #pendingDefectsContainer .dxgvDisabled
{
    background-color: transparent !important;
    border-style: none;
}

#pendingDefectsContainer .dxgvDataRow td[id*="tcrow"]
{
    padding: 0;
}

#srProdManFreezeScroll
{
    margin-top: 7px;
}

    #srProdManFreezeScroll .dxgvEmptyDataRow td.dxgv
    {
        text-align: left;
        padding: 5px 0;
    }

    #srProdManFreezeScroll .vehicleViewNormal
    {
        margin-bottom: 10px;
    }

    #srProdManFreezeScroll #vehicleDetailsLeft
    {
        padding-top: 0;
        margin-bottom: 0px !important;
    }

.srProdManRightPanelTitle
{
    font-size: 20px;
}

.dxgvControl, .dxgvDisabled
{
    background-color: white !important;
    border: none !important;
}

#customProduct .DDLightHeader
{
    padding-right: 15px;
}

#customProduct .srProdManRightPanelTitle
{
    margin: 10px 0 0 0;
}

#customProductSummaryTableData
{
    padding-right: 15px;
}



.rptBlock
{
    display: inline-block;
    padding: 10px;
    background-color: white;
    height: 46px;
    float: left;
    vertical-align: bottom;
}

.rptBlockLbl
{
    display: inline-block;
    padding: 10px;
    background-color: white;
    height: 46px;
    float: left;
    vertical-align: bottom;
    margin-top: 20px !important;
    margin-left: -10px;
}

.rptLeftColumn, .rptRightColumn
{
    display: inline-block;
    background-color: white;
    height: auto;
    float: left;
    vertical-align: bottom;
    width: 50%;
}

.rptGenerate
{
    float: right !important;
}

.rptContainer
{
    display: inline-block;
}

    .rptContainer .roundButton
    {
        margin-top: 20px;
    }

    .rptContainer .rptRadioList
    {
        margin-top: 22px;
    }

    .rptContainer .rptVerticalRadioList
    {
        margin-top: 9px;
    }

    .rptContainer span.dxeBase
    {
        margin-top: 3px;
    }

.rptMemo
{
    height: 71px !important;
}

#srProdManPendingDefects
{
    font-size: 16px;
    margin: 5px 0 10px 10px;
}

.vehicleTextDescr a.srHeaderValidationFailed
{
    background-color: Red;
    padding: 0 3px;
    color: White;
}

div#vehicleDetailsRight table[id*="gvInspection"] .dxgvCommandColumn
{
    float: left;
    margin: 10px;
}

table td.commonRequired
{
    background-color: #FFFDA8;
    display: block;
    width: 303px !important;
    margin-left: 0px !important;
}

    table td.commonRequired.topField
    {
        margin-top: 5px !important;
        padding-top: 5px !important;
    }

    table td.commonRequired.bottomField
    {
        padding-bottom: 5px !important;
    }

td[id$="gvInspection_DXEditor3_EC"]
{
    padding-left: 19px !important;
}

td[id$="gvInspection_DXEditor4_EC"]
{
    padding-left: 19px !important;
}

.leftMarginLogo
{
    margin-left: 5px;
}

.createVehicleGrid table.dxgvTable[id$="CreateVehicleGrid_DXMainTable"]
{
    overflow: visible;
}




/* CHECKBOX */
span.dxeBase.unchecked, td.dxeBase.unchecked
{
    background: transparent url(../images/checkbox-unchecked.png) scroll no-repeat top left;
}

span.dxeBase.checked, td.dxeBase.checked
{
    background: transparent url(../images/checkbox-checked.png) scroll no-repeat top left;
}
/*--------------------------*/


span[id$="btnMonitoring"]
{
    float: right;
}

    span[id$="btnMonitoring"] img
    {
        width: 35px;
        height: 35px;
    }

.vehicleImageButton
{
    display: inline-block;
    float: right;
    margin-right: 5px;
}



/*.entryInfo
{
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap !important; 
    word-wrap: break-word; 
}*/
.newGrid table.dxeButtonEdit.required td.dxeSBC td.dxeSpinIncButton
{
    background: url("../images/spin-inc-button-yellow.jpg") no-repeat scroll 0 0 transparent !important;
}

.newGrid table.dxeButtonEdit.required td.dxeSBC td.dxeSpinDecButton table.dxbebt
{
    background: url("../images/spin-dec-button-yellow.jpg") no-repeat scroll 0 0 transparent !important;
}

.srSummaryBlockContent .dxgvEmptyDataRow td.dxgv
{
    text-align: left;
    padding-left: 28px;
}

.selectCbCell
{
    width: 20px;
    padding-right: 10px;
}

.selectAllBlock
{
    margin-left: 10px;
}

.logoCell
{
    padding-right: 10px;
}

/*inspection comments*/
.dvInspectionCommentCell
{
    padding: 10px 0px 15px 5px;
    border-bottom: 1px solid gray;
}

.cbpInspectionComments .dxgvTable
{
    border: none !important;
    width: 910px !important;
}

.dvInspectionCommentHeader
{
    margin-bottom: 3px;
    color: Black;
    font-size: 14px;
    display: inline-block;
    float: left;
    height: 17px;
    margin-top: 3px;
}

.dvInspectionCommentText
{
    color: rgb(88, 88, 88);
    font-size: 12px;
    width: 100%;
}

.dvInspectionCommentDate
{
    margin: 5px 10px 0px 10px;
    color: Gray;
    font-size: 12px;
    float: left;
    display: inline-block;
    float: left;
    height: 15px;
    vertical-align: bottom;
}

.dvInspectionCommentCell .tyreEditButton
{
    float: right !important;
}

.mentionsBox
{
    margin: 5px auto 120px auto;
    color: #7F7F7F;
    display: block;
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    text-align: justify;
    vertical-align: baseline;
    width: 968px;
    background-color: White;
}

    .mentionsBox a
    {
        color: #7F7F7F;
    }

.mentionsContent
{
    padding: 0 20px 0 20px;
}

    .mentionsContent li
    {
        margin-left: 30px;
    }

.footerLinks
{
    color: black;
}

.permission_switch_title
{
    margin-bottom: 13px;
}

    .permission_switch_title label
    {
        font-size: 14px;
    }

.stockError
{
    background-color: lightcoral;
    color: white;
    margin: 0 3px 15px;
    padding: 6px;
    position: relative;
    top: 12px;
}

.gridListView .dxgv
{
    font-size: 14px;
}

.gridListView .dxgvEditFormDisplayRow td.dxgv, .gridListView .dxgvDataRow td.dxgv, .gridListView .dxgvDataRowAlt td.dxgv, .gridListView .dxgvSelectedRow td.dxgv, .gridListView .dxgvFocusedRow td.dxgv
{
    border-bottom: 1px solid gray;
    border-right-style: none;
    padding: 10px;
}

.gridListView .dxgvHeader td
{
    color: Black;
    font-weight: bold;
}

.gridListView .dxgvHeader td
{
    white-space: normal;
}



table.createVehicleGrid #VehicleImageIMG
{
    float: none !important;
}

table.createVehicleGrid .vehicleImageBox
{
    margin-left: 0px !important;
}

.wo_notify_all
{
    float: right;
    padding: 3px 0 3px 0;
}

.selectRowCheckBox
{
    background: transparent url(../images/checkbox-unchecked.png) scroll no-repeat top left;
}

.dxgvSelectedRow .selectRowCheckBox
{
    background: transparent url(../images/checkbox-checked.png) scroll no-repeat top left;
}

.product_groups_cancel_td .cancelButton
{
    position: inherit !important;
}

.product_groups_category_td
{
    width: 150px;
    padding-left: 5px;
}

#headerUserTextInfo
{
    font-size: 13px;
}

.defaultAspGrid, .defaultAspGrid tr, .defaultAspGrid td
{
    border: none !important;
}

.defaultAspGrid
{
    width: 100%;
}

    .defaultAspGrid .gridDataRow
    {
        border-top-style: none;
        border-bottom: 1px solid #E6E6E6;
        width: 100%;
    }

#fastInspectionInput .dxeButtonEdit
{
    width: 150px;
}

.newGrid .exportButton td
{
    background: transparent url(../images/excel-transparent.png) no-repeat 0px 0px !important;
}

.gridViewTitlePanel
{
    color: white;
}

div.dxgvEmptyDataRow
{
    border-bottom: Solid 1px #CFCFCF;
    text-align: center;
    padding: 20px 2px 20px 4px;
    border-bottom: none;
}

.bottomButtonContainer
{
    height: 25px;
    margin-left: 10px;
}

.level1
{
    cursor: pointer;
}

#srProdsManAddedProds
{
    width: 270px;
}

.newGrid th
{
    background-color: whiteSmoke !important;
    font-weight: bold;
    padding: 10px 6px;
}

.dxgvTable .gridDataRow, .dxgvDataRow, #vehicleSearchGrid .gridDataRow
{
    border-bottom: 1px solid rgb(230, 230, 230);
}

.tableGrid .dxgvDataRow td
{
    padding: 3px;
}

.workOrdersTable .tableGridPreview
{
    border-bottom: 1px solid rgb(230, 230, 230);
}

.workOrdersTable .dxgvDataRow
{
    border-bottom: none;
}

.gv_workorders_preview
{
    padding: 0 10px 10px 15px;
    color: #707070;
}

#reportToolbar table[id$='PageCount'] input.dxeEditArea
{
    width: 50px !important;
}

#srProductsManagementBox .roundButton
{
    margin-top: 10px;
}

.toolBar
{
    padding: 10px;
}

#mileageInspectionsUpload
{
    padding: 10px;
}

#mileageInspectionsUploadFileUpload
{
    padding-right: 20px;
}

#mileageInspectionsUploadResult
{
    padding-top: 10px;
}

    #mileageInspectionsUploadResult label
    {
        font-size: 14px;
    }

.imageButtonWithSpace
{
    padding-right:4px;
}

.bottomActionsBlock
{
    padding: 12px 0px 0 5px;
    border-top: solid 1px gray;
    margin-top: 10px;
}

.topActionsBlock
{
    padding:10px;
}

#dtrPreview .reportMainTable
{
    padding:0;
}

.stockOperationControl
{
    padding:0 2px;
}

.tyreTransferRoute
{
    background-color:whitesmoke;
    padding:0 3px;
    color:black;
}

.buttonEdit input, .buttonEdit input[type="submit"], .buttonEdit input[type="button"], .buttonEdit a, .x-btn-default-small, .x-btn-default-small-over {
    background: rgb(243, 243, 243) none repeat scroll 0 0;
    border: 1px solid rgb(226, 226, 226);
    color: #000000;
    font-size: 14px;
    height: 32px;
    min-width: 60px;
    padding: 0 3px;
    text-align: center;
    vertical-align: middle;
}

.maintenanceInfo {
    width: 20%;
    margin: 5px 39%;
    padding: 20px 1%;
    border-radius: 10px;
    border: 2px solid rgba(183, 183, 183, 0.54);
    font-size: 13pt;
    color: rgba(35, 32, 4, 0.90);
}

.loginPageWarning {
    width: 40%;
    margin: 5px 29%;
    padding: 20px 1%;
    border-radius: 10px;
    border: 4px solid red;
    font-size: 15pt;
    color: rgba(35, 32, 4, 0.90);
    text-align: center;
}

.loginPageWarningMessageHeader {
    color: red;
}

.masterPageHeaderWarning {
    color: red;
    font-size: 14pt;
    padding: 6px;
    margin: 6px;
    border-radius: 10px;
    border: 2px solid red;
}