/* Master Template Styles */
body {
    font-family: 'Source Sans Pro', sans-serif;
}

.customValidation {
    color: red;
    font-weight: bold
}

.siteContainer {
    height: 100%;
    width: 100%;
    background-color: white;
    margin-top: 122px;
}

h2, h3, h4, h5 {
    color: #596b6c;
}

/* Login Page */
#login {
    background-color: white;
    border-radius: 10px;
    padding: 25px;
}

#loginContainer {
    height: 100%;
    width: 100%;
    background-color: #233132;
}

/* Header Styles */
.header-row {
    background-color: #182021;
}

.mobile-logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fill {
    min-height: 100%;
    height: 100%;
}

/* Footer Styles */
.footer-padding {
    padding-bottom: 62px;
}

.footer {
    /*position: fixed;
    bottom: 0;*/
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #233132;
    color: white;
}

.footer-link {
    color: rgba(255,255,255,.5);
}

a.footer-link:focus,
a.footer-link:hover {
    color: #ffffff;
}

/* Custom Menu */
.RadMenu_Bootstrap .rmRootGroup {
    border-color: #182021 !important;
    color: white !important;
    background-color: #182021 !important;
    border-radius: 4px !important;
    font-family: 'Source Sans Pro', sans-serif;
    border-bottom-color: #e9e9e9 !important;
}

    .RadMenu_Bootstrap .rmRootGroup .rmRootLink {
        color: white !important;
    }

.RadMenu_Bootstrap .rmRootLink:hover {
    background-color: #e9e9e9 !important;
    color: #272629 !important;
    border-radius: 5px 5px 0px 0px;
}

.RadMenu_Bootstrap .rmSelected .rmRootLink {
    background-color: #e9e9e9 !important;
    color: #272629 !important;
    border-radius: 5px 5px 0px 0px;
}

.RadMenu_Bootstrap .rmSelected .rmRootLink, .RadMenu_Bootstrap .rmExpanded .rmRootLink {
    background-color: #e9e9e9 !important;
    color: #272629 !important;
    border-radius: 5px 5px 0px 0px;
}

.RadMenu_Bootstrap .rmGroup .rmSelected > .rmLink, .RadMenu_Bootstrap .rmGroup .rmSelected > .rmLink:hover, .RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink, .RadMenu_Bootstrap .rmGroup .rmExpanded > .rmLink:hover {
    background-color: #e5e2e2 !important;
    color: #272629 !important;
    border-radius: 5px 5px 0px 0px;
}

.rmItem.rmTemplate:hover {
    background-color: #e9e9e9 !important;
    border-radius: 5px 5px 0px 0px;
    height: 52.8px;
}

    .rmItem.rmTemplate:hover span {
        color: #272629 !important;
    }

.profile-menu-selected {
    background-color: #e9e9e9 !important;
    border-radius: 5px 5px 0px 0px;
    height: 52.8px;
}

    .profile-menu-selected span {
        color: #272629 !important;
    }
/* Custom Menu - Mobile */
.RadMenuPopup_Bootstrap .rmItem.rmSelected {
    background-color: #182021 !important;
}

.RadMenuPopup_Bootstrap {
    font-family: 'Source Sans Pro', sans-serif !important;
    z-index: 1000 !important;
}

/* Change top padding for user icon*/
.RadMenu .rmRootGroup .rmContent {
    padding: 0.5em .9em .35em !important;
}

/* RadMenu */
.RadTabStrip_Default {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* RadGrid */
.rgMasterTable {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.rgGroupPanel {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.RadGrid_Bootstrap .rgPagerCell {
    font-family: 'Source Sans Pro', sans-serif !important;
}

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
        border-color: #182021 !important;
        background-color: #182021 !important;
    }

.RadGrid .rgPagerCell .rgPagerButton {
    border-color: #FE4E06 !important;
    color: #ffffff !important;
    background-color: #fe692c !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPagerButton:hover {
    border-color: #d23e01 !important;
    color: #ffffff !important;
    background-color: #f64801 !important;
}

.RadGrid_Bootstrap .rgNoRecords td {
    padding: 5px;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell,
.RadGrid_Bootstrap .rgSelectedRow td,
.RadGrid_Bootstrap td.rgEditRow .rgSelectedRow,
.RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    color: #000000 !important;
    background-color: #B8CAD2 !important;
}

.RadGrid_Bootstrap .rgAltRow {
    background-color: #FFFBF1 !important;
}

/* Combo boxes */
.RadComboBox_Bootstrap {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Dropdown List*/
.RadDropDownList_Bootstrap {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.RadComboBoxDropDown_Bootstrap {
    font-family: 'Source Sans Pro', sans-serif !important;
}
/* Text boxes */
.RadInput_Bootstrap {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Rad Window */
.RadWindow .rwTitleWrapper {
    height: 2.0em !important;
}

.MyModalPanel {
    position: fixed;
    z-index: 999999 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity:0.9 !important;
}

/* Rad Upload */
.RadUpload .ruFakeInput {
    height: 1.5em !important;
    width: 15em !important;
}

.RadUpload .ruBrowse {
    height: 1.5em !important;
}

.overRadMenu {
    z-index: 8000 !important;
}

.RadButton .rbPrimaryIcon {
    margin: 0px 5px 0 5px !important;
}

#desktopMenuWrapper, #mobileMenuWrapper {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.img-col {
    min-height: 50px !important;
}

.users-grid .rgHeaderWrapper,
.organization-grid .rgHeaderWrapper,
.projects-grid .rgHeaderWrapper,
.inspection-grid .rgHeaderWrapper,
.sam-grid .rgHeaderWrapper,
.data-grid .rgHeaderWrapper,
.projects-grid .rgGroupPanel,
.cruise-grid .rgHeaderWrapper,
.status-grid .rgHeaderWrapper,
.fixed-tab {
    position: sticky;
    position: -webkit-sticky;
    z-index: 99;
}

    .fixed-tab .RadTabStrip {
        background-color: white;
    }

.users-grid .rgHeaderWrapper,
.organization-grid .rgHeaderWrapper,
.inspection-grid .rgHeaderWrapper,
.sam-grid .rgHeaderWrapper,
.data-grid .rgHeaderWrapper,
.projects-grid .rgHeaderWrapper {
    top: 120px;
}

.fixed-tab {
    top: 115px;
}


.data-grid .rgHeaderWrapper,
.status-grid .rgHeaderWrapper,
.cruise-grid .rgHeaderWrapper {
    top: 160px;
}

.cruise-grid .rgGroupPanel {
    z-index: 90;
}

.rgExpXLS {
    border-color: #FE4E06 !important;
    color: #ffffff !important;
    background-color: #fe692c !important;
    width: 102px !important;
    padding: 5px !important;
}

    .rgExpXLS:after {
        content: 'Export Excel' !important;
    }

    .rgExpXLS .rgExpXLSIcon {
        width: 0px !important;
        height: 0px !important;
        display: none !important;
        visibility: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .rgExpXLS.aspNetDisabled {
        opacity: 0.4;
    }

@media only screen and (max-width: 991px) {
    .siteContainer {
        margin-top: 105px;
    }

    .users-grid .rgHeaderWrapper,
    .organization-grid .rgHeaderWrapper,
    .inspection-grid .rgHeaderWrapper,
    .sam-grid .rgHeaderWrapper,
    .data-grid .rgHeaderWrapper,
    .projects-grid .rgHeaderWrapper {
        top: 98px;
    }

    .fixed-tab {
        top: 100px;
    }

    .data-grid .rgHeaderWrapper,
    .status-grid .rgHeaderWrapper,
    .cruise-grid .rgHeaderWrapper {
        top: 143px;
    }
}

#ralp {
    z-index: 200;
}

@media only screen and (max-width: 767px) {
    .siteContainer {
        margin-top: 140px;
    }

    .fixed-tab {
        top: 135px;
    }

    .data-grid .rgHeaderWrapper,
    .status-grid .rgHeaderWrapper,
    .cruise-grid .rgHeaderWrapper {
        top: 178px;
    }
}

@media only screen and (max-width: 530px) {
    .footer-text {
        font-size: 13px;
    }
}

.plot-tree.RadGrid .rgFilterRow .RadInput_Bootstrap,
.plot-tree.RadGrid .rgFilterRow .RadPicker_Bootstrap {
    width: 90% !important;
}

    .plot-tree.RadGrid .rgFilterRow .RadPicker_Bootstrap .RadInput_Bootstrap {
        width: 100% !important;
    }

.plot-tree.RadGrid .rgFilterRow td {
    overflow: visible !important;
}

#customwidgets {
    box-shadow: none;
}

    #customwidgets .btn {
        box-shadow: 0 1px 2px #00619b;
    }

.mar-top-50{
    margin-top:50px;
}