/*#region RFiD Discovery Font */

@font-face {
    font-family: 'Poppins';
    src: url('../../Content/fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../Content/fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../Content/fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

body, .RadGrid, .RadButton, .RadComboBox, .RadTextBox, .RadDropDownList, .RadMenu, .RadTreeView, .RadTabStrip, .RadPane, RadSplitter_Bootstrap, .RadSplitter, .RadPanelBar_Bootstrap, .RadInput_Bootstrap, .RadComboBoxDropDown_Bootstrap, .RadComboBox, .RadComboBox_Bootstrap, .RadLabel_Bootstrap, .RadToolTip, .RadColorPicker_Bootstrap, RadUpload_Default, .RadMultiSelect {
    font-family: 'Poppins' !important;
}

/*#endregion*/

/*#region Font Headings */

html {
    font-family: 'Poppins';
    font-size: 14px; /* Default*/
    color: #333;
}

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

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

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

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

.fontheading4 {
    font-size: 20px !important;
}

.fontheading5 {
    font-size: 22px !important;
}

.fontheading6 {
    font-size: 28px !important;
}

.fontheading7 {
    font-size: 30px !important;
}

.fontheading8 {
    font-size: 34px !important;
}

.fontheading9 {
    font-size: 55px !important;
}

/*#endregion*/

/*#region Site Defaults */

input[type=text] {
    border: 1px solid #B3B3B3;
    outline: none;
    border-radius: 2px;
    padding: 1px 3px;
}

input[type=number] {
    border: 1px solid #B3B3B3;
    outline: none;
    border-radius: 2px;
    padding: 1px 3px;
}

input[type=password] {
    border: 1px solid #B3B3B3;
    outline: none;
    border-radius: 2px;
    padding: 1px 3px;
}

.RadButton_Bootstrap.rbButton {
}

.defaultfontaccentcolour {
    color: #292c33;
}

/*#endregion*/

/*#region Control Defaults */
.defaultcontrolfontcolour {
    color: #333 !important;
}

.defaulttextboxheight,
.defaultdropdownheight {
    height: 26px;
    line-height: 26px;
}

.fontheading4textboxheight {
    height: 38px;
    line-height: 38px;
}

.defaultbutton {
    height: 28px;
    padding: 3px 12px !important;
}

.defaultdialogbutton {
    height: 26px;
    padding: 2px 12px !important;
}

.errorcontrolborder {
    border: 1px solid #ff7a7a !important;
}

.errortelerikdatetimecontrolborder.raddatepickercontrol .RadInput .riTextBox {
    border: 1px solid #ff7a7a !important;
}

.errorfileuploadcontrolborder.ruFakeInput {
    border: 1px solid #ff7a7a !important;
}

.actioncontrolborder {
    border: 1px solid #B3B3B3 !important;
}

.defaultcontrolborder {
    border: 1px solid #B3B3B3 !important;
}

.defaultborderleft {
    border-left: 1px solid #B3B3B3 !important;
}

.defaultsinglecolumncontrolwidth {
    width: 218px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidth {
    width: 227px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthminusbutton {
    width: 197px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthminusbuttonparlevels {
    width: 258px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthminustwobuttons {
    width: 167px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.readerantennacontrolwidth {
    width: 262px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.radbuttonformbrowsebutton {
    padding: 0 !important;
    min-width: 26px !important;
    width: 26px;
    height: 26px;
}

.dialogsearchextendedtextbox {
    width: 324px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dialogsearchtextbox {
    width: 313px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lookupdialogsearchtextbox {
    width: 318px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultdatetimecontrolwidth {
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.defaultimagebutton {
    padding: 2px;
    height: 26px;
    width: 28px;
    vertical-align: bottom;
}

    .defaultimagebutton.RadButton .rbIcon {
        top: -3px;
        left: -2px;
        width: 18px;
        height: 18px;
    }

.defaultdialogimagebutton {
    padding: 2px;
    height: 26px;
    width: 26px;
    vertical-align: bottom;
}

    .defaultdialogimagebutton.RadButton .rbIcon {
        top: -3px;
        left: -2px;
        width: 18px;
        height: 18px;
    }

.defaultdialogcontrolimagebutton {
    padding: 2px;
    height: 34px;
    width: 34px;
    vertical-align: bottom;
}

    .defaultdialogcontrolimagebutton.RadButton .rbIcon {
        width: 24px;
        height: 24px;
    }

.defaultsplitbutton {
    height: 12px;
    width: 30px;
    padding: 2px;
    vertical-align: bottom !important;
}

    .defaultsplitbutton.RadButton .rbIcon {
        top: -3px;
        left: -2px;
        width: 18px;
        height: 18px;
    }


    .defaultsplitbutton .rbSplitPartRight {
        border-radius: 0 0.21428571em 0.21428571em 0;
        right: -1px;
        height: 12px;
        width: 3px;
    }

        .defaultsplitbutton .rbSplitPartRight .rbSplitIcon {
            width: auto;
            height: auto;
            vertical-align: top;
            margin-left: -4px;
            margin-top: -2px;
        }

    .defaultsplitbutton .rbText {
        display: none !important;
    }

    .defaultsplitbutton .rmItem {
        width: auto;
        padding-right: 12px;
    }

.defaultdialogexportsplitbutton {
    padding: 2px;
    height: 16px;
    width: 94px;
    vertical-align: bottom !important;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #b3b3b3 !important;
    line-height: 14px !important;
}

    .defaultdialogexportsplitbutton .rbSplitPartRight {
        border-radius: 0 0.21428571em 0.21428571em 0;
        right: -1px;
        height: 12px;
        width: 5px;
    }

        .defaultdialogexportsplitbutton .rbSplitPartRight .rbSplitIcon {
            width: auto;
            height: auto;
            vertical-align: top;
            margin-left: -5px;
            margin-top: -4px;
        }

    .defaultdialogexportsplitbutton .rmItem {
        width: auto;
        padding-right: 12px;
    }

    .defaultdialogexportsplitbutton.RadButton .rbSplitPartRight + .rbText {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 39px
    }

    .defaultdialogexportsplitbutton.RadButton_Bootstrap.rbButton {
        padding: 4px 10px !important;
    }

.defaulttextsplitbuttoncontextmenu {
    z-index: 20010 !important;
}

    .defaulttextsplitbuttoncontextmenu .rmGroup {
        width: auto !important;
    }

    .defaulttextsplitbuttoncontextmenu.RadMenu .rmGroup .rmLink {
        padding: 3px 22px 3px 10px !important;
    }

        .defaulttextsplitbuttoncontextmenu.RadMenu .rmGroup .rmLink:hover {
            border-color: #e1e1e1 !important;
            background-color: #292c33 !important;
            border-radius: 3px !important;
            color: #ffffff !important;
        }

    .defaulttextsplitbuttoncontextmenu.rmRoundedCorners {
        padding: 0 12px 0 0 !important;
    }

.defaulttextsplitbutton {
    padding: 2px;
    height: 14px;
    width: 94px;
    vertical-align: bottom !important;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #b3b3b3;
    line-height: 14px !important;
}

    .defaulttextsplitbutton .rbSplitPartRight {
        border-radius: 0 0.21428571em 0.21428571em 0;
        right: -1px;
        height: 14px;
        width: 5px;
    }

        .defaulttextsplitbutton .rbSplitPartRight .rbSplitIcon {
            width: auto;
            height: auto;
            vertical-align: top;
            margin-left: -5px;
            margin-top: -4px;
        }

    .defaulttextsplitbutton .rmItem {
        width: auto;
        padding-right: 12px;
    }

.highlight {
    border-color: #e1e1e1 !important;
    background-color: #eee !important;
    border-radius: 3px !important;
    color: #000 !important;
}

    .highlight .rmLink {
        color: #000 !important;
    }

.defaultsplitbuttoncontextmenu {
    z-index: 20010 !important;
}

    .defaultsplitbuttoncontextmenu .rmGroup {
        width: auto !important;
    }

    .defaultsplitbuttoncontextmenu.RadMenu .rmGroup .rmLink {
        padding: 3px 22px 3px 10px !important;
        color: #333 !important;
    }

        .defaultsplitbuttoncontextmenu.RadMenu .rmGroup .rmLink:hover {
            border-color: #e1e1e1 !important;
            background-color: #292c33 !important;
            border-radius: 3px !important;
            color: #ffffff !important;
        }

    .defaultsplitbuttoncontextmenu.rmRoundedCorners {
        padding: 0 12px 0 0 !important;
    }

.defaultbuttonwithcontextmenu {
    height: 26px;
    width: auto;
    color: #333 !important;
    background-color: #fff !important;
}

    .defaultbuttonwithcontextmenu.RadButton_Bootstrap.rbButton {
        padding: 2px 16px;
    }

        .defaultbuttonwithcontextmenu.RadButton_Bootstrap.rbButton.rbIconOnly {
            padding: 2px 20px;
        }

    .defaultbuttonwithcontextmenu.RadButton .rbIcon {
        top: -1px;
        right: -8px;
        width: 10px;
        height: 10px;
    }

.defaultminwidthexportitem {
    min-width: 80px;
}

.actionbuttoncontextmenu {
}

    .actionbuttoncontextmenu.RadMenu .rmGroup:before {
        border-style: none !important;
    }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup.rmVertical > .rmSeparator {
        margin: 0 !important;
    }

    .actionbuttoncontextmenu.RadMenu .rmSeparator .rmText {
        border-style: none;
    }

    .actionbuttoncontextmenu.RadMenu.RadMenu_Context .rmGroup .rmSeparator .rmText:hover {
        background-color: #e5e5e5;
    }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup.rmVertical {
        padding: 0 !important;
    }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink .rmText {
        padding: 0px 10px !important;
    }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
        border: 1px solid #cdcdcd;
    }

        .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
            color: #333;
            padding: 5px 4px 5px 3px;
        }

            .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink:hover {
                color: #fff;
                background-color: #292c33;
            }

        .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmExpanded {
            color: #fff;
            background-color: #292c33;
        }


    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        width: auto;
    }

    .actionbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText {
        display: flex;
        align-items: center;
        padding: 5px 12px 4px 12px;
        margin: 0;
        line-height: 20px;
    }

        .actionbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText:hover {
            color: #fff !important;
            background-color: #292c33;
        }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLevel2 .rmItem {
        width: auto !important;
    }

    .actionbuttoncontextmenu.RadMenu .rmVertical .rmGroup .rmLevel2 .rmItem .rmLink .rmText {
        display: flex;
        align-items: center;
        padding: 5px 12px 4px 12px;
        margin: 0;
        line-height: 20px;
    }

        .actionbuttoncontextmenu.RadMenu .rmVertical .rmGroup .rmLevel2 .rmItem .rmLink .rmText:hover {
            color: #fff !important;
            background-color: #292c33;
        }

    .actionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLevel3 .rmItem {
        width: auto !important;
    }

.defaultactionbuttoncontextmenuitem {
    color: #525252 !important;
    line-height: 20px;
}

    .defaultactionbuttoncontextmenuitem:hover {
        color: #fff !important;
        cursor: pointer;
    }

        .defaultactionbuttoncontextmenuitem:hover span {
            color: #fff !important;
            cursor: pointer;
        }

    .defaultactionbuttoncontextmenuitem span {
        color: #333;
        white-space: nowrap !important;
        margin-right: 5px;
    }

.multieditrecordheader {
    background-color: #C80000 !important;
}
/*#endregion*/

/*#region Base Header */

.baseheader {
    height: 55px;
    display: flex;
    width: 100%;
    min-width: 906px;
    align-items: center;
}

.baseheaderparlevels {
    height: 67px;
    display: table;
    width: calc(100% - 45px);
    min-width: 970px;
    right: 0;
    position: absolute;
}

.baseheaderleft {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.baseheaderright {
    display: table-cell;
    text-align: right;
    padding-right: 15px;
    vertical-align: middle;
}

.baseheadertitle {
    margin-left: 80px;
    color: #085394;
    font-size: 28px;
    font-weight: bold;
}


.baseheadercolumn1 {
    width: 50%;
}

.baseheadercolumn3 {
    width: 50%;
    padding-right: 0px;
    white-space: nowrap;
    display: flex;
    justify-content: flex-end;
}

.baseheadercell {
    display: flex;
    width: calc(100% - 45px);
    height: 56px;
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: space-between;
}

.baseheadercellleft {
    display: flex;
    align-items: center;
}

.baseheadercellright {
    display: flex;
    align-items: center;
    padding-right: 15px;
}

.baseheaderfullwidth {
    width: 100% !important;
}

/*#endregion*/

/*#region Context Menus */

.actionbuttoncontextmenuadditem:hover img {
    content: url('../../Images/add_white.svg');
}

.actionbuttoncontextmenuedititem:hover img {
    content: url('../../Images/pencil_white.svg');
}

.actionbuttoncontextmenuarchiveitem:hover img {
    content: url('../../Images/archive_white.svg');
}

.actionbuttoncontextmenudeleteitem:hover img {
    content: url('../../Images/trash_white.svg');
}

.actionbuttoncontextmenuexportitem:hover img {
    content: url('../../Images/export_white.svg');
}

.actionbuttoncontextmenumanlocationupdateitem:hover img {
    content: url('../../Images/user_scan_white.svg');
}

.actionbuttoncontextmenurecommissionitem:hover img {
    content: url('../../Images/restore_white.svg');
}

.actionbuttoncontextmenusaveconfigurationitem:hover img {
    content: url('../../Images/save_configuration_white.svg');
}

.actionbuttoncontextmenuuseritem:hover img {
    content: url('../../Images/user_white.svg');
}

.actionbuttoncontextmenuroleitem:hover img {
    content: url('../../Images/role_white.svg');
}

.actionbuttoncontextmenushowgriditem:hover img {
    content: url('../../Images/table_white.svg');
}

.actionbuttoncontextmenuemailreportitem:hover img {
    content: url('../../Images/mail_white.svg');
}

.actionbuttoncontextmenusaveitem:hover img {
    content: url('../../Images/save_white.svg');
}

.actionbuttoncontextmenuresetitem:hover img {
    content: url('../../Images/reset_white.svg');
}

.actionbuttoncontextmenuregisterdeviceitem:hover img {
    content: url('../../Images/earth_network_white.svg');
}

.actionbuttoncontextmenuassignitem:hover img {
    content: url('../../Images/assign_white.svg');
}

.actionbuttoncontextmenucloneitem:hover img {
    content: url('../../Images/copy_white.svg');
}

.actionbuttoncontextmenuregisteragentitem:hover img {
    content: url('../../Images/agent_white.svg');
}

.actionbuttoncontextmenuclearsearchhistoryitem:hover img {
    content: url('../../Images/history_white.svg');
}

.actionbuttoncontextmenuViewAssetDetailsitem:hover img {
    content: url('../../Images/find_white.svg');
}

/*#endregion*/

/*#region Telerik Controls*/


.defaultdatetimepickercontrolwidth {
    width: 156px !important;
}

.defaultdatetimepickercontrol .RadInput_Bootstrap.RadInputFocused .riTextBox {
    width: 249px !important;
    box-shadow: none;
}

.defaultdatepickercontrolwidth {
    width: 119px !important;
}

.defaultdatepickercontrol .RadInput_Bootstrap.RadInputFocused .riTextBox {
    width: 249px !important;
    box-shadow: none;
}


.defaultdialognumerictextboxcontrol .riTextBox, .RadInputMgr {
    height: 19px;
    padding: 2px 3px !important;
    vertical-align: middle;
}

.defaultdialognumerictextboxcontrol .riTextBox, .defaultdialognumerictextboxcontrol .RadInput {
    width: 72px !important;
}

.RadInput_Bootstrap.RadInputFocused .riTextBox {
    box-shadow: none;
    border-color: #ccc;
}

.defaultdialognumerictextboxcontrol .RadInput a {
    padding: 0 2px !important;
}

.defaultdialognumerictextboxcontrol .riTextBox {
    border: 0;
}

.defaultdialognumerictextboxcontrol .riSelect {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.defaultdialognumerictextboxcontrol .RadInput a:before {
    font: 12px / 1 "WebComponentsIcons";
}


.defaultdialognumerictextboxcontrol .RadInputError {
    background-color: #fff;
}

    .defaultdialognumerictextboxcontrol .RadInputError .riTextBox {
        background-color: #fff;
    }

    .defaultdialognumerictextboxcontrol .RadInputError:after {
        display: none;
    }


.defaultcolorpicker {
}

    .defaultcolorpicker.RadColorPicker .rcpIcon em {
        margin: 4px 6px !important;
    }

    .defaultcolorpicker.RadColorPicker .rcpIcon {
        height: 24px !important;
        padding: 2px 0 !important;
    }

        .defaultcolorpicker.RadColorPicker .rcpIcon a {
            min-height: 0.416667em !important;
            border: 1px solid #B3B3B3 !important;
        }

.RadComboBox_Bootstrap .rcbReadOnly {
    border: 1px solid #B3B3B3 !important;
}

/*#endregion*/

/*#region Footer*/
.partnerversionfooter {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    line-height: 24px;
    background: #201B50;
    color: #fff;
    text-align: center;
}

.partnerversionfooterabsolute {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 24px;
    line-height: 24px;
    background: #201B50;
    color: #fff;
    text-align: center;
}

.haspartnerfootermain {
    height: calc(100vh - 145px) !important;
    padding-bottom: 17px !important;
}

.haspartnerfooterhalf {
    height: calc(100vh - 71px) !important;
    padding-bottom: 17px !important;
}

.haspartnerfooterapplicationsettings {
    height: calc(100vh - 128px) !important;
}

.haspartnerfooteruserdefinedlabels {
    height: calc(100vh - 71px) !important;
}

.haspartnerfooterassetmap {
    height: calc(100vh - 79px) !important;
}

.partnerversionfooterthumbnail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 24px;
    line-height: 24px;
    background: #201B50;
    color: #fff;
    text-align: center;
}

.haspartnerfooterparlevel {
    height: calc(100vh - 136px) !important;
}
/*#endregion*/

/*#region Helper Styles */
.borderleftwhite1 {
    border-left: 1px solid white;
}

.bottom50important {
    bottom: 50px !important;
}

.bottom34important {
    bottom: 34px !important;
}

.bottom26important {
    bottom: 26px !important;
}

.zindex10001 {
    z-index: 10001;
}

.opacity2 {
    opacity: 0.2;
}

/*#endregion*/

/*#region Basic HTML elements */

a {
    color: #000000;
}

    a.textonly {
        color: #ffffff;
        text-decoration: none;
    }

        a.textonly:hover {
            text-decoration: none;
        }

/*Remove the focus rectangle*/

input[type="submit"]:focus, input[type="button"]:focus {
    outline: none;
}



/* Override Chrome focus rectangle and autocomplete  */

*:focus {
    outline: none;
}

html > /**/ body input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

.throbber {
    position: absolute;
    left: calc((100% /2) - 300px);
    top: calc((100% /2) - 245px);
}

/*#endregion*/

/*#region Asset Tracking Application Defaults*/

.assettrackingcolour {
    background-color: #201B50;
}

.assettrackingborderbottom1 {
    border-bottom: 1px solid #201B50;
}

.assettrackingborderbottom2 {
    border-bottom: 2px solid #201B50;
}

/*#endregion*/

/*#region Temperature Application Defaults*/
.temperaturecolour {
    background-color: #b90310;
}

.temperatureborderbottom1 {
    border-bottom: 1px solid #b90310;
}

.temperatureborderbottom2 {
    border-bottom: 2px solid #b90310;
}

/*#endregion*/

/*#region Sterilisation Application Defaults*/
.sterilisationcolour {
    background-color: #5c2f93;
}

.sterilisationborderbottom1 {
    border-bottom: 1px solid #5c2f93;
}

.sterilisationborderbottom2 {
    border-bottom: 2px solid #5c2f93;
}

/*#endregion*/

/*#region General Application defaults */

.defaultfullpagebackground {
    position: absolute;
    width: 100%;
    height: 100%;
}

.hyperlinkfontcolor {
    color: #036dab;
}

.requiredfieldvalidator {
    font-size: 20px;
    font-weight: bold;
}

.createaccountlabelfieldvalidator {
    font-size: 18px;
    font-weight: bold;
    color: #D13438;
}

.labelfieldvalidatorlarge {
    font-size: 20px;
    font-weight: bold;
    color: #D13438;
}

.labelfieldvalidator {
    font-size: 17px;
    font-weight: bold;
    color: #D13438;
}

.smalllabelfieldvalidator {
    font-weight: bold;
    font-size: 16px;
    color: #D13438;
}

.inspectionslabelfieldvalidator {
    font-weight: bold;
    font-size: 15px;
    color: #D13438;
}

.rulelabelfieldvalidator {
    font-size: 22px;
    font-weight: bold;
    color: #D13438;
}

.fontsize14fieldvalidator {
    font-weight: bold;
    font-size: 14px;
    color: #D13438;
}

.fontsize13fieldvalidator {
    font-weight: bold;
    font-size: 13px;
    color: #D13438;
}

.defaultbackgroundcolour {
    background-color: #292c33;
}

.defaultbackground {
    background-color: #085394;
    position: absolute;
    width: 100%;
    height: calc(100% - 97px);
}

.defaultcontrolbackground {
    background: #d7d7d7;
    border: solid 1px #b3b3b3;
}

    .defaultcontrolbackground:hover, .defaultcontrolbackground:focus {
        background: #b9b9b9;
        border: solid 1px #8e8e8e;
        text-decoration: none;
    }

.defaultcontrolbackgroundwhiteborder {
    background: #828282;
    border: solid 1px #cccccc;
}

    .defaultcontrolbackgroundwhiteborder:hover, .defaultcontrolbackgroundwhiteborder:focus {
        background: #9b9b9b;
        border: solid 1px #cccccc;
        text-decoration: none;
    }

.defaultborder {
    border: solid 1px #B3B3B3;
}

.defaultflyoutbackgroundcolor {
    background-color: #fff;
}

.defaultbackgroundcolor {
    background-color: #a9a6a6;
}

.defaultbordertoppagebreak {
    border-top: 1px solid #B3B3B3;
}

.defaultborderbottompagebreak {
    border-bottom: 1px solid #B3B3B3;
}

.defaultradius {
    border-radius: 15px;
}

.defaultradiussmall {
    border-radius: 5px;
}

.failactionbackgroundcolour {
    background-color: #D13438;
}

.successactionbackgroundcolour {
    background-color: #007E00;
}

/*#endregion*/

/*#region Login */

.loginpagecontainer {
    display: grid;
    grid-template-rows: 97% auto;
    height: 100vh;
    background-color: #292c33;
    min-height: 450px;
}

.loginpagecontainer {
    display: grid;
    grid-template-rows: 97% auto;
    height: 100vh;
    background-color: #292c33;
    min-height: 450px;
}

    .loginpagecontainer .loginpagerow1 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 20px 5px 20px;
    }

    .loginpagecontainer .loginpagerow2 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-left: 5px;
        padding-bottom: 5px;
    }

        .loginpagecontainer .loginpagerow2 .RadLabel_Default {
            color: #fff !important;
        }

.loginfootercontainer {
    position: absolute;
    bottom: 0;
}

/* Main card pop-out */
.loginbox {
    display: table;
    width: 100%;
    max-width: 1000px;
    height: 100%;
    max-height: 650px;
    min-height: 410px;
    box-sizing: border-box;
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    background: transparent;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.42), 0 10px 24px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.loginboxinner {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 100% 25px;
    height: 100%;
    width: 100%;
    min-height: 530px;
}

    /* Shared column setup */
    .loginboxinner .loginboxinnercolumn1,
    .loginboxinner .loginboxinnercolumn2 {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: center;
        position: relative;
    }

    /* Left side: smoky white instead of flat white */
    .loginboxinner .loginboxinnercolumn1 {
        background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.88) 0%, rgba(245, 245, 247, 0.80) 42%, rgba(232, 233, 236, 0.72) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(240, 241, 244, 0.78) 100%);
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        border-right: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), inset 0 -18px 35px rgba(27, 33, 49, 0.08);
        border-radius: 0 14px 14px 0;
    }

    /* Right side: darker globe treatment + vignette */
    .loginboxinner .loginboxinnercolumn2 {
        background-image: url('../../Images/login_box_background_grey.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        overflow: hidden;
    }

        /* Darker filter and vignette */
        .loginboxinner .loginboxinnercolumn2::before {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at center, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.00) 32%), radial-gradient(circle at center, rgba(0, 0, 0, 0.00) 38%, rgba(0, 0, 0, 0.1) 68%, rgba(0, 0, 0, 0.32) 100%), linear-gradient(180deg, rgba(10, 14, 22, 0.02) 0%, rgba(10, 14, 22, 0.32) 100%);
            pointer-events: none;
        }

        /* Slight blue-dark atmosphere so it ties into your landing page treatment */
        .loginboxinner .loginboxinnercolumn2::after {
            content: "";
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 50% 45%, rgba(34, 56, 98, 0.18) 0%, rgba(34, 56, 98, 0.08) 34%, rgba(34, 56, 98, 0.00) 68%);
            mix-blend-mode: screen;
            pointer-events: none;
        }

.loginboxleftgrid {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.loginboxleftgridrow1 {
    display: flex;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    justify-content: space-between;
}

.loginboxleftgrid .loginboxleftgridrow2 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 65px;
}

.loginboxleftgrid .loginboxleftcontrolgrid {
    display: flex;
    justify-content: center;
}

.loginboxleftcontrolinnerrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 377px;
}

.logintitleinnergridrow {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 377px;
}

.loginbuttoncontrolgridinner {
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: flex-end;
    width: 377px;
}

.centeralginedsignin label {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-top: 3px;
}

.loginboxinputcontrol {
    width: 370px;
}

.loginrememberme {
    display: inline-flex;
    margin-top: 10px;
}

.loginswitch {
}

.RadButton.RadSwitch.loginswitch .k-switch-handle {
    width: 23px;
    height: 23px;
}

.RadButton.RadSwitch.k-switch-on.loginswitch .k-switch-handle {
    left: calc(100% - 20px);
}

.RadButton.RadSwitch.loginswitch,
.RadButton.RadSwitch.loginswitch .k-switch-container {
    width: 47px;
    height: 23px;
}

.loginremebermelabel {
    padding-left: 15px !important;
}

.loginpageleftsideheadertitle.RadLabel_Default {
    color: #525252 !important;
    font-size: 32px;
    margin: 20px 0 0 0;
    font-weight: bold;
    padding: 0;
}

.loginpagerightsideheadertitle.RadLabel_Default {
    color: #fff !important;
    margin: 20px 0 20px 0;
    font-weight: bold;
    padding: 0;
    position: relative;
    z-index: 1;
}

.loginbutton {
    padding: 2px;
    height: 42px;
    width: 125px;
    font-size: 16px;
}

    .loginbutton .rbText {
        vertical-align: sub !important;
    }

.loginpagelightbutton {
    padding: 2px;
    height: 42px;
    width: 175px;
    vertical-align: bottom;
    /*background-color: #fff !important;*/
    position: relative;
    z-index: 1;
}

    .loginpagelightbutton .rbText {
        vertical-align: sub !important;
    }

.loginpageresetpassword .rbText {
    vertical-align: text-bottom !important;
}

.loginpagecancelbutton {
    padding: 2px;
    height: 42px;
    width: 125px;
    vertical-align: bottom;
    background-color: #fff !important;
}

    .loginpagecancelbutton .rbText {
        vertical-align: sub !important;
    }

.loginboxrightgrid {
    display: grid;
    grid-template-rows: auto auto auto auto;
    height: 76%;
    width: 100%;
    justify-items: center;
    align-content: center;
    position: relative;
    z-index: 1;
}

    .loginboxrightgrid .loginboxrightgridrow1 {
        display: flex;
        align-items: flex-end;
    }

    .loginboxrightgrid .loginboxrightgridrow2 {
        display: flex;
        margin-bottom: 10px;
    }

    .loginboxrightgrid .loginboxrightgridrow3 {
        display: flex;
        align-items: flex-end;
    }

    .loginboxrightgrid .loginboxrightgridrow4 {
        display: flex;
    }

.loginlanguagecontrol {
    width: 100px;
}

    .loginlanguagecontrol.RadComboBox .rcbInput {
        padding: 0px 0 1px;
    }

#errorbox {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: table;
    width: 600px;
    height: 410px;
    border: 2px solid #ffffff;
    background-color: #FFFFFF;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.forgotyourpasswordinputcontrol {
    width: 377px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.flag {
    margin-top: 5px;
    width: 32px;
    height: 32px;
}

.heightinheritimportant {
    height: inherit !important;
}

.createaccountsavebutton {
    padding: 2px;
    height: 42px;
    width: 125px;
    vertical-align: bottom;
}

    .createaccountsavebutton .rbText {
        vertical-align: sub !important;
    }

.recoverpasswordsendbutton {
    padding: 2px;
    height: 42px;
    width: 125px;
    vertical-align: bottom;
}

    .recoverpasswordsendbutton .rbText {
        vertical-align: sub !important;
    }

.createaccountbutton {
    font-size: 14px;
    width: 150px;
    height: 35px;
}

.creataccountcontrolgridinner {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.createaccountformgridrow {
    display: flex;
    gap: 4px;
    width: 100%;
    font-size: 14px;
    border: 0;
    position: relative;
}

.createaccountcontrol {
    width: 118px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.createaccountnamecontrol {
    width: 186.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .createaccountnamecontrol::placeholder {
        color: #bbbbbb;
        opacity: 1;
    }

.createaccountlargecontrol {
    width: 377px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .createaccountlargecontrol::placeholder {
        color: #bbbbbb;
        opacity: 1;
    }

.createaccounterrorpanellogin {
    position: absolute;
    bottom: 65px;
    height: 25px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    width: 100%;
    left: 0px;
}

.logintextboxheight {
    height: 24px;
}

.createaccounttextboxheight {
    height: 22px;
}

.lineheightnone {
    line-height: 0 !important;
}

/*#endregion*/
    
/*#endregion*/

/*#region New Landing Page*/

.landingpagecontainer {
    display: grid;
    background-image: url('../../Images/landing_page_background_grey.jpg');
    background-size: cover;
    background-position: center;
    grid-template-rows: auto 1fr auto;
    position: absolute;
    height: 100%;
    width: 100%;
    min-height: 730px;
    min-width: 820px;
    overflow: hidden;
    box-shadow: inset 0 0 120px rgba(0,0,0,0.6);
}

    .landingpagecontainer::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.20) 45%, rgba(0, 0, 0, 0.30) 100% ), linear-gradient( 180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.28) 50%, rgba(0, 0, 0, 0.38) 100% );
        pointer-events: none;
        z-index: 0;
    }

    .landingpagecontainer > * {
        position: relative;
        z-index: 1;
    }

    .landingpagecontainer .landingpagerow1 {
        position: relative;
        min-height: 330px;
    }

        .landingpagecontainer .landingpagerow1 .headerbar {
            display: grid;
            align-items: center;
            grid-template-columns: 2fr auto auto auto 1fr;
            background-color: transparent;
            justify-items: center;
            width: 100%;
            position: relative;
            z-index: 2;
        }

    .landingpagecontainer .landingpagerow2 {
        display: flex;
        position: relative;
        background-color: transparent;
        height: 95%;
        flex-grow: 1;
        overflow-y: hidden;
        overflow-x: hidden;
        min-height: 268px;
        align-items: center;
        justify-content: center;
    }

    .landingpagecontainer .landingpagerow3 {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-left: 5px;
        padding-bottom: 5px;
    }

        .landingpagecontainer .landingpagerow3 .RadLabel_Default {
            color: #fff !important;
        }

    .landingpagecontainer .straplinecontainer {
        left: 50%;
        top: 93%;
        transform: translate(-50%, -50%);
        min-width: 595px;
        max-width: 850px;
        width: 60%;
        position: absolute;
        border-radius: 7px;
        z-index: 1;
        text-align: center;
    }

    .landingpagecontainer .strapline {
        color: white !important;
        text-align: center;
        padding: 15px;
        align-self: center;
        font-size: 3.3rem;
        z-index: 0;
        word-wrap: break-word;
        white-space: normal;
        font-weight: bold;
    }

.landingpageheaderbutton.RadButton_Bootstrap.rbSkinnedButton {
    background-image: none !important;
    background-color: transparent;
    border: none !important;
    margin-left: 10px;
    height: 45px;
}

    .landingpageheaderbutton.RadButton_Bootstrap.rbSkinnedButton:hover {
        background-color: #292c33 !important;
        border: none !important;
        box-shadow: none;
    }

.landingpageheaderbutton.RadButton_Bootstrap .rbDecorated {
    color: #fff !important;
    height: 32px;
}

.landingpagemodulecontainer {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin: 0;
    padding: 0 30px 0 30px;
    box-sizing: border-box;
}

.landingpagemoduleboxs {
    display: grid;
    grid-template-columns: repeat(3, minmax(240px, 312px));
    gap: 32px;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    max-width: 1100px;
}

.landingpagemodulebox {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 320px;
    padding: 28px 26px 22px 26px;
    border-radius: 20px;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(31, 38, 53, 0.92) 0%, rgba(16, 20, 30, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.07), inset 0 0 22px rgba(255, 255, 255, 0.025);
    backdrop-filter: blur(1px);
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

    .landingpagemodulebox:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.45), inset 0 0 20px rgba(255, 255, 255, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        filter: brightness(1.20);
    }

    .landingpagemodulebox > * {
        position: relative;
        z-index: 2;
    }

    .landingpagemodulebox .landingpagemoduleambient {
        display: none;
    }

    .landingpagemodulebox:has(*)::selection {
    }

.landingpagemoduleiconwrap {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    position: relative;
    background: radial-gradient( circle, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 45%, rgba(255,255,255,0.00) 75% );
}

/* Icon glow */
.landingpagemoduleboxasset .landingpagemoduleiconwrap {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.12), inset 0 0 10px rgba(255,255,255,0.40),
    /* 🔥 THIS is the key: bright blue layer */
    inset 0 0 18px rgba(120,170,255,0.55),
    /* outer glow (reduced but bluer) */
    0 0 10px rgba(120,170,255,0.65), 0 0 20px rgba(32,27,80,0.55), 0 0 30px rgba(10,24,90,0.45);
}

.landingpagemoduleboxtemperature .landingpagemoduleiconwrap {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.10), inset 0 0 10px rgba(255,255,255,0.35), inset 0 0 18px rgba(185,3,16,0.45), 0 0 8px rgba(185,3,16,0.45), 0 0 16px rgba(185,3,16,0.25);
}

.landingpagemoduleboxsterile .landingpagemoduleiconwrap {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.10), inset 0 0 10px rgba(255,255,255,0.35), inset 0 0 18px rgba(92,47,147,0.45), 0 0 8px rgba(92,47,147,0.45), 0 0 16px rgba(92,47,147,0.25);
}

/* Shared top/bottom edge glow base */
.landingpagemodulebox::before,
.landingpagemodulebox::after {
    content: "";
    position: absolute;
    left: 12%;
    width: 76%;
    height: 7px;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(3px);
    opacity: 1;
}

/* Top and bottom edge glow */
.landingpagemoduleboxasset::before {
    top: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,1.1) 0%,
    /* 🔥 bright blue highlight */
    rgba(120,170,255,1) 16%,
    /* brand blue */
    rgba(32,27,80,0.95) 34%, rgba(32,27,80,0.0) 75% );
}

.landingpagemoduleboxasset::after {
    bottom: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,1.05) 0%, rgba(120,170,255,0.95) 16%, rgba(32,27,80,0.90) 34%, rgba(32,27,80,0.0) 75% );
}

/* Temperature */
.landingpagemoduleboxtemperature::before {
    top: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,1) 0%, rgba(255,90,90,1) 18%, rgba(185,3,16,0.9) 38%, rgba(185,3,16,0.0) 75% );
}

.landingpagemoduleboxtemperature::after {
    bottom: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,0.95) 0%, rgba(255,90,90,0.95) 18%, rgba(185,3,16,0.85) 38%, rgba(185,3,16,0.0) 75% );
}

/* Sterile */
.landingpagemoduleboxsterile::before {
    top: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,1) 0%, rgba(200,140,255,1) 18%, rgba(92,47,147,0.9) 38%, rgba(92,47,147,0.0) 75% );
}

.landingpagemoduleboxsterile::after {
    bottom: -2px;
    background: radial-gradient( ellipse at center, rgba(255,255,255,0.95) 0%, rgba(200,140,255,0.95) 18%, rgba(92,47,147,0.85) 38%, rgba(92,47,147,0.0) 75% );
}

/* Card backgrounds with controllable inner highlight */
.landingpagemoduleboxasset {
    background: radial-gradient(circle at 50% 18%, rgba(255,255,255,0.03) 0%, rgba(32,27,80,0.34) 9%, rgba(32,27,80,0.20) 18%, rgba(10,24,90,0.16) 28%, rgba(32,27,80,0.00) 42%), radial-gradient(circle at 50% 60%, rgba(10,24,90,0.08) 0%, rgba(10,24,90,0.00) 50%), linear-gradient( 180deg, rgba(20,24,38,0.92) 0%, rgba(10,14,24,0.96) 62%, rgba(6,8,16,0.99) 100%);
}

.landingpagemoduleboxtemperature {
    background: radial-gradient(circle at 50% 18%, rgba(255,255,255,0.06) 0%, rgba(185,3,16,0.22) 10%, rgba(185,3,16,0.12) 22%, rgba(185,3,16,0.00) 38%), radial-gradient(circle at 50% 55%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 55%), linear-gradient( 180deg, rgba(22,26,38,0.90) 0%, rgba(12,15,24,0.95) 60%, rgba(8,10,18,0.98) 100%);
}

.landingpagemoduleboxsterile {
    background: radial-gradient(circle at 50% 18%, rgba(255,255,255,0.06) 0%, rgba(92,47,147,0.22) 10%, rgba(92,47,147,0.12) 22%, rgba(92,47,147,0.00) 38%), radial-gradient(circle at 50% 55%, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 55%), linear-gradient( 180deg, rgba(22,26,38,0.90) 0%, rgba(12,15,24,0.95) 60%, rgba(8,10,18,0.98) 100%);
}

.landingpagemodulelogo {
    width: 50px;
    height: 50px;
    margin: 0;
}

    .landingpagemodulelogo,
    .landingpagemodulelogo img {
        background: transparent !important;
        border: none !important;
    }

.landingpagemoduletitle.RadLabel_Default {
    display: block;
    font-weight: bold;
    color: #ffffff !important;
    margin-bottom: 16px;
    font-size: 20px !important;
    line-height: 1.25;
}

.landingpagemoduledescription.RadLabel_Default {
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.88) !important;
    min-height: 88px;
    max-width: 240px;
    margin: 0 auto;
}

.landingpagemodulefooter {
    margin-top: auto;
    padding-top: 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    position: relative;
}

    .landingpagemodulefooter::before {
        content: "";
        position: absolute;
        top: 0;
        left: 5%;
        width: 90%;
        height: 1px;
        background: linear-gradient( 90deg, transparent, rgba(255,255,255, 0.3), transparent );
    }

.landingpagemoduleexplore {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.landingpagemodulearrow {
    font-size: 26px;
    line-height: 1;
    margin-top: -2px;
}

.landingpagemoduleboxasset .landingpagemodulearrow {
    color: #7aaaff;
}

.landingpagemoduleboxtemperature .landingpagemodulearrow {
    color: #ff5050;
}

.landingpagemoduleboxsterile .landingpagemodulearrow {
    color: #b478ff;
}

.radrotator .p-icon {
    display: none !important;
}

/*#endregion*/

/*#region Forth Valley Landing Page*/

.forthvalleywrapper {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.forthvalleywrapperouter {
    background: #1E2126;
    display: table-row;
    height: 30%;
    text-align: center;
}

.forthvalleywrapperinner {
    background: #000;
    display: table-row;
    height: 40%;
}

.forthvalleydataentrycontainer {
    height: 100%;
    width: 100%;
    display: table;
    background: white;
}


.forthvalleydataentryblock1 {
    height: 100%;
    width: 25%;
    display: table-cell;
}

.forthvalleydataentryblock2 {
    height: 100%;
    width: 50%;
    display: table-cell;
}

#forthvalleycopyrightfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
    color: #ffffff;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.forthvalleycenterinnercontainer {
    height: 100%;
    width: 100%;
    display: table;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.forthvalleycentercontainerblock1 {
    width: 40%;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
}


.forthvalleycentercontainerblock2 {
    width: 60%;
    display: table-cell;
    vertical-align: top;
}

.forthvalleyformgridrow {
    display: table;
    width: 100%;
    font-size: 22px;
    border: 0;
}

    .forthvalleyformgridrow .column1 {
        padding: 1px;
        width: 35%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .forthvalleyformgridrow .column2 {
        width: 65%;
        display: table-cell;
        vertical-align: middle;
    }

/*#endregion*/

/*#region caterpillar Production Tracking Landing Page*/

.caterpillarwrapperbuildoptions {
    display: table;
    height: 100%;
    margin: 0;
    width: 20%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.caterpillarwrapper {
    display: table;
    height: 100%;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    min-width: 1060px;
}

.caterpillarwrapperouter {
    display: flex;
    background: #1E2126;
    height: 272px;
    min-height: 200px;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.caterpillarwrapperinner {
    background: #1E2126;
    display: table-row;
    height: 40%;
}

.caterpillardataentrycontainer {
    height: 400px;
    width: 100%;
    display: table;
    background: white;
}

.caterpillardataentryblock1 {
    height: 100%;
    width: 25%;
    display: table-cell;
}

.caterpillardataentryblock2 {
    height: 100%;
    width: 40%;
    display: table-cell;
}

#caterpillarcopyrightfooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
    color: #ffffff;
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caterpillarcenterinnercontainer {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caterpillarcentercontainerblock1 {
    width: 30%;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
}

.caterpillarcentercontainerblock2 {
    width: 49%;
    display: table-cell;
    vertical-align: top;
}

.caterpillarformgridrow {
    display: table;
    width: 100%;
    border: 0;
}

    .caterpillarformgridrow .column1 {
        padding: 1px;
        width: 30%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .caterpillarformgridrow .column2 {
        width: 80%;
        display: table-cell;
        vertical-align: middle;
    }

.caterpillarproductionpagebuttons {
    width: 98px;
}

.caterpillarrejectpagebuttons {
    width: 148px;
}

.caterpillarcabtrackingpageinputbox {
    display: flex;
    justify-content: flex-end;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caterpillarproductionpageinputbox {
    display: flex;
    justify-content: space-between;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caterpillarproductionpagelabels {
    width: 190px;
    white-space: nowrap;
    float: left;
}

.rejecttrackinginnercolumn {
    display: inline-flex;
    align-items: center;
}

/*#endregion*/

/*#region System Screen*/
.systemscreenbackground {
    background-color: #FFFFFF;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    min-height: 620px;
    padding-right: 70px;
}

.systemscreenlogo {
    width: 400px;
    height: 100px;
}

#systemscreencontentbuttonstop {
    position: absolute;
    display: table;
    top: calc(50% - 130px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

#systemscreencontentbuttonsbottom {
    position: absolute;
    display: table;
    top: calc(50% + 130px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

#systemscreenbuttontopleft, #systemscreenbuttontopmiddle, #systemscreenbuttontopright, #systemscreenbuttonbottomleft, #systemscreenbuttonbottommiddle, #systemscreenbuttonbottomright {
    display: table-cell;
    width: 330px;
    height: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemscreenassetmanagementbutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_assetmanager.png');
}

    .systemscreenassetmanagementbutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

.systemscreentemperaturebutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_temperature.png');
}

    .systemscreentemperaturebutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

.systemscreenmedicalrecordsbutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_medicalrecords.png');
}

    .systemscreenmedicalrecordsbutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

.systemscreensterileservicesbutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_sterileservices.png');
}

    .systemscreensterileservicesbutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

.systemscreenpatientbutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_patient.png');
}

    .systemscreenpatientbutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

.systemscreenbedmanagementbutton {
    border: 0px solid #563d7c;
    width: 330px;
    height: 290px;
    border-style: none;
    background: left 0px top 0px no-repeat #FFFFFF;
    background-color: transparent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-image: url('../../Images/systemscreen_jigsaw_bedmanagement.png');
}

    .systemscreenbedmanagementbutton:hover {
        -moz-background-position-x: 10px;
        -o-background-position-x: 10px;
        background-position-x: 10px;
        -moz-background-position-y: 10px;
        -o-background-position-y: 10px;
        background-position-y: 10px;
        text-decoration: none;
    }

#systemscreencopyright {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 10px;
    color: #1C2674;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/*#endregion*/

/*#region Error */

#errorboxcontent {
    display: table-cell;
    padding: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
}

#copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
    color: #ffffff;
    padding-bottom: 8px;
    padding-right: 7px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}


/*#endregion*/

/*#region Recover Password */

#recoverpasswordboxcontent {
    display: table-cell;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

/*#endregion*/

/*#region Entry Monitor*/

.entrymonitorsplitter {
    width: 100% !important;
    height: 100vh !important;
    position: fixed;
    top: 100px;
}

    .entrymonitorsplitter .RadSplitter .rspFirstItem {
        width: 45px;
    }

    .entrymonitorsplitter .RadSplitter {
        width: 100% !important;
    }

        .entrymonitorsplitter .RadSplitter .rspSlideZone.rspSlideZoneHorizontal {
            /*margin-left: -1px !important;*/
        }

    .entrymonitorsplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon,
    .entrymonitorsplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon:hover {
        background-image: url(../../Images/dock_white.svg);
        background-position: 7px 0px;
        background-repeat: no-repeat;
        height: 24px;
        position: absolute;
        left: 1px;
        top: 7px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon,
    .entrymonitorsplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon:hover {
        background-image: url(../../Images/undock_white.svg);
        background-position: 7px 0;
        background-repeat: no-repeat;
        height: 24px;
        position: absolute;
        left: 54px;
        top: 8px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlideHeaderCollapseIcon,
    .entrymonitorsplitter .RadSplitter_Bootstrap div.rspSlideHeaderCollapseIcon:hover {
        background-image: url(../../Images/cancel_white.svg);
        background-position: -69px 0;
        background-repeat: round;
        height: 24px;
        position: absolute;
        right: 6px;
        top: 7px;
        border-color: transparent !important;
        background-color: transparent !important;
        color: transparent !important;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspPaneTabContainer,
    .entrymonitorsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        background-color: #a9a6a6 !important;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        padding-top: 5px;
        padding-left: 1px;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspPaneTabContainer {
        text-align: center !important;
        border: none;
    }

    .entrymonitorsplitter .RadSplitter .rspPaneTabIcon {
        height: 34px;
    }



    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlideContent {
        /*border-left: 1px solid #828282;*/
        height: 100vh !important;
    }

    .entrymonitorsplitter .RadSplitter .rspPaneTabText.rspRotatedTabText {
        display: none;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer,
    .RadSplitter_Bootstrap .rspSlideHeaderIconWrapper {
        background-color: #292c33 !important;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer {
        height: 40px;
    }

    .entrymonitorsplitter .RadSplitter .rspSlideHeader .rspSlideTitle {
        text-align: center;
        font-weight: bold;
        color: white;
        line-height: 25px !important;
        margin-left: 21px;
        font-weight: bold;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlideContainerResize {
        cursor: default;
    }

    .entrymonitorsplitter .RadSplitter_Bootstrap .rspSlidePane {
        height: 100% !important;
    }

.entrymonitorslidingpane {
    height: calc(100vh - 45px) !important;
}

.entrymonitorflyoutslindingzone {
    width: 45px !important;
}

.entrymonitormaincontentpane {
    width: 100% !important;
    height: 100% !important;
}

.locationmonitorheader {
    width: 100%;
    height: 70px;
    display: table;
    -moz-min-width: 1024px;
    -ms-min-width: 1024px;
    -o-min-width: 1024px;
    -webkit-min-width: 1024px;
    min-width: 1024px;
    background-color: #292c33;
}

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

.locationmonitorheadercolumn1 {
    padding-left: 15px;
    padding-right: 15px;
    width: 9%;
}

.locationmonitorheadercolumn2 {
    text-align: center;
    width: 82%;
}

.locationmonitorheadercolumn4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 9%;
}

.headerlocationname {
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.headertime {
    font-size: 48px;
    font-weight: bold;
    color: #ffffff;
}

.locationmonitorflyoutmenu {
    display: table-cell;
    text-align: center;
    background-color: #a9a6a6;
    width: 45px;
    height: 100%;
    padding-top: 12px;
    vertical-align: top;
    border-left: 1px solid white;
    border-top: 1px solid white;
}

.locationmonitorflyoutmenubarcell .logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

.locationmonitormaincontainer {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    min-width: 1215px;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
}

.locationmonitormaincontainergridrow {
    display: table;
    table-layout: fixed;
    height: calc(100% - 100px);
    width: 100%;
    overflow: hidden;
    position: absolute;
    min-width: 1215px;
}

.locationmonitormaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .locationmonitormaingridrow.haspartnerfooter {
        height: calc(100% - 80px) !important;
    }

.locationmonitorflyout {
    height: 100%;
    width: 450px;
    position: relative;
    background-color: #FFFFFF;
    left: 1px;
    top: 0px;
    float: left;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10002;
}

    .locationmonitorflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        right: 8px;
        padding: 0px 0px 0px 15px;
        font-size: 36px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
    }

        .locationmonitorflyout .closebtn:hover {
            color: #707070;
        }

.locationmonitorflyoutcontainer {
    height: 100%;
    width: 100%;
    min-width: 450px;
}

.locationmonitorflyoutsearchgridrow {
    display: table;
    width: 100%;
    height: 60px;
    border-spacing: 4px;
    font-size: 12px;
    border: 0;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

    .locationmonitorflyoutsearchgridrow .column1 {
        display: table-cell;
        width: 83%;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .locationmonitorflyoutsearchgridrow .column2 {
        display: table-cell;
        width: 11%;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .locationmonitorflyoutsearchgridrow .column3 {
        display: table-cell;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.locationmonitorflyouttextboxcontrol {
    width: 397px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
}

.locationmonitorflyoutsearchbutton {
    padding: 3px;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.locationmonitorflyoutradsearchbutton {
    padding: 2px;
    height: 40px;
    width: 40px;
    vertical-align: bottom;
}

.locationmonitorflyoutlocationsgridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 200px);
    border-spacing: 2px;
    font-size: 12px;
    margin-bottom: -2px;
    padding-bottom: 7px;
    min-height: 445px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

.locationmonitormaingridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.locationmonitormainrightoveralls {
    display: table;
    width: calc(100% - 30px);
    padding: 15px;
    border: 0;
}

.locationmonirotmainrightoverallscell {
    display: table;
    width: calc((100% - 30px)/ 3);
    height: 150px;
    position: relative;
    float: left;
}

    .locationmonirotmainrightoverallscell .col1 {
        display: table-cell;
        width: 30%;
        vertical-align: middle;
        border: 0;
        position: relative;
        text-align: right;
    }

    .locationmonirotmainrightoverallscell .col2 {
        display: table-cell;
        width: 50%;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.locationmonitoroverallcount {
    display: table-cell;
    color: #ffffff;
    font-size: 110px;
    height: 100px;
    width: 400px;
    line-height: 100px;
    font-weight: bold;
    text-align: center;
}

.locationmonitordefaultcountbackground {
    background-color: #007E34;
}

.locationmonitorassetgridcontainer {
    width: calc(100% - 30px);
    height: calc(100vh - 270px);
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

    .locationmonitorassetgridcontainer.haspartnerfooter {
        height: calc(100vh - 322px) !important;
    }

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

    .locationmonitormaingridview .rgRow {
        padding-top: 40px !important;
    }

.locationmonitormaingridcellheader {
    font-size: 22px;
    text-align: left;
    height: 52px;
}

.locationmonitormaingridcell {
    font-size: 18px;
    text-align: left;
    height: 50px;
}

.locationmonitormaingridtimecellheader {
    font-size: 22px;
    text-align: center;
    height: 52px;
}

.locationmonitormaingridtimecell {
    font-size: 18px;
    text-align: center;
    height: 50px;
}

.locationmonitormaingridlogocell {
    height: 60px;
    text-align: center;
    vertical-align: top;
}


.locationmonitorwatermark {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 55px;
}

.locationmonitorwatermarkimage {
    width: auto;
    max-width: 48vw;
    min-width: 500px;
}

.entrymonitordefaultcountbackground {
    background-color: #007E34;
}

.entrymonitorwarningcountbackground {
    background-color: #DC3912;
}


/*#endregion*/

/*#region Live Location Monitor*/

.livelocationmonitormainoutergridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: calc(100% - 45px);
    position: relative;
    overflow: hidden;
    min-width: 1024px;
}

    .livelocationmonitormainoutergridrow.haspartnerfooter {
        height: calc(100% - 27px) !important;
    }

.livelocationmonitormainoutergridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.livelocationmonitormaincontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 540px;
}

.livelocationmonitormaincontainergridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    min-width: 1024px;
}

.livelocationmonitormaingridrowcell {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    min-width: 1024px;
    min-height: 530px;
}

.livelocationmonitormainright {
    display: table-cell;
    width: calc(100% - 450px);
    height: 100%;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.livelocationmonitorflyoutlocationsgridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 147px);
    border-spacing: 2px;
    font-size: 12px;
    margin-bottom: -2px;
    padding-bottom: 7px;
    min-height: 445px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

.livelocationmonitorgrid {
    width: calc(100% - 38px);
}

.livelocationmonitorpanel {
    height: 100%;
    overflow: hidden;
}

.livelocationmonitorgridrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    margin: 10px 10px 0px 10px;
}

    .livelocationmonitorgridrow .column1 {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 3;
    }

    .livelocationmonitorgridrow .column2 {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        align-items: center;
    }

.livelocationmonitoritemsmissinggrid {
    width: 100%;
    height: calc(100vh - 532px);
    padding-top: 15px;
}

    .livelocationmonitoritemsmissinggrid.haspartnerfooter {
        height: calc(100vh - 556px) !important;
    }

.livelocationmonitormissingitemsgridrow {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    margin: 10px;
}

.liveloctiongridheader {
    width: 100%;
    height: 21px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.dashboardtitle {
    color: #bbbbbb;
}

.livelocationmonitorcellbody {
    margin-right: -25px;
    min-height: 381px;
    max-height: 381px;
}

.liveloctionatlocationgridheader {
    width: 100%;
    height: 21px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.livelocationmonitorexportimage {
    height: 26px;
    width: 26px;
}

.livelocationmonitorflyoutradsearchbutton {
    padding: 2px;
    height: 40px;
    width: 40px;
    vertical-align: bottom;
}

.livelocationmonitorflyout {
    height: 100%;
    width: 450px;
    position: relative;
    background-color: #FFFFFF;
    left: 1px;
    top: 0px;
    float: left;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #828282;
    border-right: 1px solid #;
}

    .livelocationmonitorflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        right: 8px;
        padding: 0px 0px 0px 10px;
        font-size: 36px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
    }

        .livelocationmonitorflyout .closebtn:hover {
            color: #707070;
        }

/*#endregion*/

/*#region Site (Master Page) */
.headercolumn1 {
    padding-left: 9px;
    padding-top: 3px;
    width: 30%;
}

.headercolumn2 {
    text-align: center;
    width: 47%;
}

.headercolumn3 {
    text-align: right;
    width: 12%;
}

.headercolumn4 {
    text-align: right;
    width: 3%;
    padding-top: 1px;
    padding-left: 17px;
}

.headercolumn5 {
    text-align: right;
    padding-right: 1px;
    width: 1%;
    padding-left: 1px;
}

.headercolumn6 {
    text-align: right;
    padding-right: 9px;
    width: 2%;
    padding-left: 1px;
}

.headercolumn7 {
    text-align: right;
    width: 2%;
    padding-left: 6px;
}

.headercolumn8 {
    text-align: right;
    padding-right: 1px;
    width: 1%;
    padding-left: 1px;
}

.headercolumn9 {
    text-align: right;
    padding-right: 9px;
    width: 2%;
    padding-left: 1px;
}

.iframeheadercolumn1 {
    text-align: left;
    width: 50%;
    padding-left: 15px;
    vertical-align: bottom !important;
}

.iframeheadercolumn2 {
    text-align: right;
    width: 50%;
    padding-right: 15px;
}

.iframeheadercolumnheadertext {
    color: #ffffff;
    font-size: 24px;
    text-decoration: none;
}

.navmenutopborder {
    border-top: 1px solid #ffffff !important;
    padding-top: 3px !important;
    margin-top: 3px !important;
}

.userradnavigation {
    line-height: 1.42857143;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    overflow: hidden;
    outline: 0;
    height: 45px;
}

    .userradnavigation .rnvRootLink {
        padding: 11px;
    }

    .userradnavigation .rnvItem .rnvRootLink.rnvLink {
        border-bottom: 1px solid #fff;
        border-left: none;
        border-right: none;
    }

    .userradnavigation .rnvLink .rnvText {
        vertical-align: text-top;
    }

div.radSkin_Bootstrap div.rnvPopup {
    background-color: #201B50;
    font-size: 16px;
    font-family: 'Poppins';
    border: 1px solid #201B50;
    color: #fff;
}

.userradnavigation li.rnvItem {
    background-color: #201B50;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
}

div.radSkin_Bootstrap div.rnvPopup .rnvHovered > .rnvLink {
    color: #201B50;
    background-color: #ffffff;
}

.userradnavigation .rnvItem.rnvHovered .rnvLink {
    background-color: #201B50;
    border: none;
    box-shadow: none;
}

.userradnavigation .rnvItem.rnvHovered .rnvRootLink.rnvLink {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
}

.userradnavigation .rnvSlide {
    white-space: nowrap;
    display: none;
    position: absolute;
    z-index: 10005;
}

.userradnavigation .rnvHovered > .rnvRootLink,
.userradnavigation .rnvSelected > .rnvRootLink,
.userradnavigation .rnvExpanded > .rnvRootLink,
.userradnavigation .rnvPopup .rnvHovered > .rnvLink {
    border-left: none;
    border-right: none;
    border-bottom: none;
    box-shadow: none;
    background-color: #201B50;
    color: #fff;
}

.userradnavigation .rnvRootGroupWrapper {
    color: #fff;
    border-style: none;
}

.userradnavigation .rnvFocused.rnvMore, .userradnavigation .rnvFocused > .rnvRootLink {
    box-shadow: none;
}







.actionsradnavigation {
    line-height: 1.42857143;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    overflow: hidden;
    outline: 0;
    height: 36px;
}

    .actionsradnavigation .rnvRootLink {
        padding: 5px;
    }

    .actionsradnavigation .rnvItem .rnvRootLink.rnvLink {
        border-bottom: 1px solid #fff;
        border-left: none;
        border-right: none;
        width: 100px;
        text-align: center;
    }

    .actionsradnavigation .rnvLink .rnvText {
        vertical-align: text-top;
    }

    .actionsradnavigation .rnvLink .rnvToggle {
        vertical-align: middle;
    }

div.radSkin_Bootstrap div.rnvPopup {
    background-color: #201B50;
    font-size: 16px;
    font-family: 'Poppins';
    border: 1px solid #201B50;
    color: #fff;
}

.actionsradnavigation li.rnvItem {
    background-color: #201B50;
    font-size: 16px;
    font-family: 'Poppins';
    color: #fff;
}

div.radSkin_Bootstrap div.rnvPopup .rnvHovered > .rnvLink {
    color: #201B50;
    background-color: #ffffff;
}

.actionsradnavigation .rnvItem.rnvHovered .rnvLink {
    background-color: #201B50;
    border: none;
    box-shadow: none;
}

.actionsradnavigation .rnvItem.rnvHovered .rnvRootLink.rnvLink {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-right: none;
}

.actionsradnavigation .rnvSlide {
    white-space: nowrap;
    display: none;
    position: absolute;
    z-index: 10005;
}

.actionsradnavigation .rnvHovered > .rnvRootLink,
.actionsradnavigation .rnvSelected > .rnvRootLink,
.actionsradnavigation .rnvExpanded > .rnvRootLink,
.actionsradnavigation .rnvPopup .rnvHovered > .rnvLink {
    border-left: none;
    border-right: none;
    border-bottom: none;
    box-shadow: none;
    background-color: #201B50;
    color: #fff;
}

.actionsradnavigation .rnvRootGroupWrapper {
    color: #fff;
    border-style: none;
}

.actionsradnavigation .rnvFocused.rnvMore, .actionsradnavigation .rnvFocused > .rnvRootLink {
    box-shadow: none;
}

.actionsradnavigation .radSkin_Bootstrap .rnvPopup .rnvSelected > .rnvLink, .radSkin_Bootstrap .rnvPopup .rnvExpanded > .rnvLink {
    background-color: #201B50
}

.masterheaderimage {
    height: 25px;
    width: 25px;
}

.masterheaderseperatorimage {
    height: 40px;
    width: 30px;
}

.masterheadermenuimage {
    height: 28px;
    width: 28px;
}

.siteheaderfull {
    height: 45px;
    width: 100%;
    background-color: #292c33 !important;
    border-bottom: 2px inset #8b8b8b;
}

.siteheader {
    height: 45px;
    width: calc(100% - 45px);
    background-color: #292c33 !important;
    border-bottom: 2px inset #8b8b8b;
    float: right;
}

.siteheaderusersettings {
    display: flex;
    align-items: center;
}

.siteheaderinner {
    display: grid;
    grid-template-columns: 45px auto 1fr auto auto;
    align-items: center;
    height: 45px;
    width: 100%;
    box-sizing: border-box;
}

.siteheaderinnercolumn1 {
    display: flex;
    justify-self: center;
}

.siteheaderinnercolumn2 {
    justify-self: start;
    text-align: left;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 13px;
    white-space: nowrap;
}

.siteheaderinnercolumn3 {
    display: flex;
    height: 45px;
    justify-content: center;
    align-items: center;
}

.siteheaderinnercolumn4 {
    justify-self: end;
    text-align: right;
    display: flex;
    align-items: center;
}

.siteheaderinnercolumn4container {
    display: flex;
}

    .siteheaderinnercolumn4container img,
    .siteheaderinnercolumn4container .aspimagebutton {
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: middle;
    }

.siteheaderinnercolumn5 {
    justify-self: end;
    text-align: right;
    display: flex;
    align-items: center;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .siteheader {
        grid-template-columns: auto auto 1fr auto auto;
    }
}

@media (max-width: 480px) {
    .siteheader {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .siteheaderinnercolumn1,
    .siteheaderinnercolumn2,
    .siteheaderinnercolumn3,
    .siteheaderinnercolumn4,
    .siteheaderinnercolumn5 {
        justify-self: center;
        margin-bottom: 10px;
        text-align: center;
    }

    .siteheaderinnercolumn4 {
        justify-self: center;
        display: flex;
        justify-content: center;
    }

    .siteheaderinnercolumn4container {
        display: flex;
    }

        .siteheaderinnercolumn4container img,
        .siteheaderinnercolumn4container .aspimagebutton {
            margin-left: 5px;
            margin-right: 5px;
            height: 30px;
        }
}

.profilepicturesmall {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    background-color: #ffffff;
    padding: 1px;
    border: 2px solid #fff;
    background-repeat: round !important;
}

.profilepicturelarge {
    height: 70%;
    width: 70%;
    border-radius: 50%;
    background-color: #292c33;
    padding: 1px;
    border: 1px solid #292c33;
}

.siteheaderusername {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    margin: 0 5px;
}

.dropdownarrow {
    font-size: 14px;
    margin-left: 5px;
    vertical-align: middle;
    color: #ffff;
}

.dropdownarrowicon {
    content: "▼";
}


.sitenavbar {
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    transition: width 0.3s ease;
    width: 45px;
    background-color: #292c33;
}

    .sitenavbar .sitenavslidingpane,
    .siteusernavbar .siteusernavslidingpane {
        float: left;
        z-index: 999;
        height: 80%;
    }

.siteusernavbar {
    height: 100%;
    position: absolute;
    display: flex;
}



.sitenavbarbuttons {
    display: flex;
    flex-direction: column;
}

.sitenavpanelbar {
    height: 100%;
    transition: width 0.3s ease;
    background-color: #292c33;
    overflow: auto;
    border: none;
    width: 45px;
    border-right: 1px solid white;
    box-sizing: border-box;
}

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpRootLink {
        background-color: #292c33;
        color: #fff;
        font-size: 13px;
        font-family: 'Poppins';
        white-space: nowrap;
        border: none;
    }

    .sitenavpanelbar.RadPanelBar .rpRootGroup {
        /*margin-top: 8px;*/
    }

    .sitenavpanelbar.RadPanelBar .rpLast .rpRootLink {
        border-bottom-width: 0;
    }

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpRootLink {
        margin-top: 10px;
    }

    .sitenavpanelbar.RadPanelBar .rpFirst .rpRootLink {
        margin: 0;
    }

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpGroup .rpItem {
        color: #fff;
    }

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpLink.rpSelected {
        border-color: #ffffff;
        color: #000;
        background-color: #ffffff;
    }

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpRootLink.rpFocused {
        box-shadow: none;
        border-color: #ffffff;
    }

    .sitenavpanelbar.RadPanelBar_Bootstrap .rpLink.rpFocused {
        box-shadow: none;
        border-color: #ffffff;
        background-color: #ffffff;
        color: #292c33;
    }

    .sitenavpanelbar.RadPanelBar .rpImage {
        margin: 0 11px 0 -3px;
        vertical-align: middle;
        height: 27px;
    }

    .sitenavpanelbar.RadPanelBar .rpText {
        vertical-align: bottom;
    }

    .sitenavpanelbar.RadPanelBar .rpExpandHandle .p-icon {
        display: none;
    }

    .sitenavpanelbar.RadPanelBar .rpLevel1 .rpLink {
        padding-left: 45px;
    }

    .sitenavpanelbar.RadPanelBar .rpLevel2 .rpLink {
        padding-left: 75px;
    }

    .sitenavpanelbar.RadPanelBar .rpLevel3 .rpLink {
        padding-left: 95px;
    }

    .sitenavpanelbar.RadPanelBar .rpLevel2 .rpLast {
        padding-bottom: 10px;
    }

.sitenavimagecontainer {
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

    .sitenavimagecontainer:hover:not(:first-child) {
        background-color: #fff;
    }

.sitenavsplitter {
    height: 100% !important;
    position: absolute;
    border-top: 1px solid #fff;
}

    .sitenavsplitter .RadSplitter_Bootstrap {
        border: 0;
    }

        .sitenavsplitter .RadSplitter_Bootstrap .rspTabsContainer {
            background-color: #201B50 !important;
        }

        .sitenavsplitter .RadSplitter_Bootstrap .rspPaneTabContainer {
            background-color: #201B50 !important;
            border: none !important;
            text-align: center !important;
        }

        .sitenavsplitter .RadSplitter_Bootstrap .rspPaneTabContainerExpanded:not(:first-child) {
            background-color: #fff !important;
            border: none !important;
        }

    .sitenavsplitter .RadSplitter .rspPaneTabIcon {
        height: 36px;
    }

.sitenavpane {
    height: 100vh !important;
}

.sitenavmenu {
    background-color: #201B50 !important;
}

    .sitenavmenu .k-drawer-item {
        align-items: center;
    }

    .sitenavmenu .k-drawer-separator {
        padding: 0 !important;
    }

    .sitenavmenu.RadDrawer_Default .k-drawer-item.k-state-selected {
        color: #201B50 !important;
        background-color: #fff !important;
    }

    .sitenavmenu.RadDrawer_Default .k-drawer-item {
        color: #fff !important;
        background-color: #201B50 !important;
    }

    .sitenavmenu .k-drawer-item .k-icon {
        margin: 0 4px !important;
        font-size: 28px !important;
    }

    .sitenavmenu .k-drawer-mini .k-drawer-wrapper {
        width: 40px !important;
    }

.hidden {
    display: none;
}

.usernavcontextmenu {
    z-index: 100002 !important;
}

    .usernavcontextmenu.RadMenu .rmGroup:before {
        border-style: none !important;
    }

    .usernavcontextmenu.RadMenu_Bootstrap .rmGroup .rmLink .rmText {
        padding: 4px 10px !important;
    }

    .usernavcontextmenu.RadMenu_Bootstrap .rmGroup {
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
        font-size: 16px;
        font-family: 'Poppins';
        border: 1px solid #cdcdcd;
        width: auto;
    }

        .usernavcontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
            color: #525252;
            padding-left: 0;
        }

            .usernavcontextmenu.RadMenu_Bootstrap .rmGroup .rmLink:hover {
                color: #fff;
                background-color: #292c33;
            }

        .usernavcontextmenu.RadMenu_Bootstrap .rmGroup .rmExpanded {
            background-color: #fff;
            color: #525252;
        }

    .usernavcontextmenu.RadMenu .rmVertical .rmItem .rmText {
        padding: 0;
        margin: 0;
    }

    .usernavcontextmenu.RadMenu_Bootstrap .rmGroup.rmVertical {
        padding: 0 !important;
    }

.usernavcontextmenucustomitem {
    padding: 3px 10px 3px 0 !important;
}

.contextmenuseparator.rmSeparator {
    margin: 0 !important;
}

.usernavbuttongroup {
    padding: 2px;
    height: 36px;
    width: auto;
    vertical-align: bottom;
    /*font-size: 16px;*/
    color: #fff !important;
    background-color: #292c33 !important;
    border: none;
    box-shadow: none !important;
}

    .usernavbuttongroup.RadButton_Bootstrap.rbButton:hover {
        border: none;
        box-shadow: none;
    }

    .usernavbuttongroup.RadButton.rbButton.rbSecondary {
        padding-right: 30px;
    }

    .usernavbuttongroup.RadButton.rbButton.rbPrimary {
        padding-left: 30px;
    }

    .usernavbuttongroup.RadButton.rbButton.rbSecondary .rbText {
        margin-right: 5px;
        line-height: 26px
    }

    .usernavbuttongroup.RadButton.rbButton.rbPrimary .rbText {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
        vertical-align: text-top;
    }

.usernavcontextinner {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
    height: auto;
    width: 290px;
    box-sizing: border-box;
    align-content: center;
    padding: 15px 14px 15px 19px;
    background-color: white;
    margin-top: -5px;
}

.usernavcontextinnercolumn1 {
    display: flex;
    justify-self: center;
    text-align: center;
}

.usernavcontextinnercolumn2 {
    justify-self: left;
    display: grid;
    gap: 5px;
    grid-template-rows: auto;
    color: #525252;
}

.usernavcontextinnernamerow {
    display: grid;
    grid-template-columns: auto auto;
    gap: 5px;
    justify-content: start;
    font-weight: bold;
}

.usernavcontextinneremail {
    width: 180px;
    word-wrap: break-word;
}

.sitenavdefaultbutton {
    padding: 2px;
    height: 36px;
    width: 36px;
    vertical-align: bottom;
    font-size: 16px;
    color: #fff !important;
    background-color: #292c33 !important;
    border: none;
    box-shadow: none !important;
}

    .sitenavdefaultbutton.RadButton_Bootstrap.rbButton:hover {
        border: none;
        box-shadow: none;
    }

.sitefullscreenbutton {
    background: url('../../Images/fullscreen_white.svg') no-repeat;
}

.siteminimizebutton {
    background: url('../../Images/minimize_white.svg') no-repeat;
}


/*#endregion*/

/*#region Notification Flyout */
.notificationflyout {
    height: 100%;
    width: 0;
    z-index: 1001;
    position: fixed;
    background-color: #FFFFFF;
    right: -1px;
    top: 0px;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #828282;
    border-bottom: 1px solid #828282;
    border-left: 1px solid #201b50;
}

    .notificationflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        left: 1px;
        padding: 0px 0px 0px 15px;
        font-size: 32px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
        z-index: inherit;
    }

        .notificationflyout .closebtn:hover {
            color: #707070;
        }

.notificationflyoutcontainer {
    height: 100%;
    width: 100%;
    min-width: 530px;
    position: relative;
}

.notificationflyoutheader {
    height: 45px;
    display: table;
    width: 100%;
    background-color: #201b50;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    border-bottom: 2px inset #8b8b8b;
    border-left: 1px solid #fff;
}

.notificationflyoutheadertitle {
    display: table-cell;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: bold;
    padding-top: 10px;
    white-space: nowrap;
}

.notficationflyoutbodygridrow {
    display: flex;
    width: 100%;
    height: 100%;
    border: 0;
    justify-content: center;
}

.teleriknotificationradcard {
    width: 508px;
    margin-bottom: 10px;
}

.notificationcardcontainer {
    padding: 10px;
    height: calc(100vh - 50px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.notificationradcardtitle1 {
    color: #ffffff;
    font-weight: bold;
    float: left;
    font-size: 14px;
}

.notificationradcardtitle2 {
    color: #ffffff;
    font-weight: bold;
    float: right;
    font-size: 14px;
}

.notificationradcardheader {
    height: 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    background-color: #201b50 !important;
}

.notificationbody {
    padding: 12px !important;
}

.notificationbodyinner {
    display: flex;
    align-items: center;
}

.notificationimage {
    height: 30px;
    width: 30px;
    padding-right: 17px;
    padding-left: 5px;
}
/*#endregion*/

/*#region Logos / Images */
.rfidlogo190login {
    width: 190px;
    height: 65px;
}

.rfidlogo110 {
    width: 110px;
    height: 48px;
}


.rfidlogo {
    width: 162px;
    height: 57px;
}

.rfidlogo180 {
    width: 180px;
    height: 75px;
}

.rfidlogo250 {
    width: 250px;
    height: 75px;
}

.rfidlogo500 {
    width: 500px;
    height: 145px;
}

.rfidicon40 {
    width: 40px;
    height: 40px;
}

.rfidicon26 {
    width: 26px;
    height: 26px;
}

.rfidicon35 {
    width: 35px;
    height: 35px;
}

.sortimage {
    margin-left: 5px;
    margin-bottom: 1px;
}

.emoticonlogo {
    width: 150px;
    height: 150px;
    padding-top: 25px;
}

.companylogo {
    width: 250px;
    height: 70px;
}


.thumbnailcompanylogo {
    width: 300px;
    height: 90px;
}

.largecategoryimage {
    width: 279px;
    height: 279px;
    border: solid 2px #ffffff;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categoryimage {
    width: 100%;
    height: 393px;
    border: solid 2px #ffffff;
    /*padding: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 9px;
}

.profileimage {
    width: 300px;
    height: 300px;
    border: solid 2px #ffffff;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    margin-top: -14px;
}

.smallcategoryimage {
    width: 110px;
    height: 100px;
    border: solid 2px #ffffff;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationimage {
    width: 100%;
    height: 393px;
    border: solid 2px #ffffff;
    /*padding: 30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 9px;
}

.dialogwatermark {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 355px;
}

.dialogwatermarkimage {
    max-width: 200px;
}

.assetlistwatermark {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 110px;
}

.keyassetswatermark {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.keyassetwatermarkimage {
    max-width: 350px;
}

.watermark {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 155px;
}

.watermarkimage {
    width: auto;
    max-width: 48vw;
    min-width: 500px;
}

.watermarkimagehidden {
    display: none;
    margin-top: 0px !important;
}

.imagepaddingtop35 {
    padding-top: 35px;
}

.imagepaddingtop50 {
    padding-top: 50px;
}

.imagepaddingtop55 {
    padding-top: 55px;
}

.imagepaddingtop75 {
    padding-top: 75px;
}

.imagepaddingtop100 {
    padding-top: 100px;
}

.imagepaddingtop120 {
    padding-top: 120px;
}


/*#endregion*/

/*#region Colors */

.testingbackground {
    background: orange;
}

/*#endregion*/

/*#region Text Styles */

.fontbold {
    font-weight: bold;
}

.fontboldimportant {
    font-weight: bold !important;
}

.zerofont {
    font-size: 0;
}

.fontsize13 {
    font-size: 13px;
}

.fontsize14 {
    font-size: 14px;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize18 {
    font-size: 18px;
}

.fontsize20 {
    font-size: 20px;
}

.fontsize60 {
    font-size: 60px;
}

.fontsize12 {
    font-size: 12px;
}

.sectiionheader {
    font-size: 28px;
    opacity: 0.5;
}

.pagename {
    font-size: 18px;
    color: #ffffff;
    margin: 0;
}

.companyline {
    font-size: 20px;
    color: #ffffff;
    margin: 0;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 25%;
    left: 50%;
    transform: translate(-50%);
}

.helpline {
    font-size: 44px;
    font-weight: bold;
    color: #ffffff;
}

.companyline1 {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
}

.companyline2 {
    font-size: 15px;
    color: #ffffff;
    opacity: 0.75;
    margin: 0;
}

.reportlabel {
    margin: 0;
    padding-bottom: 4px;
}

.pagemessage {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.defaultmessagetext {
    font-size: 14px;
    opacity: 0.75;
    margin: 0;
}

.settingsdefaultmessagetext {
    text-decoration: none;
    margin: 0;
    font-weight: bold;
}

.settingswhitespaceholder {
    color: #ffffff;
    font-size: 1px;
    text-decoration: none;
    margin-top: 10px;
    padding: 5px 0 5px 0;
    font-weight: bold;
}

.dashboardchartheadertext {
    font-size: 16px;
    font-weight: bold;
    color: #085394;
    left: 10px;
    position: absolute;
}

.searchtext {
    font-size: 30px;
}

.fullwidth {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.colorwhite {
    color: #ffffff;
}

/*#endregion*/

/*#region Controls */

.emailbody {
    height: 50px;
    width: 192px;
    resize: none;
}

.emailbodylocation {
    height: 50px;
    width: 227px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainsearchbutton {
    padding: 2px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.defaultbuttongroup {
    padding: 2px;
    height: 30px;
    width: 115px;
    vertical-align: bottom;
    font-size: 15px;
    color: #fff !important;
    background-color: #201B50 !important;
}

    .defaultbuttongroup.RadButton_Bootstrap.rbButton {
        padding: 2px 3px 3px 1px;
    }

    .defaultbuttongroup.RadButton.rbButton.rbSecondary .rbText {
        margin-right: 20px;
    }

.defaultbuttoncontextmenu {
}

    .defaultbuttoncontextmenu.RadMenu .rmGroup:before {
        border-style: none !important;
    }

    .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink .rmText {
        padding: 0px 10px !important;
    }

    .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        border-radius: 0;
        box-shadow: none;
        background-color: #201B50;
        font-size: 14px;
        border: 1px solid #cdcdcd;
    }

        .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
            color: #fff;
            padding-left: 0;
        }

            .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink:hover {
                color: #201B50;
                background-color: #ffffff;
            }

        .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmExpanded {
            background-color: #201B50;
            color: #fff
        }

    .defaultbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        width: auto;
        min-width: 113px;
    }


    .defaultbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText {
        display: flex;
        align-items: center;
        padding: 8px 4px 8px 10px;
        margin: 0;
        padding-right: 30px;
    }

        .defaultbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText:hover {
            color: #201B50 !important;
            background-color: #ffffff;
        }



.lookupactionbuttoncontextmenu {
}

    .lookupactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        font-size: 14px !important;
    }


.contextmenuimage {
    height: 16px;
    width: 16px;
}

.filterbutton {
    padding: 2px;
    height: 32px;
    width: 107px;
    vertical-align: bottom;
}

    .filterbutton.RadButton {
        line-height: 2.428571 !important;
    }

.mainsearchtextbox {
    display: initial !important;
    width: 299px !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


.lookupsearchbutton {
    padding: 2px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.lookupradsearchbutton {
    padding: 2px;
    height: 30px;
    width: 30px;
    vertical-align: bottom !important;
}



.splitsearchbutton {
    padding: 2px;
    height: 16px;
    width: 42px;
    vertical-align: bottom !important;
}


    .splitsearchbutton .rbSplitPartRight {
        border-radius: 0 0.21428571em 0.21428571em 0;
        right: -1px;
        height: 16px;
        width: 5px;
    }

        .splitsearchbutton .rbSplitPartRight .rbSplitIcon {
            width: auto;
            height: auto;
            vertical-align: top;
            margin-left: -6px;
            margin-top: -1px;
        }

    .splitsearchbutton .rbText {
        display: none !important;
    }

.splitsearchbuttoncontextmenu {
    z-index: 20010 !important;
}

    .splitsearchbuttoncontextmenu .rmGroup {
        width: 120px !important;
    }

    .splitsearchbuttoncontextmenu.RadMenu .rmGroup .rmLink {
        padding: 3px 10px !important;
    }

    .splitsearchbuttoncontextmenu.highlight {
        border-color: #a6a4a4 !important;
        background-color: #a9a6a6 !important;
        border-radius: 3px !important;
        color: #ffffff !important;
    }

.lookupsearchtextbox {
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.standardbutton {
    height: 25px;
    padding-top: 5px !important;
}

.parwarningbutton {
    width: 120px;
    height: 40px;
    font-size: 16px !important;
}

    .parwarningbutton .rbText {
        vertical-align: -webkit-baseline-middle !important;
    }

.hsstandardbuttondisabled {
    background-color: #A9A9A9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d3d3d3;
    color: #ffffff;
    height: 25px;
    padding: 2px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.buttonparent {
    padding-top: 20px;
}

.RadLabel_Default .rlRequiredMark {
    color: #D13438 !important;
}

.radlabeldefaultfont {
    color: #333 !important;
}

/*#endregion*/

/*#region Generic Styles */



.textarea {
    border: 1px solid #B3B3B3;
    outline: none;
    border-radius: 2px;
    padding: 1px 3px;
}

select {
    border: 1px solid #B3B3B3;
    outline: none;
    border-radius: 2px;
}

.nodisplay {
    display: none;
}

.nowrap {
    white-space: nowrap;
}

.minisculecontrolwidth {
    width: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.minicontrolwidth {
    width: 50px;
}

.tinycontrolwidth {
    width: 60px;
}

.smallcontrolwidth {
    width: 80px;
}

.mediumcontrolwidth {
    width: 110px;
}

.bigcontrolwidth {
    width: 205px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.largecontrolwidth {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.devicedialogcontrolwidth {
    width: 185px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.devicelookupdialogcontrolwidth {
    width: 191px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inputdropdown {
    position: relative;
    width: 217px;
    height: 26px;
    line-height: 26px;
}

    .inputdropdown select {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 26px;
        line-height: 26px;
    }

    .inputdropdown > * {
        box-sizing: border-box;
        height: 1.5em;
    }

    .inputdropdown input {
        z-index: 2;
        position: absolute;
        height: 24px;
        line-height: 24px;
        width: calc(100% - 20px);
        border: none;
        margin-top: 1px;
        margin-left: 2px;
    }

.standardreportcontrolwidthgeneratereport {
    width: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.standardreportcontrolwidthwiththreebuttons {
    width: 227px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.standardreportcontrolwidth {
    width: 187px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.antennaportvalidator {
    z-index: 6;
    position: absolute;
    right: 11px;
}

.defaultreportcontrolwidthminusbutton {
    width: 322px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.extendedcontrolwidth {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pathcontrolwidth {
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reportpanelcontrolwidth {
    width: 382px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.notescontrol {
    height: 63px;
    width: 356px;
    border: 1px solid #B3B3B3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.defaultbuttonwidth {
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultdialoglanguagebuttonwidth {
    width: 75px;
}

.defaultdialoglanguagebuttonwidth {
    width: 120px;
}

.defaultdialoglanguagebuttonwidthfrench {
    width: 140px;
}

.extendeddialogbuttonwidth {
    width: 100px;
}


.defaultmarginright {
    margin-right: 5px;
}

.defaultpaddingtop {
    padding-top: 15px;
}

.defaultpaddingleft {
    padding-left: 15px;
}

.defaultpaddingbottom {
    padding-bottom: 5px;
}

.defaultpaddingright {
    padding-left: 15px;
}

.alignright {
    text-align: right;
}

.alignrightimportant {
    text-align: right !important;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.verticalaligntop {
    vertical-align: top;
}

.verticalaligntopimportant {
    vertical-align: top !important;
}

.verticalalignbottom {
    vertical-align: bottom;
}

.verticalalignbottomimportant {
    vertical-align: bottom !important;
}


.verticalalignmiddle {
    vertical-align: middle;
}

.verticalalignbaseline {
    vertical-align: baseline;
}

.aligncenter {
    text-align: center;
}

.nopadding {
    padding: 0;
}

.nopaddingimportant {
    padding: 0 !important;
}

.noborderspacing {
    border-spacing: 2px 0 !important;
}

.notoppaddingimportant {
    padding-top: 0 !important;
}

.nobottompaddingimportant {
    padding-bottom: 0 !important;
}

.leftzero {
    left: 0;
}

.padding5 {
    padding: 5px;
}

.padding3 {
    padding: 3px;
}

.padding15 {
    padding: 15px;
}

.paddingleft1 {
    padding-left: 1px;
}

.paddingleft2 {
    padding-left: 2px;
}

.paddingleft3 {
    padding-left: 3px;
}

.paddingleft4 {
    padding-left: 4px;
}


.paddingleft5 {
    padding-left: 5px;
}

.paddingleft16important {
    padding-left: 16px !important;
}

.paddingleft7 {
    padding-left: 7px;
}

.paddingleft7important {
    padding-left: 7px !important;
}

.paddingleft8 {
    padding-left: 8px;
}

.paddingleft9important {
    padding-left: 9px !important;
}

.paddingleft10 {
    padding-left: 10px;
}

.paddingleft10important {
    padding-left: 10px !important;
}

.paddingleft12important {
    padding-left: 12px !important;
}

.paddingleft13important {
    padding-left: 13px !important;
}

.paddingleft14important {
    padding-left: 14px !important;
}

.paddingleft15 {
    padding-left: 15px;
}

.paddingleft20 {
    padding-left: 20px;
}

.paddingleft25 {
    padding-left: 20px;
}

.paddingleft30 {
    padding-left: 30px;
}

.paddingleft34important {
    padding-left: 34px !important;
}

.paddingleft50 {
    padding-left: 50px;
}

.paddingright {
    padding-right: 5px;
}

.paddingright0important {
    padding-right: 0 !important;
}

.paddingright2 {
    padding-right: 2px;
}

.paddingright3 {
    padding-right: 3px;
}

.paddingright4 {
    padding-right: 4px;
}

.paddingright5 {
    padding-right: 5px;
}

.paddingright7 {
    padding-right: 7px;
}

.paddingright8 {
    padding-right: 8px;
}

.paddingright9 {
    padding-right: 9px;
}

.paddingright10 {
    padding-right: 10px;
}

.paddingright11important {
    padding-right: 11px !important;
}

.paddingright15 {
    padding-right: 15px;
}

.paddingright20 {
    padding-right: 20px;
}

.paddingright24important {
    padding-right: 24px !important;
}

.paddingright30 {
    padding-right: 30px;
}

.paddingright40 {
    padding-right: 40px;
}

.paddingright80 {
    padding-right: 80px;
}

.paddingtop4 {
    padding-top: 4px;
}

.paddingtop {
    padding-top: 10px;
}

.paddingtop1 {
    padding-top: 1px;
}

.paddingtop2 {
    padding-top: 2px;
}

.paddingtop3 {
    padding-top: 3px;
}

.paddingtop3important {
    padding-top: 3px !important;
}

.paddingtop4important {
    padding-top: 4px !important;
}

.paddingtop6 {
    padding-top: 6px;
}

.paddingtop6important {
    padding-top: 6px !important;
}

.paddingtop7 {
    padding-top: 7px;
}

.paddingtop7important {
    padding-top: 7px !important;
}

.paddingtop8 {
    padding-top: 8px;
}

.paddingtop9 {
    padding-top: 9px;
}


.paddingtop5 {
    padding-top: 5px;
}

.paddingtop6 {
    padding-top: 6px;
}

.paddingtop7 {
    padding-top: 7px;
}

.paddingtop9 {
    padding-top: 9px;
}

.paddingtop10 {
    padding-top: 10px;
}

.paddingtop11 {
    padding-top: 11px;
}

.paddingtop12 {
    padding-top: 12px;
}

.paddingtop13 {
    padding-top: 13px;
}

.paddingtop15 {
    padding-top: 15px;
}

.paddingtop15important {
    padding-top: 15px !important;
}

.paddingtop16 {
    padding-top: 16px;
}

.paddingtop17 {
    padding-top: 17px;
}

.paddingtop18 {
    padding-top: 18px;
}

.paddingtop19 {
    padding-top: 19px;
}

.paddingtop20 {
    padding-top: 20px;
}

.paddingtop21 {
    padding-top: 21px;
}

.paddingtop22 {
    padding-top: 22px;
}

.paddingtop23 {
    padding-top: 23px;
}

.paddingtop24 {
    padding-top: 24px;
}

.paddingtop25 {
    padding-top: 25px;
}

.paddingtop27 {
    padding-top: 27px;
}

.paddingtop30 {
    padding-top: 30px;
}

.paddingtop35 {
    padding-top: 35px;
}


.paddingtop35important {
    padding-top: 35px !important;
}

.paddingtop37 {
    padding-top: 37px;
}

.paddingtop40 {
    padding-top: 40px;
}

.paddingtop42 {
    padding-top: 42px;
}

.paddingtop46important {
    padding-top: 46px !important;
}

.paddingtop48important {
    padding-top: 48px !important;
}

.paddingtop50 {
    padding-top: 50px;
}

.paddingtop60 {
    padding-top: 60px;
}

.paddingtop62 {
    padding-top: 62px;
}

.paddingtop65 {
    padding-top: 65px;
}

.paddingtop75 {
    padding-top: 75px;
}

.paddingtop85 {
    padding-top: 85px;
}

.paddingtop100 {
    padding-top: 100px;
}

.paddingtop110 {
    padding-top: 110px;
}

.paddingtop111 {
    padding-top: 111px;
}

.paddingtop130 {
    padding-top: 130px;
}

.paddingtop140 {
    padding-top: 140px;
}

.paddingbottom18 {
    padding-bottom: 18px;
}

.paddingbottom20 {
    padding-bottom: 20px;
}

.paddingbottom23 {
    padding-bottom: 23px;
}

.paddingbottom30 {
    padding-bottom: 30px;
}

.paddingbottom40 {
    padding-bottom: 40px;
}

.paddingbottom45 {
    padding-bottom: 45px;
}

.paddingbottom1 {
    padding-bottom: 1px;
}

.paddingbottom2 {
    padding-bottom: 2px;
}

.paddingbottom3 {
    padding-bottom: 3px;
}

.paddingbottom4 {
    padding-bottom: 4px;
}

.paddingbottom5 {
    padding-bottom: 5px;
}

.paddingbottom6 {
    padding-bottom: 6px;
}

.paddingbottom6important {
    padding-bottom: 6px !important;
}

.paddingbottom7 {
    padding-bottom: 7px;
}

.paddingbottom8 {
    padding-bottom: 8px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.paddingbottom11 {
    padding-bottom: 11px;
}

.paddingbottom12 {
    padding-bottom: 12px;
}

.paddingbottom15 {
    padding-bottom: 15px;
}

.paddingbottom0 {
    padding-bottom: 0;
}

.paddingbottom0important {
    padding-bottom: 0 !important;
}


.paddingbottom61 {
    padding-bottom: 61px;
}

.defaultcontrolmargin {
    margin-left: 10px;
}

.marginright0important {
    margin-right: 0 !important;
}

.marginleft0important {
    margin-left: 0 !important;
}

.margin0important {
    margin: 0 !important;
}

.margintop1 {
    margin-top: 1px;
}

.margintop2 {
    margin-top: 2px;
}

.margintop3 {
    margin-top: 3px;
}

.margintop4 {
    margin-top: 4px;
}

.margintop5 {
    margin-top: 5px;
}

.margintop6 {
    margin-top: 6px;
}

.margintop7 {
    margin-top: 7px;
}

.margintop8 {
    margin-top: 8px;
}

.margintop8important {
    margin-top: 8px !important;
}

.margintop9 {
    margin-top: 9px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop11 {
    margin-top: 11px;
}

.margintop12 {
    margin-top: 12px;
}

.margintop13 {
    margin-top: 13px;
}

.margintop14 {
    margin-top: 14px;
}

.margintop15 {
    margin-top: 15px;
}

.margintop16 {
    margin-top: 16px;
}

.margintop17 {
    margin-top: 17px;
}

.margintop18 {
    margin-top: 18px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop25 {
    margin-top: 25px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop35 {
    margin-top: 35px;
}

.margintop40 {
    margin-top: 40px;
}

.margintop47 {
    margin-top: 47px;
}

.margintop50 {
    margin-top: 50px;
}

.margintop69 {
    margin-top: 69px;
}

.margintop70 {
    margin-top: 70px;
}

.margintop279 {
    margin-top: 279px;
}

.marginbottom1 {
    margin-bottom: 1px;
}

.marginbottom2 {
    margin-bottom: 2px;
}

.marginbottom3 {
    margin-bottom: 3px;
}

.marginbottom5 {
    margin-bottom: 5px;
}

.marginbottom7 {
    margin-bottom: 7px;
}

.marginbottom8 {
    margin-bottom: 8px;
}

.marginbottom9 {
    margin-bottom: 9px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.marginbottom12 {
    margin-bottom: 12px;
}

.marginbottom13 {
    margin-bottom: 13px;
}

.marginbottom15 {
    margin-bottom: 15px;
}

.negativemarginbottom1 {
    margin-bottom: -1px;
}

.negativemarginright2 {
    margin-right: -2px;
}

.negativemarginright3 {
    margin-right: -3px;
}

.negativemarginbottom3 {
    margin-bottom: -3px;
}

.negativemarginbottom4 {
    margin-bottom: -4px;
}

.negativemarginbottom6 {
    margin-bottom: -6px;
}

.negativemarginbottom8 {
    margin-bottom: -8px;
}

.negativemarginbottom10 {
    margin-bottom: -10px;
}

.negativemarginbottom11 {
    margin-bottom: -11px;
}

.negativemarginbottom30 {
    margin-bottom: -30px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.marginbottom24 {
    margin-bottom: 24px;
}

.marginbottom30 {
    margin-bottom: 30px;
}

.negativemargintop1 {
    margin-top: -1px;
}

.negativemargintop2 {
    margin-top: -2px;
}

.negativemargintop2important {
    margin-top: -2px !important;
}

.negativemargintop3 {
    margin-top: -3px;
}

.negativemargintop3important {
    margin-top: -3px !important;
}

.negativemargintop4 {
    margin-top: -4px;
}

.negativemargintop5 {
    margin-top: -5px;
}

.negativemargintop6 {
    margin-top: -6px;
}

.negativemargintop8 {
    margin-top: -8px;
}

.negativemargintop9 {
    margin-top: -9px;
}

.negativemargintop10 {
    margin-top: -10px;
}

.negativemargintop13 {
    margin-top: -13px;
}

.negativemargintop15 {
    margin-top: -15px;
}

.negativemargintop20 {
    margin-top: -20px;
}

.negativemargintop30 {
    margin-top: -30px;
}

.negativemargintop43 {
    margin-top: -43px;
}

.negativemargintop61 {
    margin-top: -61px;
}

.negativemargintop64 {
    margin-top: -64px;
}

.negativemarginright1 {
    margin-right: -1px;
}

.negativemarginright15 {
    margin-right: -15px;
}

.negativemarginleft2 {
    margin-left: -2px;
}

.negativemarginleft4 {
    margin-left: -4px;
}

.negativemarginleft4important {
    margin-left: -4px !important;
}

.negativemarginleft14 {
    margin-left: -14px;
}

.negativemarginleft15 {
    margin-left: -15px;
}

.negativemarginleft19 {
    margin-left: -19px;
}

.negativemarginleft12 {
    margin-left: -12px;
}

.negativemarginleft9 {
    margin-left: -9px;
}

.negativemarginleft10 {
    margin-left: -10px;
}

.negativemarginleft24 {
    margin-left: -24px;
}

.negativemarginleft50 {
    margin-left: -50px;
}

.negativemarginleft71 {
    margin-left: -71px;
}

.negativemarginleft3 {
    margin-left: -3px;
}

.negativemarginleft5 {
    margin-left: -5px;
}

.negativemarginleft6 {
    margin-left: -6px;
}

.negativemarginleft2 {
    margin-left: -2px;
}

.negativemarginleft1 {
    margin-left: -1px;
}

.marginright1 {
    margin-right: 1px;
}

.marginright2 {
    margin-right: 2px;
}

.marginright3 {
    margin-right: 3px;
}

.marginright4 {
    margin-right: 4px;
}

.marginright5 {
    margin-right: 5px;
}

.marginright6 {
    margin-right: 6px;
}

.marginright7 {
    margin-right: 7px;
}

.marginright8 {
    margin-right: 8px;
}

.marginright9 {
    margin-right: 9px;
}

.marginright14 {
    margin-right: 14px;
}

.marginright15 {
    margin-right: 15px;
}

.marginright16 {
    margin-right: 16px;
}

.marginright10 {
    margin-right: 10px;
}

.marginright11 {
    margin-right: 11px;
}

.marginright13 {
    margin-right: 13px;
}

.marginright20 {
    margin-right: 20px;
}

.marginright28 {
    margin-right: 28px;
}

.marginright30 {
    margin-right: 30px;
}

.marginright34 {
    margin-right: 34px;
}

.marginright40 {
    margin-right: 40px;
}

.marginright45 {
    margin-right: 45px;
}

.marginleft1 {
    margin-left: 1px;
}

.marginleft1important {
    margin-left: 1px !important;
}

.marginleft2 {
    margin-left: 2px;
}

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

.marginleft3 {
    margin-left: 3px;
}

.marginleft4 {
    margin-left: 4px;
}

.marginleft5 {
    margin-left: 5px;
}

.marginleft6 {
    margin-left: 6px;
}

.marginleft7 {
    margin-left: 7px;
}

.marginleft8 {
    margin-left: 8px;
}

.marginleft9 {
    margin-left: 9px;
}

.marginleft10 {
    margin-left: 10px;
}

.marginleft11 {
    margin-left: 11px;
}

.marginleft12 {
    margin-left: 12px;
}

.marginleft13 {
    margin-left: 13px;
}

.marginleft14 {
    margin-left: 14px;
}

.marginleft15 {
    margin-left: 15px;
}

.marginleft17 {
    margin-left: 17px;
}

.marginleft18 {
    margin-left: 18px;
}

.marginleft19 {
    margin-left: 19px;
}

.marginleft20 {
    margin-left: 20px;
}

.marginleft21 {
    margin-left: 21px;
}

.marginleft23 {
    margin-left: 23px;
}

.marginleft25 {
    margin-left: 25px;
}

.marginleft28 {
    margin-left: 28px;
}

.marginleft30 {
    margin-left: 30px;
}


.marginleft38 {
    margin-left: 38px;
}

.marginleft66 {
    margin-left: 66px;
}

.marginleft100 {
    margin-left: 100px;
}

.marginleft115 {
    margin-left: 115px;
}

.top72 {
    top: 72px;
}

.displayblock {
    display: block;
}

.displayblockimportant {
    display: block !important;
}

.displayinline {
    display: inline;
}

.displayinlineblock {
    display: inline-block;
}

.displayflex {
    display: flex;
}

.availablewidth {
    width: 100%;
}

.controlpadding {
    padding: 3px;
}

.gridheadercenter {
    text-align: center !important;
}

.negativebottom5 {
    bottom: -5px;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.minwidth58 {
    min-width: 58px;
}

.minwidth54 {
    min-width: 54px;
}

.minwidth1130 {
    min-width: 1130px !important;
}

.inlineflex {
    display: inline-flex;
}

.flexend {
    justify-content: flex-end;
}

/*#endregion*/

/*#region Side Navigation */
.asset_menuicon {
    background: url(../../images/menu_icon_switched.png) no-repeat;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 110px;
    left: 15px;
    display: block;
    z-index: 1;
}

    .asset_menuicon:active {
        position: absolute;
        top: 111px;
    }

.asset_sidenav {
    height: calc(100% - 96px);
    width: 0; /* - change this with JavaScript */
    position: absolute;
    z-index: 2; /* Stay on top */
    top: 96px;
    left: 0;
    background-color: #085394;
    overflow-x: hidden;
    padding-top: 30px;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .asset_sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #ffffff;
        display: block;
        -webkit-transition: 0.9s;
        -moz-transition: 0.9s;
        -o-transition: 0.9s;
        transition: 0.9s;
    }

        .asset_sidenav a:hover {
            color: #707070;
        }

    .asset_sidenav .closebtn {
        position: absolute;
        top: -8px;
        right: 0;
        font-size: 36px;
    }

/*Override default values*/
.ui-accordion .ui-accordion-header {
    color: #ffffff;
    padding-left: 65px !important;
    padding-bottom: 20px !important;
    font-size: 200% !important;
    background: transparent;
    border: none;
}


.ui-menu-divider {
    background: yellow;
    color: red;
}


/*Prevent the horizontal scrollbar showing when resized*/
.ui-accordion .ui-accordion-content {
    overflow: visible !important;
    background: transparent;
    border: none;
}

/*Required for smoothness*/
#asset_accordion p {
    margin: 0;
    padding: 10px 0 25PX 20px;
    font-size: 14px;
    color: #ffffff;
}

#asset_accordion .home-icon {
    margin-left: -6px;
    margin-top: -30px;
    height: 48px;
    width: 48px;
    background: url(../../images/home_48.png) no-repeat;
}


#asset_accordion .assets-icon {
    margin-left: -6px;
    margin-top: -30px;
    height: 48px;
    width: 48px;
    background: url(../../images/antenna_48.png) no-repeat;
}


#asset_accordion .reports-icon {
    margin-left: -6px;
    margin-top: -30px;
    height: 48px;
    width: 48px;
    background: url(../../images/document_chart_48.png) no-repeat;
}

#asset_accordion .settings-icon {
    margin-left: -6px;
    margin-top: -30px;
    height: 48px;
    width: 48px;
    background: url(../../images/gearwheel_48.png) no-repeat;
}

/*#endregion*/



/*#region Dashboard */


.dashboardgrid {
    margin-left: 150px;
    width: calc(100% - 150px);
    bottom: 0;
    top: 95px;
    height: calc(100% - 95px);
    position: absolute;
    min-width: 1024px;
}

/*.dashboardradclearbutton {
    padding: 2px;
    height: 36px;
    width: 36px;
    vertical-align: bottom;
}*/

.dashboardgrid2 {
    width: calc(100% - 45px);
    height: calc(100% - 45px);
    position: absolute;
    min-width: 1250px;
    right: 0;
    bottom: 0;
}

.dashboardgridrow {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 24px;
    height: calc(100vh - 73px);
    padding-bottom: 20px;
    box-sizing: border-box;
}

    .dashboardgridrow.haspartnerfooter {
        height: calc(100vh - 95px) !important;
    }

.dashboardgridrowcell {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 48%;
    border: 1px solid #ccc;
}

.dashboardgridrowcellheaderouter {
    text-align: center;
    display: table;
    width: 100%;
    height: 75px;
    margin-top: 40px;
}

.dashboardgridrowcellheader {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}


.dashboardgridrowcellheadercontrols {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 4px;
}

.dashboardgridrowcellheadercontrolwrapper {
    display: flex;
    flex-grow: 1;
}

.dashboardgridrowcellbody {
    padding: 10px;
    height: 100%;
}

.dashboardchartfooter {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #ccc;
}

    .dashboardchartfooter .daterange {
        display: flex;
        align-items: center;
    }

    .dashboardchartfooter .actions {
        margin-left: auto;
    }

.assetflyoutgridviewcontainerouter {
    height: calc(100% 0 50px);
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 15px;
}

.assetflyoutgridviewcontainerinner {
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.flyoutgridview {
    width: 100%;
    color: #085394;
    background: #ffffff;
    border-color: #ffffff;
}

    .flyoutgridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        border-color: #ffffff;
        text-align: left;
        font-weight: bold;
    }

    .flyoutgridview td {
        border-color: #085394;
        border-color: #707070;
        padding: 2px;
    }

    .flyoutgridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }


.chartdropdownlist {
    flex-grow: 1;
}

.dashboardwithleftlocationflyoutsplitter {
    width: 100% !important;
    height: calc(100vh - 45px) !important;
    position: fixed;
    bottom: 0;
}

    .dashboardwithleftlocationflyoutsplitter .RadSplitter {
        width: 100% !important;
    }

        .dashboardwithleftlocationflyoutsplitter .RadSplitter .rspSlideZone.rspSlideZoneHorizontal {
            margin-left: -1px !important;
        }

    .dashboardwithleftlocationflyoutsplitter .rspFirstItem {
        border-right-width: 0 !important;
    }

    /*    .dashboardwithleftlocationflyoutsplitter .RadSplitter .rspFirstItem {
        width: 45px;
    }
*/
    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon,
    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon:hover {
        background-image: url(../../Images/dock_white.svg);
        background-position: 7px 0px;
        background-repeat: no-repeat;
        height: 18px;
        position: absolute;
        left: 5px;
        top: 7px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon,
    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon:hover {
        background-image: url(../../Images/undock_white.svg);
        background-position: 7px 0;
        background-repeat: no-repeat;
        height: 18px;
        position: absolute;
        left: 46px;
        top: 8px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlideHeaderCollapseIcon,
    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap div.rspSlideHeaderCollapseIcon:hover {
        background-image: url(../../Images/cancel_white.svg);
        background-position: -69px 0;
        background-repeat: round;
        height: 18px;
        position: absolute;
        right: 2px;
        top: 8px;
        border-color: transparent !important;
        background-color: transparent !important;
        color: transparent !important;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspPaneTabContainer,
    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        background-color: #292c33 !important;
        border-right: 1px #fff solid;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        /*padding-top: 5px;*/
        padding-left: 1px;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspPaneTabContainer {
        text-align: center !important;
        border: none;
        padding: 8px 0;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter .rspPaneTabIcon {
        height: 24px;
        margin: 0 2px 2px 0;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlideContent {
        border-right: 1px solid #B3B3B3;
        height: calc(100vh - 83px) !important;
        overflow-x: hidden !important;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter .rspPaneTabText.rspRotatedTabText {
        display: none;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer,
    .RadSplitter_Bootstrap .rspSlideHeaderIconWrapper {
        background-color: #292c33 !important;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer {
        height: 35px;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter .rspSlideHeader .rspSlideTitle {
        text-align: center;
        font-size: 18px !important;
        color: white;
        line-height: 26px !important;
        margin-left: 32px;
        font-weight: bold;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlideContainerResize {
        cursor: default;
    }

    .dashboardwithleftlocationflyoutsplitter .RadSplitter_Bootstrap .rspSlidePane {
        height: 100% !important;
    }

.dashboardwithleftlocationflyoutslidingpane {
    height: calc(100vh - 45px) !important;
}

/*.dashboardwithleftlocationflyoutslindingzone {
    width: 45px !important;
}*/

.dashboardwithleftlocationflyoutmaincontentpane {
    width: 100% !important;
    height: 100% !important;
}

/*V5.1 End*/

/*TODO-REMOVE AND REPLACE WITH APP DEFAULT ONE (top of css page)*/
.borderbottom {
    border-top: 2px solid #085394;
}

.border {
    border: 2px solid #828282;
}

.border1 {
    border: thin solid #000000
}

.borderthingrey {
    border: thin solid #B3B3B3
}

.dashboardgridheader {
    background: #ffffff;
    height: 48px;
    margin-left: 5px;
    top: 10px;
    width: 65%;
    padding-top: 10px;
    border: 1px solid #085394;
    position: relative;
    min-width: 275px;
    box-sizing: border-box;
}

    .dashboardgridheader .downloadimage {
        right: 4px;
        position: absolute;
        top: 3px;
    }


    .dashboardgridheader .downloadimagesecond {
        right: 38px;
        position: absolute;
        top: 3px;
    }


.dashboardgridview {
    background: #ffffff;
    width: 100%;
    overflow: scroll;
    -moz-min-width: 275px;
    -ms-min-width: 275px;
    -o-min-width: 275px;
    -webkit-min-width: 275px;
    min-width: 275px;
}

    .dashboardgridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .dashboardgridview td {
        padding: 3px;
        font-size: 0.9em;
    }

    .dashboardgridview .selectedrow {
        color: #ffffff;
        background: #085394;
    }


/*Relative already in place on column 1*/
/*#endregion*/

/*#region Alarm Dashboard */

.alarmsdashboardmaincontainer {
    width: calc(100% - 45px);
    height: calc(100% - 45px);
    position: absolute;
    min-width: 1024px;
    right: 0;
    bottom: 0;
}

.alarmdashboardtopgridrow {
    display: table;
    table-layout: fixed;
    height: 50%;
    width: 100%;
    position: relative;
    max-height: 433px;
}

.alarmsdashboardcellheader {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    z-index: 2;
}

.alarmsdashboardcelltitle {
    font-size: 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    white-space: nowrap;
}

.alarmdashboardtopchartcell {
    display: table-cell;
    text-align: center;
    width: calc((100% - 400px)/2);
    height: 50%;
    position: relative;
}

.alarmdashboardtopgridrowcellbody {
    text-align: center;
    width: 100%;
    height: 100%;
}

.alarmsdashboardbuttonrow {
    display: table;
    table-layout: fixed;
    height: 25px;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.alarmgridcontainer {
    width: 100%;
    height: calc(100vh - 540px);
}

    .alarmgridcontainer.haspartnerfooter {
        height: calc(100vh - 564px) !important;
        padding-bottom: 12px !important;
    }

.alarmsdashboardgridview {
    display: table;
    table-layout: fixed;
    /*height: calc(48% - 20px);*/
    width: calc(100% - 20px);
    margin-left: 9px;
    bottom: 0px;
    position: relative;
}

.alarmsdashboardbutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    height: 30px;
    padding: 2px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

/*.alarmdashboard */

/*#endregion*/

/*#region Status Breakdown Dashboard */

.mainstatusdashboard {
    width: calc(100% - 45px);
    height: calc(100vh - 45px);
    position: absolute;
    min-height: 540px;
    right: 0;
    bottom: 0;
}

.statusdashboardgridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 1024px;
}

    .statusdashboardgridrow.haspartnerfooter {
        height: calc(100% - 27px) !important;
    }

.statusdashboardgridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
    min-width: 1024px;
    min-height: 530px;
}

.statusdashboardmainright {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.statusdashboardheader {
    position: absolute;
    text-align: center;
    width: calc(100% - 30px);
    margin-top: 40px;
    z-index: 2;
    top: 0;
}

.statusdashboardtitle {
    font-size: calc(29px + .5vw);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.statusdashboardgridrowcellbody {
    text-align: center;
    width: 100%;
    height: calc(100vh - 110px);
    min-height: 450px;
}

.statusdashboardflyoutmenu {
    display: table-cell;
    text-align: center;
    background-color: #a9a6a6;
    width: 45px;
    height: 100%;
    padding-top: 5px;
    vertical-align: top;
}

    .statusdashboardflyoutmenu .logo {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

.statusdashboardflyout {
    height: 100%;
    width: 450px;
    position: relative;
    background-color: #FFFFFF;
    left: 1px;
    top: 0px;
    float: left;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #828282;
}

    .statusdashboardflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        padding: 0px 0px 0px 10px;
        font-size: 36px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
    }

        .statusdashboardflyout .closebtn:hover {
            color: #707070;
        }

.statusdashboardflyoutcontainer {
    height: 100%;
    width: 100%;
    min-width: 450px;
}

.statusdashboardflyoutheader {
    height: 38px;
    display: table;
    width: 100%;
    background-color: #201B50;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}

.statusdashboardflyouttreeviewheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    margin-top: 6px;
    height: 35px;
    vertical-align: middle;
    color: #a9a6a6;
    margin-top: -6px;
}

.statusdashboardflyoutlookuptreeviewgridrow {
    height: 46%;
    width: 429px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    overflow: auto;
}

.statusdashboardflyoutheadertitle {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.statusdashboardflyoutgridrow {
    display: table;
    width: 100%;
    height: 45px;
    border: 0;
    vertical-align: middle;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dedede;
}

    .statusdashboardflyoutgridrow .column1 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.statusdashboardbutton {
    width: 429px;
    margin-left: 10px;
}

.statusdashboardflyoutsearchgridrow {
    display: table;
    width: 100%;
    height: 60px;
    border-spacing: 4px;
    font-size: 12px;
    border: 0;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
}

    .statusdashboardflyoutsearchgridrow .column1 {
        display: table-cell;
        width: 70%;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .statusdashboardflyoutsearchgridrow .column2 {
        display: table-cell;
        width: 30%;
        color: #ffffff;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.statusdashboardflyouttextboxcontrol {
    width: 388px;
    height: 40px;
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
}

.statusdashboardflyoutradsearchbutton {
    padding: 2px;
    height: 40px;
    width: 40px;
    vertical-align: bottom;
}

.statusdashboardflyoutlocationsgridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 146px);
    border-spacing: 0;
    border: 0;
    min-height: 445px;
    box-sizing: border-box;
    padding: 10px;
    /* display: table;
    width: 100%;
    height: calc(100vh - 146px);
    border-spacing: 2px;
    font-size: 12px;
    border: 0;
    min-height: 445px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;*/
}

.statusdashboardflyouttelerikgridview {
    width: 96%;
}

.dashboardwatermark {
    height: calc(100vh - 108px);
    width: 80%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboardwatermarkimage {
    display: block;
    width: 80%;
    min-width: 100px;
    max-width: 920px; /*actual image width*/
    height: auto; /* maintain aspect ratio*/
    margin: auto; /*optional centering of image*/
}

/*#endregion*/

/*#region Stock Breakdown Dashboard */
.maindashboardwithlocationlist {
    width: calc(100% - 45px);
    height: calc(100% - 46px);
    position: absolute;
    min-height: 540px;
    right: 0;
    bottom: 0;
}

    .maindashboardwithlocationlist.haspartnerfooter {
        height: calc(100% - 116px) !important;
    }

.dashboardwithlocationlistgridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 1024px;
}

.dashboardwithlocationlistgridrowcell {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    min-width: 1024px;
    min-height: 530px;
}

.dashboardwithlocationlistmainleft {
    height: 100%;
    width: 400px;
    position: relative;
    background-color: #FFFFFF;
    top: 0px;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dashboardflyoutlocationlistcontainer {
    height: 100%;
    width: 100%;
    min-width: 450px;
}

.dashboardlocationlistcontainer {
    height: 100%;
    width: 100%;
    min-width: 400px;
}

.dashboardlocationlistheader {
    height: 36px;
    display: table;
    width: 100%;
    background-color: #292c33;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
}

.borderright1white {
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.dashboardlocationlistheadertitle {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.dashboardlocationlistsearchgridrow {
    display: flex;
    gap: 4px;
    align-items: center;
    width: 100%;
    height: 46px;
    border-spacing: 4px;
    border: 0;
    border-bottom: 1px solid #dedede;
}

.dashboardlocationlisttextboxcontrolextended {
    width: 292px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
}

.dashboardlocationlisttextboxcontrol {
    width: 243px;
    font-weight: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px;
}

.dashboardlocationlisttreegridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 130px);
    border-spacing: 0;
    border: 0;
    min-height: 445px;
    box-sizing: border-box;
    padding: 10px;
}

    .dashboardlocationlisttreegridrow.haspartnerfooter {
        height: calc(100vh - 154px) !important;
    }

.dashboardlocationlistgridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 133px);
    border-spacing: 0;
    border: 0;
    min-height: 445px;
    box-sizing: border-box;
    padding: 10px;
}

.dashboardlocationlistgridrowentrymonitor {
    display: table;
    width: 100%;
    height: calc(100vh - 158px);
    border-spacing: 0;
    border: 0;
    min-height: 445px;
    box-sizing: border-box;
    padding: 10px;
}

.dashboardlocationlistgridrowinner {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 445px;
}

.dashboardlocationlistgridrowinnercell {
    display: table-cell;
    width: 100%;
    height: 100%;
    min-height: 445px;
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.dashboardflyoutlocationlistradtreeview {
    width: 427px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dashboardlocationlistradtreeview {
    width: 378px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dashboardflyouttelerikgridview {
    width: calc(100% - 3px);
}

    .dashboardflyouttelerikgridview .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
        border-spacing: 0;
    }

.dashboardwithlocationlistmainright {
    display: table-cell;
    overflow: hidden;
    height: calc(100vh - 45px);
    width: calc(100% - 400px);
    position: absolute;
    top: 0px;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .dashboardwithlocationlistmainright.haspartnerfooter {
        height: calc(100vh - 81px) !important;
    }

.dashboardheader {
    width: 100%;
    height: 35px;
    background-color: #292c33;
}

.dashboardheaderinner {
    width: 100%;
    height: 35px;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    color: #ffffff;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
}

.dashboardheadertext {
    width: 50%;
    padding-left: 15px;
    padding-right: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100%);
}

.dashboardheaderright {
    text-align: right;
    vertical-align: middle;
    padding-right: 15px;
}

.dashboardpercentage {
    display: inline-block;
    border-left: 1px solid #fff;
    width: 100px;
    text-align: center;
}

.dashboardactualexpectedtext {
    width: 105px;
    display: inline-block;
    text-align: center;
}

.dashboardstockgridheader {
    height: 24px;
    width: 100%;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    box-sizing: border-box;
}

.audithistorygridcontainer {
    width: calc(100% - 21px);
    padding: 10px 10px 0 10px;
    height: calc(100vh - 70px);
}

    .audithistorygridcontainer.haspartnerfooter {
        height: calc(100vh - 94px) !important;
    }

.flexgridcontainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px;
}

.dashboardstockradsplitter {
    height: 100% !important;
}

.dashboardgridgroupcolumn .rgGroupHeader {
    background: #d9d9d9;
}

.dashboardgridwithgroupingwithimagecolumn .rgHeaderWrapper .rgHeaderDiv {
    margin-bottom: -1px;
    border-right: 1px solid transparent;
}

.dashboardgridwithgrouping .rgHeaderWrapper .rgHeaderDiv {
    margin-bottom: -1px;
    border-right: 1px solid transparent;
    margin-right: 17px;
}

.dashboardgridwithgrouping.RadGrid_Default .rgGroupHeader td,
.dashboardgridwithgroupingwithimagecolumn.RadGrid_Default .rgGroupHeader td {
    border-bottom: 1px solid #b7b7b7;
}

.stockgridscrollbar.rgDataDiv {
    overflow-y: scroll !important;
}

.dashboardstockpanel {
    display: flex;
    height: calc(100vh - 79px);
    overflow: auto;
    min-height: 530px;
    box-sizing: border-box;
}

    .dashboardstockpanel.haspartnerfooter {
        height: calc(100vh - 102px) !important;
    }

.dashboardstockgridcontainer {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

/*#endregion*/

/*#region Audit History Dashboard*/

.audithistorylocationlistgridrow {
    display: table;
    width: 100%;
    height: calc(100vh - 142px);
    border-spacing: 2px 0;
    font-size: 12px;
    border: 0;
    padding-bottom: 7px;
    min-height: 445px;
    box-sizing: border-box;
}

.audithistorylocationlistgridrowinner {
    display: table;
    width: 97%;
    height: 100%;
    min-height: 445px;
    margin-left: 6px;
}

.audithistorymaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 1024px;
}

    .audithistorymaingridrow.haspartnerfooter {
        height: calc(100% - 27px) !important;
    }

.audithistorymaingridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.audithistoryassetgridcontainer {
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}
/*#endregion*/

/*#region Location Inventory Status */
.locationstatustablecontainer {
    min-width: 1024px;
    top: 45px;
    height: calc(100% - 45px);
    width: calc(100% - 45px);
    position: absolute;
    min-height: 480px;
    right: 0;
}

.locationinventorystatustable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

.locationinventorystatuscellfullscreen {
    display: table-cell;
    width: calc(100% - 20px);
    height: calc(100vh - 67px);
    top: 0px;
    position: absolute;
    margin: 12px 10px 10px 9px;
    overflow: auto;
    bottom: 0;
}

.locationradcardtitle {
    color: #525252;
    line-height: 29px;
    width: 100%;
    height: 69px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.locationradcardfootertitle {
    color: #000000;
    line-height: 20px !important;
    width: 100%;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.locationradcardlocationstatusfooter {
    text-align: center;
    font-size: 18px;
    margin: 0;
    color: #000000;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.locationradcardactions1 {
    float: left;
    line-height: 25px;
    width: 63%;
    margin-left: 8px;
}

.locationradcardactions2 {
    float: right;
    line-height: 0px;
    width: 33%;
    padding-top: 15px;
    text-align: right;
}

.locationstatusradstripbody {
    border: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    background-color: #ffffff !important;
    height: calc(100vh - 92px);
    min-height: 420px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .locationstatusradstripbody.haspartnerfooter {
        height: calc(100vh - 116px) !important;
    }

.locationstatusdatalistimage {
    display: block;
    margin: 0 auto;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100px;
}

.locationstatuscardcontainer {
    padding: 9px 0px !important;
}

.locationradcard {
    width: 289px;
    margin: 8px;
}

    .locationradcard .k-card-header {
        background-color: #fff !important;
        padding: 0 !important;
    }

    .locationradcard .k-card-footer {
        background-color: #dedede !important;
        padding: 15px 8px !important;
    }

.locationstatusactionbuttons {
    width: 87px;
}

.locationhistorytab {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.locationinventoryhistorygrid {
    height: calc(100% - 2px);
    min-height: 200px;
}

    .locationinventoryhistorygrid .rgDataDiv {
        height: calc(100% - 76px) !important;
    }

    .locationinventoryhistorygrid .rgNoRecords > td {
        padding-left: 5px !important;
    }

.locationstatusdatalist {
    padding-bottom: 13px;
    border-collapse: inherit !important;
}
/*#endregion*/

/*#region Alert Breakdown*/

.alertbreakdowncontainer {
    display: flex;
    width: 100%;
    height: 100%;
}

.alertbreakdownnavbuttoncontainer {
    float: left;
}

.alertbreakdownnavbutton {
    height: 100%;
    width: 40px;
    background-color: #525252 !important;
}

.alertbreakdownmaincell {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.alertbreakdownradtapstrip {
}

    .alertbreakdownradtapstrip.RadTabStrip .rtsTxt {
        font-size: 15px;
    }

.alertbreakdownradstripbody {
    border: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    padding: 8px !important;
    background-color: #ffffff !important;
    font-size: 12px !important;
    height: calc(100% - 26px);
}

.alertbreakdownmaincontainer {
    display: flex;
    width: calc(100% - 65px);
    position: absolute;
    flex-direction: column;
    height: calc(100vh - 124px);
    bottom: 10px;
    left: 54px;
}

    .alertbreakdownmaincontainer.haspartnerfooter {
        height: calc(100vh - 148px) !important;
    }

.alertbreakdownmaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.alertbreakdownmaingridrowcell {
    display: table-cell;
    width: calc(100% - 40px);
    height: 100%;
    position: relative;
}

.alertbreakdowndatecontrolinput {
    width: 140px !important;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alertbreakdowndaterangeto {
    font-size: 16px;
}

.alertbreakdownradsearchbutton {
    padding: 2px;
    height: 36px;
    width: 36px;
    vertical-align: bottom;
}

.alertmonthcontainer {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 10px;
    background-color: white;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.alertmonthheader {
    display: flex;
    height: 35px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    min-height: 35px;
}

.alertmonthlabel {
    display: block;
    font-size: 18px;
}

.alertcard {
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: calc(100% - 40px);
    margin: 20px;
    height: 180px;
}

.alertcardheader {
    width: 100%;
    height: 38px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    color: #525252;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
}

.alertcardheadertext {
    width: 70%;
    padding-left: 10px;
    /*padding-right: 5px;*/
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100%);
}

.alertcardheaderright {
    width: 30%;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
    justify-content: flex-end;
    padding-left: 5px;
}

.alertcardheaderlabel {
    font-size: 0.8vw;
    line-height: 50px;
    white-space: nowrap;
}

.alertcardvaluebox {
    display: flex;
    height: 67%;
    width: 100%;
}

.alertcardduebox {
    display: flex;
    width: 50%;
    background-color: #289C30;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #fff;
}

.alertcardoverduebox {
    display: flex;
    width: 50%;
    background-color: #DC3912;
    align-items: center;
    justify-content: center;
}

.alertcardvaluelabel {
    font-size: 1.1vw;
    font-weight: bold;
    color: #ffffff;
}

.alertcardrisksection {
    display: flex;
    justify-content: space-between;
    height: 31%;
}

.alertcardbottombox {
    width: 34%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #ccc;
    justify-content: flex-end;
}

.alertcardriskimage {
    display: block;
    margin: 0 auto;
    height: 31%;
    max-height: 40px;
}

.alertcardrisklabel {
    margin-top: 5px;
    font-size: 1vw;
}

.alertcards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    gap: 20px;
    overflow-y: auto;
}

.alertlistcontainer {
    width: 100%;
}

.alertcardborderright {
    border-right: 1px solid #ccc;
}


.alertcardborderleft {
    border-left: 1px solid #ccc;
}

.alertbreakdownfiltercontrolwidth {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alertbreakdownassetstab {
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 14px;
}

/*#endregion*/

/*#region Location Inspector*/
.locationinspectormaincontainer {
    display: flex;
    height: calc(100vh - 93px);
    overflow: auto;
    min-height: 530px;
    box-sizing: border-box;
}

    .locationinspectormaincontainer.haspartnerfooter {
        height: calc(100vh - 117px) !important;
    }

.locationinspectorgridcontainer {
    height: 100%;
    width: 70%;
    overflow: hidden;
}

.locationinspectorchartcontainer {
    height: 100%;
    width: 30%;
    overflow: hidden;
}

.locationinspectorgridscrollbar .rgDataDiv {
    overflow-y: scroll !important;
}

.locationinspectorchartcell {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 100%;
    height: calc(100% / 2);
}

.locationinspectorchartheader {
    position: relative;
    width: 100%;
    margin-top: 10px;
    z-index: 2;
    text-align: center;
}

.locationinspectorcharttitle {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    white-space: nowrap;
    font-weight: bold;
}

.locationinspectorchartbody {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}

.locationinspectorgroupdatacell {
    width: 50%;
}

.locationinspectorgroupcontrolcell {
    width: 50%;
}

.locationinspectorgridheader {
    height: 24px;
    width: 100%;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
    box-sizing: border-box;
}

.inspectorgrid.RadGrid_Bootstrap .rgGroupHeader td {
    border-bottom: 1px solid #dedede;
    background: #fbfbfb;
    font-size: 14px !important;
}

/*#endregion*/

/*#region Mobile Scan Dashboard */
.mobilescanmaincontainer {
    display: flex;
    flex-direction: column;
    padding: 10px;
    width: calc(100% - 65px);
    position: absolute;
    height: calc(100vh - 67px);
    left: 44px;
    bottom: 0;
}

    .mobilescanmaincontainer.haspartnerfooter {
        height: calc(100vh - 91px) !important;
    }

.mobilescanheaderrow {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 20px;
    height: 8vh;
    flex-wrap: nowrap;
}

.mobilescaninnerheadercontainer {
    color: white;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    display: flex;
    padding: 5px;
    background-color: #292c33;
}

.mobilescantotscanswidth {
    flex: 0.5;
    min-width: 0;
}

.mobilescantotalassetsscannedwidth {
    flex: 0.7;
    min-width: 0;
}

.mobilescanactiveuserwidth {
    flex: 1.1;
    min-width: 0;
}

.mobilescanmostscannedwidth {
    flex: 1.8;
    min-width: 0;
}

.mobilescaninnercontainertitle {
    font-size: 1.1rem;
    font-weight: 500;
    display: block;
    color: white;
    margin-top: 7px;
    white-space: nowrap;
}

.mobilescaninnercontainervalue {
    font-size: 1.6em;
    font-weight: bold;
    display: block;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px;
}

.mobilescaninnerheadervaluecontainer {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mobilescancontentcontainer {
    display: flex;
    flex: 1;
    gap: 10px;
    overflow: hidden;
}

.mobielscanchartpanel {
    flex: 3;
    background: white;
    padding: 10px 0 10px 10px;
}

.mobilescanfilterpanel {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mobilescanfiltercontainer {
    flex: 1;
    background: white;
    padding: 3px 10px 0px 10px;
    display: flex;
    flex-direction: column;
    width: 438px;
    max-height: 367px;
}

    .mobilescanfiltercontainer.haspartnerfooter {
        max-height: 354px !important;
    }

.mobilescanfiltertitle {
    font-size: 1rem;
    font-weight: bold;
}

.mobilescanfilterinnercontainer {
    flex: 1;
    overflow-y: auto;
    padding: 5px;
}

.mobilescanradstripbody {
    border: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    padding: 8px !important;
    background-color: #ffffff !important;
    font-size: 12px !important;
    height: calc(100% - 25px);
}

.mobilescandashboardpage {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.mobilescanassetstab {
    width: 100%;
    height: calc(100vh - 225px)
}

    .mobilescanassetstab.haspartnerfooter {
        height: calc(100vh - 250px) !important;
    }

.mobilescanheaderfiltercontainer {
    display: flex;
    align-items: center;
    height: 9vh;
}

.mobilescanheaderfilterbutton {
    width: 35px;
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .mobilescanheaderfilterbutton .mobilescanfilterbuttontext {
        transform: rotate(-90deg);
        white-space: nowrap;
        color: #333;
        font-weight: bold;
        text-align: center;
    }

.mobilescanlinechart {
    width: 100%;
    height: calc(100vh - 220px) !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
    color: #525252;
}

    .mobilescanlinechart .telerik-chart,
    .mobilescanlinechart .telerik-chart-title,
    .mobilescanlinechart .telerik-chart-legend,
    .mobilescanlinechart .telerik-chart-axis,
    .mobilescanlinechart .telerik-chart-label {
        font-family: 'Poppins' !important;
        font-size: inherit !important;
        color: inherit !important;
    }

.mobilescanlinechartwithfooter {
    width: 100%;
    height: calc(100vh - 248px) !important;
    font-family: 'Poppins' !important;
    font-size: 14px !important;
    color: #525252;
}

    .mobilescanlinechartwithfooter .telerik-chart,
    .mobilescanlinechartwithfooter .telerik-chart-title,
    .mobilescanlinechartwithfooter .telerik-chart-legend,
    .mobilescanlinechartwithfooter .telerik-chart-axis,
    .mobilescanlinechartwithfooter .telerik-chart-label {
        font-family: 'Poppins' !important;
        font-size: inherit !important;
        color: inherit !important;
    }


.mobilescanlinechartcontainer {
    height: 100% !important;
}

.mobilescanfilterheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    margin-top: 6px;
}

.selectallbutton {
    margin-left: auto;
    padding: 0 8px;
}

/*#endregion*/

/*#region Stillage Dashboard */

.stillage-dashboard-page-container {
    position: relative;
    width: 100%;
    min-width: 960px;
    min-height: 100vh;
    background-color: #F8C204;
}

.stillage-dashboard-header-bar {
    background-color: black;
    color: white;
    text-align: center;
    padding: 10px 0 !important;
    height: 80px;
    min-width: 960px;
}

.stillage-dashboard-header-bar-title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stillage-dashboard-total-header-bar-title {
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: black;
    color: white;
}

.stillage-dashboard-category-card {
    display: flex;
    flex-direction: column;
    background-color: white;
    height: 15rem;
    border-radius: .2rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}

.stillage-dashboard-total-card {
    display: flex;
    flex-direction: column;
    background-color: white;
    height: 16.5rem;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid #ddd;
}

.stillage-dashboard-card-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .95rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 3rem;
    opacity: .9;
    background-color: #000000;
    color: #ffffff;
}

.stillage-dashboard-card-category-title {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .95rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    opacity: .9;
    background-color: #000000;
    color: #ffffff;
    flex-direction: column;
    height: 5rem;
}


.stillage-dashboard-total-count {
    font-size: 7rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
}

.stillage-dashboard-available-colour {
    color: #28a745;
}

.stillage-dashboard-unavailable-colour {
    color: #ff0000;
}

.stillage-dashboard-main {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.stillage-dashboard-total-row {
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 17px;
}

.stillage-dashboard-category-card-total {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 4rem;
}

.stillage-dashboard-category-card-container {
    display: flex;
    flex-direction: column;
}

.flexspacebetweenimportant {
    justify-content: space-between !important;
}

.header_colour_green {
    background-color: #007E00;
}

.header_colour_gray {
    background-color: #7B7B7B;
}

.header_colour_blue {
    background-color: #0C78BD;
}

.header_colour_yellow {
    background-color: #C1A017;
}

.header_colour_red {
    background-color: #D13438;
}

/*#endregion */

/*#region Asset List */
.searchresultslist {
    width: 372px;
    height: 123px;
    margin-top: 10px;
}


.searchresultslistdevices {
    width: 345px;
    height: 98px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.treeviewsearchcontainer {
    height: 35px;
    width: 100%;
    box-sizing: border-box;
}


.treeviewsearchtextbox {
    width: 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.treeviewsearchtextboxsecondmodel {
    width: 312px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.treeviewsearchtextboxparlevel {
    width: 332px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
}
*/

.treeviewsearchtextboxmanuallocationupdate {
    width: 308px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dialogsearchcontainer {
    height: 175px;
    width: 100%;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #B3B3B3;
}

.dialogdevicesearchcontainer {
    height: 150px;
    width: 100%;
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #B3B3B3;
}


.dialogsearchtextboxminusbutton {
    width: 253px;
    height: 30px;
    box-sizing: border-box;
    font-size: 18px;
}

.inputheight {
    height: 24px;
}

.titleheight {
    height: 16px;
}

.input-text, .input-text_two_buttons, .input-text_single_button, .input-text_three_buttons, .gridactionbutton, .temperaturegridactionbutton {
    float: left;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.input-text {
    padding: 3px;
    width: calc(100% - 1px);
    margin-top: -1px;
}

.input-text_single_button {
    padding: 3px;
    width: calc(100% - 26px);
}

.input-text_two_buttons {
    padding: 3px;
    width: calc(100% - 52px);
}

.input-text_three_buttons {
    padding: 3px;
    width: calc(100% - 78px);
}

.gridactionbutton {
    padding: 1px;
    width: 24px;
    background: #085394;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #483D8B;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-left: 1px;
    margin-bottom: 1px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .gridactionbutton:hover, .gridactionbutton:focus {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
    }


.formbrowsebutton {
    padding: 1px;
    width: 24px;
    color: #ffffff;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}



.radbuttondarkborder {
    border-color: #B3B3B3 !important;
}

.gridheaderactionbutton {
    margin-left: 4px;
    margin-bottom: 2px;
    padding: 1px;
    width: 36px;
    color: #ffffff;
    font-weight: bold;
    background: #085394;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #483D8B;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

    .gridheaderactionbutton:hover, .gridheaderactionbutton:focus {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
        text-align: center;
    }

.queryresults {
    opacity: 0.5;
    padding: 0;
    margin-top: 5px;
}


#assetlistgridcontainer {
    width: calc(100% - 40px);
    top: 245px;
    bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    min-width: 1024px;
    /*Cater for small resolutions*/
    overflow: auto;
}


.assetlistheaderrow {
    background: #085394;
    width: 100%;
    display: table;
}

.assetlistcontrolrow {
    width: 100%;
    display: table;
}

.assetlistgrid {
    width: 100%;
    background: #ffffff;
    font-size: 14px;
    margin-bottom: 10px;
    height: calc(100vh - 125px);
}

    .assetlistgrid.haspartnerfooter {
        height: calc(100vh - 137px) !important;
    }

.assetlistgriddataview {
    height: 100%;
}

.assetlistgridcontainercollapsed {
    width: 100%;
    height: 0;
}

.assetlistgridcontainerexpanded {
    width: 100%;
    height: calc(100vh - 133px);
}

.assetlistgridcontainter {
    width: 100%;
    height: calc(100vh - 122px);
}

    .assetlistgridcontainter.haspartnerfooter {
        height: calc(100vh - 146px) !important;
    }

.onecolumntable {
    display: table;
    width: 100%;
}

.onecolumninlinebutton {
    display: table-cell;
}

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

.columnheader {
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 3px;
    height: 20px;
    display: table-cell;
}

.columncontrol {
    display: table-cell;
    padding-top: 2px;
}


.columnselect {
    width: 2%;
}

.columnselectheader {
    width: 2%;
    text-align: center;
    vertical-align: middle;
}

.columnstatus {
    width: 5%;
}

.columnstatusextenderfilter {
    width: 7%;
}


.columnasset {
    width: 18%;
}

.columnlocation {
    width: 20%;
}

.columntime {
    width: 10%;
}

.columncategory {
    width: 15%;
}

.columnowner {
    width: 15%;
}


.columnassignedlocation {
    width: 15%;
}

.assetgridview {
    overflow: scroll;
    width: 100%;
}

    .assetgridview td {
        padding-left: 2px;
    }

    .assetgridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }

.assetthumbnailmain {
    width: calc(100% - 45px);
    height: calc(100vh - 43px);
    position: absolute;
    min-width: 1024px;
    overflow: auto;
    right: 0;
    bottom: 0;
}

.assetthumbnailgridview {
    overflow: scroll;
    width: 100%;
}

    .assetthumbnailgridview td {
        padding-left: 2px;
    }

    .assetthumbnailgridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }

    .assetthumbnailgridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .assetthumbnailgridview a {
        color: White;
        font-weight: bold;
        text-decoration: none;
    }

.thumbnailmaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.thumbnailmaingridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.thumbnailbaseheaderright {
    display: flex;
    align-items: center;
}


.taggridview {
    overflow: scroll;
    width: 100%;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

    .taggridview td {
        padding-left: 2px;
    }

    .taggridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }


.assigneddepartmentsgridview {
    overflow: scroll;
    width: 100%;
    border: none;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
}

    .assigneddepartmentsgridview td {
        padding-left: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .assigneddepartmentsgridview .selectedrow {
        background: #828282;
        color: #ffffff;
    }

.assigneddevicesgridview {
    overflow: scroll;
    width: 100%;
    border: none;
}

    .assigneddevicesgridview td {
        padding-left: 3px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .assigneddevicesgridview .selectedrow {
        background: #B1B0B0;
        color: #ffffff;
    }

.assigneddevicestreeview {
    border: 1px #B3B3B3 solid;
    overflow: auto;
}

.templatecolumn {
    margin: 0;
    padding: 1px;
}

.templatecolumncontrol {
    margin: 0;
    padding: 1px;
    text-align: center;
}

.templatecolumnright {
    text-align: right;
    border-left: none;
    margin: 0;
    padding: 1px;
}

.templatecolumncenter {
    text-align: center;
    margin: 0;
    padding: 1px;
}

.noborderright {
    border-right: none;
}

.noborderleft {
    border-left: none !important;
}

.noborderbottom {
    border-bottom: none !important;
}

.noborder {
    border: none;
}

.assetlistcategorytabgridrow {
    margin: auto;
    width: 45%;
}

    .assetlistcategorytabgridrow .column1 {
        padding: 4px;
        width: 60%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .assetlistcategorytabgridrow .column2 {
        padding: 4px;
        width: 40%;
        display: table-cell;
        border: 0;
        position: relative;
    }


.assetlistcategorydocumentscontainergrid {
    width: 100%;
    height: 288px;
    overflow: auto;
}

.assetlistcategorytabgridrowbody {
    width: 100%;
    padding-left: 0px !important;
}

.assetlistcategorytabgridrowinnertable {
    display: table;
    width: 100%;
}

    .assetlistcategorytabgridrowinnertable .innercolumn1 {
        display: table-cell;
        width: 90%;
        text-align: left;
    }

    .assetlistcategorytabgridrowinnertable .innercolumn2 {
        display: table-cell;
        width: 10%;
    }

.assetlistcategorytabinnergridrow {
}

.assetlistcategorytabellipsisstyle {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width: 300px;
    line-height: 24px;
}

.assetlistflyout {
    height: 100%;
    width: 0;
    position: absolute;
    background-color: #FFFFFF;
    z-index: 6;
    right: 41px;
    top: 0px;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #828282;
    border-bottom: 1px solid #828282;
}

    .assetlistflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        left: 1px;
        padding: 0px 0px 0px 8px;
        font-size: 34px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
    }

        .assetlistflyout .closebtn:hover {
            color: #707070;
        }

.assetlistgridmain {
    width: calc(100% - 45px);
    height: calc(100vh - 43px);
    position: absolute;
    min-width: 1024px;
    overflow: auto;
    right: 0;
    bottom: 0;
}

.assetlistmaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.assetlistmaingridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.assetlistmaingridrowcellmenu {
    width: 42px !important;
    height: 100vh !important;
    position: fixed;
    right: 0px;
    top: 47px;
}

.assetlistmaincontentpane {
    width: 100% !important;
    height: 100% !important;
}

.assetlistsplitter {
    width: calc(100% - 45px) !important;
    height: 100vh !important;
    position: fixed;
    left: 45px;
    top: 47px;
}

    .assetlistsplitter .RadSplitter {
        width: 100% !important;
        border-left-width: 0px !important;
    }

        .assetlistsplitter .RadSplitter .rspSlideZone.rspSlideZoneHorizontal {
            margin-left: -1px !important;
        }

    .assetlistsplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon {
        background-image: url(../../Images/dock_white.svg);
        background-position: 7px 0px;
        background-repeat: no-repeat;
        height: 18px;
        position: absolute;
        right: 5px;
        top: 7px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .assetlistsplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon {
        background-image: url(../../Images/undock_white.svg);
        background-position: 7px 0;
        background-repeat: no-repeat;
        height: 18px;
        position: absolute;
        right: 46px;
        top: 8px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspPaneTabContainer,
    .assetlistsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        background-color: #292c33 !important;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspTabsContainer {
        padding-top: 5px;
        padding-left: 1px;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspPaneTabContainer {
        text-align: center !important;
        border: none;
    }

    .assetlistsplitter .RadSplitter .rspPaneTabIcon {
        height: 26px;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideHeaderCollapseIcon,
    .assetlistsplitter .RadSplitter_Bootstrap div.rspSlideHeaderCollapseIcon:hover {
        background-image: url(../../Images/cancel_white.svg);
        background-position: -69px 0;
        background-repeat: round;
        height: 18px;
        position: absolute;
        left: 6px;
        top: 8px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideContent {
        border-left: 1px solid #B3B3B3;
        height: calc(100vh - 84px) !important;
        overflow-x: hidden !important;
    }

    .assetlistsplitter .RadSplitter .rspPaneTabText.rspRotatedTabText {
        display: none;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer,
    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideHeaderIconWrapper {
        background-color: #292c33 !important;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideTitleContainer {
        height: 35px;
    }

    .assetlistsplitter .RadSplitter .rspSlideHeader .rspSlideTitle {
        text-align: center;
        font-size: 18px !important;
        color: white;
        line-height: 26px !important;
        margin-left: 32px;
        font-weight: bold;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlideContainerResize {
        cursor: default;
    }

    .assetlistsplitter .RadSplitter_Bootstrap .rspSlidePane {
        height: 100% !important;
    }

.assetlistflyoutslidingpane {
    height: calc(100vh - 45px) !important;
}

.assetlistflyoutcontainer {
    height: 100%;
    width: 100%;
    min-width: 450px;
}

    .assetlistflyoutcontainer .column1, .column2 {
        width: 50%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.assetlistflyoutcontainergridrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    border-right: 1px solid white;
    border-bottom: 1px solid #dedede;
}

.asssetlistflyoutgridrowleft {
    display: flex;
    align-items: center;
    gap: 6px;
}

.asssetlistflyoutgridrowright {
    display: flex;
    align-items: center;
}

.assetlistflyoutcontainertext {
    width: 16%;
    vertical-align: middle;
    position: relative;
}

.assetlistflyoutsavedfiltergridrow {
    display: table;
    width: 450px;
    height: calc(100vh - 137px);
    border-spacing: 10px;
    margin-bottom: -2px;
    min-height: 260px;
}

.assetlistflyoutkeyassetsgridrow {
    display: table;
    width: 450px;
    height: calc(100vh - 104px);
    border-spacing: 0px;
    margin-bottom: 0px;
    min-height: 260px;
}

.assetlistflyoutheader {
    height: 30px;
    display: table;
    width: 100%;
    background-color: #201B50;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    border-bottom: 1px solid #fff;
}

.assetlistflyoutheadertitle {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: table-cell;
}

.assetlistflyouttextboxcontrol {
    width: 291px;
    height: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
}

.assetlistflyoutwhiteborderbottom {
    border-bottom: 2px solid #fff;
}

.assetlistflyoutgrayborderright {
    border-right: 2px solid #828282;
}

.didyouknowanchor {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: red; /* REMOVE THIS after confirming */
    z-index: 9999;
}

/*
.savedfiltersbutton {
    padding: 2px;
    height: 34px;
    width: 40px;
    vertical-align: bottom;
    font-size: 14px;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc;
}


    .savedfilterflyoutactionbuttoncontextmenu {
    }

    .savedfilterflyoutactionbuttoncontextmenu.RadMenu .rmGroup:before {
        border-style: none !important;
    }

    .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink .rmText {
        padding: 0px 10px !important;
    }

    .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
        font-size: 14px;
        border: 1px solid #cdcdcd;
    }

        .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
            color: #000;
            padding: 5px 4px 5px 3px;
        }

            .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmLink:hover {
                color: #fff;
                background-color: #201B50;
            }

        .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup .rmExpanded {
            color: #fff;
            background-color: #201B50;
        }


    .savedfilterflyoutactionbuttoncontextmenu.RadMenu_Bootstrap .rmGroup {
        width: auto;
        min-width: 75px;
    }


    .savedfilterflyoutactionbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText {
        display: flex;
        align-items: stretch;
        padding: 8px 4px 8px 10px;
        margin: 0;
        line-height: 20px;
    }

        .savedfilterflyoutactionbuttoncontextmenu.RadMenu .rmVertical .rmItem .rmText:hover {
            color: #fff !important;
            background-color: #201B50;
        }*/

.assetlistdialogcancel {
    height: 27.14px !important;
}





/*.dialogexportcontextbutton {*/
/*padding: 2px;*/
/*height: 27.14px;
    width: 120px;
    vertical-align: bottom;
    font-size: 12px;
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc;
}*/

.advancedsearchtitle {
    font-size: 50px;
}

.advancedsearchflyout {
    left: 0;
    height: 0;
    width: 75%;
    position: relative;
    background-color: #FFFFFF;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    border: 1px solid #DEDEDE;
}

.advancedsearchflyoutcontainer {
    display: table;
    width: 100%;
    height: 100%;
    border: 0;
}

    .advancedsearchflyoutcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.advancedsearchheaders {
    text-align: center;
}

.advancedsearchgridrow {
    display: table;
    width: 100%;
    border: 0;
}

.advancedsearchcontrolgridrow {
    display: flex;
    height: 62px;
    padding-left: 10px;
    gap: 10px;
}

.advancedsearchcontrolgridrowcolumn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
    height: 57px;
}

.advancedsearchgridrowreduced {
    display: table;
    width: calc(100% - 48px);
    border-spacing: 2px;
    border: 0;
}

.advancedsearchcontrol {
    width: 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.advancedsearchlastcontrol {
    width: 331px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.advancedsearchbutton {
    padding: 2px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.advancedsearchclear {
    height: 10px;
    width: 10px;
    position: absolute;
    right: 10px;
    top: 6px;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
}

.assetlistalerttypewidth {
    width: 227px;
}

.assetlistraddatepicker {
    padding: 0 !important;
    width: 171px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.assetlistraddatepickeralerttab {
    padding: 0 !important;
    width: 119px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .assetlistraddatepickeralerttab .RadInput .riTextBox {
        width: 119px !important;
    }

    .assetlistraddatepickeralerttab .RadInput {
        width: auto !important;
    }

.assetlistraddatepicker .RadInput {
    height: 20px !important;
    width: auto !important;
}

.raddatepickercontrol .RadInput .riTextBox, .RadInputMgr {
    padding: 1px 2px 1px 2px !important;
    border-radius: 2px;
    border: 1px solid #B3B3B3;
}

.raddatepickercontrol .RadInput_Default .RadInputError {
}

/*.raddatepickercontrol.RadPicker .rcSelect .RadInput_Bootstrap a > img {
    position: absolute;
    bottom: 1px;
    right: 1px;
    top: 1px;
}*/

.raddatepickercontrol.RadPicker_Bootstrap.rcCalPopupOpen .RadInput,
.raddatepickercontrol.RadPicker.rcCalPopupOpen .riTextBox,
.raddatepickercontrol.RadPicker.rcTimePopupOpen .riTextBox,
.raddatepickercontrol.RadPicker_Bootstrap.rcTimePopupOpen .RadInput {
    border-color: #B3B3B3 !important;
    /*border: 1px solid #B3B3B3 !important;*/
}

.raddatepickercontrol a {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.raddatepickeropencalendar > img {
    height: 18px !important;
    width: 18px !important;
    padding-top: 3px !important;
}

.raddatepickercontrol .RadPicker_Bootstrap.rcCalPopupOpen .RadInput {
    border-color: none !important;
}

.RadInput_Default .RadInputError .riTextBox {
    color: #000000 !important;
}

.RadInput_Default.RadInputError .riTextBox {
    color: #000000 !important;
}

.RadDateTimePicker .RadInputError:after {
    display: none;
}

.RadCalendarPopup {
    z-index: 40010 !important;
}

.RadCalendarFastNavPopup {
    z-index: 40015 !important;
}

.buttondisabled {
    opacity: 0.5;
    pointer-events: none;
    background-color: #f1f1f1;
    color: #999999;
}

.mapcontainer {
    min-width: 1024px;
    position: absolute;
    vertical-align: top;
    width: calc(100% - 1px);
    height: calc(100% - 34px);
    overflow: auto;
}

.mapcontainertimeline {
    min-width: 1024px;
    position: absolute;
    vertical-align: top;
    width: calc(100% - 1px);
    height: calc(100% - 149px);
    overflow: auto;
}

    .mapcontainertimeline .k-timeline-vertical {
        padding: 0 40px;
        margin: 17px 0;
        position: relative;
        box-sizing: border-box;
        border: 0;
    }

    .mapcontainertimeline.RadTimeline_Default.k-timeline .k-timeline-date {
        font-size: 14px;
    }

    .mapcontainertimeline .k-timeline-vertical .k-timeline-event {
        padding: 8px 0;
    }

.maptimelinecontrols {
    height: 54px;
    width: 100%;
    display: table;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 1px;
}

    .maptimelinecontrols .column1 {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
    }

    .maptimelinecontrols .column2 {
        display: table-cell;
        width: 2%;
        vertical-align: middle;
    }

    .maptimelinecontrols .column3 {
        display: table-cell;
        width: 2%;
        vertical-align: middle;
    }

    .maptimelinecontrols .column4 {
        display: table-cell;
        width: 32%;
        vertical-align: middle;
    }

.maptimelinetitle {
    line-height: normal;
    font-weight: 400;
    margin: 0 0 8px;
}

.maptimelinesubtitle {
    line-height: normal;
    font-weight: 400;
    margin: 0 0 8px;
}

.maptimelineimage {
    border: 0;
    max-width: 100%;
    overflow: hidden;
    width: 34px;
}

/*.maptimelinedatecontrolinputheight {
    height: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
/**/
/*.maptimelinedatecontrol.RadPicker .RadInput {
    height: 26px;
}*/



.maptimelinerefreshbutton {
    padding: 2px;
    height: 32px;
    width: 32px;
    vertical-align: bottom;
}

    .maptimelinerefreshbutton.rbIcon {
        width: 24px;
        height: 24px;
    }

.maptimelinerefreshbuttonicon {
    height: 28px;
    width: 28px;
}

/*.maptimelinepresetbutton {
    padding: 2px;
    height: 32px;
    width: 85px;
    vertical-align: bottom;
}
*/

.mapcontainerfooter {
    height: 48px;
    width: 100%;
    min-width: 1024px;
    bottom: 0;
    position: absolute;
    border-top: 1px solid #B3B3B3;
    padding-left: 8px;
    padding-top: 4px;
}

.mapiframe {
    width: calc(100% - 4px);
    height: calc(100% - 10px);
}

.assetradtimeline {
    width: 100%;
}

    .assetradtimeline.k-timeline .k-timeline-flag {
        background-color: #201B50 !important;
    }

    .assetradtimeline.k-timeline .k-timeline-circle {
        background-color: #201B50 !important;
    }


.sterileradtimeline {
    width: 100%;
}

    .sterileradtimeline.k-timeline .k-timeline-flag {
        background-color: #5c2f93 !important;
    }

    .sterileradtimeline.k-timeline .k-timeline-circle {
        background-color: #5c2f93 !important;
    }


.temperatureradtimeline {
    width: 100%;
}

    .temperatureradtimeline.k-timeline .k-timeline-flag {
        background-color: #b90310 !important;
    }

    .temperatureradtimeline.k-timeline .k-timeline-circle {
        background-color: #b90310 !important;
    }


.RadTimeline_Default.k-timeline .k-timeline-flag {
    color: #fff;
    background-color: transparent;
}

.RadTimeline_Default.k-timeline .k-timeline-card .k-card-body {
    display: none;
}

.RadTimeline_Default.k-timeline .k-timeline-card .k-card-header {
    background-color: #E6E6E6;
    color: #000000;
}

.RadTimeline_Default.k-timeline-vertical .k-timeline-card .k-card .k-card-title .k-event-title {
    white-space: normal;
    text-overflow: initial;
    overflow: hidden;
}

.RadTimeline_Default .k-card-subtitle {
    color: #000000;
}

.RadTimeline_Default .k-card .k-card-callout {
    background-color: #E6E6E6;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
}

.timelinehistoryslider {
    width: calc(100% - 17px) !important;
    height: 50px !important;
    display: flex;
    align-items: center;
}

    .timelinehistoryslider.RadSlider_Bootstrap .rslSelectedregion {
        background-color: #201B50 !important;
        border-color: #201B50 !important;
    }

.timelinetooltip {
    z-index: 40000;
    font-size: 14px !important;
    height: 30px;
}

.timelineheadercontainer {
    display: flex;
    width: 100%;
}

.timelineheaderimage {
    width: 15%;
    display: flex;
}

    .timelineheaderimage .k-card-image, .k-card-media {
        border: 0;
        max-width: 100%;
        overflow: hidden;
        width: 33px;
    }

.timelineheadertitle {
    width: 85%;
}

.modalrecordpopupasset {
    background-color: #FFFFFF;
    /*    font-size: 14px;*/
    width: 850px;
    height: 823px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10017 !important;
}

.manuallocationupdateinputcontainer {
    height: 51px;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
}

.manuallocationupdatetreeviewcontainer {
    height: 276px;
    overflow: auto;
}

.manuallocationupdateformgridrow {
    display: table;
    width: 100%;
    border: 0;
}

    .manuallocationupdateformgridrow .column1 {
        width: 50%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .manuallocationupdateformgridrow .column2 {
        width: 50%;
        display: table-cell;
        border: 0;
        position: relative;
        padding-left: 8px;
    }

.manuallocationupdateformgridrowinner {
    display: table;
    width: 100%;
    border: 0;
}

    .manuallocationupdateformgridrowinner .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }


.manuallocationupdatedatecontrol {
    width: 110px !important;
}

/*    .manuallocationupdatedatecontrol .RadInput .riTextBox {
        height: 22px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
*/
.manuallocationupdatecontroltimeview {
    width: 263px !important;
}

.manuallocationupdatecontroldefaultwidth {
    width: 172px;
}

.manuallocationupdatetreeviewsearchcontainer {
    height: 53px;
    width: 100%;
    padding: 7px 2px 2px 2px;
    box-sizing: border-box;
}

.manuallocationupdateerrorpanel {
    position: absolute;
    bottom: 48px;
    height: 21px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    width: calc(100% - 2px);
    margin-left: -1px;
    left: 2px;
}

.keyassetgridrow {
    display: table;
    width: 100%;
    vertical-align: top;
    padding: 2px 0px
}

    .keyassetgridrow .column1 {
        display: table-cell;
        width: 43%;
        text-align: left
    }

    .keyassetgridrow .column2 {
        display: table-cell;
        width: 57%;
        text-align: left
    }

.keyassetname {
    /*font-weight: bold;*/
}

.keyassetcard {
    background-color: #ffffff !important;
    border: 1px solid #B3B3B3 !important;
    /*border-color: #201B50 !important;*/
}

/*.keyassetcardbody {
    padding: 17px 20px;
}*/

.keyassetmenucontainer {
    position: absolute;
    top: 8px;
    right: 8px;
}

.keyassetcontextmenu {
}

    .keyassetcontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
        min-width: 60px;
    }

    .keyassetcontextmenu.RadMenu_Bootstrap .rmGroup.rmLevel2 {
        max-height: 300px;
        overflow-y: auto;
    }

/*#endregion*/

/*#region Category Document Tab*/
.documentfilenamecontrol {
    height: 23px;
    width: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.documentbuttonwidth {
    width: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
}

.categorydialogdocumentscontainergrid {
    width: 100%;
    height: 498px;
    overflow: auto;
}

.categorydocumentdialoggridview {
    width: calc(100% - 2px);
    background: #ffffff;
}

    .categorydocumentdialoggridview th {
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .categorydocumentdialoggridview td {
        padding-left: 5px;
    }
/*
    .categorydocumentdialoggridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }*/

.categorydocumentdialogcontainerrecord {
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    /*display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    margin-top: 5px;*/
}

/*   .categorydocumentdialogcontainerrecord .column1 {
        width: 4%;
        display: table-cell;
        vertical-align: middle;
    }

    .categorydocumentdialogcontainerrecord .column2 {
        width: 54%;
        display: table-cell;
        padding-left: 10px;
    }

    .categorydocumentdialogcontainerrecord .column3 {
        width: 2%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 5px;
    }

    .categorydocumentdialogcontainerrecord .column4 {
        font: 13px Arial, Helvetica, sans-serif;
        text-align: right;
        display: table-cell;
    }*/

/*.categorydocumenttabradbutton {
    height: 25px;
    font-size: 12px !important;
    padding: 0 !important
}
*/
.RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    height: 25px;
}

.cateogiresformbrowsebutton {
    width: 23px;
    height: 23px;
    min-width: 23px !important;
    text-align: center !important;
    padding: 0 !important;
}

.defaultimageradupload {
    width: 274px;
    text-align: left;
}

    .defaultimageradupload .ruFakeInput {
        width: 229px;
        height: 16px;
        color: #333;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        overflow: inherit;
    }

    .defaultimageradupload.RadUpload .ruBrowse {
        width: 11px;
        height: 18px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        margin-left: 4px;
        border: 1px solid #B3B3B3;
    }

    .defaultimageradupload.RadUpload .ruFileLI {
        display: none;
    }

    .defaultimageradupload.RadUpload_Bootstrap .ruSelectWrap .ruFakeInput {
        padding: 4px 5px;
        border: 1px solid #B3B3B3;
    }

defaultimageradupload.ruUploadProgress, li .ruCancel, li .ruRemove {
    visibility: hidden;
}

.defaultimageradupload .li.ruUploading {
    height: 1px;
}

.categoryimageraduploadasync {
    width: 183px;
    text-align: left;
}

    .categoryimageraduploadasync .ruFakeInput {
        width: 159px;
        font-family: 'Poppins';
        height: 16px;
        color: #333;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        overflow: inherit;
    }

    .categoryimageraduploadasync.RadUpload .ruBrowse {
        width: 11px;
        height: 18px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        margin-left: 0;
        border: 1px solid #B3B3B3;
    }

    .categoryimageraduploadasync.RadUpload .ruFileLI {
        display: none;
    }

    .categoryimageraduploadasync.RadUpload_Bootstrap .ruSelectWrap .ruFakeInput {
        padding: 4px 5px;
        border: 1px solid #B3B3B3;
    }

    .categoryimageraduploadasync.ruUploadProgress, li .ruCancel, li .ruRemove {
        visibility: hidden;
    }

    .categoryimageraduploadasync .li.ruUploading {
        height: 1px;
    }

    .categoryimageraduploadasync.RadUpload .ruFileWrap.ruStyled {
        padding-bottom: 1.5px;
    }

    .categoryimageraduploadasync.RadUpload .ruInputs li {
        margin: 0;
    }

.sitecompanylogocontainer {
    height: 25%;
    display: flex;
    align-items: center;
    background-color: #292c33;
    justify-content: center;
    transition: width 0.3s ease, background-color 0.5s ease;
    border-right: 1px solid #fff;
}

.sitecompanylogoinnercontainer {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: width 0.3s ease, opacity 0.2s ease;
    opacity: 0;
    width: 0;
    border-right: 1px solid #292c33;
}

.sitecompanylogo {
    height: 120px;
    width: 220px;
    transition: width 0.3s ease;
}

.locationimageradupload {
    width: 280px;
    text-align: left;
}

    .locationimageradupload .ruFakeInput {
        width: 239px;
        font-family: 'Poppins';
        height: 16px;
        color: #333;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        overflow: inherit;
        margin-right: 4px;
        line-height: 16px;
    }

    .locationimageradupload.RadUpload .ruBrowse {
        width: 11px;
        height: 18px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        margin-left: 0;
        border: 1px solid #B3B3B3;
    }

    .locationimageradupload.RadUpload .ruFileLI {
        display: none;
    }

    .locationimageradupload.RadUpload_Bootstrap .ruSelectWrap .ruFakeInput {
        padding: 4px 5px;
        border: 1px solid #B3B3B3;
    }

    .locationimageradupload.ruUploadProgress, li .ruCancel, li .ruRemove {
        visibility: hidden;
    }

    .locationimageradupload .li.ruUploading {
        height: 1px;
    }

    .locationimageradupload.RadUpload .ruFileWrap.ruStyled {
        padding-bottom: 0;
    }


/*.locationimageradupload {
    width: 181px;
    text-align: left;
    font-size: 14px;
}

    .locationimageradupload .ruFakeInput {
        font-size: 14px;
        font-family: Poppins;
        width: 211px;
        height: 22px;
        color: #333;
        margin-top: 0px;
        margin-right: 4px;
        border: 1px solid #B3B3B3;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        margin-left: -2px;
    }

    .locationimageradupload.RadUpload .ruBrowse {
        width: 26px;
        height: 26px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        border: 1px solid #B3B3B3;
    }

    .locationimageradupload .ruFileWrap {
        height: 26px !important;
        overflow: inherit !important;
        float: left;
        margin-right: 4px;
    }

    .locationimageradupload .ruBrowse {
        margin-top: 0px;
        height: 26px;
    }*/
.categorylocationimageradupload {
    width: 181px;
    text-align: left;
    font-size: 14px;
}

    .categorylocationimageradupload .ruFakeInput {
        font-size: 14px;
        font-family: Poppins;
        width: 162px;
        height: 22px;
        color: #333;
        margin-top: 0px;
        margin-right: 4px;
        border: 1px solid #B3B3B3;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        margin-left: -2px;
    }

    .categorylocationimageradupload.RadUpload .ruBrowse {
        width: 26px;
        height: 26px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        border: 1px solid #B3B3B3;
    }

    .categorylocationimageradupload .ruFileWrap {
        height: 26px !important;
        overflow: inherit !important;
        float: left;
        margin-right: 4px;
    }

    .categorylocationimageradupload .ruBrowse {
        margin-top: 0px;
        height: 26px;
    }

.categoryimageuploadcontainer {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    justify-content: flex-end;
    margin-right: 9px;
    height: 26px;
}

.locationimageuploadcontainer {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    justify-content: flex-start;
    margin-right: 9px;
    height: 26px;
}

.RadUpload .ruBrowse {
    width: 25px;
    height: 21px;
    background-position: 0 0;
    border-color: #b3b3b3;
    color: #333 !important;
    /*background-color: #e6e6e6;*/
    /*background-image: linear-gradient(white,#e6e6e6) !important;*/
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    font-weight: bold;
    background-image: none !important;
}

div.RadUpload_Default .ruFileWrap .ruButtonHover {
    border-color: darkgrey;
    background-color: #c2c2c2;
    background-image: linear-gradient(gainsboro, #c2c2c2) !important;
}

.categorydocumentradupload {
    width: 426px;
    text-align: left;
    font-size: 14px;
}

    .categorydocumentradupload .ruFakeInput {
        font-size: 14px;
        font-family: Poppins;
        width: 421px;
        height: 22px;
        color: #333;
        margin-top: 0px;
        margin-right: 1px;
        border: 1px solid #B3B3B3;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        margin-left: -2px;
    }

    .categorydocumentradupload.RadUpload .ruBrowse {
        width: 13px;
        height: 18px;
        font-weight: bold;
        min-width: 0;
        padding: 3px 6px;
        background-image: none !important;
        border: 1px solid #B3B3B3;
    }

    .categorydocumentradupload .ruFileWrap {
        height: 26px !important;
        overflow: inherit !important;
        float: left;
        margin-right: 4px;
    }

    .categorydocumentradupload .ruBrowse {
        margin-top: 0px;
        height: 26px;
    }

/*
.categorydocumentradupload {
    width: 390px;
    text-align: left;
    font: 13px Arial, Helvetica, sans-serif;
}

    .categorydocumentradupload .ruFakeInput {
        font: 13px Arial, Helvetica, sans-serif;
        width: 390px;
        height: 19px;
        color: #333;
        margin-top: 3px;
        border: 1px solid #B3B3B3;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
    }

    .categorydocumentradupload .ruFileWrap {
        height: 25px !important;
        overflow: inherit !important;
    }

    .categorydocumentradupload .ruBrowse {
        margin-top: 3px;
        height: 23px;
    }*/
/*#endregion*/

/*#region General Jquery UI */
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*#endregion*/

/*#region Popup */

/*Select Form*/

.modalbackground {
    background-color: black;
    -webkit-filter: alpha(opacity=60);
    -moz-filter: alpha(opacity=60);
    -o-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10011 !important;
}

.modalbackgroundlevel2 {
    background-color: black;
    -webkit-filter: alpha(opacity=60);
    -moz-filter: alpha(opacity=60);
    -o-filter: alpha(opacity=60);
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10018 !important;
}

.modalpopup {
    background-color: #FFFFFF;
    width: 380px;
    height: 490px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalheader {
    height: 9%;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    background-color: #201B50;
}

    .modalheader span {
        display: table-cell;
        vertical-align: middle;
        font-size: 20px;
        color: White;
        font-weight: bold;
    }


.modalbody {
    padding: 10px;
    height: 405px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.modalfooter {
    border-top: 1px solid #B3B3B3;
    padding: 8px 8px 8px 7px;
    height: 45px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*Confirmation*/


.modalconfirmationpopup {
    background-color: #FFFFFF;
    width: 410px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10019 !important;
}

.modalwarningconfirmationbody {
    padding: 0 10px;
    margin: 10px 0;
    overflow: auto;
    overflow-y: scroll;
    text-align: left;
    height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalwarningconfirmationfooter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 47px;
    text-align: center;
    border-top: 1px solid #B3B3B3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalwarningconfirmationbutton {
    width: 150px;
    padding: 3px 12px !important;
}

.errorsummarymodalconfirmationpopup {
    background-color: #FFFFFF;
    width: 410px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10019 !important;
}

.errorsummarymodalwarningconfirmationbody {
    padding: 8px 10px;
    overflow: auto;
    overflow-y: auto;
    text-align: center;
    width: 100%;
    min-height: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .errorsummarymodalwarningconfirmationbody label {
        display: block;
        width: 100%;
    }

.errorsummarymodalwarningconfirmationbodycontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.errorsummarymodalconfirmationheader {
    background-color: #292c33;
    height: 140px;
    width: 100%;
    text-align: center;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.errorsummarycontent {
    display: flex;
}

.errorsummarymodelheadinglogo {
    padding: 15px 15px 5px 15px;
}

.errorsummarymodelheadinglogoimage {
    height: 70px;
    width: 70px;
}

.errorsummarymodelheadingtitle {
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-bottom: 8px;
}

.modalconfirmationheader {
    background-color: #292c33;
    height: 140px;
    width: 100%;
    text-align: center;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modelheadinglogo {
    padding: 15px 15px 5px 15px;
}

.modelheadinglogoimage {
    height: 70px;
    width: 70px;
}

.modelheadingtitle {
    vertical-align: middle;
    color: White;
    font-weight: bold;
    padding-bottom: 8px;
}


.modalconfirmationbody {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin: 10px 0;
    overflow: auto;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.modalconfirmationfooter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 47px;
    text-align: center;
    border-top: 1px solid #B3B3B3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalconfirmationbutton {
    width: 150px;
}

/*Warning*/
.modalwarningpopup {
    background-color: #FFFFFF;
    width: 410px;
    /*height: 350px;*/
    border: 1px solid #828282;
    padding: 0;
    display: block;
}

    .modalwarningpopup .closebtn {
        position: absolute;
        text-decoration: none;
        color: #ffffff;
        top: -3px;
        right: 12px;
        font-size: 38px;
        transition: 0.9s;
        -webkit-transition: 0.9s;
        -moz-transition: 0.9s;
        -o-transition: 0.9s;
    }

.modalwarningheader {
    background-color: #292c33;
    height: 140px;
    width: 100%;
    text-align: center;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalwarningbody {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin: 10px 0;
    overflow: auto;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalwarningfooter {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 47px;
    text-align: center;
    border-top: 1px solid #B3B3B3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*.modalwarningfooter {
    padding: 0px;
    height: 68px;
    text-align: center;
}
*/
/*Record Editor*/

.modalrecordpopup {
    background-color: #FFFFFF;
    /*font-size: 12px;*/
    width: 850px;
    height: 688px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10017 !important;
}

.modalrecordpopupsinglecolumn {
    background-color: #FFFFFF;
    width: 400px;
    height: 660px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupcompact {
    height: 412px !important;
}

.modalrecordpopupsupercompactfourrowouter {
    height: 248px !important;
}

.modalrecordpopupsupercompactfourrowinner {
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupsupercompactthreerowouter {
    height: 199px !important;
}

.modalrecordpopupsupercompactthreerowinner {
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupsupercompacttworowouter {
    height: 163px !important;
}

.modalrecordpopupsupercompacttworowinner {
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupsupercompactouter {
    height: 127px !important;
}

.modalrecordpopupsupercompactinner {
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupextended {
    height: 750px;
}

.modalrecordpopupiframe {
    background-color: #FFFFFF;
    width: 90%;
    height: 90%;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 850px;
    overflow: hidden;
}

    .modalrecordpopupiframe .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        right: 12px;
        font-size: 26px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
    }

        .modalrecordpopupiframe .closebtn:hover {
            color: #707070;
        }

.modalrecordheader {
    height: 40px;
    width: 100%;
    /*text-align: center;*/
    background-color: #292c33;
    border: 1px white solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}

    .modalrecordheader .column1 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
        text-align: left;
    }

        .modalrecordheader .column1 .icon-container {
            display: flex;
            align-items: center;
            gap: 10px;
            padding-left: 5px;
            justify-content: flex-start;
            padding-top: 1px;
        }

    .modalrecordheader .mapcolum1 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
        text-align: left;
        padding-left: 5px;
    }

    .modalrecordheader .column2 {
        display: table-cell;
        width: 91%;
        vertical-align: middle;
        color: White;
        font-weight: bold;
        text-align: center;
        line-height: 38px;
    }

    .modalrecordheader .column3 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
        text-align: right;
    }

        .modalrecordheader .column3 .icon-container {
            display: flex;
            align-items: center;
            gap: 10px;
            padding-right: 5px;
            justify-content: flex-end;
        }

    .modalrecordheader .cancelcolumn {
        display: table-cell;
        width: 5%;
        color: White;
        font-weight: bold;
    }

.modelsinglecolumnheadingtitle {
    vertical-align: middle;
    color: #bbbbbb;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
}

.modalcompactrecordheadersinglecolumn {
    height: 30px;
    width: 100%;
    padding-top: 10px;
    text-align: center;
    display: flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
}

.modalcompactrecordheader {
    height: 40px;
    width: 100%;
    text-align: center;
    background-color: #292c33;
    border: 1px white solid;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}

    .modalcompactrecordheader .column1 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
    }

    .modalcompactrecordheader .column2 {
        display: table-cell;
        width: 90%;
        vertical-align: middle;
        color: White;
        font-weight: bold;
        text-align: center;
    }

    .modalcompactrecordheader .column3 {
        display: table-cell;
        width: 10%;
        vertical-align: middle;
    }

.modalrecordbodyasset {
    padding: 10px;
    height: 734px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.modalrecordbody {
    padding: 10px;
    height: 601px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}


.modalrecordbodycompact {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.modalrecordbodymedium {
    padding: 12px;
    height: 505px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.modalrecordpopupsinglecolumnmedium {
    background-color: #FFFFFF;
    width: 400px;
    height: 602px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordpopupsinglecolumnlarge {
    background-color: #FFFFFF;
    width: 400px;
    height: 642px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modalrecordbodylarge {
    padding: 10px;
    height: 553px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.modalrecordfooter {
    border-top: 1px solid #B3B3B3;
    padding: 5px;
    /*padding-top: 8px;*/
    height: 47px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.assetlistmodelfooter {
    border-top: 1px solid #B3B3B3;
    padding: 5px;
    height: 47px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.readersmodelfooter {
    border-top: 1px solid #B3B3B3;
    padding: 5px;
    height: 47px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*Height is same as tab container*/
.formcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

    .formcontainer .column1, formcontainer .column2 {
        width: 50%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }


    .formcontainer .column2 {
        border-left: #f0f0f0 1px solid;
        padding-left: 10px;
    }

    .formcontainer .column2noborder {
        padding-left: 30px;
    }


.formcategorycontainer {
    display: table;
    width: 100%;
    height: 603px;
    border: 0;
}

    .formcategorycontainer .column1, formcategorycontainer .column2 {
        width: 100%;
        display: table-cell;
        height: 50%;
        text-align: center;
    }

.formrelationshipcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

.assetlistrelationshiptabcontainsgridrow {
    width: 100%;
    height: 523px;
    overflow: auto;
}

.dialoggridwithheaderrow {
    width: 100%;
    height: 497px;
    overflow: auto;
}

.dialoggridheadergridrow {
    display: table;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .dialoggridheadergridrow .rcolumn1 {
        width: 50%;
        text-align: left;
        float: left;
    }

    .dialoggridheadergridrow .rcolumn2 {
        width: 50%;
        text-align: right;
        float: right;
        line-height: 20px;
        padding-top: 7px;
    }

.inspectiondialoggridheadergridrow {
    display: table;
    width: 100%;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

    .inspectiondialoggridheadergridrow .rcolumn1 {
        width: 50%;
        text-align: left;
        float: left;
    }

    .inspectiondialoggridheadergridrow .rcolumn2 {
        width: 50%;
        text-align: right;
        float: right;
        line-height: 20px;
        padding-top: 10px;
    }

.assetlistrelationshiptabcontrolgridrow {
    width: 100%;
    height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.assetlistrelationshiptabheading {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    padding-top: 10px;
}

.relationshiptabheaderimage {
    height: 24px;
    width: 24px;
}

.assetlistrelationshiptextbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formtemperaturecontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

    .formtemperaturecontainer .column1, formtemperaturecontainer .column2 {
        width: 50%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }


    .formtemperaturecontainer .column2 {
        border-left: #f0f0f0 1px solid;
        padding-left: 30px;
    }

.formreadersettingscontainer {
    display: table;
    width: 100%;
    height: 573px;
    border: 0;
}

    .formreadersettingscontainer .column1, formreadersettingscontainer .column2 {
        width: 50%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }


    .formreadersettingscontainer .column2 {
        border-left: #f0f0f0 1px solid;
        padding-left: 30px;
    }

.formreaderantennacontainer {
    height: 100%;
    overflow-y: auto;
}

.formdevicecontainer {
    display: table;
    width: 100%;
    height: 440px;
    border: 0;
    text-align: left;
}

    .formdevicecontainer .column1, .column2, .column3 {
        display: table-cell;
        height: 100%;
    }

    .formdevicecontainer .column1 {
        width: 45%;
    }

    .formdevicecontainer .column2 {
        width: 10%;
        vertical-align: middle;
    }

    .formdevicecontainer .column3 {
        width: 45%;
    }


.deviceupdatebutton {
    width: 345px;
}

.formemailcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
    position: relative;
}

    .formemailcontainer .column1 {
        width: 70%;
        display: table-cell;
        height: 100%;
    }

    .formemailcontainer .column2 {
        width: 30%;
        display: table-cell;
        height: 100%;
    }

.formimagecontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
    position: relative;
}

    .formimagecontainer .column1 {
        width: 70%;
        display: table-cell;
        height: 100%;
    }

    .formimagecontainer .column2 {
        width: 30%;
        display: table-cell;
        height: 100%;
    }

.formgenericswitchcontainer {
    display: table;
    width: 100%;
    height: 440px;
    border: 0;
    position: relative;
}

    .formgenericswitchcontainer .column1 {
        width: 70%;
        display: table-cell;
        height: 100%;
    }

    .formgenericswitchcontainer .column2 {
        width: 30%;
        display: table-cell;
        height: 100%;
    }

.formborderright {
    border-right: #B3B3B3 1px solid;
}

.formborderleft {
    border-left: #B3B3B3 1px solid;
}

.formgridcctvreaderrow {
    display: table;
    width: 100%;
    border-spacing: 2px;
    border: 0;
}

    .formgridcctvreaderrow .column1 {
        padding: 1px;
        width: 10%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridcctvreaderrow .column2 {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 37%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }


    .formgridcctvreaderrow .column3 {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 49%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

.errorpanel {
    position: absolute;
    bottom: 0;
    height: 25px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    width: calc(100% - 24px);
    margin-left: 10px;
    left: 2px;
}

.errorpanelduplicate {
    position: absolute;
    height: 20px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    width: calc(100% - 24px);
    margin-left: 10px;
    left: 2px;
}

.errorpanelfullwidth {
    position: absolute;
    bottom: 0;
    height: 25px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
    width: calc(100% - 4px);
    left: 2px;
}

.errorpanellogin {
    grid-column: 1 / span 2;
    height: 25px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    width: 100%;
}

.errorpanelapplicationsettings {
    position: fixed;
    bottom: 0;
    height: 25px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    width: 100%;
    right: 19px;
}

.errorpanelcatproduction {
    position: absolute;
    height: 40px;
    background: #D13438;
    color: white;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    width: 100%;
    left: 0px;
    margin-top: 70px;
    font-size: 16px;
}

.formdiv {
    width: 90%;
    height: 150px;
    overflow-y: scroll;
    padding: 2px;
    text-align: center;
}

.formgridrow {
    display: table;
    width: 100%;
    border-spacing: 1px 2px;
    border: 0;
}

    .formgridrow .column1readersettings {
        padding: 1px;
        width: 45%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column2readersettings {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 53%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridrow .column2readers {
        padding-left: 9px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 55%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }



    .formgridrow .column1 {
        padding: 1px;
        width: 39%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1parlevels {
        padding: 1px;
        width: 19%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1categorytemperature {
        padding: 1px;
        width: 21%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1inspection {
        width: 28%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column2inspection {
        padding-left: 16px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 72%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridrow .column1location {
        padding: 1px;
        width: 44%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1image {
        padding: 1px;
        width: 38%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1locationimage {
        padding: 1px;
        width: 18%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1category {
        padding: 1px;
        width: 30%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column2category {
        padding-left: 9px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 70%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridrow .column1user {
        padding: 1px;
        width: 32%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1userdefinedlabel {
        padding: 1px;
        width: 43%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column1readerantennas {
        padding: 1px;
        width: 27%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formgridrow .column2 {
        padding-left: 9px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 61%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridrow .column2image {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 84%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }


.formgridemaillocationrow {
    display: table;
    width: 100%;
    border-spacing: 2px;
    border: 0;
}

    .formgridemaillocationrow .column1 {
        padding: 1px;
        width: 10%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formgridemaillocationrow .column2 {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: 40%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }


    .formgridemaillocationrow .column3 {
        padding-left: 27px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }


.emaillocationswitch {
    position: absolute;
    left: 5px;
    top: 1px;
}

.emailassignedlocationswitch {
    position: absolute;
    left: 5px;
    top: 127px;
}

.cctvreaderswitch {
    position: absolute;
    left: 5px;
    top: -1px;
}

.formselectionheader {
    background-color: #292c33;
    height: 31px;
    width: 100%;
    text-align: center;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .formselectionheader span {
        display: table-cell;
        vertical-align: middle;
        color: White;
        font-weight: bold;
    }

.formselectionbody {
    padding: 5px;
    height: 490px;
}

.formselectionbodyasset {
    padding: 5px;
    height: 629px;
}

.formselectionbodylocation {
    padding: 5px;
    height: 325px;
    font-size: 12px;
    overflow: auto;
    margin-top: 11px;
}

.formselectioninnerbody {
    height: 335px;
    overflow: auto;
    margin-top: 11px;
}

.formselectioninnerbodypar {
    height: 303px;
    overflow: auto;
    margin-top: 11px;
}

.formselectioninnerbodyasset {
    height: 443px;
    overflow: auto;
    margin-top: 11px;
}

.formselectioninnerbodydevices {
    height: 401px;
    overflow: auto;
}

.formselectionbodyreader {
    padding: 5px;
    overflow: auto;
    height: 530px;
}

.assetdialogtrayinstrumentsgridcontainer {
    height: 435px;
    width: 100%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.assetdialogridview {
    width: 100%;
}

    .assetdialogridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .assetdialogridview td {
        padding-left: 2px;
    }

    .assetdialogridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }

.dialogfulltabgridcontainer {
    width: 100%;
    height: 533px;
    overflow: auto;
}

.assetdialogfulltabgridcontainer {
    width: 100%;
    height: 677px;
    overflow: auto;
}

.readerauditcontainer {
    width: 100%;
    height: 576px;
    overflow: auto;
}

.readertransitionnumerictextboxcontrol .RadInput,
.readerintervalnumerictextboxcontrol .RadInput {
    width: 72px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.readertransitionnumerictextboxcontrol .riTextBox,
.readerintervalnumerictextboxcontrol .riTextBox {
    width: 41px !important;
}

.readercctvnumerictextboxcontrol .RadInput {
    width: 72px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.readercctvnumerictextboxcontrol .riTextBox {
    width: 41px !important;
}

.readersettingsnumerictextboxcontrol .RadInput {
    width: 200px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.defaultformnumerictextboxcontrol .RadInput {
    width: 200px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.defaultformnumerictextboxcontrolwidth .riTextBox {
    width: 180px !important;
}

.formlocationtypecontainer {
    display: table;
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    padding-top: 11px;
}

    .formlocationtypecontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.formstatuscontainer {
    display: table;
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .formstatuscontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.formstatuscontainergridrow {
    display: table;
    width: 100%;
    padding-bottom: 8px;
}

    .formstatuscontainergridrow .column1 {
        width: 40%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }

    .formstatuscontainergridrow .column2 {
        width: 60%;
        display: table-cell;
        height: 100%;
        text-align: left;
        padding-left: 4px;
    }

    .formstatuscontainergridrow .column1interfacemapping {
        width: 29%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }

    .formstatuscontainergridrow .column2interfacemapping {
        width: 73%;
        display: table-cell;
        height: 100%;
        text-align: left;
        padding-left: 3px;
    }

    .formstatuscontainergridrow .column1timeatlocation {
        width: 42%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }

.formstatuscontainergridrowtextboxwidth {
    width: 274px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.formlocationstatusgridrow {
    display: table;
    width: 100%;
    border-spacing: 2px;
    font-size: 12px;
    border: 0;
    padding-left: 20px;
}

    .formlocationstatusgridrow .column1 {
        padding: 1px;
        width: 20%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formlocationstatusgridrow .column2 {
        padding-left: 9px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formlocationstatusgridrow .locationtypecolumn2 {
        padding-left: 3px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formlocationstatusgridrow .assetstatuscolumn2 {
        padding-left: 11px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formlocationstatusgridrow .locationmappingcolumn2 {
        padding-left: 23px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .formlocationstatusgridrow .interfacesitemappingcolumn2 {
        padding-left: 23px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 80%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

.formalertscontainer {
    display: table;
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .formalertscontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.formalertsgridrow {
    display: table;
    width: 100%;
}

    .formalertsgridrow .column1 {
        width: 60%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }


    .formalertsgridrow .column2 {
        width: 40%;
        display: table-cell;
        height: 100%;
        text-align: left;
        padding-left: 10px;
    }

    .formalertsgridrow .column1notes {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }

.formalertsgridrowinner {
    display: table;
    width: 100%;
    border: 0;
}

    .formalertsgridrowinner .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.formuserdefinedgridrow {
    display: table;
    width: 90%;
    border-spacing: 2px;
    font-size: 12px;
    border: 0;
    padding-left: 20px;
}

    .formuserdefinedgridrow .column1 {
        padding: 1px;
        width: 40%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .formuserdefinedgridrow .column2 {
        padding-top: 1px;
        padding-bottom: 3px;
        width: 60%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }


.companylinecontrolwidth {
    width: 312px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthreaders {
    width: 217px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthreaderssettings {
    width: 198px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthminusbuttonreaders {
    width: 187px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.defaultcontrolwidthminustwobuttonsreaders {
    width: 157px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**/

/*Asset Dialog - Sterile*/
.formselectionheadertrayinstrument {
    height: 28px;
    width: 100%;
    text-align: center;
    display: table;
    background-color: #201B50;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .formselectionheadertrayinstrument span {
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
        color: White;
        font-weight: bold;
    }

.formselectionbodytrayinstrument {
    overflow: auto;
    height: 639px;
    width: calc(100% - 2px);
}

.steriletelerikgridview {
}

    .steriletelerikgridview .rgRow td,
    .steriletelerikgridview .rgAltRow td,
    .steriletelerikgridview .rgEditRow td {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .steriletelerikgridview .rgHeader {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

.assetdialogsterilenccontainer {
    width: 100%;
    height: 460px;
    overflow: auto;
    font-size: 12px;
}

/*Asset Dialog - User Defined Fields Tab*/
.assetdialoguserdefinedfieldscontainer {
    display: table;
    width: 100%;
    height: 450px;
    border: 0;
}

    .assetdialoguserdefinedfieldscontainer .column1 {
        width: 50%;
        display: table-cell;
        height: 100%;
    }

    .assetdialoguserdefinedfieldscontainer .column2 {
        width: 50%;
        display: table-cell;
        height: 100%;
        padding-top: 1px;
        padding-bottom: 3px;
    }

.assetdialoguserdefinedfieldsformgridrow {
    display: table;
    width: 100%;
    border: 0;
    border-spacing: 1px 2px;
}

    .assetdialoguserdefinedfieldsformgridrow .column1 {
        padding: 1px;
        width: 45%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .assetdialoguserdefinedfieldsformgridrow .column2 {
        padding-top: 1px;
        padding-bottom: 3px;
        width: 55%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

.assetdialoguserdefinedfieldscontrolwidth {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.userdialoguserdefinedfieldscontrolwidth {
    width: 208px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*Asset Dialog - Stock Tab*/
.assetdialogstockcontainer {
    display: table;
    width: 100%;
    height: 450px;
    border: 0;
}

    .assetdialogstockcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
    }

.assetdialogstockformgridrow {
    display: flex;
    gap: 10px;
}

.assetdialogstockformgridrowcolumn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
}

.assetdialogstockcontrolwidth {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.assetdialogstocktabfont {
    font-size: 12px;
}

.assetlistraddatepickerstocktab {
    padding: 0 !important;
    width: 185px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .assetlistraddatepickerstocktab .RadInput .riTextBox {
        height: 26px !important;
        width: 185px !important;
    }

    .assetlistraddatepickerstocktab .RadInput {
        width: auto !important;
    }


/*Asset Dialog - Alerts Tab*/

.assetdialogalertscontainer {
    width: 100%;
    height: 677px;
    overflow: auto;
}

.assetdialogalertsbaseheader {
    height: 28px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.assetalertscontextmenu {
    z-index: 100019 !important;
}

.assetdialogalertscontainerrecord {
    display: table;
    width: 100%;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .assetdialogalertscontainerrecord .column1 .column2 .column3 .column4 .column5 {
        padding: 1px;
        vertical-align: middle;
        border: 0;
        position: relative;
    }

    .assetdialogalertscontainerrecord .column1 {
        width: 5%;
        display: table-cell;
    }

    .assetdialogalertscontainerrecord .column2 {
        width: 13%;
        display: table-cell;
    }

    .assetdialogalertscontainerrecord .column3 {
        width: 14%;
        display: table-cell;
        text-align: right;
        padding-right: 5px;
    }

    .assetdialogalertscontainerrecord .column4 {
        width: 11%;
        display: table-cell;
    }

    .assetdialogalertscontainerrecord .column5 {
        width: 8%;
        display: table-cell;
        padding-right: 5px;
        text-align: right;
    }

    .assetdialogalertscontainerrecord .column6 {
        width: 20%;
        display: table-cell;
    }

    .assetdialogalertscontainerrecord .column7 {
        width: 3%;
        text-align: center;
        display: table-cell;
    }

    .assetdialogalertscontainerrecord .column8 {
        width: 3%;
        text-align: center;
        display: table-cell;
    }

/*Departments*/
.assetdialogdepartmentscontainergrid {
    width: 100%;
    height: 440px;
}

.assetdialogdepartmentscontainerrecord {
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .assetdialogdepartmentscontainerrecord .column1 {
        width: 45%;
        display: table-cell;
    }

    .assetdialogdepartmentscontainerrecord .column2 {
        width: 10%;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    .assetdialogdepartmentscontainerrecord .column3 {
        width: 45%;
        display: table-cell;
    }

.assetdialogsplitcontainer {
    height: 410px;
}

.assetdialogsplitcontainertoprow {
    height: 30%;
    overflow: auto;
}

.assetdialogsplitcontainerbottomrow {
    height: 70%;
}

.departmenttreeview {
    border: 1px #B3B3B3 solid;
    overflow: auto;
}

.assetdepartmentstreeview.RadTreeView_Default .rtSelected .rtIn {
    font-weight: bold !important;
    color: black !important;
    background: none !important;
    border: none !important;
    padding-left: 5px !important;
    padding-top: 6px !important;
    padding-bottom: 3px !important;
}

/*Filters off the main asset grid*/

.dialoggridrow {
    display: table;
    width: 100%;
    border-spacing: 2px;
    display: table;
}

    .dialoggridrow .column1 {
        padding: 3px;
        width: 10%;
        display: table-cell;
        border: #707070 1px solid;
        vertical-align: middle;
    }

    .dialoggridrow .column2 {
        padding-left: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 16px;
        width: 90%;
        display: table-cell;
        border: #707070 1px solid;
        vertical-align: middle;
    }


.infobutton {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 30px;
}

/*#endregion*/

/*#region Tooltip Content*/

.assetsummarytooltip {
    width: 750px;
    height: 400px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.assetsummarytooltipheader {
    height: 37px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.assetsummarytitlecontainer {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    height: 27px;
    font-size: 30px;
    font-weight: bold;
    justify-content: center;
    color: #7B7B7B;
}

.assetsummarybody {
    width: 718px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px;
}

.assetsummarytooltip.RadToolTip .rtClose {
    width: 2em;
    height: 2em;
    padding: 0;
    position: absolute;
    top: 9px;
    right: 13px;
    border-style: none;
    border-color: #82828294;
    border-radius: 45px;
    display: block;
    text-indent: -9999px;
    background-color: transparent;
    font-size: inherit;
    background-image: none;
}

.assetsummarytooltip.RadToolTip .rtCloseIcon:before {
    display: block;
    text-indent: 0;
    vertical-align: middle;
    line-height: 1;
    top: 4px;
    text-align: center;
    content: "\e11b";
    font-family: "WebComponentsIcons";
    font-size: 23px;
    margin: 0 0 0 -0.03571429em \9;
    margin-top: 5px;
    color: #7B7B7B;
}

.assetsummarytooltip.RadToolTip .rtRelativeWrapper {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    padding: 14px 15px 0 15px;
}

.didyouknowtooltip {
    width: 324px;
    height: 305px;
    padding: 0;
    border-radius: 0px !important;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.didyouknowheader {
    background-color: #201B50;
    height: 140px;
    width: calc(100%);
    text-align: center;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.didyouknowheadertitle {
    vertical-align: middle;
    color: White;
}

.didyouknowheaderlogo {
    padding: 15px 15px 5px 15px;
}

.didyouknowheaderlogoimage {
    height: 74px;
    width: 74px;
}

.didyouknowbody {
    padding: 10px;
    overflow: auto;
    height: 162px;
    font-size: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.didyouknowtooltip.RadToolTip .rtClose {
    width: 2em;
    height: 2em;
    padding: 0;
    position: absolute;
    top: 9px;
    right: 13px;
    border-style: none;
    border-color: #82828294;
    border-radius: 45px;
    display: block;
    text-indent: -9999px;
    background-color: transparent;
    font-size: inherit;
    background-image: none;
}

.didyouknowtooltip.RadToolTip .rtCloseIcon:before {
    display: block;
    text-indent: 0;
    vertical-align: middle;
    line-height: 1;
    top: 4px;
    text-align: center;
    content: "\e11b";
    font-family: "WebComponentsIcons";
    font-size: 23px;
    margin: 0 0 0 -0.03571429em \9;
    margin-top: 5px;
    color: #fff;
}

.didyouknowtooltip.RadToolTip .rtRelativeWrapper {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    padding: 0 !important;
}

.didyouknowpanel {
    background-color: white;
    border: 1px solid #b3b3b3;
    position: absolute;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}

.suggestionborderdiscoveryblue {
    border: solid 1px #201B50 !important;
}

    .suggestionborderdiscoveryblue.RadButton_Bootstrap .rbSplitPart {
        border: solid 1px #201B50 !important;
    }

.tooltip-anchor {
    display: inline-block;
    width: 1px;
    height: 1px;
}

.categorydocumentstooltip {
    width: 750px;
    height: 400px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categorydocumentstooltipheader {
    height: 37px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categorydocumentstitlecontainer {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    height: 27px;
    font-weight: bold;
    justify-content: center;
    color: #bbbbbb;
}

.categorydocumentsbody {
    width: 718px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px;
}

.categorydocumentstooltip.RadToolTip .rtClose {
    width: 2em;
    height: 2em;
    padding: 0;
    position: absolute;
    top: 9px;
    right: 13px;
    border-style: none;
    border-color: #82828294;
    border-radius: 45px;
    display: block;
    text-indent: -9999px;
    background-color: transparent;
    font-size: inherit;
    background-image: none;
}

.categorydocumentstooltip.RadToolTip .rtCloseIcon:before {
    display: block;
    text-indent: 0;
    vertical-align: middle;
    line-height: 1;
    top: 4px;
    text-align: center;
    content: "\e11b";
    font-family: "WebComponentsIcons";
    font-size: 23px;
    margin: 0 0 0 -0.03571429em \9;
    margin-top: 5px;
    color: #7B7B7B;
}

.categorydocumentstooltip.RadToolTip .rtRelativeWrapper {
    box-sizing: border-box;
    position: relative;
    height: 100%;
    padding: 14px 15px 0 15px;
}

.assetquickviewsummary {
    border-bottom: 1px solid #ffffff;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 85px);
}

.assetquickviewbody {
    width: 618px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1px;
}

.assetquickviewgridoutercontainer {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
}

.assetquickviewgridcontainer {
    background-color: #fff;
    flex-grow: 1;
    max-height: 275px; /*TODO: Remove*/
}

.assetquickviewcontainer {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    width: 450px;
}

.assetquickviewdetails {
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #ffff;
}

.assetquickviewrow {
    display: flex;
    justify-content: space-between;
    padding: 1px 5px;
    align-items: flex-start;
}

.assetquickviewlabel {
    /*    font-weight: bold;*/
    flex: 1;
    padding-right: 6px;
}

.assetquickviewvalue {
    flex: 1.6;
    text-align: left;
}

    .assetquickviewvalue.limitedheight {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 40px;
        line-height: 21px;
        word-break: break-word;
    }

.assetquickviewstatusicon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.assetquickviewsubheader {
    text-align: center;
    height: 35px;
    color: #ffffff;
    background-color: #292c33;
}

.assetquickviewheadersubtitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
}


/*#endregion*/

/*#region Telerik Numeric TextBox*/
.teleriknumerictextboxontrol .riTextBox, .RadInputMgr {
    height: 19px;
    padding: 2px 3px !important;
    vertical-align: middle;
    width: 167px;
}

.RadInput_Bootstrap.RadInputFocused .riTextBox {
    /*width: 68px !important;*/
    box-shadow: none;
    border-color: #ccc;
}

.teleriknumerictextboxontrol .riTextBox {
    border: 0;
}

.teleriknumerictextboxontrol .riSelect {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.teleriknumerictextboxontrol .RadInput a:before {
    font: 12px / 1 "WebComponentsIcons";
}


.teleriknumerictextboxontrol .RadInputError {
    background-color: #fff;
}

    .teleriknumerictextboxontrol .RadInputError .riTextBox {
        background-color: #fff;
    }

    .teleriknumerictextboxontrol .RadInputError:after {
        display: none;
    }
/*#endregion*/

/*#region Telerik RadTreeView */
.defaultradtreeview.RadTreeView {
    line-height: 1.18;
    white-space: nowrap;
    cursor: default;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .defaultradtreeview.RadTreeView .rtIn {
        padding: 4px;
        padding-top: 6px;
        padding-bottom: 1px;
        border: 1px solid transparent;
        text-decoration: none;
        cursor: pointer;
    }

    .defaultradtreeview.RadTreeView .rtChkTristate {
        width: 1em;
        height: 1.5em;
        line-height: 1em;
        min-width: 1em;
    }


.defaultradtreeview.RadTreeView_Default .rtHover .rtIn {
    color: black !important;
    background: none !important;
    border: none !important;
    padding-left: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}

.defaultradtreeview.RadTreeView_Default .rtSelected .rtIn {
    color: black !important;
    background: none !important;
    border: none !important;
    padding-left: 5px !important;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}

.defaultradtreeview.RadTreeView input {
    vertical-align: middle !important;
    margin-top: 3px !important;
}

.dialogradtreeview {
    width: 250px;
}

/*#endregion*/

/*#region Telerik Grid*/
.telerikgridminwidth {
    min-width: 960px;
}

.dialoggridviewborder {
    border-radius: 0px;
}

.standardtelerikgridview {
    border-radius: 1px;
}

    .standardtelerikgridview .rgHeader {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        white-space: nowrap;
    }

    .standardtelerikgridview .rgMasterTable,
    .standardtelerikgridview .rgDetailTable,
    .standardtelerikgridview .rgEditForm table {
        border-collapse: collapse !important;
    }

/*.standardtelerikgridview .rgRow > td {
        height: 34px;
    }*/

.standardtelerikgridviewbordercollapseseperate .rgMasterTable {
    border-collapse: separate !important;
}

.telerikgridviewautotable .rgMasterTable {
    table-layout: auto !important;
}

.telerikgridviewkeyassets .rgRow td,
.telerikgridviewkeyassets .rgAltRow td,
.telerikgridviewkeyassets .rgEditRow td {
    padding: 0 10px 0px 10px;
}



    .telerikgridviewkeyassets .rgRow td:last-child,
    .telerikgridviewkeyassets .rgAltRow td:last-child {
        padding-bottom: 10px;
    }

.telerikgridviewreducedpadding .rgRow td,
.telerikgridviewreducedpadding .rgAltRow td,
.telerikgridviewreducedpadding .rgEditRow td {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.telerikgridviewreducedpadding .rgHeader {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.telerikgridviewextrareducedpadding .rgRow td,
.telerikgridviewextrareducedpadding .rgAltRow td,
.telerikgridviewextrareducedpadding .rgEditRow td {
    padding-left: 5px !important;
    padding-right: 6px !important;
}

.telerikgridviewextrareducedpadding .rgHeader {
    padding-left: 5px !important;
    padding-right: 6px !important;
}


.standardtelerikgridviewwithwrap .rgRow td,
.standardtelerikgridviewwithwrap .rgAltRow td {
    border: 1.1px solid rgba(214, 214, 214, 1) !important;
}

.telerikgridviewsystem.RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap .rgAltRow > td, .RadGrid_Bootstrap .rgEditRow > td {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
}

.telerikgridviewsystem.RadGrid_Bootstrap .rgHeader {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 7px;
    padding-right: 7px;
}

.RadMenu_Bootstrap .rmGroup,
.RadMenu_Bootstrap .rmMultiColumn,
.RadMenu_Bootstrap .rmPopup {
    width: 250px;
}

.RadMenu_Bootstrap .rgHCMCols input[type='checkbox'] {
    vertical-align: text-top;
    margin-right: 8px;
}

.releasenotesgrid.RadGrid_Bootstrap .rgSelectedRow {
    background-image: none !important;
    color: #333 !important;
}

    .releasenotesgrid.RadGrid_Bootstrap .rgSelectedRow td,
    .releasenotesgrid.RadGrid_Bootstrap td {
        background: none !important;
        color: #333 !important;
        padding: 15px;
        border: none !important;
    }

.RadGrid_Bootstrap .rgSelectedRow {
    background-image: linear-gradient(#bfbfbf,#a9a6a6) !important;
    color: #fff !important;
}

    .RadGrid_Bootstrap .rgSelectedRow td {
        background: none !important;
    }


div.RadMenu_Bootstrap .RadPicker {
    width: 210px !important;
}

.myCheckAllCheckBox {
    padding: 5px 0 0 6px !important;
}

    .myCheckAllCheckBox .customCheckAll {
        margin-right: 5px !important;
    }

.RadListBox .rlbCheckAllItems {
    display: none !important;
}


div.RadMenu_Bootstrap .rlbCheckAllItemsCheckBox,
div.RadMenu_Bootstrap .rlbCheck {
    margin-right: 5px !important;
}

div.RadGrid_Bootstrap .rgOptions {
    background: url(../../Images/filter_grey.svg) no-repeat !important;
    color: transparent !important;
    margin-top: 2px;
    height: 16px;
    width: 16px;
}

div.RadGrid_Bootstrap .columnwithtext .rgOptions {
    margin-left: 5px !important; /* Add space between filter icon and header text */
}


div.RadMenu_Bootstrap .rmContent {
    padding-right: 8px !important;
    max-width: inherit !important;
    box-sizing: content-box !important;
    overflow: hidden !important;
}

div.RadPivotGrid_Bootstrap .rpgPagerCell .rpgNumPart a.rpgCurrentPage,
div.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-color: #292c33;
    background-color: #292c33;
}

.defaultgridcontextmenu.RadMenu_Bootstrap .rmGroup .rmLink {
    padding: 0 54px 0 28px !important;
    margin: 0 0 0 4px !important;
}

.defaultgridcontextmenu.GridContextMenu .rgFilterListMenu .RadInput, .GridContextMenu .rgFilterListMenu .RadComboBox, .GridContextMenu .rgFilterMenu .RadInput, .GridContextMenu .rgFilterMenu .RadComboBox, .RadMenu_Bootstrap .RadInput {
    margin-bottom: 5px;
    width: 100% !important;
}

div.RadMenu_Bootstrap .rmGroup .rmLink {
    padding-left: 35px;
}

div.RadMenu_Bootstrap .rmGroup .rmLeftImage {
    margin: -8px 0 0 6px;
}

div.RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink,
div.RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink:hover {
    border-color: #292c33;
    background-color: #292c33;
}

.GridContextMenu .rgFilterMenu .rgHCMClear {
    visibility: hidden;
}

div.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgHeaderWrapper {
    background-color: #fff;
}

div.RadGrid_Bootstrap .rgPagerCell {
    background-color: #fff;
}

.RadListBox_Default {
    height: 50% !important;
    width: 210px !important;
    max-height: 250px !important;
    overflow: auto;
}

.RadGrid .rgPagerCell .RadComboBox {
    min-width: 53px;
    width: 70px !important;
}

.rcbSlide {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 10018 !important;
}

.telerikgridviewcontainer {
    height: 265px;
    width: calc(100% - 30px);
    min-width: 635px;
    padding-left: 13px;
}

.savedfilterflyouttelerikgridview {
    width: calc(100% - 3px);
}

    .savedfilterflyouttelerikgridview .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgEditForm table {
        border-spacing: 0;
        /*table-layout: auto !important;*/
    }

.keyassetsflyouttelerikgridview {
    width: 100%;
}

    .keyassetsflyouttelerikgridview.RadGrid {
        border-style: none !important;
    }

    .keyassetsflyouttelerikgridview.RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td {
        border-style: none !important;
    }

    .keyassetsflyouttelerikgridview.RadGrid_Default .rgSelectedRow {
        background-image: none !important;
        color: #ffffff !important;
    }

.flyouttelerikgridview {
    width: 99%;
}

.telerikDeleteColumnImage {
    margin-left: 4px;
    height: 24px;
    width: 24px;
}

.userdefinedtelerikgridview {
}

    .userdefinedtelerikgridview .rgHeader {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        white-space: nowrap;
    }

    .userdefinedtelerikgridview .rgRow td,
    .userdefinedtelerikgridview .rgAltRow td {
        border: 1px solid rgba(214, 214, 214, 1) !important;
    }

    .userdefinedtelerikgridview.user {
        max-width: 60%;
    }

.telerikcheckbox .rbText {
    vertical-align: bottom !important;
}

.alertsradgrid {
    overflow-x: auto;
    overflow-y: hidden;
}

.radgridscrollbar .rgDataDiv {
    overflow-y: scroll !important;
}
/*#endregion*/

/*#region Telerik Tab Strip*/

.RadTabStrip_Bootstrap .rtsLink {
    padding: 1px 7px;
    background-position: 0 0;
    background-repeat: repeat-x;
    text-decoration: none;
    cursor: pointer;
    display: block;
    position: relative;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected .rtsLink {
    border-color: #B3B3B3;
    color: #333;
    background-color: #fff;
    background-image: none;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsLink {
    border-color: #B3B3B3;
    color: #000;
    background-color: #f0f0f0;
}

.RadTabStrip_Bootstrap .rtsLevel1 .rtsHovered .rtsLink {
    color: #000;
}

.radstripbody {
    border: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    padding: 8px !important;
    background-color: #ffffff !important;
}

.RadTabStrip .rtsPrevArrow, .RadTabStrip .rtsNextArrow {
    padding: 0px 11px;
    box-sizing: border-box;
    text-align: center;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    cursor: default;
    margin-top: -4px;
}


/*#endregion*/

/*#region Default Telerik RadSwitch Style */
.RadButton_Default.k-switch-on .k-switch-container {
    background-color: #292c33 !important;
}

.defaultswitch {
}

.RadButton.RadSwitch.defaultswitch .k-switch-handle {
    width: 20px;
    height: 20px;
}

.RadButton.RadSwitch.k-switch-on.defaultswitch .k-switch-handle {
    left: calc( 100% - 20px);
}

.RadButton.RadSwitch.defaultswitch,
.RadButton.RadSwitch.defaultswitch .k-switch-container {
    width: 41px;
    height: 20px;
}


.mainpagedefaultswitch {
}

.RadButton.RadSwitch.mainpagedefaultswitch .k-switch-handle {
    width: 26px;
    height: 26px;
}

.RadButton.RadSwitch.k-switch-on.mainpagedefaultswitch .k-switch-handle {
    left: calc( 100% - 20px);
}

.RadButton.RadSwitch.mainpagedefaultswitch,
.RadButton.RadSwitch.mainpagedefaultswitch .k-switch-container {
    width: 49px;
    height: 26px;
}

/*#endregion*/

/*#region Telerik Button Style */
/*TODO: Telerik Button Style*/
.RadButton_Bootstrap {
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

    /* very minimal hover change (no movement) */
    .RadButton_Bootstrap:hover {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.4);
    }

    /* subtle pressed state */
    .RadButton_Bootstrap:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.18), 0 1px 2px rgba(0, 0, 0, 0.08);
    }

/*#endregion*/

/*#region Other Telerik Style */

.RadButton.rbRounded{
    border-radius: 1px !important;
}

.RadButton_Bootstrap .rbDecorated {
    font-family: 'Poppins' !important;
}

.RadSplitter_Bootstrap {
    font-family: 'Poppins' !important;
}

.RadSplitter .rspSlideTitle {
    font-family: 'Poppins' !important;
}

.RadTabStrip_Bootstrap .rtsLink {
    font-family: 'Poppins' !important
}

.raddatepickercontrol .RadInput_Bootstrap.RadInputFocused {
    box-shadow: none !important;
}

.raddatepickercontrol.RadPicker .RadInput {
    height: 26px;
}

.RadDropDownList_Default {
    font-family: 'Poppins' !important
}

    .RadDropDownList_Default .rddlInner {
        border-radius: 3px;
        background-image: none;
        border-color: #b3b3b3;
        color: #333;
        background-color: #fff;
        background-image: none;
    }

.RadCalendarTimeView_Bootstrap .rcSelected a,
.RadCalendar_Bootstrap .rcSelected a,
.RadCalendarMonthView_Bootstrap .rcSelected a {
    border-color: #292c33 !important;
    color: #fff;
    background-color: #292c33 !important;
}

/*#endregion*/

/*#region Generic Grid */
.gridpager {
    background: #085394;
    color: #ffffff;
}

    .gridpager td {
        padding: 2px 5px;
        font-size: 14px;
    }

    .gridpager span {
        font-weight: bold;
        text-decoration: none;
    }

    .gridpager a {
        color: #ffffff;
        font-weight: normal;
    }

.standardgridview {
    width: calc(100% - 20px);
    background: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
}

    .standardgridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .standardgridview td {
        padding: 5px;
    }

    .standardgridview .selectedrow {
        background: #828282;
        color: #ffffff;
    }


/*#endregion*/

/*#region Treeview */

.treeNode {
    padding-left: 5px;
}


.selectedNode {
    font-weight: bold;
    color: #828282;
}

.formtreeviewsearch {
    padding: 0;
    overflow: auto;
    height: 325px;
    font-size: 12px;
}

.treeviewdisabledlabel {
    display: inline-block;
    height: 20px;
    color: #ffffff;
    background-color: #a9a6a6;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    width: 100%;
}

.treeviewdisabledhidden {
    display: none !important;
}

/*#endregion*/

/*#region Listbox */

.listbox {
    border: 0;
    width: 360px;
    height: 355px;
}

/*#endregion*/

/*#region System / Lookups */

.lookupstandardinputheight {
    height: 21px;
}

.systemgrid {
    min-width: 1024px;
    bottom: 0;
    top: 47px;
    height: calc(100% - 47px);
    left: 44px;
    width: calc(100% - 45px);
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alerttypesgridcontainer {
    width: 100%;
    height: calc(100vh - 116px);
    padding-top: 1px;
}

.systemheaderinner {
    width: 100%;
    height: 55px;
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemheadertext {
    display: table-cell;
    width: 50%;
    padding-left: 15px;
    vertical-align: middle;
}

    .systemheadertext a {
        color: #ffffff;
        text-decoration: none;
    }

a.systemheadertext:hover {
    text-decoration: none;
}

.systemheaderimage {
    display: table-cell;
    text-align: right;
    padding-right: 15px;
}

.systempageheaderimage {
    height: 32px;
    width: 32px;
    margin-top: 11px;
}

.systemheaderright {
    display: table-cell;
    width: 50%;
    text-align: right;
    padding-right: 15px;
}


.systemmenuitemcontainer .systemmenuitemcontainerbottom {
    background: #085394;
    vertical-align: middle;
    display: table;
}


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

.systemmenucontainercelltext {
    display: table-cell;
    padding-top: 15px;
}

.systemmenucontainercelltext2lines {
    display: table-cell;
}


.systemmenuitemcontainerbottom {
    bottom: 0;
    position: absolute;
}

.systemmenuimage {
    padding-left: 10px;
    padding-bottom: 15px;
}

.systemmenutext {
    padding-left: 15px;
    display: inline-block;
}

a.systemmenutext {
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
}

    a.systemmenutext:hover {
        text-decoration: none;
    }

.settingsinputcontrol {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemradbutton {
    height: 24px;
    padding: 0px !important;
}

    .systemradbutton .rbText {
        vertical-align: middle !important;
    }

.releasenotestable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    min-width: 85%;
}

.releasenotescellright {
    display: table-cell;
    width: calc(100% - 290px);
    height: 100%;
    position: absolute;
    right: 0;
}

.releasenotescellleft {
    display: table-cell;
    width: 290px;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-color: #201B50;
    border-right: 1px solid white;
    left: 0;
}

.releasenotesgridviewcontainer {
    height: 100%;
    width: 290px;
}

.releasenotescontrol {
    width: 100% !important;
    transition: opacity 0.1s ease-in-out;
    opacity: 1;
}

    .releasenotescontrol.k-pdf-viewer .k-loading-mask {
        display: none !important;
    }

    .releasenotescontrol.RadPdfViewer_Bootstrap .k-combobox > .k-state-focused {
        border-color: #ccc !important;
    }

    .releasenotescontrol.RadPdfViewer_Bootstrap .k-textbox {
        border-color: #ccc !important;
    }

.releasenotesfilename {
    display: block;
    white-space: normal;
    word-wrap: break-word;
    margin: 0 auto;
}

.releasenoteshidden {
    opacity: 0;
}

.releasenotesheader {
    width: 100%;
    height: 40px;
    background-color: #201B50;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.releasenotesinner {
    width: 100%;
    height: 40px;
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.releasenotestext {
    display: table-cell;
    width: 50%;
    padding-left: 15px;
    vertical-align: middle;
}

    .releasenotestext a {
        color: #ffffff;
        font-size: 24px;
        text-decoration: none;
    }

.releasenotesgridrow {
    display: table;
    width: 100%;
    border-left: 1px solid white;
    height: calc(100vh - 45px);
    border: 0;
    min-height: 445px;
}

.formsubheaderimage {
    height: 27px;
    width: 27px;
}

.releasenotestextboxcontainer {
    width: 100%;
    height: calc(100vh - 88px);
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.releasenotestextbox {
    display: table;
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lookuptable {
    width: 100%;
    height: 100%;
    position: relative;
}

.lookupcellleft {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0;
}

.lookupcellright {
    width: 30%;
    height: 100%;
    position: absolute;
    overflow: auto;
    left: 70%;
    bottom: 0;
}

.lookupbaseheader {
    display: flex;
    align-items: center;
    height: 50px;
}

.lookupimagecontainer {
    display: flex;
    justify-content: center;
}


/*.usersettingsheader,
.temperaturesettingsheader{
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 55px;
    z-index: 9998;
}*/

.usersettingradstrip.RadTabStripVertical .rtsUL,
.userdefinedlabelsradstrip.RadTabStripVertical .rtsUL,
.temperaturesettingradstrip.RadTabStripVertical .rtsUL {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    display: inline;
    overflow: hidden;
    width: 229px !important;
}

.usersettingssystemtable,
.temperaturesettingssystemtable {
    width: 100%;
    height: calc(100% - 57px);
    position: absolute;
    right: 0;
    overflow-x: hidden;
    border-top: 1px solid #C1C1C1;
    top: 56px;
}

.usertempsettingstabcontainer {
    display: grid;
    grid-template-columns: minmax(230px, 12%) minmax(400px, 88%);
    height: calc(100vh - 104px);
}

    .usertempsettingstabcontainer .usertempsettingstabcontainercolumn1, .usertempsettingstabcontainercolumn2 {
        flex-grow: 1;
        min-width: 0;
        overflow: auto;
        height: calc(100vh - 104px) !important;
    }

    .usertempsettingstabcontainer .usertempsettingstabcontainercolumn1 {
        border-right: 1px solid #c1c1c1;
    }

.usersettingsgeneraltabcontrolwidth {
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemuserbuttonwidth {
    width: 175px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemusercontrolwidth {
    width: 307px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemuserusefullinksgrid {
    width: 40vw;
    min-width: 400px;
}
/*.systemuserusefullinksgridbuttons {
    display: flex;
    justify-content: space-between;
}*/

.systemusefullinksbuttonwidth {
    width: 383px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemusertimeatlocationgrid {
    width: 23vw;
    min-width: 400px;
}

.systemusertimeatlocationgridbuttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}

.systemusertimeatlocationbuttonwidth {
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemusertimeatlocationcontrolwidth {
    width: 273px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systetimeatlocationvaluecontrol {
    width: 54px !important;
}

.systemtimeatlocationdialognumerictextboxes {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .systemtimeatlocationdialognumerictextboxes .RadInput {
        width: 60px !important;
        border: 1px solid #B3B3B3;
        border-radius: 2px;
    }

    .systemtimeatlocationdialognumerictextboxes .riTextBox, .RadInputMgr {
        height: 19px !important;
        padding: 2px 3px !important;
        vertical-align: middle;
        width: 80px;
    }

.systemtimeatlocationcolourcontrol {
    width: 118px;
}

    .systemtimeatlocationcolourcontrol.RadComboBox_Bootstrap .rcbInner {
        padding: 2px 12px !important;
    }

    .systemtimeatlocationcolourcontrol.RadComboBox_Bootstrap .rcbActionButton {
        padding: 2px 6px !important;
    }

.systemheader {
    display: flex;
    align-items: center;
    height: 50px;
}

.maintenanceheader {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 55px;
    z-index: 9998;
}

.maintenancegrid {
    display: flex;
    min-width: 1024px;
    bottom: 0;
    top: 47px;
    height: calc(100% - 47px);
    left: 45px;
    width: calc(100% - 45px);
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.maintenancetable {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
}

    .maintenancetable.haspartnerfooter {
        height: calc(100% - 26px) !important;
    }

.maintenancetableleft {
    display: flex;
    flex-direction: column;
    width: 75%;
    height: 100%;
    position: relative;
    bottom: 0;
    top: 9px;
}

.maintenancetableright {
    display: flex;
    flex-direction: column;
    width: 25%;
    height: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    top: 85px;
}


.applicationsettingssystemtable {
    width: 100%;
    height: calc(100% - 57px);
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
}

.systemtable {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
}

.systemtableleft {
    display: table-cell;
    width: 75%;
    height: 100%;
    position: relative;
    bottom: 0;
    top: 17px;
}

.systemtableright {
    display: table-cell;
    width: 25%;
    height: 100%;
    position: relative;
    bottom: 0;
    right: 0;
    top: 89px;
}

.systemmappingcontainer {
    width: calc(100% - 2px);
    height: calc(100% - 55px);
    position: absolute;
    top: 55px;
    bottom: 0;
    overflow: hidden;
}

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

.systemgs1departmentgrid {
    display: table-cell;
    width: 360px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.systembuttoncontainer {
    display: table-cell;
    display: inline-block;
}

.systemlocationtypegrid {
    display: table-cell;
    width: 280px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.systemusefullinkcontrolwidth {
    width: 285px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemgs1departmentcontrolwidth {
    width: 276px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemgs1departmentbuttonwidth {
    width: 175px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemlocationtypebuttonwidth {
    width: 137px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemlocationstatusgrid {
    display: table-cell;
    width: 450px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.systemlocationstatusbuttonwidth {
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemlocationstatuscontrolwidth {
    width: 285px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemlocationmappingcontrolwidth {
    width: 259px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systeminterfacesitemappinggrid {
    display: table-cell;
    width: 450px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
}

.systeminterfacesitemappingbuttonwidth {
    width: 220px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systeminterfacesitemappinglocationcontrolwidth {
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systeminterfacesitemappingnumerictextboxcontrol .RadInput {
    width: 249px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.systeminterfacesitemappingnumerictextboxcontrol .riTextBox, .RadInputMgr {
    height: 21px !important;
    padding: 2px 3px !important;
    vertical-align: middle;
    width: 218px;
}

.errorheadercontainer {
    display: table;
    width: 100%;
    padding-left: 13px;
    padding-bottom: 10px;
    padding-right: 15px;
}


    .errorheadercontainer .leftcell {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        white-space: nowrap;
    }



.debugheadercontainer {
    display: table;
    width: 50%;
    padding-left: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .debugheadercontainer .leftcell {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        text-align: left;
    }

.sqlerrorheadercontainer {
    display: table;
    width: 50%;
    padding-left: 13px;
    padding-top: 41px;
    padding-bottom: 10px;
}

    .sqlerrorheadercontainer .leftcell {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
        text-align: left;
    }


.systemmetricsheadercontainer {
    display: table;
    width: calc(100% - 32px);
    padding-left: 13px;
    padding-right: 15px;
    text-align: center;
}

    .systemmetricsheadercontainer .centercell {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        white-space: nowrap;
    }

.systemmetricsgaugecontainer {
    display: flex;
    text-align: center;
    justify-content: center;
    min-width: 350px;
    margin-top: -2px;
}

.systemmetricsgaugeinnercontainer {
    display: block;
    width: 80%;
}

.systemmetricsgauge {
    height: 335px;
    display: flex;
    justify-content: center;
}

#memory_gauge text:nth-child(4) {
    font-size: 24px;
}

#cpu_gauge text:nth-child(4) {
    font-size: 24px;
}

.gridviewcontainer {
    height: 200px;
    width: 50%;
    min-width: 635px;
    padding-left: 15px;
    overflow: auto;
}

.roletreeviewcontainerdepartments {
    width: 361px;
    height: 499px;
    overflow: auto;
}

.roletreeviewcontainerrolepermittedlocations {
    width: 361px;
    height: 499px;
    overflow: auto;
}

.roletreeviewcontainerrolepermittedmenu {
    width: 361px;
    height: 499px;
    overflow: auto;
}

.roletreeviewcontainerrolepermittednavigationpages {
    width: 361px;
    height: 499px;
    overflow: auto;
}

.userdialogtabcontent {
    width: 410px;
    height: 298px;
    overflow: auto;
    overflow-x: hidden;
}

.usertreeviewcontainerdepartments {
    width: 410px;
    height: 298px;
    overflow: auto;
}

.roletreeviewcontainerpermittedareas {
    width: 355px;
    height: 263px;
    overflow: auto;
    margin-top: 4px;
}

.rolecolour {
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}


.maintenancegridview {
    width: 100%;
    background: #ffffff;
}

.maintenancebuttonwidth {
    width: 225px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.settingsmaintenancelogbuttonwidth {
    width: 153px;
}

.switchimage {
    vertical-align: top;
    width: 60px;
}

    .switchimage.narrow {
        width: 30px;
    }

.settingstableeventalerts {
    display: table;
    width: 490px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstable {
    display: table;
    width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstablerow {
    display: table-row;
}

.settingstablelabelcell {
    display: table-cell;
    width: 40%;
    padding: 3px 3px 3px 0px;
}

.settingstablelabelcell2 {
    display: table-cell;
    width: 28%;
    padding: 0 3px 3px 3px;
}

.settingstablecontrolcell {
    display: table-cell;
    width: 80%;
    padding: 0 3px 3px 3px;
}

.settingstablecontrolcellmedium {
    display: table-cell;
    width: 30%;
    padding: 3px;
}

.settingstablecontrolcellmediumeventalerts {
    display: table-cell;
    width: 250px;
    padding: 3px;
}


.settingstablecontrolcellshort {
    display: table-cell;
    width: 29%;
    padding: 0 3px 0px 3px;
}

.settingstablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.settingstableLonglabelcell {
    display: table-cell;
    width: 40%;
    padding: 3px;
}

.settingstablesmall {
    display: table;
    width: 210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstablesmallpassivewa {
    display: table;
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstablemeduium {
    display: table;
    width: 470px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstablesmallrow {
    display: table-row;
}

.settingstablesmalllabelcell {
    display: table-cell;
    width: 55%;
}

.settingstablesmallcontrolcell {
    display: table-cell;
    width: 35%;
    padding: 3px;
}

.settingstablesmallcellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.settingstablecustomexport {
    display: table;
    width: 403px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.startscreentable {
    display: table;
    width: 520px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.startscreentablerow {
    display: table-row;
}

.startscreentablelabelcell {
    display: table-cell;
    width: 50%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.startscreentablecontrolcell {
    display: table-cell;
    width: 50%;
    padding: 3px;
}

.startscreentablelabelcellwithswitch {
    display: table-cell;
    width: 50%;
    padding-right: 3px;
}

.startscreentablecontrolcellwithswitch {
    display: table-cell;
    width: 50%;
}

.systemthumbnailusagetable {
    display: table;
    width: 263px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.systemthumbnailusagetablerow {
    display: table-row;
}

.systemthumbnailusagetablerowlabelcellwithtwocontrols {
    display: table-cell;
    width: 64%;
    padding-right: 3px;
    padding-top: 2px;
}

.systemthumbnailheaderimage {
    height: 32px;
    width: 32px;
}

.systemsystemmetricstable {
    display: table;
    width: 263px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.systemsystemmetricstablerow {
    display: table-row;
}

.systemsystemmetricstablerowlabelcellwithonecontrols {
    display: table-cell;
    width: 20%;
    padding-right: 3px;
}

.systemmetricstablecontrolcellwithimagebutton {
    display: table-cell;
    width: 46%;
    padding-top: 3px;
    padding-left: 1px;
}

.gs1table {
    display: table;
    width: 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.gs1tablelabelcellwithswitch {
    display: table-cell;
    width: 53%;
    padding-right: 3px;
}

.gs1tablecontrolcellwithswitch {
    display: table-cell;
    width: 47%;
}


.pdatable {
    display: table;
    width: 622px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.pdatablerow {
    display: table-row;
}

.pdatablelabelcell {
    display: table-cell;
    width: 37%;
    padding: 0 3px 3px 0;
}

.pdatablecontrolcell {
    display: table-cell;
    width: 63%;
    padding: 0 3px 3px 3px;
}

.pdatablecontrolcellwithimagebutton {
    display: table-cell;
    width: 40%;
    padding-top: 1px;
}

.mappingtable {
    display: table;
    width: 635px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.mappingtablerow {
    display: table-row;
}

.mappinglabelcell {
    display: table-cell;
    width: 29%;
}

.mappingcontrolwidth {
    width: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mappingmediumcontrolwidth {
    width: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationmappingtable {
    display: table;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.locationmappingtablerow {
    display: table-row;
}

.locationmappinglabelcell {
    display: table-cell;
    width: 29%;
}

.locationmappingtablecontrolcellwithimagebutton {
    display: table-cell;
    width: 40%;
    padding-top: 1px;
}

.databasehousekeepingtable {
    display: table;
    width: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.databasehousekeepingtablerow {
    display: table-row;
}

.databasehousekeepingtablelabelcell {
    display: table-cell;
    width: 62%;
    padding: 0 3px 3px 0;
}

.databasehousekeepingtablecontrolcell {
    display: table-cell;
    width: 45%;
    padding: 0 3px 3px 3px;
}

.databasehousekeepingtablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.tagtable {
    display: table;
    width: 450px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.tagtablerow {
    display: table-row;
}

.tagtablelabelcell {
    display: table-cell;
    width: 47%;
    padding: 0px 3px 3px 0px;
}

.tagtablecontrolcell {
    display: table-cell;
    width: 28%;
    padding: 0px 3px 3px 3px;
}

.tagtableerrorcell {
    display: table-cell;
    width: 27%;
    vertical-align: bottom;
}

.gloabltableerrorcell {
    display: table-cell;
    width: 27%;
    vertical-align: bottom;
}

.apitable {
    display: table;
    width: 650px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.apitablerow {
    display: table-row;
}

.apitablelabelcell {
    display: table-cell;
    width: 37%;
    padding: 0 3px 3px 0;
}

.apitablecontrolcell {
    display: table-cell;
    width: 63%;
    padding: 0 3px 3px 3px;
}

.aeroscoutmobileviewtable {
    display: table;
    width: 590px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.aeroscoutmobileviewtablerow {
    display: table-row;
}

.aeroscoutmobileviewtablelabelfourcontrolcell {
    display: table-cell;
    width: 30%;
    padding: 0 3px 3px 0;
}

.aeroscoutmobileviewtablelabelcell {
    display: table-cell;
    width: 18%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.aeroscoutmobileviewtablecontrolcell {
    display: table-cell;
    width: 60%;
}

.aeroscoutmobileviewtablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.temperaturetolerancetable {
    display: table;
    width: 360px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.systemassetrelationshiptable {
    display: table;
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.systemassetrelationshiptablerow {
    display: table-row;
}

.systemassetrelationshiplabelcell {
    display: table-cell;
    width: 78%;
}

.systemassetrelationshipcellwithimagebutton {
    display: table-cell;
    width: 20%;
    padding-top: 1px;
}

.systemautoarchivetable {
    display: table;
    width: 280px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.systemautoarchivetablerow {
    display: table-row;
}

.systemautoarchivelabelcell {
    display: table-cell;
    width: 40%;
}

.systemautoarchivecellwithimagebutton {
    display: table-cell;
    width: 20%;
    padding-top: 1px;
}

.systemautoarchivetablecontrolcell {
    display: table-cell;
    width: 24%;
}

.systemautoarchivetablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.temperaturetolerancetablerow {
    display: table-row;
}

.temperaturetolerancetablelabelcell {
    display: table-cell;
    width: 20%;
    padding-top: 3px;
    padding-right: 21px;
    padding-bottom: 3px;
}

.temperaturetolerancetablecontrolcell {
    display: table-cell;
    width: 80%;
    padding: 3px;
}

.temperaturetolerancetablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.temperatureemailtable {
    display: table;
    width: 540px; /*Frigged value to align with email settings*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.temperatureemailtablerow {
    display: table-row;
}

.temperatureemailtablecontrolcell {
    display: table-cell;
    width: 95%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.temperatureemailtablecellerror {
    display: table-cell;
    width: 10%;
    vertical-align: bottom;
}

.temperatureemaillabel {
    width: 100%;
    padding-top: 5px;
    padding-right: 3px;
    padding-bottom: 0px;
}

.temperatureemailbodycontrolwidth {
    width: 505px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.correctiveactionslist {
    width: 510px; /*Frigged value to align with email settings*/
    height: 200px;
    font-size: 14px;
    border: 1px #B3B3B3 solid;
    padding-top: 3px;
    padding-left: 3px;
    overflow: auto;
    margin-bottom: 14px;
}

.correctiveactionsbutton {
    height: 25px;
    width: 25px;
    font-size: 14px;
}

.correctiveactiontable {
    display: table;
    width: 510px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.correctiveactiontablerow {
    display: table-row;
}

.correctiveactiontablelabelcell {
    display: table-cell;
    width: 18%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.correctiveactiontablecontrolcell {
    display: table-cell;
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 70%;
}

.correctiveactiontablebuttoncell {
    display: table-cell;
    width: 12%;
    vertical-align: middle;
    text-align: right;
}

.correctiveactiontextbox {
    width: 394px;
}

.companytexttable {
    display: table;
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.companytexttablerow {
    display: table-row;
}

.companytexttablelabelcell {
    display: table-cell;
    width: 17%;
    padding-right: 3px;
    padding-bottom: 3px;
}


.companytexttablecontrolcell {
    display: table-cell;
    width: 83%;
    padding: 0 3px 3px 3px;
}

.timertable {
    display: table;
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.settingstimelabelcell {
    display: table-cell;
    width: 14%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.setnewpasswordbutton {
    width: 150px;
}

.resetsavedcolumns {
    width: 180px;
}


.setnewpasswordtable {
    display: table;
    width: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.setnewpasswordtablerow {
    display: table-row;
}

.setnewpasswordtextcell {
    display: table-cell;
    width: 53%;
}

.setnewpasswordtablecontrolcell {
    display: table-cell;
    width: 47%;
    vertical-align: bottom;
}

.searchcontainer {
    width: 100%;
    padding-left: 15px;
    box-sizing: border-box;
}

.lookupgridviewcontainer {
    height: 86%;
    width: 100%;
    overflow: auto;
    padding-top: 5px;
    min-width: 600px;
}

    .lookupgridviewcontainer.elaconfig {
        height: 30%;
    }

.lookupradgrid {
    width: 100%;
    height: calc(100% - 57px);
    position: absolute;
    bottom: 0;
    right: 0;
    /*overflow: auto;*/
}

.lookupgridcontainer {
    width: calc(100% - 30px);
    height: calc(100vh - 119px);
    padding: 0 15px 0 15px;
    overflow-y: auto;
}

    .lookupgridcontainer.haspartnerfooter {
        height: calc(100vh - 143px) !important;
        padding-bottom: 15px;
    }

.lookuptreeviewcontainer {
    height: 92%;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding-top: 5px;
}

.parlevllookupgridview {
    width: calc(100% - 20px);
    background: #ffffff;
}

.lookupgridview {
    width: calc(100% - 33px);
    background: #ffffff;
}

    .lookupgridview .standardreports {
        width: 98%;
        background: #ffffff;
    }

    .lookupgridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .lookupgridview td {
        padding: 2px;
    }

    .lookupgridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }


.lookuptreeview {
    width: calc(100% - 16px);
    border: 1px #B3B3B3 solid;
    padding: 7px;
    overflow: hidden;
}


.linkedserversresultslist {
    width: 304px;
    height: 100px;
    margin-top: 6px;
    margin-bottom: 3px;
}

.centergridheader {
    text-align: center !important;
}

.passivewaliveoptions {
    margin-top: 15px;
    margin-left: 15px;
    white-space: nowrap;
}

.passivetaggridview {
    width: 100%;
}

    .passivetaggridview th {
        padding: 3px;
        color: #ffffff;
        background: #085394;
        text-align: left;
        font-weight: bold;
    }

    .passivetaggridview td {
        padding: 2px;
        font-size: 12px;
    }

    .passivetaggridview .selectedrow {
        background: #085394;
        color: #ffffff;
    }

.passivetaggridviewcontainer {
    margin-top: 15px;
    height: 335px;
    width: 40%;
    padding-left: 15px;
    overflow: auto;
    display: none
}

.userdefinedlabelstabcontainer {
    display: grid;
    grid-template-columns: minmax(143px, 7%) minmax(400px, 93%);
    height: calc(100vh - 96px);
}

    .userdefinedlabelstabcontainer .userdefinedlabelstabcontainercolumn1, .userdefinedlabelstabcontainercolumn2 {
        flex-grow: 1;
        min-width: 0;
        overflow: hidden auto;
        height: calc(100vh - 45px);
    }

    .userdefinedlabelstabcontainer .userdefinedlabelstabcontainercolumn1 {
        border-right: 1px solid #c1c1c1;
    }

.userdefinedlabelgridviewcontainer {
    height: 100%;
    width: 50%;
    overflow: auto;
    min-width: 400px;
    padding-bottom: 10px;
}

.userdefinedlabeloptions {
    height: 40px;
    width: 100%;
    padding: 15px 15px 0px 15px;
    box-sizing: border-box;
}

.userdefinedlabelbutton {
    padding: 2px;
    height: 30px;
    background: #085394;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #483D8B;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

    .userdefinedlabelbutton:hover, .userdefinedlabelbutton:focus {
        background: #356094;
        border: solid 1px #2A4E77;
        text-decoration: none;
    }

.userfooterradupload {
    width: 135px;
    text-align: left;
    font-size: 14px;
}

    .userfooterradupload .ruFakeInput {
        font-size: 14px;
        font-family: Poppins;
        width: 165px;
        height: 22px;
        color: #333;
        margin-top: 0px;
        margin-right: 4px;
        border: 1px solid #B3B3B3;
        outline: none;
        border-radius: 2px;
        padding: 1px 3px;
        margin-left: 12px;
    }

    .userfooterradupload .ruFileWrap {
        height: 26px !important;
        overflow: inherit !important;
        float: left;
        margin-right: 4px;
        margin-left: -22px;
    }

    .userfooterradupload .ruBrowse {
        margin-top: 0px;
        height: 26px;
    }

.userdeletefilecontrol {
    float: left;
    height: 26px;
}

.userdefinedlabelsheader {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 55px;
    z-index: 9998;
}

.locationalertformcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

    .locationalertformcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
    }

.locationalertconrolgridrow {
    display: flex;
    gap: 10px;
}

.locationalertconrolgridrowcolumn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
}

.locationalertformgridrow {
    display: table;
    width: 100%;
    border: 0;
}

    .locationalertformgridrow .column1 {
        width: 24%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationalertformgridrow .column2 {
        width: 40%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationalertformgridrow .column3 {
        display: table-cell;
        border: 0;
        position: relative;
    }
/*
.locationalertformgridrowinner {
    display: table;
    width: 100%;
    border: 0;
}

    .locationalertformgridrowinner .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }
*/
.locationalerttabgridcontainer {
    width: 100%;
    height: 467px;
    overflow: auto;
}

.locationalerttagcontrolwidth {
    width: 182px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationalertdefaultcontrolwidth {
    width: 304px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationpartabgridcontainer {
    width: 100%;
    height: 466px;
    overflow: auto;
}

.locationparformcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

    .locationparformcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
    }

.locationparconrolgridrow {
    display: flex;
    gap: 10px;
}

.locationparconrolgridrowcolumn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
}


.locationparformgridrow {
    display: table;
    width: 100%;
    border: 0;
}

    .locationparformgridrow .column1 {
        width: 33%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationparformgridrow .column2 {
        width: 10%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationparformgridrow .column3 {
        width: 10%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationparformgridrow .column4 {
        width: 10%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationparformgridrow .column5 {
        width: 6%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .locationparformgridrow .column6 {
        width: 10%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.locationparsecondformgridrow {
    display: table;
    width: 100%;
    border: 0;
    text-align: right;
}

    .locationparsecondformgridrow .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.locationparformgridrowinner {
    display: table;
    width: 100%;
    border: 0;
}

    .locationparformgridrowinner .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.locationparcontrolwidth {
    width: 401px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationpartextboxcontrolwidth {
    width: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationparbuttoncontrolwidth {
    width: 102px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationparcheckcontrol {
    height: 26px !important;
    vertical-align: bottom;
}

.locationparnumerictextboxcontrol .RadInput {
    width: 68px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.locationparnumerictextboxcontrol .riTextBox {
    width: 38px;
}

.locationscanpowerslider.RadSlider_Bootstrap .rslSelectedregion {
    background-color: #201B50;
    border-color: #201B50;
}

.imageuploadcontrols {
    display: flex;
    align-items: center;
    gap: 18px;
}

.licensetable {
    display: table;
    width: 550px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.licensetablerow {
    display: table-row;
}

.licensetablelabelcell {
    display: table-cell;
    width: 20%;
    /*padding-top: 3px;*/
    padding-right: 3px;
    padding-bottom: 3px;
}

.licensetablecontrolcell {
    display: table-cell;
    width: 10%;
    padding: 0 3px 3px 3px;
}

.licensetablecontrolcellwitherror {
    display: table-cell;
    padding: 0 3px 3px 3px;
}

.licensecontrolwidth {
    width: 65px;
}

.anchordialogcontrolwidth {
    width: 255px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lookupnumerictextboxcontrol .RadInput {
    width: 199px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.lookupnumerictextboxcontrol .riTextBox, .RadInputMgr {
    height: 19px;
    padding: 2px 3px !important;
    vertical-align: middle;
    width: 171px;
}

.alerttypecolour {
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

.alerttyperadcolourcontrol {
}

    .alerttyperadcolourcontrol .rcpIcon {
        position: relative;
        min-width: 3.92857143em;
        vertical-align: top;
        padding: 5px 0;
        height: 16px;
        width: 172px;
    }

        .alerttyperadcolourcontrol .rcpIcon em {
            z-index: 10;
            height: 10px;
            margin: 0.16666667em 0 0 0.5em;
            border-width: 1px;
            border-style: solid;
            text-indent: -9999px;
            width: 134px;
        }

        .alerttyperadcolourcontrol .rcpIcon a {
            min-height: 16px;
        }

.alerttypedefaultcolourcontrol {
    padding: 2px;
    height: 28px;
    width: 28px;
    vertical-align: bottom;
}

.alerttypessinglecolumncontrolwidth {
    width: 202px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.alerttypesemailbody {
    height: 55px;
    resize: none;
}

.recordlimitstable {
    display: table;
    width: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.recordlimitstablerow {
    display: table-row;
}

.recordlimitstablelabelcell {
    display: table-cell;
    width: 54%;
    padding: 1px 3px 3px 0;
}

.recordlimitstablecontrolcell {
    display: table-cell;
    width: 34%;
    /*padding: 1px 0 3px 3px;*/
}

.recordlimitstableerrorcell {
    display: table-cell;
    width: 14%;
    vertical-align: bottom;
}

.systemrecordlimitcontrolwidth {
    width: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.systemrecordlimitnumerictextboxcontrol .RadInput {
    width: 100px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.systemrecordlimitnumerictextboxcontrol .riTextBox, .RadInputMgr {
    height: 24px !important;
    padding: 2px 3px !important;
    vertical-align: middle;
    width: 80px;
    line-height: 24px;
}

.customexporttablelabelcellwithswitch {
    display: table-cell;
    width: 20%;
    padding-right: 3px;
}

.customexporttablecontrolcellwithswitch {
    display: table-cell;
    width: 80%;
}

.applicationsettingsdefaultgrid {
    display: grid;
    grid-template-columns: min-content min-content min-content min-content auto;
    grid-auto-rows: 41px;
    height: calc(100vh - 175px);
    align-items: center;
}

.gridenabledwithgridcontrol {
    display: grid;
    grid-auto-rows: 40px;
    grid-template-columns: min-content min-content min-content auto;
    height: calc(100vh - 175px);
    align-items: center;
}

.gridrowmincontentimportant {
    grid-auto-rows: min-content !important;
}

.applicationsettingsnesteddefaltbuttongrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}


.applicationsettingsdefaultgriditem {
    /*padding: 10px;*/
}

    .applicationsettingsdefaultgriditem:nth-child(5n+2) {
        padding-left: 35px;
    }

.applicationsettingstwocolumnwidth {
    grid-column: span 2;
}

/*.applicationsettingsthreecolumnwidth {
    grid-column: span 3;
}*/

.applicationsettingsdefaultgriditemlabel {
    white-space: nowrap;
}

.applicationsettingstabcontainer {
    display: grid;
    grid-template-columns: minmax(230px, 12%) minmax(400px, 88%);
    height: calc(100vh - 104px);
}

    .applicationsettingstabcontainer .applicationsettingstabcontainercolumn1, .applicationsettingstabcontainercolumn2, .applicationsettingstabcontainercolumn3 {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .applicationsettingstabcontainer .applicationsettingstabcontainercolumn1, .applicationsettingstabcontainercolumn2 {
        flex-grow: 1;
        min-width: 0;
        overflow: auto;
        height: calc(100vh - 104px);
    }

    .applicationsettingstabcontainer .applicationsettingstabcontainercolumn1 {
        border-right: 1px solid #B3B3B3;
    }


.applicationsettingsradstripbody {
    padding: 10px !important;
    background-color: #ffffff !important;
    height: 100%;
}

.applicationsettingshelpcontainer {
    padding: 10px !important;
    background-color: #ffffff !important;
    width: calc(50% - 251px);
    height: 100%;
    right: 0;
    overflow-x: hidden;
}

.applicationsettingshelpcontainerheader {
    width: 100%;
    height: 55px;
    background-color: #c1c1c1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.applicationsettingshelpcontainerheadertext {
    width: 100%;
    padding-left: 15px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 24px;
    text-align: center;
    height: 55px;
    line-height: 55px;
}

/*.chartdatecontrol.RadPicker .RadInput {
    height: 36px;
}

.chartdatecontrol .RadInput_Bootstrap.RadInputFocused .riTextBox {
    width: 250px !important;
    box-shadow: none;
}

.chartdatecontrolinput {
    width: 140px !important;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

.applicationsettingradstrip {
    height: calc(100vh - 165px);
    overflow: auto !important;
    display: table !important;
}

    .applicationsettingradstrip.RadTabStripVertical .rtsLevel .rtsIn {
        /*font: 14px "Segoe UI", Arial, Helvetica, sans-serif;*/
        color: #333;
    }

    .applicationsettingradstrip.RadTabStripVertical .rtsLevel .rtsIn {
        padding: 0 5px;
        vertical-align: middle;
        line-height: 32px;
    }

    .applicationsettingradstrip.RadTabStripVertical .rtsUL {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        display: inline;
        overflow: hidden;
        width: 212px;
    }

    .applicationsettingradstrip.RadTabStripVertical .rtsLink {
        text-align: left;
    }

    .applicationsettingradstrip.RadTabStripVertical .rtsSelected, .RadTabStripVertical .rtsSelected:hover {
        background-position: 0 -400px;
        background-color: #c1c1c1;
    }

        .applicationsettingradstrip.RadTabStripVertical .rtsSelected:hover {
            background-color: #cccccc;
        }

    .applicationsettingradstrip.RadTabStripVertical .rtsLink:hover {
        background-position: 0 0;
        background-color: #cccccc;
    }

.userroleradcolourcontrol {
}

    .userroleradcolourcontrol .rcpIcon {
        position: relative;
        min-width: 1.9em;
        vertical-align: top;
        padding: 5px 0;
        height: 16px;
        width: 45px;
    }

        .userroleradcolourcontrol .rcpIcon em {
            z-index: 10;
            height: 10px;
            margin: 0.16666667em 0 0 0.5em;
            border-width: 1px;
            border-style: solid;
            text-indent: -9999px;
            width: 11px;
        }

        .userroleradcolourcontrol .rcpIcon a {
            min-height: 16px;
        }

.userrolecontrolwidth {
    width: 196px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.usercontrolwidth {
    width: 267px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.usercontrolwidthminusbutton {
    width: 236.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categorycontrolwidth {
    width: 239px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categorywidthminusbutton {
    width: 209px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationcontrolwidth {
    width: 207px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationwidthminusbutton {
    width: 177px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.locationslidercontrolwidth {
    width: 196px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.readermain {
    display: table-cell;
    overflow: hidden;
    height: calc(100vh - 45px);
    width: calc(100% - 400px);
    position: absolute;
    top: 0px;
    right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.readersmaincontainer {
    /*
    width: 100%;
    height: 100%;
    position: relative;
*/
    height: calc(100vh - 53px); /* full height minus the header */
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    top: 56px;
    position: absolute;
}

.readersgridcontainer {
    /* height: 100%;
    width: 100%;
    overflow: hidden;
     top: 56px; 
    position: absolute;*/
    flex: 1;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.readerpaneinnercontainerreadersfullscreen {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px 14px;
    height: calc(100% - 76px);
}

.readerpaneinnercontainerreaderslivereads {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px 14px;
    height: calc(100% - 32px);
}

.readerpaneinnercontainerlivereads {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 16px 14px;
    height: calc(100% - 81px);
}

.readersplitter {
    visibility: hidden;
}

#Reader {
    height: 100%;
}

/*#endregion*/

/*#region APItrakDevicesMap*/
.apitrakdevicesmapcontainer {
    min-width: 1024px;
    position: absolute;
    vertical-align: top;
    width: calc(100% - 43px);
    height: calc(100% - 50px);
    right: 0;
    top: 45px;
}

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

/*#endregion*/

/*#region Rules */
.rulesformcontainer {
    height: calc(100% - 149px);
    width: 100%;
    position: absolute;
    min-width: 1000px;
}

.lefthandformcontainer {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 48%;
    position: relative;
}

.assetbuttonsize {
    width: 26px;
    height: 27px;
}

.rulename {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
}

.horizontalline {
    position: absolute;
    left: 0px;
    height: 1px;
    background-color: #FFFFFF;
    border: none;
    width: 100%;
}

.lefthandtopcontainer {
    display: table;
    height: 100%;
}

.filtercontainer {
    padding-top: 10px;
}

.assetgridcontainer {
    display: table-cell;
    width: 389px;
    float: left;
}

.ruleformdivider {
    width: 100%;
    height: 1px;
    background-color: #e2e2e2;
    margin: 0 0 8px 0;
}

.buttonsContainer {
    position: absolute;
    right: 0px;
    padding: 13px 15px 0px 0px;
    display: inline-block;
}

.righthandformcontainer {
    display: table-cell;
    padding-top: 10px;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 52%;
    position: absolute;
    min-width: 512px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rulesformlefthandcontainer {
    display: table-cell;
    width: 15%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rulesformcentrecontainer {
    white-space: nowrap;
}

.rulesformrighthandcontainer {
    display: table-cell;
    width: 15%;
}

.ruleformgridrow {
    display: table;
    width: 100%;
    border-spacing: 0px;
    border: 0;
    position: relative;
    padding-left: 1px;
    padding-bottom: 8px;
}

    .ruleformgridrow .rulecolumn1 {
        display: table-cell;
        vertical-align: middle;
        width: 26%;
        margin-left: 5px;
    }

    .ruleformgridrow .rulecolumn2 {
        display: table-cell;
        width: 76%;
        vertical-align: middle;
        padding-left: 16px;
    }

    .ruleformgridrow .rulecolumn3 {
        display: table-cell;
        width: 3%;
        position: relative;
        text-align: left;
    }

/* Special row only */
.ruleformgridrowgrouped {
    display: grid;
    grid-template-columns: 1fr auto auto;
    column-gap: 24px;
    align-items: start;
    width: 100%;
    padding-bottom: 4px;
}

    .ruleformgridrowgrouped .field {
        display: grid;
        grid-template-rows: auto auto;
        row-gap: 6px;
    }

    .ruleformgridrowgrouped .field-control {
        width: 100%;
        min-width: 320px;
    }

    .ruleformgridrowgrouped .RadSwitch {
        justify-self: start;
    }

.rulesgroupedinputcontrol {
    width: 262px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rulesinputcontrols {
    width: 389px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ruleforminnergridrow {
    display: table;
    width: 100%;
}

    .ruleforminnergridrow .ruleforminnergridrowcolumn1 {
        display: table-cell;
        height: 22px;
        width: 25px;
        float: left;
    }

    .ruleforminnergridrow .ruleforminnergridrowcolumn2 {
        display: table-cell;
        width: 100%;
    }

.ruleradiobutton {
    zoom: 125%;
    width: 20px;
    padding-top: 3px;
    right: 0px;
}

.ruledefaultlabelwithradiobutton {
    width: 271px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ruledefaultcontrolwidthradiobutton {
    width: 362px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ruledefaultcontrolwidthtwobutton {
    width: 324px;
}

.alarmrulesgridcontainer {
    width: 100%;
    height: calc(100vh - 119px);
    padding: 0 0px 2px 0px;
}

    .alarmrulesgridcontainer.haspartnerfooter {
        height: calc(100vh - 143px) !important;
        padding-bottom: 15px;
    }

.lookupalarmsearchbutton {
    padding: 2px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 1px #000000;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}


.rulesavebutton {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    height: 30px;
    padding: 2px;
    -ms-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.alarmrulesassetsearchbutton {
    padding: 2px;
    height: 26px;
    width: 26px;
    vertical-align: bottom !important;
}

.alarmruleswitchcontrol {
    width: 392px;
}

.modelrulesrecordpopup {
    background-color: #FFFFFF;
    width: 591px;
    height: 831px;
    border: 1px solid #828282;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modelrulesrecordbody {
    padding: 10px;
    height: 742px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.modalrulescompactrecordheader {
    height: 40px;
    width: 100%;
    text-align: center;
    background-color: #292c33;
    border: 1px white solid;
    border-bottom: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
}

    .modalrulescompactrecordheader .column1 {
        display: table-cell;
        width: 5%;
        vertical-align: middle;
        margin-left: 8px;
    }

    .modalrulescompactrecordheader .column2 {
        display: table-cell;
        width: 90%;
        vertical-align: middle;
        color: White;
        font-weight: bold;
        text-align: center;
        line-height: 38px;
    }

.modalcompactrecordheader .column3 {
    display: table-cell;
    width: 5%;
    vertical-align: middle;
}
/*#endregion */

/*#region Standard Reports */

.disabledcheckbox {
    pointer-events: none;
}

.standardreportscontainer {
    min-width: 1024px;
    bottom: 0;
    top: 46px;
    height: calc(100% - 45px);
    width: 100%;
    position: absolute;
    left: 45px;
}

    .standardreportscontainer.haspartnerfooter {
        height: calc(100% - 71px) !important;
    }

.standardreportstable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    min-width: 85%;
}

.standardreportscellleft {
    display: table-cell;
    width: 402px;
    height: 100%;
    position: absolute;
    overflow: auto;
    bottom: 0;
    background: #fff;
    white-space: nowrap;
    box-sizing: border-box;
    border-right: 1px solid #bbbbbb;
    top: 1px;
}

.standardreportsheader {
    padding-left: 9px;
    padding-top: 6px;
    margin: 0;
}

.standardreportscellright {
    display: table-cell;
    width: calc(100% - 448px);
    height: 100%;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    left: 402px;
    bottom: 0;
}

.standardreportexportbutton {
    margin-top: 7px;
}

.standardreportlastseencontrolcolumn {
    display: flex;
    flex-direction: column;
}

.standardreportdivmulticolumn {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-left: 9px;
    gap: 4px;
}

.standardreportdivmulticolumninnerrow {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

.standardreportswitchesdiv {
    margin-top: 5px;
    margin-left: 9px;
}

.standardreportdiv {
    margin-top: 10px;
    margin-left: 9px;
}

.standardreportdatecontainer {
    display: flex;
    justify-content: flex-start;
}

.standardreportdatecontainerinner {
    display: flex;
    flex-direction: column;
    width: 186px;
}

.standardreportdatecontrolcontainer {
    display: flex;
    flex-direction: row;
}

.reportselectioncontainer {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.reportoptionsrow {
    display: table;
    width: 200px;
}

.reportoptionsrowcell {
    display: table-cell;
    width: 50%;
    text-align: left;
}

.reporttreeviewcheckbox {
    padding-top: 6px !important;
}

.reportcontrollastseen {
    width: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.reportcontrollastseendropdown {
    width: 112px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nodisplayimportant {
    display: none !important;
}

.standardreportemailcontainer {
    display: table;
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .standardreportemailcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }
/*
.standardreportemailcontainer {
    display: table;
    width: 100%;
    height: auto;
    border: 0;
    text-align: center;
    padding-top: 11px;
}

    .standardreportemailcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }*/

.standardreportemailgridrow {
    display: table;
    width: 100%;
    padding-bottom: 10px;
}

    .standardreportemailgridrow .column1 {
        width: 40%;
        display: table-cell;
        height: 100%;
        text-align: left;
        vertical-align: middle;
    }


    .standardreportemailgridrow .column2 {
        width: 60%;
        display: table-cell;
        height: 100%;
        text-align: left;
        padding-left: 4px;
    }

.standardreportemailgridrowtextboxwidth {
    width: 234px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.emailreportcontrolwidthlanguage {
    width: 188px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.emailreportinputboxheight {
    height: 20px;
}

.reporttreeviewcontainer {
    height: 359px;
    overflow: auto;
}

.standardreportsgridcontainer {
    width: calc(100% - 22px);
    height: calc(100vh - 71px);
    padding: 0 10px 0 10px;
}

    .standardreportsgridcontainer.haspartnerfooter {
        height: calc(100vh - 95px) !important;
    }

.standardreportsbaseheader {
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #cccccc;
    justify-content: flex-end;
}

/* Targets the specific row (detail table) that has the colspan attribute within the body of the master table */
.assetrelationshipchildgrid table.rgMasterTable > tbody > tr > td[colspan] {
    overflow-x: auto !important;
}
/*#endregion*/

/*#region Report Email Scheduler */
.schedulerreportdefaultwidth {
    width: 197px !important;
}

.schedulerreportformcontainer {
    display: table;
    width: 100%;
    height: 233px;
    border: 0;
}

    .schedulerreportformcontainer .column1 {
        width: 42%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

    .schedulerreportformcontainer .column2 {
        width: 70%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.schedulerreportmodalrecordbody {
    padding: 10px;
    height: 292px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.scheduledreportdialoginputheight {
    height: 24px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*#endregion*/

/*#region Standard Reports (Telerik) */
.standardreporttelerikgridview {
    display: table;
    width: 100%;
    position: relative;
    min-width: 85%;
}

    .standardreporttelerikgridview .rgHeader {
        white-space: nowrap;
    }

    .standardreporttelerikgridview .rgRow td,
    .standardreporttelerikgridview .rgAltRow td {
        border: 1px solid rgba(214, 214, 214, 1) !important;
        white-space: nowrap;
        padding-top: 0px;
        padding-bottom: 0px;
    }

.standardreportopendialogbutton {
    margin: 0 !important;
}

.standardreportopendialogbuttonicon {
    padding: 2px;
    height: 21px;
    width: 24px;
    vertical-align: bottom !important;
}


/*.dialoggridview {
    width: 100%;
    height: 317px;
    border: none !important;
}

    .dialoggridview td {
        padding-top: 2px;
    }

    .dialoggridview.RadGrid_Default .rgSelectedRow {
        background-image: linear-gradient(#bfbfbf, #a9a6a6) !important;
        color: #ffffff;
    }*/

.nonconreportingcellleft {
    display: table-cell;
    width: 450px;
    height: 100%;
    position: absolute;
    bottom: 0;
    border-right: 1px solid #B3B3B3;
}

.nonconreportingcellright {
    display: table-cell;
    width: calc(100% - 450px);
    height: 100%;
    position: absolute;
    left: 451px;
}

.nonconreportingtable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    min-width: 85%;
}

    .nonconreportingtable.haspartnerfooter {
        height: calc(100% - 24px) !important;
    }

.nonconreportingiframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.nonconreportinggridviewcontainer {
    display: table;
    width: calc(100% - 2px);
    height: calc(100vh - 117px);
    min-height: 445px;
    box-sizing: border-box;
    padding: 10px;
}

    .nonconreportinggridviewcontainer.haspartnerfooter {
        height: calc(100vh - 141px) !important;
    }

.nonconreportinggridview {
    width: 100%;
}

.nonconreportinggridrow {
    display: table;
    width: calc(100% - 1px);
    border-spacing: 2px;
    font-size: 12px;
    border-right: 1px solid white;
}

.nonconsearchtextbox {
    font-size: 18px;
    height: 30px;
    width: 380px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nonconformanceheader {
    padding-left: 10px;
    padding-top: 6px;
    margin: 0;
}

.nonconformanceheadercontainer {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.nonconformancecontrolwidth {
    width: 398px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.standardreportraddatepickerextended {
    padding: 0 !important;
    width: 299px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .standardreportraddatepickerextended .RadInput {
        height: 21px !important;
        width: auto !important;
        margin-top: -2px !important;
    }

    .standardreportraddatepickerextended .RadInput_Bootstrap.RadInputFocused .riTextBox {
        width: 299px !important;
        box-shadow: none;
    }

.standardreportraddatepickerdefaultwidth {
    padding: 0 !important;
    width: 200px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .standardreportraddatepickerdefaultwidth .RadInput {
        height: 22px !important;
        width: auto !important;
        margin-top: -2px !important;
    }

.standardreporttogglepadding {
    padding: 0 0 0 7px !important;
}


/*#endregion*/

/*#region PAR Levels */
.parlevelscontainer {
    min-width: 1124px;
    bottom: 0;
    top: 112px;
    height: calc(100% - 112px);
    width: calc(100% - 45px);
    position: absolute;
    right: 0;
}


.parlevelstable {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    min-width: 85%;
}

.parlevelscellleft {
    display: table-cell;
    width: 65%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

.parlevelacellright {
    display: table-cell;
    width: 35%;
    height: 100%;
    position: absolute;
    left: 65%;
    bottom: 0;
}

.parlevelgridcontainer {
    width: 100%;
    height: calc(100vh - 136px);
    padding-top: 1px;
}

    .parlevelgridcontainer.haspartnerfooter {
        height: calc(100vh - 160px) !important;
    }

.parlevelschartheader {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    /* margin-left: -60px; */
    z-index: 2;
}

.parlevelscharttitle {
    font-size: 24px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    white-space: nowrap;
    /*    margin-left: -20%;*/
}

.parlevelschartcell {
    display: flex;
    justify-content: center;
    text-align: center;
    height: 60%;
    width: 90%;
    position: absolute;
    right: 0;
}

.parlevelleftpanelbutton {
    padding: 2px;
    height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.parleveldialogtextbox {
    height: 21px;
}

/*.parnumerictextboxcontrol .RadInput {
    width: 199px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}*/

/*#endregion*/

/*#region Thumbnail */

.thumbnailassignedlocationdropdown {
    width: 315px;
}

.thumbnailcontainer {
    min-width: 1024px;
    left: 45px;
    bottom: 0;
    height: calc(100% - 45px);
    width: calc(100% - 45px);
    position: absolute;
    top: 47px;
}

.thumbnailtable {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    flex-direction: column;
}

.thumnailcellleftfullscreen {
    display: table-cell;
    width: 100%;
    height: calc(100% - 100px);
    position: absolute;
    overflow: auto;
    bottom: 3px;
}

.thumnailcellleftfullscreenwithfooter {
    display: table-cell;
    width: 100%;
    height: calc(100% - 124px);
    position: absolute;
    overflow: auto;
}

.thumnailcellleft {
    display: table-cell;
    width: 76%;
    height: calc(100% - 95px);
    position: absolute;
    overflow: auto;
    bottom: 0;
}

.thumbnailcellright {
    display: table-cell;
    width: 24%;
    height: calc(100% - 95px);
    position: absolute;
    left: 76%;
    bottom: 0;
    background: #fff;
    overflow: auto;
    border-left: 1px solid #201B50
}

.thumnailoptions {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.thumnailbreadcrumb {
    width: 100%;
    height: 38px;
}

.thumbnaildatalist {
    display: table;
    border-collapse: collapse;
}

.thumbnaildatalistitem {
    width: 300px;
    display: table-cell;
    padding: 5px 0 0 4px;
    box-sizing: border-box;
}

.thumbnaildatalistitemcontent {
    width: 100%;
    text-align: center;
}

@media (max-width: 768px) {
    .dataListItem {
        width: calc(100% / 3); /* For smaller screens, 3 items per row */
    }
}

@media (max-width: 480px) {
    .dataListItem {
        width: calc(100% / 2); /* For very small screens, 2 items per row */
    }
}

.summaryheader {
    text-align: center;
    /*margin-top: 10px;*/
    color: #ffffff;
    background-color: #201B50;
    line-height: 33px;
}

.summarysubheader {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
    color: #ffffff
}


.summaryheadertitle {
    font-size: 17px;
    font-weight: bold;
}

.summaryheadersubtitle {
    font-size: 18px;
    font-weight: bold;
}

.datalistimage {
    display: block;
    margin: 0 auto;
    width: 175px;
    padding-bottom: 10px;
    height: 175px;
}

.summarygridcontainer {
    background: #ffffff;
}

.summarygridrow {
    display: table;
    width: 100%;
    border-spacing: 2px;
    font-size: 14px;
    border: 0;
    color: #ffffff;
    height: 27px;
}

    .summarygridrow .column1 {
        padding: 1px;
        width: 30%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .summarygridrow .column2 {
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 3px;
        width: 62%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }

    .summarygridrow .column3 {
        padding: 4px;
        width: 8%;
        display: table-cell;
        vertical-align: middle;
        border: 0;
    }



.assetsummary {
    padding-left: 15px;
    margin-top: 8px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff;
}

.thumbnailsitecontrol {
    height: 35px;
    font-size: 18px;
    width: 250px;
    vertical-align: middle;
    margin-right: 11px;
}

    .thumbnailsitecontrol.RadDropDownList .rddlIcon {
        top: 4px !important;
    }

.thumbnailassignedlocationtitle {
    padding-right: 15px;
    line-height: 21px;
    vertical-align: middle;
}

.thumbnailtitlecontainer {
    display: table-cell;
    float: right;
}


.categoryradcard {
    width: 288px;
    margin: 5px;
}

    .categoryradcard .k-card-header {
        background-color: #fff !important;
        padding: 0 !important;
    }

    .categoryradcard .k-card-footer {
        background-color: #292c33 !important;
        padding: 0 !important;
    }

.categoryradcardtitle {
    display: flex;
    width: 100%;
    align-items: stretch;
    height: 40px;
}

.categoryradcardtitle1 {
    color: #525252;
    line-height: 40px;
    flex-grow: 1;
    padding-left: 7px;
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: #ccc 1px solid;
    font-weight: 600;
}

.categoryradcardtitleimage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    background-color: #ffffff;
    height: 100%;
}

.categoryradcardfooter .categoryradcardfootercontent {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.categoryradcardfooterleft {
    display: flex;
    flex-direction: row;
    /*    gap: 1px;*/
    flex: 1;
}

.categoryradcardfooterright {
    display: flex;
    background-color: #ffffff;
    width: 40px;
    height: 59px;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #201B50;
}

.categoryradcardfootercell {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.categorydocumentbutton {
    position: absolute;
    left: 8px;
    top: 46px;
}

.categoryradcardfootervalue {
    background-color: white;
    /*  margin-top: 4px;*/
    padding: 3px;
}

.discoveryborderleft {
    border-left: 1px solid #201B50;
}

.categoryradcardfootertitle {
    color: white;
    padding: 8px;
}

.categoryradcardfooterimage {
    height: 100%;
}

/*.categoryradcardtitle1 {
    color: #ffffff;
    font-weight: bold;
    float: left;
    font-size: 14px;
    line-height: 40px;
    width: 80%;
}*/

.categoryradcardtitle1fullwidth {
    color: #ffffff;
    font-weight: bold;
    float: left;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
}

/*.categoryradcardtitleimage {
    color: #ffffff;
    font-weight: bold;
    float: right;
    font-size: 14px;
    line-height: 40px;
    width: 20%;
    background-color: #ffffff;
}*/

.categoryradcardfootertitle1 {
    color: #7B7B7B;
    float: left;
    font-size: 14px;
    color: #ffffff;
    line-height: 25px;
    width: calc(80% - 1px);
    text-align: left;
    border-right: 1px solid #C9C9C9;
}

.categoryradcardfootertitle2 {
    color: #7B7B7B;
    float: right;
    font-size: 14px;
    line-height: 25px;
    width: 20%;
    background-color: #ffffff;
    color: #000000;
}

.thumbnailbreadcrumb {
    padding-left: 3px;
    width: 100vw;
}

    .thumbnailbreadcrumb .k-breadcrumb-root-link {
        color: #7B7B7B;
        margin-right: 0;
    }

    .thumbnailbreadcrumb .k-icon {
        width: 1em;
        height: 1em;
        background-image: none;
        font: 26px/1"WebComponentsIcons";
        text-transform: none;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

    .thumbnailbreadcrumb .k-breadcrumb-link {
        color: #7B7B7B;
        transition: background-color .2s ease;
        opacity: 1
    }

    .thumbnailbreadcrumb .k-breadcrumb .k-breadcrumb-link > .k-image, .k-breadcrumb .k-breadcrumb-icontext-link .k-icon {
        margin-right: 10px
    }

    .thumbnailbreadcrumb.RadBreadcrumb_Default .k-breadcrumb-link:hover,
    .thumbnailbreadcrumb.RadBreadcrumb_Default .k-breadcrumb-root-link:hover {
        color: #292c33;
    }

.assetthumbnailgridcontainer {
    width: calc(100% - 30px);
    height: calc(100vh - 172px);
    padding: 15px 15px 0 15px;
}

    .assetthumbnailgridcontainer.haspartnerfooter {
        height: calc(100vh - 200px) !important;
    }

/*#endregion*/

/*#region Report Builder*/


.reportbuildersplitter {
    width: 100% !important;
    height: 100vh !important;
    position: fixed;
}

    .reportbuildersplitter .RadSplitter .rspFirstItem {
        width: 45px;
    }

    .reportbuildersplitter .RadSplitter {
        width: 100% !important;
    }

        .reportbuildersplitter .RadSplitter .rspSlideZone.rspSlideZoneHorizontal {
            /*margin-left: -1px !important;*/
        }

    .reportbuildersplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon,
    .reportbuildersplitter .RadSplitter_Bootstrap div.rspSlideHeaderDockIcon:hover {
        background-image: url(../../Images/dock_white.svg);
        background-position: 7px 0px;
        background-repeat: no-repeat;
        height: 24px;
        position: absolute;
        left: 1px;
        top: 7px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon,
    .reportbuildersplitter .RadSplitter_Bootstrap div.rspSlideHeaderUndockIcon:hover {
        background-image: url(../../Images/undock_white.svg);
        background-position: 7px 0;
        background-repeat: no-repeat;
        height: 24px;
        position: absolute;
        left: 48px;
        top: 8px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideHeaderCollapseIcon,
    .reportbuildersplitter .RadSplitter_Bootstrap div.rspSlideHeaderCollapseIcon:hover {
        background-image: url(../../Images/cancel_white.svg);
        background-position: -69px 0;
        background-repeat: round;
        height: 24px;
        position: absolute;
        right: 2px;
        top: 7px;
        border-color: transparent !important;
        background-color: transparent !important;
        color: transparent !important;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspPaneTabContainer,
    .reportbuildersplitter .RadSplitter_Bootstrap .rspTabsContainer {
        background-color: #a9a6a6 !important;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspTabsContainer {
        padding-top: 5px;
        padding-left: 1px;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspPaneTabContainer {
        text-align: center !important;
        border: none;
    }

    .reportbuildersplitter .RadSplitter .rspPaneTabIcon {
        height: 30px;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideContent {
        height: 100vh !important;
    }

    .reportbuildersplitter .RadSplitter .rspPaneTabText.rspRotatedTabText {
        display: none;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideTitleContainer,
    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideHeaderIconWrapper {
        background-color: #292c33 !important;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideTitleContainer {
        height: 40px;
    }

    .reportbuildersplitter .RadSplitter .rspSlideHeader .rspSlideTitle {
        text-align: center;
        font-weight: bold;
        color: white;
        line-height: 25px !important;
        margin-left: 21px;
        font: normal 24px Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlideContainerResize {
        cursor: default;
    }

    .reportbuildersplitter .RadSplitter_Bootstrap .rspSlidePane {
        height: 100% !important;
    }

.reportbuilderslidingpane {
    height: calc(100vh - 45px) !important;
}

.reportbuilderflyoutslindingzone {
    width: 45px !important;
}

.reportbuildermaincontentpane {
    width: 100% !important;
    height: 100% !important;
}


.reportbuildermaingridrow {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 1024px;
}

    .reportbuildermaingridrow.haspartnerfooter {
        height: calc(100% - 27px) !important;
    }

.reportbuildermaingridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.reportbuildermaincontainer {
    width: 100%;
    height: calc(100% - 111px);
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
}

/*.reportbuildermaingridrow {
    display: table;
    table-layout: fixed;
    height: calc(100% - 45px);
    width: calc(100% - 45px);
    overflow: hidden;
    position: absolute;
    min-width: 1024px;
    right: 0;
}*/

.reportbuilderflyoutmenu {
    display: table-cell;
    text-align: center;
    background-color: #a9a6a6;
    width: 45px;
    height: 100%;
    padding-top: 5px;
    vertical-align: top;
    border-left: 1px solid white;
}

    .reportbuilderflyoutmenu .logo {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

.reportbuildergridrowcell {
    display: table-cell;
    width: calc(100% - 45px);
    height: 100%;
    position: relative;
}

.reportbuilderflyout {
    height: 100%;
    width: 450px;
    position: relative;
    background-color: #201B50;
    top: 0px;
    float: left;
    left: 1px;
    overflow-x: hidden;
    -webkit-transition: 1.3s;
    -moz-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
    overflow-y: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #828282;
}

    .reportbuilderflyout .closebtn {
        color: #ffffff;
        text-decoration: none;
        position: absolute;
        right: 10px;
        font-size: 35px;
        -webkit-transition: 1.3s;
        -moz-transition: 1.3s;
        -o-transition: 1.3s;
        transition: 1.3s;
        z-index: 2;
    }

        .reportbuilderflyout .closebtn:hover {
            color: #707070;
        }

.reportbuilderflyoutcontainer {
    display: flex;
    height: calc(100vh - 94px);
    width: 100%;
    min-width: 450px;
    flex-direction: column;
}

.reportbuilderbuttonwidth {
    width: 274px;
}

.reportbuilderactionbutton {
    padding: 2px;
    height: 30px;
    width: 30px;
    font-size: 22px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
}

.reportbuilderflyoutheader {
    display: flex;
    align-items: center;
    position: relative;
    height: 43px;
    width: 431px;
    text-align: left;
    vertical-align: middle;
    color: #a9a6a6;
    line-height: 42px;
}

.reportbuilderflyoutgridrow {
    display: flex;
    width: 450px;
    height: 52px;
    border: 0;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px #ccc solid;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.reportbuilderflyoutcontrol {
    width: 93px;
    height: 30px;
    font-size: 15px;
    box-sizing: border-box;
    text-align: center;
}

.reportbuilderflyoutlookuptreeviewgridrow {
    height: 25vh;
    width: 429px;
    background-color: #ffffff;
    border: 1px #ccc solid;
    font-size: 14px;
    box-sizing: border-box;
    overflow: auto;
}

.reportbuilderflyoutlookuplookuptreeview {
    height: 150px;
    width: 95%;
    padding-left: 7px;
    margin-top: 10px;
}

.reportbuilderflyoutgroupbylookuptreeview {
    height: 70px;
    width: 95%;
    padding-left: 7px;
    margin-top: -10px;
}


.reportbuildertreeviewmaincontainer {
    display: flex;
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
}

.reportbuildermainright {
    display: table-cell;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.reportbuildergridcontainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.RadPivotGrid {
    width: calc(100% - 24px) !important;
    border-width: 0;
    height: calc(100vh - 45px) !important;
}

    .RadPivotGrid .rpgOuterTableWrapper {
        /*width: 100% !important;*/
    }

    .RadPivotGrid .rpgFieldItem > span, .RadPivotGrid .rpgFieldItem > a:first-of-type {
        display: inline-block !important;
    }

    .RadPivotGrid .rpgTable .rpgConfigurationPanel .rpgChangeLayoutIcon,
    .RadPivotGrid .rpgTable .rpgConfigurationPanel .rpgUpdate,
    .RadPivotGrid .rpgTable .rpgConfigurationPanel .rpgFilterFieldsContainer {
        display: none;
    }

.displayhidden {
    display: none;
    margin-top: 0px !important;
}

.reportbuilderraddatepicker {
    padding: 0 !important;
    width: 90px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .reportbuilderraddatepicker .RadInput {
        height: 30px !important;
        width: auto !important;
        font-size: 13px !important;
    }

    .reportbuilderraddatepicker .riTextBox {
        text-align: center !important;
    }

/*#endregion*/

/*#region Inspection Report*/


.stepstandardcontrolwidth {
    width: 344px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.stepsmallcontrolwidth {
    width: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsformcontainer {
    display: table;
    width: 100%;
    height: 532px;
    border: 0;
}

    .inspectionsformcontainer .column1 {
        width: 100%;
        display: table-cell;
        height: 100%;
        text-align: left;
    }

.inspectionsformgridrow {
    display: table;
    width: 100%;
    border: 0;
}

    .inspectionsformgridrow .column1 {
        width: 35%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .inspectionsformgridrow .column2 {
        width: 50%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .inspectionsformgridrow .column3 {
        width: 11%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .inspectionsformgridrow .column4 {
        width: 9%;
        display: table-cell;
        border: 0;
        position: relative;
    }

    .inspectionsformgridrow .column5 {
        width: 8%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.inspectionstatuscontrolwidth {
    width: 348px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.inspectionsformgridrowinner {
    display: table;
    width: 100%;
    border: 0;
}

    .inspectionsformgridrowinner .column1 {
        width: 100%;
        display: table-cell;
        border: 0;
        position: relative;
    }

.inspectionsformcontrolgridrow {
    display: flex;
    gap: 10px;
}

.inspectionsformcontrolgridrowcolumn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 5px;
}

.telerikmultiselect.k-multiselect,
.telerikmultiselect .k-multiselect-wrap {
    box-shadow: none !important;
    background-image: none !important;
    background-color: #fff;
    width: calc(100% - 2px); /* account for border */
}

    .telerikmultiselect.k-multiselect.k-state-focused,
    .telerikmultiselect .k-multiselect-wrap.k-state-focused,
    .telerikmultiselect .k-multiselect-wrap:focus-within {
        box-shadow: none !important;
        outline: none !important;
        border-color: #bdbdbd;
    }

.telerikmultiselect .k-multiselect-wrap {
    min-height: 34px;
    max-height: 60px;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: flex-start;
}

.RadMultiSelectDropDown_Bootstrap .k-list .k-item.k-selected,
.RadMultiSelectDropDown_Bootstrap .k-list .k-item.k-state-selected,
.RadMultiSelectDropDown_Bootstrap .k-list-optionlabel.k-state-selected {
    background-color: #a9a6a6 !important;
    color: #fff !important;
}

.RadMultiSelectDropDown_Bootstrap .k-list .k-item.k-state-focused {
    box-shadow: none;
}

.RadMultiSelectDropDown_Bootstrap.k-list-container.k-popup {
    min-width: 600px !important;
}

.rulestelerikmultiselect.k-multiselect {
    width: calc(100% - 5px) !important;
}

.rulestelerikmultiselect.RadMultiSelect .k-multiselect-wrap {
    max-height: 50px !important;
}

.inspectionsdialognumerictextboxcontrol .riTextBox, .inspectionsdialognumerictextboxcontrol .RadInput {
    width: 94px !important;
}

.RadMultiSelect .k-multiselect-wrap .k-button {
    font-family: Poppins;
}

.RadMultiSelect .k-multiselect-wrap {
    border-radius: 2px;
    height: 60px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: all .1s ease;
    cursor: text;
    outline: 0;
    border: 0;
    border-width: 0px;
    padding: 5px;
}

.alarmrulesteleriktable .rgHeader {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    white-space: nowrap;
}

.inspectionscategorycontrolwidth {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsnamecontrolwidth {
    width: 270px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsdescriptioncontrolwidth {
    width: 530px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsdialogdefaultcontrolwidth {
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsnotesdialogdefaultcontrolwidth {
    width: 287px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.inspectionsdialogdescriptioncontrol {
    width: 232px;
    height: 143px;
    resize: none;
}

.inspectiondetailtabgridcontainer {
    width: 100%;
    height: 377px;
    overflow-y: auto;
    overflow-x: hidden;
}

.inspectionsdialoggridwithheaderrow {
    width: 100%;
    height: 135px;
    overflow: auto;
}

.inspectiondialogperiodcontrol .RadInput {
    width: 84px !important;
    border: 1px solid #B3B3B3;
    border-radius: 2px;
}

.inspectionreportgridlabel {
    white-space: normal !important;
}

.inspectionsperiodcontrol {
    width: 54px !important;
}
/*#endregion*/

/*#region Basic Grid */

.basictable {
    display: table;
    width: 100%;
}

.basictablecell {
    display: table-cell;
    text-align: right;
}

.basictablecellleft {
    display: table-cell;
    text-align: left;
}

/*#endregion*/

/*#region Smart Monitor */

.smartmonitormain {
    display: flex;
    justify-content: space-between;
    height: 100vh;
    align-items: flex-start;
    min-width: 1280px;
}

    .smartmonitormain.haspartnerfooter {
        height: calc(100vh - 24px) !important;
    }

.smartmonitormaininnercontainer {
    display: flex;
    flex-direction: column;
    margin: 30px;
    height: calc(100vh - 61px);
}

    .smartmonitormaininnercontainer.haspartnerfooter {
        height: calc(100vh - 84px) !important;
    }

    .smartmonitormaininnercontainer .smartmonitorrow1 {
        flex: 1;
        height: 50vh;
        width: 100%;
        flex-direction: row;
        display: flex;
    }

    .smartmonitormaininnercontainer .smartmonitorrow2 {
        flex: 1;
        width: 100%;
        flex-direction: row;
        display: flex;
        padding-bottom: 20px;
    }

.smartmonitorheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: #292c33;
}

.smartmonitorheadertitle {
    display: flex;
    flex-grow: 1;
}

.smartmonitorheadertitletext {
    color: #ffffff !important;
    overflow: hidden;
}

.smartmonitorheaderbuttons {
    display: flex;
    align-items: center;
}

    .smartmonitorheaderbuttons > * {
        margin-left: 10px;
    }

.smartmonitorinnerrow {
    width: 50%;
    display: flex;
}

.smartmonitorleftrowinner {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 30vw;
    min-width: 390px;
}

.smartmonitorcontainer {
    flex: 1;
    display: flex;
    position: relative;
    border: solid 1px #cccccc;
    justify-content: center;
    align-items: center;
}

.smartmonitorimage {
    height: 16vw;
    min-height: 210px;
    padding: 20px;
}

.smartmonitorgridtitle {
    font-weight: bold;
    color: #bbbbbb;
}

.smartmonitorgridscontainer {
    width: 100%;
}

.smartmonitorgridcontainer {
    width: 100%;
    height: calc(100vh - 516px);
}

    .smartmonitorgridcontainer.haspartnerfooter {
        height: calc(100vh - 540px) !important;
    }

.smartmonitorrightrowinnerright {
    flex: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    min-width: 390px;
}

.smartmonitortotalsheader {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    border: 1px solid #cccccc;
    border-bottom: none;
    background-color: #292c33;
}


.smartmonitortotalsparrow {
    display: flex;
    align-items: center;
}


.smartmonitortotalsheadertitle {
    display: flex;
}

.smartmonitortotalsparheadertitle {
    width: calc(100% / 3);
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #292c33;
}

.borderright1solidgrey {
    border-right: 1px solid #cccccc;
}

.borderright1solidblue {
    border-right: 1px solid #201B50;
}

.smartmonitortotalpercentcontainer {
    flex: 1;
    display: flex;
    position: relative;
    border: solid 1px #cccccc;
    justify-content: center;
    align-items: center;
    min-width: 385px;
}

.smartmonitorpercenttotal {
    font-size: 8vw;
    line-height: 1.1 !important;
}

.smartmonitoritemscountcontainer {
    flex: 1;
    display: flex;
    position: relative;
    border: solid 1px #cccccc;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 110px;
}

.smartmonitoritemsparcountcontainer {
    display: flex;
    position: relative;
    border: solid 1px #cccccc;
    flex-direction: column;
}

.smartmonitoritemscountcontainercolumn {
    display: flex;
    flex: 1;
    justify-content: center;
}

.smartmonitorrightrowinnerleft {
    flex: 1;
    display: flex;
    position: relative;
    flex-direction: column;
}

.smartmonitortotals {
    font-size: 7vw;
    line-height: 1.1 !important;
}

.smartmonitorpartotals {
    font-size: 4vw;
    line-height: 1.1 !important;
}

.smartmonitorrightrowgauge {
    width: 90%;
    height: 90%;
}

.smartmonitortotal {
    display: flex;
    flex-direction: column;
}

.smartmonitornavbuttoncontainer {
    float: left;
}

.smartmonitornavbutton {
    height: 100vh;
    width: 40px;
    background-image: linear-gradient(#aeacac, #aeacac) !important;
}

.smartmonitormultiview {
    width: 100%;
    height: calc(100vh - 30px);
}

.smartmonitordatacontrolbutton {
    padding: 2px;
    height: 40px;
    width: 40px;
    vertical-align: bottom;
    border-radius: 22px !important;
}

.borderbottom0 {
    border-bottom: 0;
}

.smartmonitoractualcounttext {
    color: #ffffff !important;
}

/*#endregion*/

/*#region Active Configuration */

.activeconfigurationcontainer {
    width: 100%;
    height: calc(100% - 45px);
    position: absolute;
    top: 45px;
    bottom: 0;
    overflow: hidden;
}

.activeconfigurationiframe {
    width: 100%;
    height: 100%;
    /*width: calc(100% - 23px);
    height: calc(100% + 80px);
    padding: 15px 10px 10px 10px;
    margin-top: -75px;*/
}

/*#endregion*/

/*#region  Navigate Page */
.navigationmain {
    width: calc(100% - 40px);
    height: calc(100% - 87px);
    position: absolute;
    min-width: 1024px;
    overflow: auto;
    z-index: 1000;
    background: #fff;
    padding: 20px;
}

.navigationmaincontainer {
    display: grid;
    grid-auto-flow: column;
    gap: 20px;
    height: 100%;
}

    .navigationmaincontainer.haspartnerfooter {
        height: calc(100% - 27px) !important;
    }

.navigationitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 17px;
    background-color: #a9a6a6;
    color: white;
    text-align: center;
    border-radius: 8px;
    transition: background-color 0.3s ease;
    cursor: pointer;
    text-decoration: none;
    border: none;
    min-width: 136px;
}

    .navigationitem:hover {
        background-color: #b3afaf;
    }

.navigationitemlabel {
    font-size: 0.8vw;
    margin-top: 10px;
    color: white;
    text-align: center;
    display: block;
    font-weight: bold;
    min-height: 44px;
}

.navigationimage {
    width: 5vw;
}

.navigationbutton {
    text-decoration: none;
}

/*#endregion*/

/*#region Association/Landing Page Defaults/Utility Pages */

.formbackground {
    background-color: #292c33;
    background-size: cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

.defaultformheight {
    height: 377px;
}

.defaultinputcontrolwidth {
    width: 412px;
}

.inputcontrolheight {
    height: 60px;
}

.inputarea {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.createbutton {
    color: #fff;
    background-color: #33C201;
    border-color: #33C201;
    width: 193px;
    box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
}

    .createbutton:hover {
        color: #fff;
        background-color: #33C201;
        border-color: #33C201;
        box-shadow: 0 .1rem 0.3rem rgba(0,0,0,.15) !important;
    }

.clearbutton {
    background-color: #ffffff;
    border-color: rgb(130 130 130 / 0.06);
    width: 205px;
    box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
}

    .clearbutton:hover {
        background-color: #ffffff;
        border-color: rgb(130 130 130 / 0.06);
        box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
    }

.associatebutton {
    color: #fff;
    background-color: #33C201;
    border-color: #33C201;
    width: 185px;
    box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
}

    .associatebutton:hover {
        color: #fff;
        background-color: #33C201;
        border-color: #33C201;
        box-shadow: 0 .1rem 0.3rem rgba(0,0,0,.15) !important;
    }

.taginput.form-label-group.in-border label::after {
    width: 75px;
}

.standardinputcard {
    height: 434px;
    width: 100%;
    border-radius: 3.25rem;
    box-shadow: 0 0 20px -10px #ffffff;
    background-color: #ffffff;
    margin-bottom: 2px;
}

.standardbody {
    min-width: 960px;
}

.backgroundwhiteimportant {
    background-color: #ffffff !important;
}

/*#endregion*/

/*#region Patient Launch */

.patientlaunchcardbody {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.districtidinput.form-label-group.in-border label::after {
    width: 107px;
}

/*#endregion*/

/*#region Asset Tag Association */

.landingpagecardbody {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.associationdropdowncontrolcontrolwidth {
    width: 412px;
}

.associationdropdowncontrol {
    height: 60px;
    font-size: 1.25rem;
    border: 1px solid #B3B3B3 !important;
}

    .associationdropdowncontrol:focus {
        border-color: #B3B3B3 !important;
    }

.taginputcontrol {
}

    .taginputcontrol:focus {
        border-color: #B3B3B3 !important;
    }

.assetdropdown.form-label-group.in-border label::after {
    width: 60px;
}

/*#endregion*/

/*#region Stock Landing Page*/

.stockinputcard {
    height: 560px;
    width: 100%;
    border-radius: 3.25rem;
    box-shadow: 0 0 20px -10px #ffffff;
    background-color: #ffffff;
    margin-bottom: 2px;
}

.stocklandingpageformheight {
    height: 403px;
}

.barcodeinput.form-label-group.in-border label::after {
    width: 85px;
}

.lotbatchinput.form-label-group.in-border label::after {
    width: 97px;
}

.productiondateinput.form-label-group.in-border label::after {
    width: 156px;
}

.expirydateinput.form-label-group.in-border label::after {
    width: 113px;
}

.categorydropdown.form-label-group.in-border label::after {
    width: 92px;
}

.ownerdropdown.form-label-group.in-border label::after {
    width: 70px;
}

.assignedlocationdropdown.form-label-group.in-border label::after {
    width: 173px;
}

.twoinputcontrolwidth {
    width: 235px;
}

.stocklandingpagedropdowncontrol {
    height: 48px;
    font-size: 1.25rem;
}

.stocklandingpageinputcontrolwidth {
    width: 388px;
}

.stocklandingpagedropdowncontrolwidth {
    width: 388px;
}

.stocklandingpagebody {
    display: flex;
    justify-content: center;
    padding: 15px;
}

.landingpageiconcolumn {
    display: flex !important;
}

.stockraddatepicker.RadPicker {
    vertical-align: middle;
    display: inline-block;
    width: 169px;
    line-height: 1.42857143;
    height: 34px;
}

    .stockraddatepicker.RadPicker .RadInput > input {
        float: left;
        border: none;
        padding-left: 2px;
        padding-top: 5px;
        padding-bottom: 6px;
        font-size: 17px;
    }

.productiondatelabel {
    left: 10px !important;
    top: 1px !important;
    line-height: 0 !important;
    background: #ffffff;
    height: 10px;
    padding: 3px !important;
    font-size: 14px !important;
}

.expirydatelabel {
    left: 11px !important;
    top: 1px !important;
    line-height: 0 !important;
    background: #ffffff;
    height: 10px;
    padding: 3px !important;
    font-size: 14px !important;
}

.stocklandingpageclearbutton {
    background-color: #ffffff;
    border-color: rgb(130 130 130 / 0.06);
    width: 190px;
    box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
}

    .stocklandingpageclearbutton:hover {
        background-color: #ffffff;
        border-color: rgb(130 130 130 / 0.06);
        box-shadow: 0 .1rem 0.1rem rgba(0,0,0,.15) !important;
    }

.stocklandingpagedatepickercontrol.RadPicker .RadInput {
    height: 35px !important;
}

/*#endregion*/

/*#region Ajax Tab Control*/
.ajax__tab_container {
    color: Black !important;
}

.property_tab .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    margin-right: 0 !important;
    border: 0 !important;
}

.property_tab .ajax__tab_header {
    font-family: verdana,tahoma,helvetica !important;
    font-size: 12px !important;
    background: url(../../Images/Tabs/tab-line.gif) repeat-x bottom !important;
}

.property_tab .ajax__tab_outer {
    padding-right: 4px;
    background: url(../../Images/Tabs/tab-right.gif) no-repeat right !important;
    height: 21px;
}

.property_tab .ajax__tab_inner {
    padding-left: 3px !important;
    background: url(../../Images/Tabs/tab-left.gif) no-repeat !important;
}

.property_tab .ajax__tab_tab {
    height: 13px !important;
    padding: 4px !important;
    margin: 0 !important;
    background: url(../../Images/Tabs/tab.gif) repeat-x !important;
}

.property_tab .ajax__tab_hover .ajax__tab_outer {
    background: url(../../Images/Tabs/tab-hover-right.gif) no-repeat right !important;
}

.property_tab .ajax__tab_hover .ajax__tab_inner {
    background: url(../../Images/Tabs/tab-hover-left.gif) no-repeat !important;
}

.property_tab .ajax__tab_hover .ajax__tab_tab {
    background: url(../../Images/Tabs/tab-hover.gif) repeat-x !important;
}

.property_tab .ajax__tab_active .ajax__tab_outer {
    background: url(../../Images/Tabs/tab-active-right.gif) no-repeat right !important;
}

.property_tab .ajax__tab_active .ajax__tab_inner {
    background: url(../../Images/Tabs/tab-active-left.gif) no-repeat !important;
}

.property_tab .ajax__tab_active .ajax__tab_tab {
    background: url(../../Images/Tabs/tab-active.gif) repeat-x !important;
}

.property_tab .ajax__tab_body {
    border: 1px solid #999999 !important;
    border-top: 0 !important;
    padding: 8px !important;
    background-color: #ffffff !important;
}


/*#endregion*/

/*#region Ajax File Upload */

.ajax__fileupload_selectFileButton {
    display: block;
    height: 27px !Important;
    line-height: 27px !Important;
    width: 54px !Important;
    text-align: right;
    background-color: #085394 !Important;
    color: #ffffff !Important;
    cursor: pointer;
    margin-right: 4px;
    font-size: 12px !Important;
}

.ajax_fileupload_cancelbutton {
    width: 60px;
    text-align: center;
    cursor: pointer;
    color: white;
    font-weight: normal !important;
    background-color: #C80000 !Important;
}

.ajax__fileupload_fileItemInfo .removeButton {
    cursor: pointer;
    background-color: #C80000 !Important;
    color: white;
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    float: left;
}


.ajax__fileupload_uploadbutton {
    width: 60px;
    text-align: center;
    cursor: pointer;
    color: white;
    font-weight: normal !important;
    background-color: #085394 !Important;
}

.ajax__fileupload_fileItemInfo {
    color: #085394;
    line-height: 20px;
    height: 20px;
    margin-bottom: 2px;
    overflow: hidden;
}

    .ajax__fileupload_fileItemInfo .filename {
        font-weight: normal;
    }

    .ajax__fileupload_fileItemInfo .uploadstatus {
        color: #085394;
        font-style: italic;
    }


.ajax__fileupload_dropzone {
    display: none;
}
/*#endregion*/

/*#region Google chart tooltip fix */

svg > g > g.google-visualization-tooltip {
    pointer-events: none
}
/*#endregion*/

/* IE & Edge fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .thumbnailcontainer, .systemgrid,
    .standardreportscontainer .reportbuildercontainer .locationstatuscontainer {
        top: 46px;
        height: calc(100% - 45px);
        left: 45px;
    }
}

@supports (-ms-ime-align:auto) {
    .thumbnailcontainer, .systemgrid,
    .standardreportscontainer {
        top: 46px;
        height: calc(100% - 45px);
        left: 45px;
    }
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}