/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

body.open {
    overflow: hidden;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input[type="text"],
input[type="password"] {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}



/*Everything below here was added by devmecca*/

/*.editformitemmargin {
  margin-bottom: 8px !important;
  margin-top: 8px !important;
  margin-left: 4px !important;
}*/

.displaynone {
    display: none !important;
}

/*bumped up the z-index to 100000 because bootbox was coming up behind radwindow modal on the filter form*/
.modal {
    display: none;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

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

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

.text-left {
    text-align: left !important;
}

.inlineblock {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.content-container {
    min-width: 800px;
    max-width: 1000px;
}

.disabledfield, .disabledfield input {
    border-color: gainsboro !important;
    background-color: whitesmoke !important;
}

.requiredfield, .requiredfield input {
    border-color: chartreuse !important;
    background-color: mintcream !important;
}

.requiredfielderror, .requiredfielderror input {
    border-color: #f08080 !important;
    background-color: #ffe2e2 !important;
}

.fieldwidth90perc {
    width: 90% !important;
}

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

.customhierarchialgridHeader {
    /*margin-left: 38px !important;*/
    /*background-color: #1E90FF;*/
    background: brown !important;
    font-size: 15px !important;
    color: white !important; /*add more style definitions here*/
}

#successnotify {
    position: fixed;
    z-index: 9999;
    /*left:0;*/
    top: 20px;
    /*margin: 0 auto;*/
    /*width: 60% !important;*/
    color: aliceblue !important;
    background-color: forestgreen !important;
    font-size: 16px !important;
    left: 50%;
    transform: translateX(-50%);
}

#dangernotify {
    position: fixed;
    z-index: 9999;
    /*left:0;*/
    top: 20px;
    /*margin: 0 auto;*/
    /*width: 60% !important;*/
    color: #ffffff !important;
    background-color: #c0392b !important;
    font-size: 16px !important;
    left: 50%;
    transform: translateX(-50%);
}

#warningnotify {
    position: fixed;
    z-index: 9999;
    /*left:0;*/
    top: 80px;
    /*margin: 0 auto;*/
    /*width: 60% !important;*/
    color: #856404 !important;
    background-color: #ffe181 !important;
    border: 1px solid #ffd85f !important;
    font-size: 16px !important;
    left: 50%;
    transform: translateX(-50%);
}

#browserwarningnotify {
    position: relative;
    z-index: 9999;
    color: #856404 !important;
    background-color: #ffe181 !important;
    border: 1px solid #ffd85f !important;
    font-size: 14px !important;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom-color: orange !important;
}

/*Just a background Color application*/
.lightgraybackground {
    background-color: #f2f2f2 !important; /*95%*/
}

/*Use this for styling margins and paddings on controls*/
.mr1 {
    margin-right: 1px !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr9 {
    margin-right: 9px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

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

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

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

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

.ml5 {
    margin-left: 5px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: -15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml39 {
    margin-left: 39px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt1 {
    margin-top: 1px !important;
}

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

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

.mt5 {
    margin-top: 5px !important;
}

.mt7 {
    margin-top: 7px !important;
}

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

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

.mt15 {
    margin-top: 15px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt100 {
    margin-top: 100px !important;
}

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

.mb1 {
    margin-bottom: 1px !important;
}

.mb2 {
    margin-bottom: 2px !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.m0 {
    margin: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.p0 {
    padding: 0px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p5 {
    padding: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.p10 {
    padding: 10px !important;
}

.p20 {
    padding: 20px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.p60 {
    padding: 60px !important;
}

.p70 {
    padding: 70px !important;
}

.p80 {
    padding: 80px !important;
}

.p90 {
    padding: 90px !important;
}

.p100 {
    padding: 100px !important;
}

.pt2 {
    padding-top: 2px !important;
}

.pt5 {
    padding-top: 5px !important;
}

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

.pt10 {
    padding-top: 10px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

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

.pt50 {
    padding-top: 50px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb2 {
    padding-bottom: 2px !important;
}

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

.pb10 {
    padding-bottom: 10px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pr1 {
    padding-right: 1px !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pr3 {
    padding-right: 3px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pr60 {
    padding-right: 60px !important;
}

.pr70 {
    padding-right: 70px !important;
}

.pr80 {
    padding-right: 80px !important;
}

.pr90 {
    padding-right: 90px !important;
}

.pr100 {
    padding-right: 100px !important;
}

.pl1 {
    padding-left: 1px !important;
}

.pl2 {
    padding-left: 2px !important;
}

.pl3 {
    padding-left: 3px !important;
}

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

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pl60 {
    padding-left: 60px !important;
}

.pl70 {
    padding-left: 70px !important;
}

.pl80 {
    padding-left: 80px !important;
}

.pl90 {
    padding-left: 90px !important;
}

.pl100 {
    padding-left: 100px !important;
}

.fontsize0_25em {
    font-size: 0.25em !important;
}

.fontsize0_5em {
    font-size: 0.5em !important;
}

.fontsize0_75em {
    font-size: 0.75em !important;
}

.fontsize1em{
    font-size: 1em !important;
}

.fontsize1_25em {
    font-size: 1.25em !important;
}

.fontsize1_5em {
    font-size: 1.5em !important;
}

.fontsize1_75em {
    font-size: 1.75em !important;
}

.fontsize2em {
    font-size: 2em !important;
}

.borderless {
    border: 0 !important;
}

/*For General Cursor Options*/

.cursorAlias {
    cursor: alias !important;
}

.cursorAllScroll {
    cursor: all-scroll !important;
}

.cursorAuto {
    cursor: auto !important;
}

.cursorCell {
    cursor: cell !important;
}

.cursorColResize {
    cursor: col-resize !important;
}

.cursorContextMenu {
    cursor: context-menu !important;
}

.cursorCopy {
    cursor: copy !important;
}

.cursorCrosshair {
    cursor: crosshair !important;
}

.cursorDefault {
    cursor: default !important;
}

.cursorEResize {
    cursor: e-resize !important;
}

.cursorEWResize {
    cursor: ew-resize !important;
}

.cursorGrab {
    cursor: grab !important;
}

.cursorGrabbing {
    cursor: grabbing !important;
}

.cursorHelp {
    cursor: help !important;
}

.cursorInherit {
    cursor: inherit !important;
}

.cursorInitial {
    cursor: initial !important;
}

.cursorMove {
    cursor: move !important;
}

.cursorNResize {
    cursor: n-resize !important;
}

.cursorNEResize {
    cursor: ne-resize !important;
}

.cursorNESWResize {
    cursor: nesw-resize !important;
}

.cursorNoDrop {
    cursor: no-drop !important;
}

.cursorNone {
    cursor: none !important;
}

.cursorNotAllowed {
    cursor: not-allowed !important;
}

.cursorNSResize {
    cursor: ns-resize !important;
}

.cursorNWResize {
    cursor: nw-resize !important;
}

.cursorNWSEResize {
    cursor: nwse-resize !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.cursorProgress {
    cursor: progress !important;
}

.cursorRowResize {
    cursor: row-resize !important;
}

.cursorSResize {
    cursor: s-resize !important;
}

.cursorSEResize {
    cursor: se-resize !important;
}

.cursorSWResize {
    cursor: sw-resize !important;
}

.cursorText {
    cursor: text !important;
}

.cursorUnset {
    cursor: unset !important;
}

.cursorVerticalText {
    cursor: vertical-text !important;
}

.cursorWResize {
    cursor: w-resize !important;
}

.cursorWait {
    cursor: wait !important;
}

.cursorZoomIn {
    cursor: zoom-in !important;
}

.cursorZoomOut {
    cursor: zoom-out !important;
}

/* CRW adn Graphs css styles */

/* Export button style */
.exportButton {
    float: right;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Heading properties for panels on graph pages */
.panel-heading.graph-heading {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Sliders */
.rddlSlide, .rddlDropDownSlide {
    z-index: 100002 !important;
}

.form-inline .RadCheckBox.RadButton.RadButton_Bootstrap {
    padding-top: 0px !important;
}

.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
    padding: 0px !important;
}

/*remove extra padding between checkbox and label*/
.checkbox label {
    padding-left: 0px !important;
}

/*apply disabled styles for disabled labels*/
.aspNetDisabled label {
    color: grey !important;
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/*Disabled for div*/
.disabledAllDiv {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed !important;
}

/*Disabled for div*/
.opacity40 {
    opacity: 0.4;
}

/* form sizes */
.form-lg {
    max-width: 1350px;
}

.form-md {
    max-width: 1150px;
}

.form-sm {
    max-width: 900px;
}

.well.disabled .btn {
    background-color: #808080;
    border-color: #808080;
}

/* List item*/
.one-ddl-item {
    border: 1px solid #e3e3e3;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-radius: 4px;
    display: block;
}

/* Styles for Select fields wizard step*/
.select-field-buttons button {
    width: 75px;
}

.select-field-buttons .row {
    margin-bottom: 10px;
}

.cntrFields .panel .panel {
    margin-bottom: 0px;
}

.RadTreeView .rtLines .rtLast:before {
    height: 1.3em !important;
}

.wzrd-buttons .btn {
    margin-right: 5px;
}

.rtLI.tvSelectedFieldNode .rtIn .glyphicon-stop,
.rtLI.tvSelectedFieldNode .rtIn .glyphicon-flash {
    color: #FFA500 !important;
}

/* To clear max-width*/
.no-max-width {
    max-width: none !important;
}

/* apply 100% width to anything */
.full-width {
    width: 100% !important;
}

/* Field Format step styles*/
.grdFieldFormat .t-font-icon.t-i-arrow-down {
    display: inline-block !important;
    font: 16px/1 "TelerikWebUI" !important;
}

.tablesList {
    list-style: none;
    height: 420px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-left: 5px;
}

.tablesList li {
    margin-bottom: 2px;
    margin-right: 2px;
}

.tablesList li:hover {
    background-color: #eee;
    cursor: pointer;
    margin-bottom: 2px;
}

.tablesList li.selected {
    color: #fff;
    background: #337ab7;
}

/* Buttons in the panel footer*/
.btn-footer {
    margin-left: 10px;
}

/* Sort ORder step*/
.sortOrderContainer .row, .sortOrderContainer .row > .col-md-6, .sortOrderContainer .row > .col-md-6 > div {
    height: 100%;
}

/* Options Window*/
.options-window .rwContent {
    overflow-x: hidden !important;
}

/*custom fields window*/

.custom-fields-window .row {
    margin-bottom: 10px;
}

.cf-window .rwContent, .cf-window .rwContentRow, .cf-window .rwContentRow .rwWindowContent div {
    overflow: hidden !important;
}

.cf-window .rwTitleBar, .cf-window .rwTitleRow, .cf-window .rwTitlebar, .cf-window .rwTitleRow .rwCorner {
    background-color: #3498db !important;
    color: #fff !important;
}

.cf-window .rwIcon, .cf-window .rwCustomIcon {
    display: none !important;
}

.fields-grid th, .filter-grid-table th {
    background-color: #DFF0D8 !important;
}

/*chart background styles*/
.chart-background .layer-green {
    background: green; /* for old browsers */
    background: linear-gradient(to right, green 20%, #E5F1FF);
}

.chart-background .layer-yellow {
    background: yellow; /* for old browsers */
    background: linear-gradient(to right, yellow 20%, #E5F1FF);
}

.chart-background .layer-orange {
    background: orange; /* for old browsers */
    background: linear-gradient(to right, orange 20%, #E5F1FF);
}

.chart-background .layer-red {
    background: red; /* for old browsers */
    background: linear-gradient(to right, red 20%, #E5F1FF);
}

.chart-background .layer {
    margin: 0px;
}

.layer-container {
    text-align: left;
}

.gaugeHolderCurrent {
    border: solid 3px #2980B9;
    height: 0;
    width: 90%;
    padding-bottom: 90%;
}

.gaugeHolderRSL {
    border: solid 3px #91C440;
    height: 0;
    width: 90%;
    padding-bottom: 90%;
}

.currentPCIGaugeHolder {
    position: relative;
    margin: 3px;
    border-radius: 50%;
    /*background: radial-gradient(#00A4C7, #0B516F);*/
    text-align: center;
    background-color: #2980B9 !important;
}

/*.currentPCIGaugeHolder .gaugeComponent div[data-role="surface"],*/
/*.rslGaugeHolder .gaugeComponent div[data-role="surface"] {*/
/*width: 182px !important;*/
/*}*/

.rslGaugeHolder {
    position: relative;
    margin: 3px;
    border-radius: 50%;
    /*background: radial-gradient(#3FBF00, #184B00);*/
    text-align: center;
    background-color: #91C440 !important;
}

.chartContainer {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.gaugeChartContainer {
    max-width: 298px;
    margin-left: 5px;
}

.CurrentPCIByChartContainer {
    text-align: center;
}

.segment {
    display: inline-block;
    /*height:140px;*/
    border: solid 1px lightgrey;
    vertical-align: top;
    background-color: bisque;
}

.trendSegment {
    width: 25%;
    height: 0;
    padding-bottom: 70%;
}

.trendSegment .trendContainer {
    position: relative;
    width: 100%;
    height: 140px;
}

.trendSegment .trendIcon {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 45px;
    width: 65px;
}

.trendSegment .trendValue {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: white;
}

.trendSegment .period-lbl {
    display: inline-block;
    position: absolute;
    top: 60%;
    left: 0px;
    right: 0px;
    font-size: 14px !important;
    font-weight: bold;
}

.trendSegment .trend-prev-period-prefix {
    margin-top: 15px;
}

.trendSegment .trend-prev-period {
    margin-top: 35px;
}

.gaugeSegment {
    height: 0;
    width: 70%;
    padding-bottom: 70%;
}

/*.currentPCIGaugeSegment{

}*/

.gaugeComponent {
    display: inline-block;
}

.gaugeComponent.moved-down {
    margin-top: -10px;
}

.gaugeLabel {
    margin-top: -40%;
    text-align: center;
}

.gaugeLabel span {
    display: block;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin-top: -2px;
    padding-bottom: 3px;
}

.historicalPCTChartContainer {
    height: 150px;
}

.historicalPCTChart {
    vertical-align: top;
    z-index: 9999;
}

.historicalPCTChartSegment {
    display: inline-block;
    height: 220px;
    width: 70%;
    vertical-align: top;
}

.mainHistoricalPCTChart {
    float: right;
}

#ChartBackgroundControl {
    z-index: 20;
}

.ni-value {
    text-align: left;
    color: #fff !important;
    font-size: 1.4em;
}

.ni-label {
    /*display: block;*/
    padding-bottom: 0px;
    font-size: 1.4em;
    color: #fff !important;
    text-align: center;
    border-left: 1px solid #fff;
}

.im-centered {
    margin: auto;
    max-width: 1000px;
}

.chart-collapse .table-wrapper {
    height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
}

.chart-collapse .table-wrapper table {
    margin-bottom: 0;
    width: 100% !important;
}

.chart-collapse .table-wrapper.open {
    height: auto;
}

#ContentPlaceHolder1_divSectionSummaryArea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#ContentPlaceHolder1_divSectionSummary {
    overflow: hidden;
}

.show__more {
    position: relative;
    width: 100%;
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    background: #fff;
}

.show__more:before {
    width: 100%;
    left: 0;
    top: 0;
    content: 'Show Legend';
}

.table-wrapper.open + .show__more:before {
    width: 100%;
    left: 0;
    top: 0;
    content: 'Hide Legend';
}

.show__more .carret {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    border-bottom: 0;
    position: relative;
    right: 15px;
}

.table-wrapper.open + .show__more .carret {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000;
    border-top: 0;
    position: relative;
    right: 15px;
}

/*Historical Network Condition Trends styles*/

.historicalNCTChartContainer.chart-container.chartContainer {
    display: flex;
}

.historicalNCTChartTrendSegment {
    margin-top: 12px;
    width: 25%;
    min-width: 170px;
    margin-left: 5px !important;
}

.historicalNCTChartSegment {
    display: inline-block;
    height: 220px;
    /*width: 70%;*/
    width: calc(100% - 180px);
    vertical-align: top;
}

.trendInfoContainer {
    width: 100%;
    font-size: 10px;
    border: solid #91C440 1px;
}

.trendMarkerContainer {
    width: 30px;
    height: 30px;
    position: absolute;
}

.trendMarkerContainer hr {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: red;
    height: 3px;
    width: 60%;
}

.trendMarkerContainer .trendDot {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 50%;
}

.trendTableContainer .trendName {
    display: block;
}

/*.trendTableContainer .trendPercent {
    display: block;
}*/

.historicalPCTChartSection {
    display: inline-block;
    vertical-align: top;
}

.chart-background {
    border: solid 1px #CCE4FF;
}

.refreshWarningContainer {
    position: absolute;
    border: solid 1px #2980B9;
    z-index: 100;
    background-color: #2980B9;
    display: block;
    max-height: 100%;
    max-width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60%;
    height: 30%;
    text-align: center;
    font-weight: bold;
}

.refreshBtnContainer {
    margin-top: 30px;
}

.filter-grid-table tbody tr td {
    text-align: center !important;
    font-size: 15px !important;
}

.filter-grid-table thead tr th {
    text-align: center !important;
}

.exsum-project-box-content {
    padding: 0px !important;
    background-color: #eff3f8;
}

.exsum-project-box-content .panel-body {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    text-align: center !important;
}

.first-row .exsum-project-box-content {
    height: 230px;
}

.second-row .exsum-project-box-content {
    height: 230px;
}

.buttonsContainer {
    margin-bottom: 40px !important;
    background-color: #eff3f8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.default .second-row .exsum-project-box-content {
    height: auto;
}

.buttonsContainer {
    margin-bottom: 40px !important;
    background-color: #eff3f8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.buttonsContainer button {
    font-size: 10px;
    width: 100%;
    margin: 3px;
    white-space: normal;
}

.buttonsContainer label {
    width: 100%;
    margin: 3px;
}

.buttonsContainer .btn-group {
    margin-top: 20px;
}

.buttonsContainer .btn-group span {
    font-size: 10px;
    width: 100% !important;
    margin: 3px !important;
    white-space: normal !important;
}

.btnImage {
    width: 15px;
    height: 15px;
}

/*.historicalMainPCTChart{
    /*display:inline-block;*/
/*position:absolute !important;*/
/*}*/

#ContentPlaceHolder1_UseToolsWarningLabel {
    position: absolute;
    top: 226px;
    margin-left: 50%;
    transform: translateX(-50%);
    max-width: max-content;
    width: 100%;
    border-color: transparent;
    color: #337ab7;
    font-size: 1.2em;
}

.historical .panel-heading.graph-heading .col-md-4.mt5 {
    position: absolute;
    top: 56px;
    width: 560px;
    left: 50%;
    margin-left: -280px;
}

.historical .panel-heading.graph-heading > .row {
    display: flex;
}

.historical .panel-heading.graph-heading > .row:before {
    display: none;
}

.historical .panel-heading.graph-heading > .row .col-md-5,
.historical .panel-heading.graph-heading > .row .col-md-3 {
    flex: 1;
}

.toggle-group {
    bottom: 0px;
    width: 100% !important;
    margin-bottom: 5px;
}

.first-row .toggle-group {
    display: inline-block;
}

.toggle-group label {
    font-size: 8px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px !important;
}

.toggle-group span {
    font-size: 10px;
    width: 100% !important;
    margin: 3px !important;
    white-space: normal;
    text-align: center !important;
}

.toggle-group .type-toggle {
    display: inline-block !important;
    float: none;
}

.st-toggle-group span {
    font-size: 8px !important;
    text-align: center;
}

.toggle-group {
    text-align: center;
}

.cur-pci-toggle-group span {
    font-size: 8px !important;
    text-align: center;
}

@media screen and (max-width: 1755px) {
    .project-box-header {
        font-size: 0.9em;
    }
}

@media screen and (max-width: 1590px) {
    .project-box-header {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 1475px) {
    .project-box-header {
        font-size: 0.7em;
    }

    .signneeds .col-lg-9.col-md-12.mt10.mobile {
        width: 100%;
    }
}

.headerText {
    color: #fff;
    font-weight: bold;
}

.st-measure span {
    font-size: 6px;
}

.exsum-switch-toggle-group {
    margin-bottom: 3px;
    margin-top: 3px;
}

/* Bootstrap styles for Telerik Buttons*/
.rbDanger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.rbDanger:hover {
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.rbDanger input, .rbWarning input {
    color: #fff !important;
}

.rdDangerDisabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.rbWarning {
    color: #fff !important;
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.rbWarning:hover {
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.rbFilterPrimary, .rbFilterPrimary .rbDecorated {
    color: #fff !important;
    background-color: #3498db !important;
    border-color: #2980b9 !important;
}

.rbFilterPrimary:hover {
    background-color: #2980B9 !important;
    border-color: #1C5C87 !important;
}

.rbFilterPrimary input, .rbFilterPrimary:hover input {
    background-color: transparent !important;
    border-color: transparent !important;
}

.section-item {
    display: inline-block !important;
}

.name {
    overflow: hidden;
    white-space: nowrap;
}

.user-box > .name {
    white-space: normal;
}

/*Styles for table with graph major grid lines*/
.table-chart-grid, .table-chart-grid-pci {
    width: 53%;
    height: 100%;
    margin-left: 47%;
    border: none;
    background: none;
    table-layout: fixed;
}

.table-chart-grid tr:not(:last-child) {
    border-bottom: 1px solid #f3f3f3
}

.table-chart-grid.five tr td {
    width: 20%;
}

.table-chart-grid tr td:not(:last-child) {
    border-right: 1px solid #f3f3f3;
}

.table-chart-grid.square tr td:not(:last-child) {
    width: 50% !important;
    border-right: none;
}

.table-chart-grid-pci tr:not(:last-child) td:not(:first-child) {
    border-bottom: 1px solid #f3f3f3;
}

.table-chart-grid-pci tr td:not(:first-child) {
    border-right: 1px solid #f3f3f3;
}

.ni-section-panel {
    background-color: #fff !important;
    margin: 7px;
    display: inline-block !important;
    padding: 2px !important;
    font-size: 16px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.category-grid-table tbody tr td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.separator {
    margin: 9px 0;
    border-width: 1px 0 0;
    border-color: #ccc;
    border-style: solid;
}

/*Adds no wrapping to the radgrids headers*/
div.RadGrid .rgHeader {
    white-space: nowrap;
}

/*class for reasizing charts*/
.resizable-panel {
    border: solid #5bc0de;
    padding: 0px;
    height: 100%;
}

.resizable-panel-container {
    height: 500px;
}

.filter-buttons {
    margin-top: 25px;
    margin-left: 10px;
}

.rcbLabel-aligned {
    vertical-align: sub;
}

#barLabelsMarginsPanel .rcbLabel {
    margin-top: 10px;
}

#lineLabelsMarginsPanel .rcbLabel {
    margin-top: 10px;
}

#lineSettingsDiv .rcbLabel {
    margin-top: 10px;
}

#seriesColorsDiv .rcbLabel {
    margin-top: 10px;
}

.panel-hide-outline {
    border-color: rgba(0, 0, 0, 0);
}

.panel-hide-outline .panel-heading.graph-heading {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

.inputError {
    background: #f08080;
}

.inputRequired {
    /*background: #7ff052;*/
    background: #f08080;
}

/*Import Asset Type */

.assetimport .height90px {
    height: 90px !important;
}

.assetimport #ContentPlaceHolder1_pnlStep1 .RadMultiPage {
    height: 100px;
}

.assetimport #ContentPlaceHolder1_pnlStep1 .RadMultiPage .col-md-5 {
    margin-top: 10px;
}

.assetimport #ContentPlaceHolder1_divStepTwo .col-md-2,
.assetimport #ContentPlaceHolder1_divStepTwo .col-md-6,
.assetimport #ContentPlaceHolder1_divStepTwo .col-md-4 {
    margin-bottom: 10px;
}

.assetimport .ContentPlaceHolder1_pnlStep4 {
    min-height: 50px;
}

.assetimport .ContentPlaceHolder1_pnlStep4 .RadGrid.RadGrid_Bootstrap {
    min-height: 30px;
}

/*Retroreflectivity Evaluations*/

.signretro .RadAjaxPanel .RadGrid {
    overflow: auto;
}

/*network status window*/
.radwindownetworkstatus .rwTitleWrapper .rwTitle {
    padding-left: 0px !important;
    background-color: #3498db !important;
    color: #fff !important;
}

@media (min-width: 1200px) {

    .row-lg-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .col-lg-flex {
        display: flex;
    }

    .col-lg-flex .main-box {
        width: 100%;
        background-color: #eff3f8;
    }

    .second-row .exsum-project-box-content {
        -webkit-flex: auto;
        -ms-flex: auto;
        -o-flex: auto;
        flex: auto;
        height: auto;
    }
}

/*css for help panel pop out*/

.sidehelp {
    height: 103.4vh;
    width: 0;
    position: absolute;
    z-index: 500 !important;
    top: 0;
    right: 3px;
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

.sidehelp a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    display: block;
    transition: 0.3s;
}

.sidehelp a:hover {
    color: #3498db;
    text-decoration: none
}

.sidehelp .closebtn {
    position: absolute;
    z-index: 10000 !important;
    top: -20px;
    right: 10px;
    font-size: 36px;
    margin-left: 50px;
    color: #337ab7
}

.sidehelpopen {
    width: 695px;
    border-left: 2px solid #337AB7;
    border-right: 2px solid #337AB7;
    border-bottom: 2px solid #337AB7;
    box-shadow: -3px 0px 4px -2px rgba(138, 179, 213, 1);
}

.maincontentopen {
    margin-right: 0;
}

body.help_open {
    overflow: hidden;
}

.sidehelpclose {
    width: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.maincontentclose {
    margin-left: 0px;
}

#mainContentArea {
    transition: margin-right .5s;
    padding: 16px;
}

.helppageloading {
    background-color: #e8ebf2 !important;
    background: url("../Content/img/WebResource.gif") center center no-repeat;
}

/*section summary pop out on view sections*/

.sidesummopen {
    width: 1155px;
    border-left: 2px solid #337AB7;
    border-right: 2px solid #337AB7;
    border-bottom: 2px solid #337AB7;
    border-top: 2px solid #337AB7;
    box-shadow: -3px 0px 4px -2px rgba(138, 179, 213, 1);
    overflow: visible;
}

.viewsecopen {
    margin-right: 0;
}

.sidesumm {
    height: 103.4vh;
    width: 0;
    position: absolute;
    z-index: 98 !important;
    top: 0;
    right: 3px;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

.sidesummclose {
    width: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
}

.viewsecclose {
    margin-left: 0px;
}

/*css for KPI panel pop out*/

.sideKPI {
    height: calc(100vh - 100px);
    /*width: 0;*/
    width: 100%;
    position: absolute;
    z-index: 500 !important;
    top: 0;
    right: -100vw;
    background-color: #ffffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
}

.sideKPIopen {
    /*width: 100%;*/
    padding-left: 20px;
    right: 3px;
}

.sideKPI .closebtn {
    position: absolute;
    z-index: 10000 !important;
    top: -20px;
    right: 10px;
    font-size: 36px;
    margin-left: 50px;
    color: #337ab7
}

.sideKPI a:hover {
    color: #3498db;
    text-decoration: none
}

.KPITooltip {
    float: right !important;
    font-size: larger;
    color: lightsteelblue !important;
    padding-right: 5px;
}

.KPIGaugeTLR {
    background: linear-gradient(to bottom right, #bfe2f9, #ffffff);
    text-align: center;
}

.KPIGaugeTRL {
    background: linear-gradient(to bottom left, #bfe2f9, #ffffff);
    text-align: center;
}

.KPIGaugeTB {
    background: linear-gradient(#bfe2f9, #ffffff);
    text-align: center;
}

.KPIGaugeBT {
    background: linear-gradient(#ffffff, #bfe2f9);
    text-align: center;
}

.KPINotes {
    background-color: #def0fc;
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
    font-style: italic;
    font-weight: 500;
}

.KPIGaugeBLR {
    background: linear-gradient(to top right, #bfe2f9, #ffffff);
    text-align: center;
}

.KPIGaugeBRL {
    background: linear-gradient(to top left, #bfe2f9, #ffffff);
    text-align: center;
}

.KPIGaugeMain {
    display: inline-block;
}

.KPIGaugeBAR {
    background-color: #343434;
    width: 312px !important;
    height: 38px !important;
    padding: 0;
    display: table-caption;
    color: whitesmoke;
    font-size: 28px;
    font-weight: bolder;
    text-align: center;
}

.KPIGaugeBARSPLIT {
    background-color: #343434;
    height: 38px !important;
    padding: 0;
    display: table-caption;
    color: whitesmoke;
    font-size: 28px;
    font-weight: bolder;
    text-align: center;
}

.KPIfooter {
    width: 360px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.KPIheaderBar {
    width: 100% !important;
    height: 2px;
    padding: 0;
    margin-bottom: 2px;
    display: inline-block;
    align-self: center;
}

.KPIfooterText {
    width: 312px !important;
    padding: 0;
    color: #343434 !important;
    font-size: large !important;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    font-weight: 800;
    margin-bottom: 5px;
    display: inline-block;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.KPIfooterTextSPLIT {
    padding: 0;
    color: #343434 !important;
    font-size: large !important;
    text-align: center;
    vertical-align: middle;
    align-self: center;
    font-weight: 800;
    display: inline-block;
    transform: scale(1, 1.5);
    -webkit-transform: scale(1, 1.5); /* Safari and Chrome */
    -moz-transform: scale(1, 1.5); /* Firefox */
    -ms-transform: scale(1, 1.5); /* IE 9+ */
    -o-transform: scale(1, 1.5); /* Opera */
}

.KPIBarLabelL {
    padding-top: 1px;
    text-align: left !important;
    color: white !important;
    font-size: x-small !important;
    font-weight: 400;
    transform: scale(1, 1.25);
    -webkit-transform: scale(1, 1.25); /* Safari and Chrome */
    -moz-transform: scale(1, 1.25); /* Firefox */
    -ms-transform: scale(1, 1.25); /* IE 9+ */
    -o-transform: scale(1, 1.25); /* Opera */
}

.KPIBarLabelR {
    padding-top: 1px;
    text-align: right !important;
    color: white !important;
    font-size: x-small !important;
    font-weight: 400;
    transform: scale(1, 1.25);
    -webkit-transform: scale(1, 1.25); /* Safari and Chrome */
    -moz-transform: scale(1, 1.25); /* Firefox */
    -ms-transform: scale(1, 1.25); /* IE 9+ */
    -o-transform: scale(1, 1.25); /* Opera */
}

.KPIGaugeBARSides {
    padding: 0;
    width: 24px !important;
    height: 38px !important;
}

.KPIGaugeBARSideL {
    padding: 0;
    width: 17px !important;
    height: 38px !important;
    background-image: url("img/KPIL.png");
}

.KPIGaugeBARSideR {
    padding: 0;
    width: 17px !important;
    height: 38px !important;
    background-image: url("img/KPIR.png");
}

.KPITable {
    display: table;
    width: 360px;
    padding-bottom: 5px;
}

.KPITableRow {
    /*display: table-row;*/
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.KPITableCell {
    display: table-cell;
    padding: 0;
}

.KPITableCell:nth-child(2) {
    flex: 1;
}

.KPITableBody {
    display: table-row-group;
    padding: 0;
}

.signmovework .col-md-12.mt20 {
    padding: 0;
}

.signneeds .col-md-12 .col-md-3 span,
.curbrampneeds .col-md-12 .col-md-3 span {
    max-width: 160px !important;
    width: 100% !important;
}

.signneeds #ContentPlaceHolder1_pnlInfo .col-md-12 .col-md-3 {
    display: flex;
    flex-direction: column;
}

.assetvendor .RadGrid.RadGrid_Bootstrap,
.signworktype .RadGrid.RadGrid_Bootstrap,
.mutcdcategory .RadGrid.RadGrid_Bootstrap,
.signsurface .RadGrid.RadGrid_Bootstrap,
.curbrampworktype .RadGrid.RadGrid_Bootstrap,
.eventshistory .RadGrid.RadGrid_Bootstrap {
    overflow: auto;
}

.signratingsimport .row.row.d-flex .col-md-6:first-child,
.curbrampratingsimport .row.row.d-flex .col-md-6:first-child {
    margin-bottom: 5px;
}

.signratingsimport .row.row.d-flex .col-md-6:first-child,
.curbrampratingsimport .row.row.d-flex .col-md-6:first-child {
    margin-bottom: 5px;
}

.signratingsimport .row.row.d-flex.direction-column,
.curbrampratingsimport .row.row.d-flex.direction-column {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

body.crw .rwzContentWrapper {
    padding: 0 10px;
}

body.crw .rwzContentWrapper .rwzContent,
body.crw .rwzContentWrapper .container,
body.crw .rwzContentWrapper .container .row {
    overflow: hidden;
}

.gisreporting .rtbItem.rtbTemplate.mt5px {
    margin-top: 50px;
}

.gisreporting .cf-window {
    left: 22.5% !important;
}

.gisreporting .sidehelp,
.gissectionlink .sidehelp,
.sectionsummary .sidehelp,
.gismapit .sidehelp,
.gissectiongps .sidehelp {
    z-index: 9999 !important;
}

.gissectiongps #ctl00_ContentPlaceHolder1_WindowInspection_C {
    height: 90vh !important;
}

.gisreporting .RadSplitter.RadSplitter_Bootstrap,
.gisreporting .ctl00_ContentPlaceHolder1_sptPage,
.gisreporting .ctl00_ContentPlaceHolder1_sptPage .rspPaneHorizontal.rspFirstItem > div {
    width: 100% !important;
}

.gissectiongps #RadWindowWrapper_ctl00_ContentPlaceHolder1_WindowInspection {
    top: 2% !important;
    height: 96% !important;
}

.gissectiongps.RadWindow .rwIframeWrapperIOS {
    overflow: hidden !important;
}

.adornments-pane {
    z-index: 8000;
    display: block;
    bottom: 5px;
    left: 0px;
    position: absolute;
    max-height: 50vh;
    pointer-events: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.adornments {
    float: left;
}

.signedit .m-d-flex .col-md-4.mt20 fieldset img,
.curbrampedit .m-d-flex .col-md-4.mt10 fieldset img,
.sidewalkedit .m-d-flex .col-md-4.mt10 fieldset img {
    width: 100% !important;
    height: auto !important;
}

.maintenance .panel-scroll-outer {
    /*max-height: calc(100vh - 250px);*/
    overflow: auto;
}

.section #pnlSectionSumm {
    top: -9vh;
}

/*#ContentPlaceHolder1_divSectionPanel {*/
/*max-height: 600px !important;*/
/*height: 100vh !important;*/
/*}*/

#ContentPlaceHolder1_divSectionPanel .resizable-panel-container {
    max-height: 400px;
    height: 100%;
}

.maintenance .panel-body {
    padding: 0;
}

.maintenance .RadCalendar table.rcMainTable {
    table-layout: fixed;
}

.maintenance .RadCalendar_Bootstrap {
    width: 250px;
}

.maintenance .RadCalendar_Bootstrap > div.rcTitlebar {
    box-sizing: border-box;
}

.maintenancehistory .RadGrid_Bootstrap .rgFilterRow td table tbody tr td {
    padding: 0 !important;
}

.maintenancehistory .RadGrid_Bootstrap {
    width: fit-content!important;
}

.mrcalc .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mrcalc #tgglOptions .btn-info {
    display: none;
}

.inspcalc #tgglOptions,
.mrcalc #tgglOptions {
    font-size: 12px;
    padding: 0;
}

.inspcalc #tgglOptions input,
.mrcalc #tgglOptions input {
    display: none;
}

.inspcalc #tgglOptions > div,
.mrcalc #tgglOptions > div {
    width: 100%;
    padding: 5px;
}

.inspcalc #tgglOptions > div label,
.mrcalc #tgglOptions > div label {
    margin: 0;
}

.inspcalc #tgglOptions > div,
.mrcalc #tgglOptions > div {
    background: #f5f5f5;
    text-align: center;
    border-radius: 7px;
    display: flex;
    justify-content: center;
}

.inspcalc #tgglOptions > div:first-child,
.mrcalc #tgglOptions > div:first-child,
.inspcalc #tgglOptions > div:nth-child(2),
.mrcalc #tgglOptions > div:nth-child(2) {
    width: 30%;
}

.inspcalc #tgglOptions > div:last-child,
.mrcalc #tgglOptions > div:last-child {
    width: 40%;
}

.inspcalc #tgglOptions > div.checked,
.mrcalc #tgglOptions > div.checked {
    background: #68b0dd;
}

.rgCommandRow button.rgAdd .rgButtonText {
    display: table-cell;
    padding: 0 6px 0 5px;
}

.mobilefilter #mainContentArea > .row {
    margin: 0;
}

.mobilefilter #mainContentArea {
    overflow: hidden;
}

.mobilefilter .RadGrid_Bootstrap td.rgPagerCell {
    padding: 7px 15px;
}

.mobilefilter .rgGroupPanel table tbody tr td {
    padding-left: 7px;
}

.inspectionhistory .rgDataDiv.RadTouchExtender,
.inspection .rgDataDiv.RadTouchExtender {
    overflow: auto !important;
}

.inspectionhistory td .RadPicker.RadPicker_Bootstrap,
.inspection td .RadPicker.RadPicker_Bootstrap {
    min-width: 110px;
    max-width: 110px;
}

.inspectionhistory .RadGrid_Bootstrap a.rcCalPopup {
    background-image: url("img/WebResource.png");
    background-color: #fff;
    background-position: -10px -4210px;
}

.inspectionhistory .RadGrid_Bootstrap a.rcCalPopup:before,
.inspectionhistory .RadGrid_Bootstrap a.rcCalPopup:after {
    display: none;
}

.inspection td .RadInput.RadInput_Bootstrap input[type="text"] {
    height: 31px;
    box-shadow: none;
}

.inspection td .RadInput.RadInput_Bootstrap input[type="text"] + .rcSelect > a {
    height: 100%;
    width: 30px;
    padding: 0;
    box-sizing: content-box;
    border: none;
    border-left: 2px solid #ccc;
}

.inspectionedit table.rgMasterTable.rgClipCells {
    table-layout: auto !important;
}

.inspection .RadCalendar.RadCalendar_Bootstrap {
    max-width: 250px;
    width: 100%;
}

.inspection .RadCalendar.RadCalendar_Bootstrap .rcTitlebar {
    max-width: 250px;
    width: 100%;
    box-sizing: border-box;
}

.inspection .RadCalendar.RadCalendar_Bootstrap .rcMain {
    max-width: 250px;
    width: 100%;
    box-sizing: border-box;
}

.inspection .RadCalendar.RadCalendar_Bootstrap .rcMainTable {
    table-layout: fixed;
}

.inspection .RadCalendar.RadCalendar_Bootstrap .rcRow:first-child td,
.inspection .RadCalendar.RadCalendar_Bootstrap .rcRow:first-child th,
.inspection .RadCalendar.RadCalendar_Bootstrap .rcRow th + td,
.inspection .RadCalendar.RadCalendar_Bootstrap .rcRow td:first-child {
    padding: 0;
}

.RadWindow_Bootstrap .rwTitleBar {
    height: 40px;
}

.filter-window-content span.RadButton_Bootstrap.rbSkinnedButton {
    height: auto !important;
}

.sectionsummary .rmpView label.label.label-warning {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: 16px !important;
}

.customfields .custom-fields-window {
    height: 100%;
    overflow: auto;
}

.t-button.rgActionButton.rgAdd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
}

.inspection .rgDataDiv {
    overflow: auto;
}

.reports .RadAjaxPanel .panel-body {
    padding: 15px 0;
}

/* commented out because it was cutting off the bottom of the section grid - if you enable this again, make it specific to the page you're trying to fix*/
/*.section .main-box-body {
    overflow: hidden;
}*/

.sectionsummary .divspinner {
    position: absolute !important;
    text-align: center;
    z-index: 9000000;
    background-color: #fcfcfc;
    opacity: 0.7;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.scenarioedit #ctl00_ContentPlaceHolder1_grdAllocation {
    overflow: auto;
}

.scenarioedit #ContentPlaceHolder1_pnlSelectionCrit .panel-heading {
    max-height: 70px;
    height: 100%;
}

.scenarioedit .panel .proj-selection {
    display: flex;
    align-items: center;
}

.scenarioedit .panel .proj-selection .flex-1 {
    flex: 1;
}

.scenariosgraph .rslItemsWrapper,
.historical .rslItemsWrapper {
    display: flex;
}


.scenariosgraph .rslItemsWrapper li:last-child span,
.historical .rslItemsWrapper li:last-child span {
    text-align: right;
}

.pcidrivenscenarioedit .proj-selection {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pcidrivenscenarioedit .proj-selection  .RadComboBox.RadComboBox_Bootstrap {
    width:auto!important;
}
#ctl00_ContentPlaceHolder1_sldrYears {
    max-width:500px!important;
    width:100%!important;
}

.stChartContainer .stChartControlContainer {
    width: 95% !important;
    left: 0;
}

.stChartContainer .stChartControlContainer + div {
    min-width: 120px !important;
    position: absolute;
    right: 10px;
    max-width: initial;
}

.stChartContainer .stChartControlContainer svg {
    width: 120% !important;
    margin-top: 25px;
}

@supports (-ms-ime-align: auto) {
    .section #ctl00_ContentPlaceHolder1_grdView_grdView_GridData {
        overflow: auto !important;
    }

    .section #ctl00_ContentPlaceHolder1_grdView_grdView_Frozen {
        overflow-x: hidden !important;
        height: 0;
    }

    .section #ctl00_ContentPlaceHolder1_grdView_grdView_GridData {
        overflow: auto;
    }
}

@-moz-document url-prefix() {
    .section #ctl00_ContentPlaceHolder1_grdView_grdView_GridData {
        overflow: auto !important;
    }

    .section #ctl00_ContentPlaceHolder1_grdView_grdView_Frozen {
        overflow-x: hidden !important;
        height: 0;
    }

    .section #ctl00_ContentPlaceHolder1_grdView_grdView_GridData {
        overflow: auto;
    }
}

.disabledLink, .disabledLink li {
    cursor: not-allowed;
}

.disabledLink a {
    pointer-events: none;
    text-decoration: none;
    color: gray !important;
}

/*New Styles*/
/* This is adding scroll bars to the grid header row unnesseccarily on all radgrids using this css and is commented out  .rgHeaderWrapper .rgHeaderDiv {
    overflow: scroll !important;
}*/

/*this can be applied to rad grid headers to wrap column text*/
.headerWrapText {
    max-width: 120px !important;
    word-wrap: break-word !important;
    word-break: inherit !important;
    white-space: inherit !important;
}

.rgHeaderWrapper.
.ctl00_ContentPlaceHolder1_grdView_grdView_ctl00 {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
    border: 1px solid #000;
}

.rgHeaderDiv {
    width: 100%;
    overflow: auto;
}

/*.rgMasterTable.rgClipCells.rgClipCells {*/
/*display: none !important;*/
/*}*/
.rgMasterTable.rgClipCells.rgClipCells.clone {
    display: table !important;
}

.clone th, .clone td {
    visibility: hidden
}

.clone td, .clone th {
    border-color: transparent
}

.clone tbody th {
    visibility: visible;
    color: red;
}

.rgHeaderWrapper .rgHeaderDiv .rgMasterTable.rgClipCells.rgClipCells thead tr .rgHeader:nth-child(-3+n) {
    visibility: visible !important;
}

.mb5px {
    margin-bottom: 5px;
}

/*Flex style*/
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex: !important;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.direction-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn.color-blue {
    background: #3498db;
    color: #fff;
}

.over-hidden {
    overflow: hidden;
}

.rgExpandCol {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.rgExpandCol button {
    width: 100%;
    padding: 0;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 5;
}

.rgExpandCol span:before {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.rgExpandCol span,
.rgExpandCol span:before,
.rgExpandCol .t-font-icon.rgIcon.rgCollapseIcon {
    padding-right: 0 !important;
    position: relative;
    z-index: -1;
}

#ContentPlaceHolder1_RadAjaxLoadingPanel1ctl00_ContentPlaceHolder1_sldrYears {
    z-index: 2000 !important;
}

#ContentPlaceHolder1_RadAjaxLoadingPanel1ctl00_ContentPlaceHolder1_cmbBxSeries {
    z-index: 2000 !important;
}

#rsl-graph-box .main-box,
#dash-percent-graph .main-box {
    margin-bottom: 0;
}

.col-lg-3.col-lg-offset-9.col-md-6.col-md-offset-6 label {
    margin-top: 15px;
}

#hnct-graph-box .main-box.project-box.emerald-box {
    height: 100%;
    background: #eff3f8;
}

.project-box .project-box-header .name {
    padding: 6px 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.project-box .project-box-header .name a {
    margin-right: 5px;
}

.project-box .project-box-header .name > div {
    flex: 1;
    margin-right: 5px;
}

.project-box .project-box-header .name a + div > div > div {
    width: 100%;
    min-width: 160px;
    margin-bottom: 0 !important;
}

.project-box .project-box-header .name a {
    padding: 0;
}

.decisiontree div.RadGrid .rgHeader {
    position: sticky;
    top: 0;
}

/*View Section - popup fix*/
#content-wrapper {
    /*min-height: 1200px;*/
}

.section #pnlSectionSumm {
    height: 113vh;
}

.section #pnlSectionSumm #ifrHelpDiv {
    background: #fff !important;
}

#cur-pci-graph-box .green-box {
    max-height: 267px;
    height: 267px;
}

/*Scenarioresults*/

.scenarioresults .rmpView .panel-scroll-outer .RadGrid {
    overflow: auto;
}

.login-box-header-red {
    background-color: rgba(255, 23, 23, 0.8) !important;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}

/*Mobile Create Inspection*/
.mobilecreateinspection .panel-body .tab-content .depress-list .depress-list__item.active,
.mobilecreateinspection .panel-body .tab-content .depress-list .depress-list__item:hover {
    background: #d9d9d9;
    padding: 5px;
}

/*Quantity*/
.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row {
    display: flex;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__severity,
.mobilecreateinspection .panel-body .tab-content .quantity-block__distress,
.mobilecreateinspection .panel-body .tab-content .quantity-block__percentage {
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: hidden;
    outline: none;
    background: #cfcfcf;
}

/*Custom radio Btn*/
.custom-radio-btn [type="radio"]:checked,
.custom-radio-btn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio-btn [type="radio"]:checked + label,
.custom-radio-btn [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.custom-radio-btn [type="radio"]:checked + label:before,
.custom-radio-btn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.custom-radio-btn [type="radio"]:checked + label:after,
.custom-radio-btn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #3498db;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.custom-radio-btn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio-btn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* adds required field styling to radcombobox input area */
.RadComboBox.requiredfield td.rcbInputCell.rcbInputCellLeft {
    border-color: chartreuse !important;
    background-color: mintcream !important;
}

/*Distress-list custom button*/
.mobilecreateinspection .panel-body .tab-content .depress-list.custom-radio-btn [type="radio"]:checked + label {
    background: #d9d9d9;
    display: flex;
    align-items: center;
    padding: 5px;
}

.mobilecreateinspection .panel-body .tab-content .depress-list.custom-radio-btn [type="radio"]:checked + label:before,
.mobilecreateinspection .panel-body .tab-content .depress-list.custom-radio-btn [type="radio"]:not(:checked) + label:before,
.mobilecreateinspection .panel-body .tab-content .depress-list.custom-radio-btn [type="radio"]:checked + label:after,
.mobilecreateinspection .panel-body .tab-content .depress-list.custom-radio-btn [type="radio"]:not(:checked) + label:after {
    display: none;
}

.mobilecreateinspection .panel-body .tab-content input {
    user-select: none;
    outline: none;
}

.mobilecreateinspection .tab-content .tab-pane .row .col-md-100p:after {
    display: none;
}

.mobilecreateinspection .panel-body .tab-content .col-150px.border-90 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobilecreateinspection .panel-body .tab-content .col-150px.border-90 + .border-90,
.mobilecreateinspection .panel-body .tab-content .col-150px.border-90.сol-md-3 {
    flex: 1;
}

.mobilecreateinspection .panel-body .tab-content .col-150px.border-90 .custom-radio-btn {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mobilecreateinspection .panel-body .tab-content .col-150px.border-90 .custom-radio-btn .tab-pane__heading {
    margin-top: auto;
}

.mobilecreateinspection .panel-body .tab-content .col-150px.border-90 .tab-pane__heading {
    align-self: flex-start;
}



.scenario .panel-scroll-outer {
    overflow: inherit;
}

.scenario #ctl00_ContentPlaceHolder1_grdView_grdView,
.scenario #ctl00_ContentPlaceHolder1_grdView_grdView_GridData,
.pcidrivenscenario #ctl00_ContentPlaceHolder1_grdView_grdView,
.pcidrivenscenario #ctl00_ContentPlaceHolder1_grdView_grdView_GridData {
    height: auto !important;
}

#RadAjaxManager1SU + #content-wrapper {
    min-height: 100px;
}

.gisreporting #ContentPlaceHolder1_divSectionSummary.divSectionSummary {
    max-height: 800px;
    height: 100vh;
}

.gisreporting #ContentPlaceHolder1_btnSectionSummary {
    /*top: 96.5% !important;*/
    z-index: 9999;
}

/*Mobile Create Inspection*/
/*Tab-Add-Distress*/
.mobilecreateinspection .tab-content .tab-pane .border-90 {
    position: relative;
    padding: 0 10px;
    border-right: 1px solid #b1b1b1;
}

.mobilecreateinspection .tab-content .tab-pane .row {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.mobilecreateinspection .tab-content .tab-pane .row .col-md-250px {
    min-width: 250px;
    max-width: 250px;
    width: 100%;
    margin: 0 10px;
}

.mobilecreateinspection #add_distresses {
    width: 100%;
}

.mobilecreateinspection .tab-content .tab-pane .row .col-150px {
    /*min-width: 120px;*/
    /*max-width: 150px;*/
    width: 100%;
    flex: 2;
}

.mobilecreateinspection .tab-content .tab-pane .row .col-md-100p {
    max-width: 100%;
    width: 100%;
}

.mobilecreateinspection .panel-body .nav-tabs {
    margin-bottom: 20px;
}

.mobilecreateinspection .panel-body .nav-tabs li a {
    color: #fff !important;
    background: #cfcfcf;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
}

.mobilecreateinspection .panel-body .nav-tabs li.active a {
    background: #01a7e1 !important;
}

.mobilecreateinspection .panel-body .tab-content .tab-pane__heading {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}

#add_distresses .content-tab-wrapper {
    display: flex;
    /*flex-wrap: wrap;*/
}

/*Severity*/
.mobilecreateinspection .panel-body .tab-content .custom-radio-btn {
    display: flex;
    flex-direction: column;
}

/*Disttres Type*/
.mobilecreateinspection .panel-body .tab-content .depress-list {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding-left: 0;
    max-width: fit-content;
    margin: 0 auto;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__control {
    background: #cfcfcf;
    display: flex;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__control .quantity-block__arrow-down {
    margin-left: auto;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__control .arrow-item {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #cfcfcf;
    margin-right: 10px;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__control .arrow-item:hover {
    color: #2879af;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: #3498db;
    color: #fff;
    padding: 10px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    cursor: pointer;
    height: 75px;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item .cancel-btn {
    background: #cfcfcf;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item:nth-child(3) {
    border-right: none;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item input {
    background: #3498db;
    border: none;
    cursor: pointer;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item:hover,
.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item:hover input {
    background: #2879af;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item.cancel-btn,
.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item.cancel-btn input {
    background: #cfcfcf;
}

.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item.cancel-btn:hover,
.mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item.cancel-btn:hover input {
    background: #a9a8a8;
}

/*Distress Que:*/
.mobilecreateinspection .panel-body .tab-content .table-wrapper table {
    width: 100% !important;
    table-layout: auto !important;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr {
    border-bottom: 1px solid #cfcfcf;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tbody tr:last-child {
    border-bottom: none;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td {
    padding: 5px;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(1),
.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(2) {
    text-align: left;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(3) {
    text-align: right;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(4) {
    text-align: center;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(4) span {
    cursor: pointer;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tr td:nth-child(4) span:hover {
    font-weight: bold;
}

.mobilecreateinspection .panel-body .tab-content .table-wrapper table tbody tr:nth-child(odd) {
    background: #f5f5f5;
}

/*Tab-Add-Distress*/
.mobilecreateinspection #preview_inspection .preview-pci {
    border-right: 1px solid #cfcfcf
}

.mobilecreateinspection #preview_inspection .preview-pci .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 20px;
}

.mobilecreateinspection #preview_inspection .preview-pci .row .pci-item {
    background: #3498db;
    width: 40%;
    max-width: 300px;
    color: #fff;
    padding: 5px 10px;
    position: relative;
    display: flex;
}

.mobilecreateinspection #preview_inspection .preview-pci .row .pci-item:nth-child(1):after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 2px 8px 22px;
    border-color: transparent transparent transparent #888888;

}

.mobilecreateinspection #preview_inspection .preview-pci .row .pci-item:nth-child(2):after {
    position: absolute;
    content: '';
    left: 0;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 20px;
    border-color: transparent transparent #888888 transparent;

}

.mobilecreateinspection #preview_inspection .preview-pci .sub-title {
    text-align: center;
    margin-top: 30px;
}

.mobilecreateinspection .depress-list.custom-radio-btn [type="radio"]:checked + label,
.mobilecreateinspection .depress-list.custom-radio-btn [type="radio"]:not(:checked) + label {
    padding-left: 5px;
}

.mobilecreateinspection .severity-block table {
    flex:1;
    max-width: 300px;
}


.mobilecreateinspection .severity-block table tr td{
    display: flex!important;
    align-items: center;
}

.display-flex {
    display: flex;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

/*Custom Bootstrap Calendar*/
.RadCalendar.RadCalendar_Bootstrap {
    max-width: 250px;
    width: 100%;
}

.RadCalendar.RadCalendar_Bootstrap .rcTitlebar {
    max-width: 250px;
    width: 100%;
    box-sizing: border-box;
}

.RadCalendar.RadCalendar_Bootstrap .rcMain {
    max-width: 250px;
    width: 100%;
    box-sizing: border-box;
}

.RadCalendar.RadCalendar_Bootstrap .rcMainTable {
    table-layout: fixed;
}

.RadCalendar.RadCalendar_Bootstrap .rcRow:first-child td,
.RadCalendar.RadCalendar_Bootstrap .rcRow:first-child th,
.RadCalendar.RadCalendar_Bootstrap .rcRow th + td,
.RadCalendar.RadCalendar_Bootstrap .rcRow td:first-child {
    padding: 0;
}

.RadCalendarPopup {
    padding-bottom: 0 !important;
    z-index: 999999 !important;
}

.RadCalendarFastNavPopup {
    z-index: 1000000 !important;
}

table thead tr td .RadGrid_Bootstrap .rgFilter {
    width: 26px;
    box-sizing: border-box;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.RadPicker.requiredfield .rcCalPopup {
    box-sizing: border-box;
}

html body .RadInput .riTextBox {
    height: 34px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {

    .jumbotron {
        margin-top: 20px;
    }

    .decisiontree table tr td {
        min-width: 60px !important;
    }

    .main-box-body {
        /*overflow: auto;*/
    }

    /*.gissectionlink #container-map .row table tr td.rspPaneHorizontal.rspFirstItem > div,
    .gissectionlink #container-map .row table tr td.rspPaneHorizontal.rspLastItem > div,
    .gissectionlink #container-map .row table {
        width: 100% !important;
    }*/

    .gissectionlink #container-map .col-lg-4.col-md-12 > div {
        max-height: 1300px;
        height: 100% !important;
        margin-bottom: 25px;
    }

    .gissectionlink #ContentPlaceHolder1_pnlShapes {
        margin-top: 10px;
    }

    .gissectionlink #RAD_SPLITTER_PANE_CONTENT_ctl00_ContentPlaceHolder1_paneGrdShape {
        /*overflow: auto !important;*/
        min-height: 400px !important;
        /*height: 100% !important;*/
    }

    .gissectionlink .col-lg-4.col-md-12,
    .gissectionlink .col-lg-4.col-md-12 table {
        width: 100%;
    }

    .gissectionlink #RAD_SPLITTER_PANE_CONTENT_ctl00_ContentPlaceHolder1_paneGrdResults {
        overflow: visible !important;
        /*height: auto !important;*/
    }

    .gissectionlink #RAD_SPLITTER_PANE_TR_ctl00_ContentPlaceHolder1_paneGrdResults .rspPaneHorizontal.rspLastItem {
        min-height: 450px;
    }

    .gissectionlink #RAD_SPLITTER_PANE_TR_ctl00_ContentPlaceHolder1_paneGrdResults .rspPaneHorizontal.rspLastItem > div {
        min-height: 400px;
    }

    .gissectionlink #RAD_SPLITTER_PANE_TR_ctl00_ContentPlaceHolder1_paneGrdResults .rspPaneHorizontal.rspLastItem > div .col-md-12.mt1 + .col-md-12 {
        height: 100% !important;
    }

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

@media (max-width: 1400px) {
    .currentPCIGaugeHolder .gaugeComponent div[data-role="surface"] g text,
    .rslGaugeHolder .gaugeComponent div[data-role="surface"] g text {
        font-size: 11px !important;
    }

    .currentPCIGaugeHolder .gaugeLabel span,
    .rslGaugeHolder .gaugeLabel span {
        font-size: 12px !important;
    }

    .signrsltriggers .col-md-12 .col-md-4 .col-md-9 .label.label-primary.label-large.center-block,
    .curbramprsltriggers .col-md-12 .col-md-4 .col-md-9 .label.label-primary.label-large.center-block {
        font-size: 18px !important;
        word-break: break-word !important;
        white-space: inherit !important;
        line-height: 1.4 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .signrsltriggers .col-md-12 .col-md-4 .col-md-9 label.label-primary.center-block,
    .curbramprsltriggers .col-md-12 .col-md-4 .col-md-9 label.label-primary.center-block {
        font-size: 20px !important;
        word-break: break-word !important;
        white-space: inherit !important;
        line-height: 1.4 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /*.signrsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgRow > td,*/
    /*.signrsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgAltRow > td,*/
    /*.signrsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgEditRow > td,*/
    /*.curbramprsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgRow > td,*/
    /*.curbramprsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgAltRow > td,*/
    /*.curbramprsltriggers .RadGrid_Bootstrap table.rgMasterTable .rgEditRow > td,*/
    /*.RadGrid_Bootstrap .rgHeader,*/
    /*.RadGrid_Bootstrap th.rgResizeCol,*/
    /*.RadGrid_Bootstrap .rgHeaderWrapper,*/
    /*.RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader,*/
    /*.RadGrid_Bootstrap .rgMultiHeaderRow th.rgResizeCol {*/
    /*min-width:50px!important;*/
    /*}*/
    /*.signrsltriggers table thead th td:first-child,*/
    /*.signrsltriggers table tbody tr td:first-child  {*/
    /*width:50px!important;*/
    /*}*/
    .signrsltriggers .col-md-12 .col-md-4 .col-md-3 .mb70,
    .curbramprsltriggers .col-md-12 .col-md-4 .col-md-3 .mb70 {
        margin-top: 27px;
    }

    /*Media for Mobile Create Inspection*/
    /*Tab-Add-Distress*/
    /*.mobilecreateinspection .tab-content .tab-pane .row {
        flex-wrap: wrap;
        justify-content: flex-start;
    }*/
    .mobilecreateinspection .panel-body .tab-content .tab-pane__heading {
        text-align: left;
    }

    .mobilecreateinspection .panel-body .tab-content .depress-list,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .table-wrapper,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .custom-radio-btn {
        width: 100%;
        margin: 0 auto;
    }

    .mobilecreateinspection .panel-body .tab-content .depress-list {
        max-width: fit-content;
        margin: 0 auto;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90 .custom-radio-btn {
        /*margin-top: 50px;*/
    }

    .mobilecreateinspection .panel-body .tab-content .custom-radio-btn {
        justify-content: space-between;
    }

    .mobilecreateinspection .content-tab-wrapper {
        flex-wrap: wrap;
    }

    .mobilecreateinspection .tab-content .tab-pane .row .col-150px,
    .mobilecreateinspection .tab-content .tab-pane .row .col-md-100p,
    .mobilecreateinspection .tab-content .tab-pane .row .col-md-250px {
        min-width: 50%;
        max-width: 50%;
        margin: 0 0 20px;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90 {
        flex: 1;
        max-width: 50%;
        min-width: 50%;
        margin-bottom: 20px;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90:nth-child(odd) {
        /*border-right: 1px solid #b1b1b1;*/
        /*box-sizing: border-box;*/
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90:nth-child(even) {
        border: none;
    }

    .mobilecreateinspection .panel-body .tab-content .quantity-block {
        /*max-width: 90%;*/
        margin: 0 auto;
    }

    .mobilecreateinspection .panel-body .tab-content .quantity-block__control {
        display: flex;
    }

    .mobilecreateinspection .panel-body .tab-content .tab-pane {
        flex-wrap: wrap;
    }

    .mobilecreateinspection .panel-body .tab-content .col-md-5,
    .mobilecreateinspection .panel-body .tab-content .col-md-7 {
        max-width: 100%;
        width: 100%;
    }

    .mobilecreateinspection .tab-content .tab-pane .col-md-250px.border-90 .custom-radio-btn {
        margin-top: 20px;
    }

    .mobilecreateinspection .chbox label {
        font-size: 12px;
    }

    .mobilecreateinspection .tab-content .tab-pane .row .col-md-100p:after,
    .col-150px.border-90 + .border-90:after {
        display: none;
    }

    /*  Change Layout structure via Grid Layout*/
    .mobilecreateinspection .severity-block {
        flex:1;
    }



    .mobilecreateinspection .severity-block table tbody tr{
        display: flex;
        align-items: center;
    }

    .mobilecreateinspection .severity-block table tbody {

        justify-content: space-between;
    }

    .mobilecreateinspection .quantity-block {
        flex:2;
    }

    .mobilecreateinspection .grid-wrapper {
        display: grid!important;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0;
        grid-auto-rows: minmax(100px, auto);
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90.severity-block {
        grid-column: 1 / 2;
        grid-row: 1;
        border: none;
        max-width:100%;
        min-width:100%;
    }
    .mobilecreateinspection .tab-content .tab-pane .border-90.severity-block table tbody {
        display: flex;
        border: none;
        max-width:100%;
        min-width:100%;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90.distess-type-block {
        grid-column: 2 / 3;
        grid-row: 1 / 4;
        border: none;
        max-width:100%;
        min-width:100%;
    }
    .mobilecreateinspection .tab-content .tab-pane .border-90.quantity-block {
        grid-column: 1;
        grid-row: 2 / 4;
        border: none;
        max-width:100%;
        min-width:100%;
    }
    .mobilecreateinspection  .tab-content .tab-pane .border-90.distess-que-block {
        grid-column: 1 / 3;
        grid-row: 4;
        border: none;
        max-width:100%;
        min-width:100%;;
    }
    .mobilecreateinspection .tab-pane__heading {
        text-align: left;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group {
        display: flex;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group .col-sm-12.col-md-2{
        max-width:100%;
        width:100%;
    }

}

@media (max-width: 1300px) {
    body.crw .rwzContentWrapper {
        background: #e6e6e6;
        padding: 0 10px 0 0;
    }

    body.crw .main-box-body,
    #mainContentArea {
        padding: 0;
    }

    body.crw .col-md-3,
    body.crw .col-md-3 .panel-body,
    body.crw .col-md-3 .panel-body .col-md-12 {
        padding: 0;
    }
}

@media (max-width: 1200px) {

    .currentPCIGaugeHolder .gaugeComponent div[data-role="surface"] g text,
    .rslGaugeHolder .gaugeComponent div[data-role="surface"] g text {
        font-size: 12px !important;
    }

    .currentPCIGaugeHolder .gaugeLabel span,
    .rslGaugeHolder .gaugeLabel span {
        font-size: 14px !important;
    }

    .gisreporting .cf-window {
        width: 700px !important;
        left: 29% !important;
    }

    .customfields .cf-window {
        left: 300px !important;
    }

    .sectionedit .rmpView:first-child,
    .sectionedit .rmpView:first-child {
        overflow: auto;
    }

    .signedit .m-d-flex .col-md-4.mt20 .panel-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .signedit .m-d-flex .col-md-4.mt20 .panel-heading .pull-right {
        margin-top: 3px;
    }
}

@media (max-width: 1100px) {

    .signedit .mt20.m-d-flex .rtsUL .rtsLI {
        width: auto !important;
    }

    .scenarioedit #ContentPlaceHolder1_pnlProject .panel-heading .row {
        display: flex;
        flex-direction: column;
    }

    .scenarioedit #ContentPlaceHolder1_pnlProject .panel-heading .row > div {
        max-width: 100%;
        width: 100%;
    }

    .scenarioedit #ContentPlaceHolder1_pnlSelectionCrit .panel-heading {
        max-height: 75px;
        height: 75px;
    }
}

@media (max-width: 1024px) {

    .deteriorationcurve #page-wrapper > .row,
    .deteriorationcurve #page-wrapper > .row .row.resizable-panel-container {
        margin-left: -11px !important;
        margin-right: -7px !important;
    }

    .deteriorationcurve #content-wrapper .row.mb20 {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    .deteriorationcurve #content-wrapper .row.mb20 .col-lg-12 {
        padding: 0;
    }

    .deteriorationcurve .row.pt10.pull-right {
        margin-right: 14px;
    }

    .deteriorationcurve #content-wrapper {
        padding: 15px 5px;
    }

    .deteriorationcurve svg {
        overflow: visible;
    }

    .deteriorationcurve #theme-wrapper {
        overflow: hidden;
    }

    .deteriorationcurve #mainContentArea {
        overflow: hidden;
    }

    .deteriorationcurve .demo-container.size-wide > .row {
        overflow: hidden;
        margin-left: 0;
        margin-right: -12px;
    }

    .deteriorationcurve .label.label-warning {
        font-size: 15px !important;
        display: block !important;
        text-align: center !important;
    }

    .sectionsummary .rmpView label.label.label-warning {
        margin-top: 0;
    }

    .signdecisiontree table.rgMasterTable.rgClipCells {
        table-layout: fixed;
        width: auto !important;
    }

    .signdecisiontree table.rgMasterTable.rgClipCells thead tr th:first-child,
    .signdecisiontree table.rgMasterTable.rgClipCells thead tr th:nth-child(2) {
        min-width: 35px;
    }

    .signsummary .main-box-body {
        overflow: hidden;
    }

    .pcibreakpoints .mobile-column,
    .signrsltriggers .mobile-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .pcibreakpoints .mobile-column .col-md-8,
    .pcibreakpoints .mobile-column .col-md-4,
    .signrsltriggers .mobile-column .col-md-8,
    .signrsltriggers .mobile-column .col-md-4 {
        width: 100%;
    }

    .pcibreakpoints .mobile-column .col-md-8,
    .signrsltriggers .mobile-column .col-md-8 {
        margin-bottom: 10px;
    }

    .signrsltriggers .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader:first-child,
    .signrsltriggers .rgMasterTable tbody tr td:first-child {
        width: 30px !important;
    }

    .signrsltriggers .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader,
    .signrsltriggers .rgMasterTable tbody tr td {
        width: auto;
    }

    .signdecisiontree table thead tr th:nth-child(3) {
        min-width: 30px;
    }

    .signrsltriggers #ContentPlaceHolder1_pnlRSLDisplay .row.d-flex {
        overflow: hidden;
    }

    .theme-whbl h1 {
        padding-left: 15px !important;
    }

    .body-content,
    #mainContentArea,
    .main-box-body {
        padding: 0 !important;
    }

    #footer-bar {
        bottom: 0 !important;
    }

    .main-box-body {
        overflow: auto;
    }

    .signedit .m-d-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .signedit .m-d-flex .col-md-4,
    .signedit .m-d-flex .col-md-8 {
        width: 100% !important;
    }

    .sectionsummary .RadTabStrip.rtsTop .rtsLevel1 .rtsUL {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .sectionsummary .RadTabStrip.rtsTop .rtsLevel1 .rtsUL .rtsLI {
        width: auto !important;
        margin-left: 5px;
        margin-bottom: 5px;
    }

    .sectionsummary .RadTabStrip.rtsTop .rtsLevel1 .rtsLink {
        border-bottom-width: 1px;
    }

    .sectionsummary .row.pt10.pull-right {
        margin-bottom: 10px;
    }

    .sectionsummary .tab-container .RadTabStrip .tab.printTab {
        background: none;
    }

    .body-content,
    #mainContentArea,
    .main-box-body {
        padding: 0 !important;
    }

    .reports .row.mb20 #ContentPlaceHolder1_divAjaxWrapper {
        margin: 0;
    }

    .reports .col-xs-12 .panel-info .panel-heading .row {
        display: flex;
        justify-content: space-between;
    }

    .reports .col-xs-12 .panel-info .panel-heading .row .col-md-4 {
        margin-right: auto;
    }

    .reports .row.mb20 #ContentPlaceHolder1_divAjaxWrapper .main-box-body {
        overflow: hidden;
    }

    body.reports .RadAjaxPanel div.pull-left {
        min-width: 0 !important;
    }

    body.reports .row.mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body.reports .row.mobile .col-md-4 {
        margin: auto;
        -ms-flex-item-align: start;
        align-self: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .t-button.rgActionButton.rgAdd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 200px;
    }





    .mobilecreateinspection .content-tab-wrapper {
        flex-direction: column;
    }

    .mobilecreateinspection .panel-body .tab-content .border-90 {
        max-width:100%;
        width:100%;
    }

    .mobilecreateinspection .panel-body .tab-content .col-150px.border-90 .custom-radio-btn tbody {
        flex-direction: row;
        display: flex;
        justify-content: space-between;
        width:100%;
    }

    .mobilecreateinspection .panel-body .tab-content .col-150px.border-90 .custom-radio-btn {
        flex-direction: row;
        display: flex;
        justify-content: space-between;
        max-width: 300px;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90 {
        border:none;
    }


}

@media (max-width: 992px) {

    .scenarioedit #ContentPlaceHolder1_pnlProject .panel-heading .row {
        display: flex;
        flex-direction: row;
    }

    .scenarioedit #ContentPlaceHolder1_pnlSelectionCrit .panel-heading {
        max-height: 75px;
        height: 100%;
    }

    .scenarioedit #ContentPlaceHolder1_pnlProject .panel-heading .row > div {
        width: auto;
    }

    .scenarioedit #ContentPlaceHolder1_pnlProject .panel-heading .row > div.col-md-9 {
        width: 100%;
    }

    .historical .panel-heading.graph-heading .col-md-4.mt5 {
        width: 90%;
        text-align: center;
        left: auto;
        margin-left: auto;
    }

    .signneeds .col-lg-9.col-md-12.mt10.mobile .col-md-12 {
        display: flex !important;
        flex-direction: column !important;
    }

    .signneeds .col-lg-9.col-md-12.mt10.mobile .col-md-12 .col-md-3 {
        width: 100% !important;
    }

    #sidebar-nav .nav > li > a > span.label-circle {
        display: inline-block !important;
    }

    .pcibreakpoints .riSingle {
        width: auto !important;
    }

    .pcibreakpoints .panel.panel-primary.mb0 {
        height: 758px;
        overflow: auto;
        margin-top: 20px;
    }

    #sidebar-nav .nav li.open > .submenu,
    #sidebar-navAsset .nav li.open > .submenu {
        display: none;
    }

    .inspcalc .d-flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    body.sign .mobile-d-flex,
    body.curbramp .mobile-d-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .body-content,
    #mainContentArea,
    .main-box-body {
        padding: 0 !important;
    }

    /*Work History for Sign*/
    .signworkhistory .RadAjaxPanel .rgDataDiv {
        width: 100%;
        height: auto !important;
        max-height: calc(100vh - 200px) !important;
        min-height: 80px;
    }

    .signworkhistory .RadAjaxPanel .rgDataDiv .rgMasterTable.rgClipCells.rgClipCells {
        display: table !important;
    }

    .signretroimport .mobile-direction-column .col-md-6:first-child,
    .signworkimport .mobile-direction-column .col-md-6:first-child,
    .curbrampworkimport .mobile-direction-column .col-md-6:first-child {
        margin-bottom: 5px;
    }

    .signmovework .col-md-12.mt20 {
        margin-top: 45px !important;
    }

    .signneeds .mobile,
    .signneeds .mobile .col-md-3,
    .curbrampneeds .mobile,
    .curbrampneeds .mobile .col-md-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .signneeds .col-md-12 .col-md-3 span,
    .curbrampneeds .col-md-12 .col-md-3 span {
        max-width: 100% !important;
        width: 100% !important;
    }

    .signrsltriggers .panel-body:nth-child(2),
    .curbrampneeds .panel-body:nth-child(2) {
        padding: 5px;
    }

    .signrsltriggers .d-flex,
    .curbramprsltriggers .d-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .signrsltriggers .d-flex .col-md-9,
    .curbramprsltriggers .d-flex .col-md-9 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .signedit .m-d-flex .col-md-4.mt20 fieldset img,
    .curbrampedit .m-d-flex .col-md-4.mt10 fieldset img {
        width: auto !important;
        height: auto !important;
    }

    /*MobileCreateInspection*/
    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation'] {
        width: 50%;
        margin-right: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation'] a {
        margin-right: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation']:nth-child(1) a {
        border-top-right-radius: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation']:nth-child(2) a {
        border-top-left-radius: 0;
    }

    .mobilecreateinspection #preview_inspection .preview-pci .row {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mobilecreateinspection #preview_inspection .preview-pci .sub-titile {
        display: block;
        text-align: center;
        margin-top: 30px;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group .col-sm-12.col-md-2 {
        margin-bottom: 5px;
    }



    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group:nth-child(2){
        width:100%;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group:nth-child(2) .col-md-12 {
        width:100%;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group:nth-child(2) .col-md-12 .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group:nth-child(2) .col-md-12 .row .col-sm-6 {
        width: 100%;
    }.mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group:nth-child(2) .col-md-12 .row .col-sm-3 {
         display: flex;
         justify-content: space-between;
         flex: 1;
     }
}

@media screen and (max-width: 768px) {

    .historical .panel-heading.graph-heading > .row .col-md-5,
    .historical .panel-heading.graph-heading > .row .col-md-3 {
        flex: auto;
    }

    .default .project-box-content.exsum-project-box-content {
        height: 100% !important;
    }

    .default #ctl00_ctl00_ContentPlaceHolder1_сurrentPCIByFCChartControlPanel > div,
    .default .stChartContainer.chartContainer .RadAjaxPanel div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .default #ctl00_ctl00_ContentPlaceHolder1_сurrentPCIByFCChartControlPanel > div table,
    .default .stChartContainer.chartContainer .RadAjaxPanel div table {
        width: 100% !important;
    }

    .default .stChartContainer.chartContainer .RadAjaxPanel .stChartControlContainer {
        margin: 0 auto;
    }

    .default .historicalNCTChartContainer.chart-container.chartContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .default .main-box-body {
        overflow-x: hidden;
    }

    .default .historicalNCTChartContainer.chart-container.chartContainer > div {
        width: 100%;
    }

    .default .historicalNCTChartContainer.chart-container.chartContainer > div .trendInfoContainer {
        width: 95%;
    }

    .jurisdiction .logo-img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #footer-bar {
        width: 100%;
    }

    #footer-copyright {
        text-align: left;
    }

    /*sign*/
    body.crw .RadWizard.RadWizard_Bootstrap.rwzVertical {
        display: flex;
        flex-direction: column;
        height: 100% !important;
    }

    /*sign*/
    body.crw .RadWizard.RadWizard_Bootstrap.rwzVertical {
        display: flex;
        flex-direction: column;
        height: 100% !important;
    }

    .mobilecreateinspection .tab-content .tab-pane .row,
    .mobilecreateinspection .content-tab-wrapper {
        display: flex!important;
        flex-direction: column;
    }

    .mobilecreateinspection .tab-content .tab-pane .row .border-90 {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        border: none;
        padding: 0;
    }

    /*.mobilecreateinspection .panel-body .tab-content .depress-list,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .table-wrapper,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .custom-radio-btn {
        width: 100%;
    }

    .mobilecreateinspection .RadGrid_Bootstrap table.rgMasterTable {
        table-layout: auto !important;
    }

    .mobilecreateinspection .panel-body .nav-tabs li a {
        padding: 10px 5px;
        text-align: center;
    }

    .mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item {
        height: 50px;
        font-size: 14px;
    }*/
    .mobilecreateinspection .tab-content .tab-pane .border-90 .table-wrapper {
        width: 100%;
    }

    .mobilecreateinspection .tab-content .tab-pane .border-90 .table-wrapper #ctl00_ContentPlaceHolder1_grdData {
        overflow: auto;
    }

    .mobilecreateinspection #preview_inspection .preview-pci .sub-titile {
        margin-top: -5px;
    }

    .mobilecreateinspection .panel-body .tab-content .tab-pane__heading {
        margin-top: 30px;
    }

    .gissectiongps #RadWindowWrapper_ctl00_ContentPlaceHolder1_WindowInspection {
        top: 2% !important;
        max-height: 90vh !important;
        overflow: hidden;
        height: 100% !important;
    }



    @media screen and (max-width: 768px) {

        /*sign*/
        body.crw .RadWizard.RadWizard_Bootstrap.rwzVertical {
            display: flex;
            flex-direction: column;
            height: 100% !important;
        }

        body.crw #mainContentArea > .row .col-md-12 ul {
            margin: 0 0 10px 0;
            padding: 0;
        }

        body.crw #mainContentArea > .row .col-md-12 ul + div {
            padding: 0;
        }

        body.crw .rwzContentWrapper {
            background: none;
        }

        .gisreporting .rtbSlide {
            left: 112px !important;
            top: 170px !important;
        }

        .signedit .mt20.m-d-flex .rtsUL .rtsLI span {
            margin-bottom: 0;
        }

        .signedit .mt20.m-d-flex .rtsUL {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            display: FLEX;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .signedit .mt20.m-d-flex .rtsUL .rtsLI {
            margin-left: 3px;
            margin-bottom: 3px;
        }
    }
}

@media screen and (max-width: 650px) {

    .inspcalc #tgglOptions > div:first-child,
    .mrcalc #tgglOptions > div:first-child,
    .inspcalc #tgglOptions > div:nth-child(2),
    .mrcalc #tgglOptions > div:nth-child(2),
    .inspcalc #tgglOptions > div:last-child,
    .mrcalc #tgglOptions > div:last-child {
        width: 100%;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation'] {
        width: 50%;
        margin-right: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation'] a {
        margin-right: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation']:nth-child(1) a {
        border-top-right-radius: 0;
    }

    .mobilecreateinspection .panel-scroll-outer .nav-tabs li[role='presentation']:nth-child(2) a {
        border-top-left-radius: 0;
    }

    .mobilecreateinspection #preview_inspection .preview-pci .row {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .mobilecreateinspection #preview_inspection .preview-pci .sub-titile {
        margin-bottom: 50px;
    }

    .mobilecreateinspection .tab-content .tab-pane .row {
        display: flex;
        flex-direction: column;
    }

    .mobilecreateinspection .tab-content .tab-pane .row .border-90 {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        border: none;
        padding: 0;
    }

    .mobilecreateinspection .panel-body .tab-content .depress-list,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .table-wrapper,
    .mobilecreateinspection .tab-content .tab-pane .border-90 .custom-radio-btn {
        width: 100%;
    }

    .mobilecreateinspection .RadGrid_Bootstrap table.rgMasterTable {
        table-layout: auto !important;
    }

    .mobilecreateinspection .panel-body .nav-tabs li a {
        padding: 10px 5px;
        text-align: center;
    }

    .mobilecreateinspection .panel-body .tab-content .quantity-block__keyboard .keyboard-row .keyboard-row__item {
        height: 50px;
        font-size: 14px;
    }

    .mobilecreateinspection #ContentPlaceHolder1_divInspections .form-group {
        display: flex;
        flex-direction: column;
    }

}

@media screen and (max-width: 450px) {

    .mobile-direction-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .gisreporting .rtbSlide {
        left: 20px !important;
        top: 200px !important;
    }

    .gismapit .col-md-12 span.RadButton_Bootstrap {
        margin-bottom: 4px;
    }

    .mobile-direction-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .signworkimport .ruFileWrap,
    .signworkimport .ruFileWrap > input:first-child {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

@media screen and (max-width: 400px) {
    .signworkimport .ruFileWrap .radPreventDecorate {
        width: 70%;
    }
}

@media screen and (max-height: 450px) {
    .sidehelp {
        padding-top: 15px;
    }

    .sidehelp a {
        font-size: 18px;
    }
}

@media screen and (max-width: 350px) {

    .historical .panel-heading.graph-heading > .row .col-md-5,
    .historical .panel-heading.graph-heading > .row .col-md-3 {
        flex: 1;
    }

    .historical .panel-heading.graph-heading .col-md-4.mt5 {
        top: 80px;
    }

    .historical .panel-heading.graph-heading {
        display: flex;
        align-items: center;
    }

}

/* override to make better space and line-height */
.switch-toggle label, .switch-toggle > span {
    line-height: 1.5em !important;
    vertical-align: middle;
    padding: 8px 0 8px 0 !important;
}

/* override to make dropdowns span the entire cell */
.RadGrid .rgBatchContainer {
    max-width: 100% !important;
}

.columnheader {
    padding: 5px;
    position: relative;
    height: 60px;
}

    .columnheader span {
        font-size: medium;
        font-weight: bold;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        line-height: 1.25em !important;
    }

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

.bg-whitesmoke {
    background-color: whitesmoke;
}

.rcSelect .rcCalPopup {
    width: 30px;
}

.comboboxrequired {
    border-color: #080808;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
}

#btnReportDownload {
    cursor: pointer;
}


.tab-container .RadTabStrip .tab .rtsLink:hover {
    background-color: #ec971f;
    border-color: #d58512;
}

.tab-container .RadTabStrip .tab .rtsLink:active {
    background-color: #d68411;
    border-color: #c97a08;
}

.tab-container .RadTabStrip .tab .rtsLink {
    background-color: #f0ad4e;
    border-color: #eea236;
    text-align: center;
}

.tab-container .RadTabStrip .tab .rtsTxt {
    color: white;
    font-size: 15px;
}