﻿/*Fixes sorted columns so that all cells have the same color*/
.RadGrid_Bootstrap .rgSorted {
    background-color: #ececec !important;
}
/*Changes color of RadGrid AltRow styling*/
.RadGrid_Bootstrap .rgAltRow>td {
    background-color:#f8f9fa !important; /*bs-gray-100*/
}
/*Changes color of RadGrid Row and AltRow hover*/
.RadGrid_Bootstrap .rgHoveredRow>td {
    background-color: #dee2e6 !important; /*bs-gray-300*/
}
/*Hover/Selected Row from MyProjects RadGrid dropdown*/
.RadGrid_Bootstrap .rgSelectedRow>td {
    background-color:#e9ecef !important; /*bs-gray-200*/
    color:#000 !important;
}
/*Removes all grid vertical lines inside of RadGrid EXCEPT Header cells*/
.RadGrid_Bootstrap .rgRow>td, .RadGrid_Bootstrap .rgAltRow>td, .RadGrid_Bootstrap .rgEditRow>td {
    border-left: none !important;
    border-right: none !important;
}
/*Removes all grid vertical lines inside of RadGrid FOR Header cells and adjust background color*/
.RadGrid_Bootstrap .rgHeader {
    border-left: none !important;
    background-color: #6cbcea !important;
}v
/*RADGRID HEADER CELL WITH LINK*/
.RadGrid_Bootstrap .rgHeader a {
    background-color: #6cbcea !important;
}
/*RadGrid header cell sorted highlight color*/
th.rgHeader.rgSorted  {
    border-left: none !important;
    background-color: #6cbcea !important;
}

/*Removes Telerik RadGrid header vertical borders
.RadGrid_BootstrapRVS .rgHeader, .RadGrid_BootstrapRVS th.rgResizeCol, .RadGrid_BootstrapRVS .rgHeaderWrapper, .RadGrid_BootstrapRVS .rgMultiHeaderRow th.rgHeader {
    border-left: none
}

/*Removes Telerik RadGrid row  horizontal borders
.RadGrid_BootstrapRVS .rgRow > td, .RadGrid_BootstrapRVS .rgAltRow > td, .RadGrid_BootstrapRVS .rgEditRow > td {
    border-width: 0 0 1px 0;
}*/

/*Page Number background and outline color on RadGrid pagination*/
.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #f47c31 !important;
    border: 1px solid #f47c31 !important;
    color: #000 !important;
}
/*Pulls RadGrid on Default.aspx to top of column to touch RadTab*/
.multiPage {
    padding: 0 !important;
}

/*START STYLING PROJECT SUBMISSION HISTORY GRID*/
.ProjectSubGrid th.rgHeader a, .ProjectSubGrid th.rgHeader.rgSorted a {
    color:#FFFFFF !important;
}
.ProjectSubGrid th.rgHeader.rgSorted {
    background-color:#343a40 !important; 
    padding: 0 0 0 8px !important;
}
.ProjectSubGrid .rgMasterTable .rgHeader, .ProjectSubGrid .rgMasterTable .rgHeader .rgSorted  {
    background-color:#6c757d !important;
    color: #FFF !important;
    padding: 0.5rem 0 0.5rem 8px;
    margin-bottom: 0;
    font-weight:normal !important;
}

/*.ProjectSubGrid thead tr {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}*/

/*START RADTAB STYLING*/
/*Removes tab border radius*/
.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLink {
    border-radius: 0px 0px !important;
    border:hidden !important;
    background-color: #f8f9fa !important;
}
/*Removes tab outlines*/
.RadTabStrip_Bootstrap .rtsLevel1 .rtsUL {
    border: 0 solid #dedede ;
    overflow: visible;
}
.RadTabStripTop_Bootstrap .rtsLevel1 .rtsLI {
    margin-bottom: -1px;
}

/*Adds stripe at bottom of Active tab*/
.RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected, .RadTabStrip_Bootstrap .rtsLevel1 .rtsSelected:hover {
    border-bottom: 4px solid #db2211 !important;
}

/*Re-colors tab text*/
.RadTabStrip_Bootstrap .rtsLink {
    padding: 1rem 1rem 1rem 6rem;
    color: #6c757d !important;
    font-weight: bold;
}
/*Re-colors tab on Hover and adds bottom border to hide body background color*/ 
.RadTabStrip_Bootstrap .rtsLink:hover {
    background-color: #dedede !important;
    border-bottom: 4px solid #dedede !important;
}
/*Re-colors tab text onSelect and Hover*/
.RadTabStrip_Bootstrap .rtsSelected, .RadTabStrip_Bootstrap .rtsSelected:hover {
    color: #db2211 !important;
}
/*Removes RadTab bottom border*/
.RadTabStripTop_Bootstrap .rtsLevel1 .rtsUL {
    border-bottom-width: 0px !important;
}

/*Removes blue color on PRINT REEPORT button (primary) which is overwriting Bootstrap styles*/
#ProjectTools .btn-outline-danger:any-link {
    color: #dc3545;
}
#ProjectTools .btn-outline-danger:hover {
    color: #FFF;
}
#ProjectTools .btn-primary {
    color: #FFF;
}
/*Styling for Missing Fields/Incomplete Sections report look as sent from database*/
#MissingFieldsBlock ul { 
    width:100%;
    padding:0;
    margin-top:0;
}
#MissingFieldsBlock h4 {
   font-size:small;
   text-transform:uppercase;
   margin-bottom:0;
}
#MissingFieldsBlock ul > li {
   background-color:#dee2e6;
   display:inline-block;
   padding:0.75rem 1rem;
   margin:1rem .5rem .5rem 1rem;
   border-radius: 0.3rem;
   line-height:1rem;
}
/*Hides RadGrid dropdown chevron*/
/*.RadGrid_Bootstrap .rgExpand, .RadGrid_Bootstrap .rgCollapse {
    display: none; /*removes all spacing of it too, this may need to be adjusted*/

/*Style for "No submissions found" text on Submission History Grid*/
.rgNoRecords td {
    font-size: x-large;
    font-style: italic;
    text-align: center !important;
    padding: 4rem !important;
}


/*RADEDITOR FIXES BECAUSE THE SKIN IS NON-EDITABLE ON THE FLY*/

/*STYLE THE OUTER PANEL OF THE RADEDITOR*/
.Bootstrap.RadEditor {
}
/*STYLES THE INNER PANEL OF THE RADEDITOR*/
.RadEditorFix body {
    color:#FF00FF !important;
    background-color:#FF00FF !important;
}

.reContentCell iframe body {
    background-color:#FF00FF !important;
    font-family: Arial !important;
}

/*REMOVES BLACK BORDER AROUND THE RADEDITOR FOOTER WHERE WORD COUNT LIVES*/
.reModule {
    border: none !important;
    background-color: WhiteSmoke !important;
}
/*STYLES EDITOR BUTTON BAR PLACEMENT*/
.reToolbar.Bootstrap {
    padding-top: .5rem !important;
}
/*STYLES EDITOR BUTTON COLOR*/
.Bootstrap.reToolbarWrapper li {
    background-color: white !important;

}
.Bootstrap.reToolbarWrapper li a:hover {
    background-color: lightgrey !important;
    cursor:pointer !important;
}

html, body, form {
    font-family: Arial, Helvetica, sans-serif !important;
}
