.border {
    border: 0.2em solid #CFCFCF;
}

body {
    /* background-color: #c3c3c3;*/
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}

html {
    /* background: #efefef;*/
}

.breadcrumbs_section {
    background: #e2e2e2;
}

.breadcrumbs_item {
    color: #D1C4E9;
}

    .breadcrumbs_item:after {
        color: #8BC34A;
    }

    .breadcrumbs_item:last-child:after {
        display: none;
        color: var(--cssuiBreadcrumbsTextColorActive);
        color: #8BC34A;
    }

.breadcrumbs_item_active {
    color: #17a2b8 !important;
}

.breadcrumbs {
    --breadcrumbsTextColor: #D1C4E9;
    --breadcrumbsTextColorActive: #8BC34A;
    --breadcrumbsDividerColor: #D1C4E9;
}

.CssDash {
    border: 2.5px solid #BFBFBF;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #c6c6c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c6c6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#c6c6c6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c6c6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 );
}

    .CssDash:hover {
        background: #e2e2e2; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #e2e2e2 1%, #898989 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e2e2e2), color-stop(100%,#898989)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e2e2e2 1%,#898989 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e2e2e2 1%,#898989 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e2e2e2 1%,#898989 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e2e2e2 1%,#898989 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#898989',GradientType=0 ); /* IE6-8 */
    }

    .CssDash:active {
        -moz-box-shadow: 1px 1px 1px white, -1px -1px 1px #828282;
        -webkit-box-shadow: 1px 1px 1px white, -1px -1px 1px #828282;
        box-shadow: 2px 2px 1px white, -2px -2px 1px #828282;
    }

.RoundedDiv {
    background-color: #f2f2f2;
    border-color: #14afca;
}

.DashGraph {
    background-color: white;
}

/* These followings are hacks to ovveride the basic silk theme */
html .RadMenu_Silk .rmRootGroup {
    border: none !important;
    border-radius: unset !important;
    background: #d6d5d4 url(../Common/Gradients/radGradientHardLightV50.png) 0 0 repeat-x;
    border-radius: 0px !important;
}

html .RadMenu_Silk .rmRootLink:hover {
    padding-top: unset !important;
    padding-top: 0px !important;
}

    html .RadMenu_Silk .rmRootLink:hover .rmText:hover {
        padding-top: -1px !important;
    }

    html .RadMenu_Silk .rmRootLink:hover .rmText {
        padding-top: 0.5pc !important; /* Centralize the menu items text */
    }

    html .RadMenu_Silk .rmRootLink:hover .rmLeftImage {
        height: 100%;
    }

html .RadMenu_Silk .rmRootLink:hover {
    background: #bdbdbd !important;
}

/*
       This little hack ovverrides the .rmFocused css class of the theme and unset all the paddings and etc. 
       Reason why, for some reason when you click on the menu the Logo on the menu gets highlighted
*/
.RadMenu_Silk .rmRootLink.rmFocused {
    padding: 0 !important;
    margin: 0 !important;
    background: unset !important;
    background-image: none !important;
    background-color: none !important;
}

/* Custom ovverrides end */


#Footer {
    color: black;
    /*  box-shadow: 0 50vh 0 50vh #c3c3c3;*/
}

.DashFeed {
    border: 1px;
    color: black;
}

.feedItem-title {
    color: black; /* #3d84ca;  */
}

.feedItem-description {
    color: #606060;
}

.background {
    color: White;
    background-color: #393939;
}

.labels,
.details {
    font-size: 12px;
    color: Black;
}

.labelsPaths /* v2.3b3 */ {
    font-size: 13px;
    color: Black;
}

.GroupName {
    color: Black;
}

.rgRow, .rgAltRow, .rgSelectedRow {
    font-weight: normal !important;
}

.rgRow {
    background: #f5f5f5;
}

.rgAltRow {
    background: #ffffff;
}

.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table, .RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip {
    font-size: 11px !important;
    text-transform: none; /* v2.3b3 */
}

    .RadGrid .rgHeader, .RadGrid .rgHeader a {
        font-size: 11px !important; /* v2.3b3 */
        color: Black !important;
        font-weight: 500 !important;
    }

    .RadGrid .rgCommandRow a {
        font-size: 12px !important;
        color: Black !important;
    }

    .RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td {
        padding-top: 0.5px !important;
        padding-bottom: 0.5px !important;
        text-transform: none; /* v2.3b3 */
    }

.RadGrid_Silk .rgHeader, .RadGrid_Silk th.rgResizeCol, .RadGrid_Silk .rgHeaderWrapper, .RadGrid_Silk .rgFilterRow {
    background-color: #e6e6e6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: white !important;
}

    .RadGrid_Silk .rgHeader, .RadGrid_Silk .rgHeader a {
        font-weight: 500;
    }

.details1,
.GeneralDescriptions {
    background: #D6D6D6;
}

.ConsumablesDiv {
    border-left: 1px solid rgb(217,217,217);
}

.deviceReadingsTr {
    outline: 1px solid rgb(217,217,217);
}

.GeneralInfo {
    border: 1px solid rgb(217,217,217);
    background: white;
}

.multiEdit {
    border-right: 2px solid #D6D6D6;
}

.LoginLables {
    color: Black;
}

.DownloadLink {
    color: Blue;
}

.RadGrid_Silk .rgMasterTable .rgSelectedCell, .RadGrid_Silk .rgSelectedRow, .RadGrid_Silk .rgMasterTable .rgSelectedCell a, .RadGrid_Silk .rgSelectedRow a {
    cursor: url('../../../Img/1368031238_mouse_select_right.cur'), auto !important;
}

div.RadUpload .ruBrowse {
    color: black !important;
    width: 100px;
    background-position: 0 0px;
}

div.RadUpload_Default .ruFileWrap .ruButtonHover {
    background-position: 100% -0px !important;
}

.ModelsGrid {
    background-color: #DEDEDE;
    height: 25px;
}

/* v2.3 */
.scheduledTasksDatePeriod {
    width: 97px;
}

.border_bottom {
    border-bottom: 1px solid #14afca !important;
}

.labelCurrentlySet {
    color: forestgreen;
    margin-left: 20px;
    display: none;
    height: 19px;
    display: inline;
    font-weight: bold;
    vertical-align: middle;
}

.labelNotInstalled {
    color: red;
    margin-left: 0px;
    display: none;
    height: 19px;
    display: inline;
}

.rsbPopup {
    border-color: #2dabc1 !important;
}

.rsbSlide {
    margin-left: 7px !important; /* IssueNo #1768 */
}

.emailTextBox {
    height: 250px;
    width: 600px;
    margin-right: 15px;
}

.jobTicketHistory .RadListBox {
}

    .jobTicketHistory .RadListBox  .rlbItem,
    .jobTicketHistory .RadListBox  .rlbItem .rlbItem.rlbSelected {
        margin: 5px;
        padding: 5px;
        border-width: 1px;
        border-color: #cccccc!important;
        border-style: solid;
        border-radius: 3px;
    }
.JobTicketHistoryChangeLog {
    font-size:smaller;
    margin-bottom:3px;
    margin-top:3px;
    font-style:italic;
}

.rlbGroup {
    border-color: #cccccc !important;
    border-style: solid;
    border-radius: 3px;
}

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.breadcrumbs_section a {
    color: #14afca !important;
}

    .breadcrumbs_section a:hover {
        color: #1770b8 !important;
    }