@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');



html {font-family: "Open Sans", sans-serif;}

body {
    padding-bottom: 20px; 
    background: white; 
    font-family: "Open Sans", sans-serif;
    font-size: 14px !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px; background:white;
}

h1, h2, h3, h4, h5 {font-family: "Open Sans", sans-serif; font-weight:700;}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.subheader {
    font-size: 15px;
    margin-bottom: 10px;
}


#datatable-delegation-summary_wrapper, #datatable-export-summary_wrapper {
    width: 100% !important;
}

.header {
    padding-top: 15px;
}

footer {padding-top:20px !important;}

.page-header {
    margin-top: 10px;
}

.formdataheader {
   padding-top:15px;
   height :92px;
   z-index:10;
}

.fixed-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
}

.subnavbar {
    max-width:1474px;
    height: 45px;
    z-index: 10;
    /*background-color:white;    
    margin-right:50px;*/
    padding-top:5px;
    margin:auto;
    left:0;
    right:0;
}

.rstoolbar {
    top:0;
    bottom:0;
}

.gridEditBtn {
    color: #3366CC !important;
    text-decoration: underline !important;
}

    .gridEditBtn:hover {
        color: #1d3a75 !important;
    }

/* Buttons */

button {
    font-size: 14px !important;
}

.btn {
    border: 1px solid #ccc !important;
    font-size: 14px !important;
    
}

.btn:active {
    box-shadow: none !important;
}

.btn-default {
    color: #9A0000 !important;
    background-color: #fff;
}

    .btn-default:hover,
    .btn-default:active{
        color: #fff !important;
        background-color: #9A0000;
    }

.btn-primary {
    color: #fff !important;
    background: #9A0000 !important;
    border: none !important;
}

    .btn-primary:hover {
        color: #fff !important;
        background: #7d0101 !important;
        border: none !important;
    }

#btn-login {
    background-color: #9A0000;
}

    #btn-login:hover {
        background-color: #470000;
    }

.btn-help {
    border: none !important;
    font-size: 14px !important; 
}

a svg {
    font-size: 13px !important;
}

.button-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.button-group a,
.button-group input,
.button-group button{
    margin-left: 2px;
    margin-right: 2px;
}

.btn-outline-success.focus, .btn-outline-success:focus {
    color: #9A0000 !important;
    box-shadow: 0 0 0 0.2rem rgb(154 0 0 / 50%) !important;
}

.btn-default:active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #9A0000 !important;
    border-color: #9A0000 !important;
}

.btn-select {
    color: #fff;
    background-color: #9A0000;
}

    .btn-select:focus,
    .btn-select:active {
        color: #fff;
    }

    .btn-select:hover {
        background-color: #7d0101;
        color: #fff;
    }

.btn-select option {
    background-color: #fff;
    color: #9A0000;
}

/* Icons */
.glyphicon {
    color: #5cb85c !important;
    font-size: 13px !important;
    background: none;
}

.glyphicon-outliers {
    color: #FF0000 !important;
}

.glyphicon-form-delegated {
    color: #FF0000 !important;
}

.glyphicon-pending {
    color: #428bca !important;
}

/* Popover */

.popover {
    font-size: 13px !important;
}

/* Panels and Tables */

.panel {
    border: solid 0px #ccc !important;
}
.panel-heading {border-bottom:none; background-color:#9a0000 !important;}
.table-striped tr {border-left:solid 2px #ccc !important; border-right:solid 2px #ccc !important;}
.table-striped  {border-bottom:solid 2px #ccc !important;}
.table-striped td {vertical-align:middle !important;}
tr.data-row td.metric-name {padding-left:30px !important;}

/*tr.head-row1 td, tr.head-row2 td, tr.head-row3 td, tr.head-row4 td, tr.head-row5 td, tr.head-row6 td, tr.head-row7 td, tr.head-row8 td, tr.head-row9 td, tr.head-row13 td {background:#dcddde !important; }*/

tr[class^="head-row"].greyHeaderBG td {
    background: #dcddde !important;
}

tr[class^="head-row"].purpleHeaderBG td {
    background: rgba(128, 0, 126, .2) !important;
}

table.MFICI.Curbside.Recycling td.value4-col {width:50px !important; background:#000;}

/*table.Waste tr.head-row2 td, table.Education tr.head-row3 td, table.Curbside.Recycling tr.head-row10 td, table.Curbside.Recycling tr.head-row11 td, table.Curbside.Recycling tr.head-row12 td, table.Curbside.Recycling tr.head-row13 td, table.Curbside.Recycling tr.head-row14 td, table.Curbside.Recycling tr.head-row15 td, table.Curbside.Recycling tr.head-row16 td, table.Curbside.Recycling tr.head-row20 td, table.Curbside.Organics tr.head-row10 td, table.Curbside.Organics tr.head-row11 td, table.Curbside.Organics tr.head-row12 td, table.Curbside.Organics tr.head-row17 td, table.Crew tr.head-row10 td, table.MFICI.Garbage tr.head-row10 td, table.MFICI.Garbage tr.head-row15 td, table.MFICI.Recycling tr.head-row15 td, table.MFICI.Recycling tr.head-row21 td, table.MFICI.Organics tr.head-row14 td, table.Res.Recycling tr.head-row11 td, table.Selfhaul tr.head-row11 td, table.Selfhaul tr.head-row14 td, table.Landfill tr.head-row16 td, table.Landfill tr.head-row17 td, table.Landfill tr.head-row20 td, table.Landfill tr.head-row21 td, table.Landfill tr.head-row22 td, table.Landfill tr.head-row23 td, table.Landfill tr.head-row24 td, table.Landfill_2 tr.head-row16 td, table.Landfill_2 tr.head-row17 td, table.Landfill_2 tr.head-row20 td, table.Landfill_2 tr.head-row21 td, table.Landfill_2 tr.head-row22 td, table.Landfill_2 tr.head-row23 td, table.Landfill_2 tr.head-row24 td, table.Compost.Facility tr.head-row14 td, table.Compost.Facility tr.head-row15 td, table.MRF tr.head-row10 td, table.MRF tr.head-row11 td, table.True.Disposal.Cost tr.head-row11 td  {background:#dcddde !important; }

table.Waste tr.head-row4 td, table.Waste tr.head-row5 td, table.Waste tr.head-row7 td, table.Waste tr.head-row8 td, table.Waste tr.head-row9 td, table.Waste tr.head-row13 td, table.Education tr.head-row2 td, table.Facilities tr.head-row2 td, table.Facilities tr.head-row4 td, table.Facilities tr.head-row6 td, table.Facilities tr.head-row7 td,
table.Facilities tr.head-row8 td, table.Garbage tr.head-row2 td, table.Curbside.Recycling tr.head-row2 td, table.Curbside.Recycling tr.head-row5 td, table.Curbside.Recycling tr.head-row8 td, table.Curbside.Organics tr.head-row3 td, table.Curbside.Organics tr.head-row4 td, table.Curbside.Organics tr.head-row9 td, table.Crew tr.head-row2 td, table.Crew tr.head-row3 td, table.Crew tr.head-row5 td, table.Crew tr.head-row8 td, table.Crew tr.head-row9 td, table.MFICI.Garbage tr.head-row5 td, table.MFICI.Garbage tr.head-row7 td, table.MFICI.Garbage tr.head-row9 td, table.MFICI.Garbage tr.head-row11 td, table.MFICI.Garbage tr.head-row13 td, table.MFICI.Recycling tr.head-row5 td, table.MFICI.Recycling tr.head-row8 td, table.MFICI.Organics tr.head-row2 td, table.MFICI.Organics tr.head-row5 td, table.MFICI.Organics tr.head-row8 td, table.Res.Garbage tr.head-row4 td, table.Res.Garbage tr.head-row6 td, table.Res.Garbage tr.head-row7 td, table.Res.Garbage tr.head-row9 td, table.Res.Recycling tr.head-row2 td, table.Res.Recycling tr.head-row4 td, table.Res.Recycling tr.head-row9 td, table.Res.Organics tr.head-row2 td, table.Res.Organics tr.head-row4 td, table.Res.Organics tr.head-row7 td, table.Res.Organics tr.head-row9 td, table.Selfhaul tr.head-row2 td, table.Selfhaul tr.head-row4 td, table.Selfhaul tr.head-row6 td, table.Selfhaul tr.head-row9 td, table.Selfhaul tr.head-row13 td, table.Landfill tr.head-row2 td, table.Landfill tr.head-row4 td, table.Landfill tr.head-row6 td, table.Landfill tr.head-row8 td, table.Landfill_2 tr.head-row2 td, table.Landfill_2 tr.head-row4 td, table.Landfill_2 tr.head-row6 td, table.Landfill_2 tr.head-row8 td, table.Compost.Facility tr.head-row2 td, table.Compost.Facility tr.head-row4 td, table.Compost.Facility tr.head-row6 td, table.Compost.Facility tr.head-row8 td, table.MRF tr.head-row2 td, table.MRF tr.head-row4 td, table.MRF tr.head-row7 td, table.SWM.Rev.Cost tr.head-row2 td, table.True.Disposal.Cost tr.head-row4 td, table.True.Disposal.Cost tr.head-row5 td, table.True.Disposal.Cost tr.head-row7 td, table.Curbside.Collection.Cost tr.head-row3 td, table.Curbside.Collection.Cost tr.head-row4 td, table.Curbside.Collection.Cost tr.head-row5 td, table.Curbside.Collection.Cost tr.head-row9 td, table.MFICI.Collection.Cost tr.head-row3 td, table.MFICI.Collection.Cost tr.head-row4 td, table.MFICI.Collection.Cost tr.head-row5 td, table.MFICI.Collection.Cost tr.head-row9 td {background:#fff !important; }

table.Waste tr.head-row3 td, table.Waste tr.head-row6 td, table.Facilities tr.head-row3 td, table.Facilities tr.head-row5 td, table.Facilities tr.head-row7 td, table.Facilities tr.head-row9 td, table.Facilities tr.head-row13 td, table.Curbside.Garbage tr.head-row6 td, table.Curbside.Recycling tr.head-row3 td, table.Curbside.Recycling tr.head-row4 td, table.Curbside.Recycling tr.head-row6 td, table.Curbside.Recycling tr.head-row7 td, table.Curbside.Recycling tr.head-row9 td, table.Curbside.Organics tr.head-row5 td, table.Curbside.Organics tr.head-row7 td, table.Crew tr.head-row4 td, table.Crew tr.head-row6 td, table.MFICI.Garbage tr.head-row4 td, table.MFICI.Garbage tr.head-row6 td, table.MFICI.Recycling tr.head-row2 td, table.MFICI.Recycling tr.head-row4 td, table.MFICI.Recycling tr.head-row6 td, table.MFICI.Organics tr.head-row4 td, table.MFICI.Organics tr.head-row6 td, table.MFICI.Recycling tr.head-row7 td, table.MFICI.Recycling tr.head-row9 td, table.MFICI.Organics tr.head-row13 td, table.Res.Garbage tr.head-row5 td, table.Res.Garbage tr.head-row8 td, table.Res.Recycling tr.head-row3 td, table.Res.Recycling tr.head-row5 td, table.Res.Recycling tr.head-row6 td, table.Res.Recycling tr.head-row7 td, table.Res.Recycling tr.head-row8 td, table.Res.Recycling tr.head-row13 td, table.Res.Organics tr.head-row5 td, table.Res.Organics tr.head-row8 td, table.Res.Organics tr.head-row10 td, table.Selfhaul tr.head-row3 td, table.Selfhaul tr.head-row7 td, table.Landfill tr.head-row3 td, table.Landfill tr.head-row5 td, table.Landfill tr.head-row7 td, table.Landfill tr.head-row9 td, table.Landfill_2 tr.head-row3 td, table.Landfill_2 tr.head-row5 td, table.Landfill_2 tr.head-row7 td, table.Landfill_2 tr.head-row9 td, table.Compost.Facility tr.head-row3 td, table.Compost.Facility tr.head-row5 td, table.Compost.Facility tr.head-row7 td, table.Compost.Facility tr.head-row9 td, table.MRF tr.head-row3 td, table.MRF tr.head-row5 td, table.MRF tr.head-row6 td, table.MRF tr.head-row8 td, table.SWM.Rev.Cost tr.head-row3 td, table.SWM.Rev.Cost tr.head-row5 td, table.True.Disposal.Cost tr.head-row3 td, table.True.Disposal.Cost tr.head-row6 td, table.True.Disposal.Cost tr.head-row8 td, table.Curbside.Collection.Cost tr.head-row6 td, table.Curbside.Collection.Cost tr.head-row7 td, table.MFICI.Collection.Cost tr.head-row6 td, table.MFICI.Collection.Cost tr.head-row7 td {background:#f9f9f9 !important; }*/

table.Facilities tr.data-row td.metric-name {font-size: 24px; text-align:right;}

table.Cost tbody tr td:nth-child(3) {
    min-width: 199px !important;
}
   
table tr.separator-row {border:0px !important;  height:40px; background:#fff !important;}
table tr.separator-row td {background:#fff !important; border-top:solid 2px #ccc; border-bottom:solid 2px #ccc;}

tr.foot-row td {background:#fff !important; border-top:0px !important; border-bottom: 1px solid #dcddde !important; vertical-align:middle !important;}
tr.foot-row td span.label-primary {margin-bottom:80px !important; display:block; background:none;}
tr.foot-row td.metric-name {color:#a8353a !important; text-transform:uppercase; text-align:right;}
table.Facilities tr.foot-row td.metric-name {text-align:left;}

.panel-primary .panel-heading {background:#00b5e2;}

.subhead {font-size:16px; font-weight:bold; margin:0px !important;}

.text-muted {font-size:12px; }

#table-formdata {padding-top:40px !important;}

ul.dropdown-menu li a:hover {
    background: #f1f1f1;
    color: black;
}

#table-formview td { vertical-align:middle !important;}

.k-grid th {
    font-weight: bold !important;
}

table label {
    font-weight: normal !important;
}

/**** Input and Select fields ****/

input,
select{
    font-size: 14px !important;
}

select {
    height: 30px !important;
}

textarea {
    font-size: 14px !important;
}

/* Colour shadings for input fields */
input.label-required {
    background-color: #FFFACD !important;
    color: black !important;
}

input.label-notrequired {
    background-color: #708090 !important;
    color: white !important;
}

input.label-optional {
  background-color: white !important;
  color: black !important;
}

input.label-formula {
    background-color: #60AEB2 !important;
    color: white !important;
    font-weight: bold;
}

input.label-formula::placeholder {
    color: white;
}

input.label-inputdata,
select.label-inputdata,
input.label-pmdata,
select.label-pmdata {
    background-color: #ffe4cc !important;
    color: #222 !important;
}

input.label-breakdown1,
select.label-breakdown1 {
    background-color: #fce9e6 !important;
    color: #222 !important;
}

input.label-breakdown2,
select.label-breakdown2 {
    background-color: #fcf7e6 !important;
    color: #222 !important;
}


input.label-breakdown3,
select.label-breakdown3 {
    background-color: #ecebdc !important;
    color: #222 !important;
}

.label-inputdata::placeholder,
.label-pmdata::placeholder {
    color: #222 !important;
}

input[type="text"]:disabled,
select:disabled {
    background-color: #dddddd !important;
}


tr[class*="classDelgRowHide"] td {background-color:#dcddde !important; }

.label-undelegated { background-color: peachpuff !important; }


/******* Shared - Collapsable sidebar *******/
/* The sidebar menu */
.sidebar {
    height: 100%; /* 100% Full-height */
    width: 50px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    margin-left: 20px;
    margin-top: 55px;
    background-color: white; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 130px; /* Place content 60px from the top */
    /* 0.5 second transition effect to slide in the sidebar */
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}

    .sidebar .icon {
        font-size: 1.5em;
        float: left;
        border-left: 2px solid #fff;
        color: #141414;
        text-align: center;
    }

    /* The sidebar links */
    .sidebar a {
        display: flex;
        align-items: center;
        flex-direction: row;
        text-decoration: none;
        color: black;
        transition: 0.3s;
        font-size: 1.4rem;
        padding: 10px;
    }

    /* When you mouse over the navigation links, change their color */
    .sidebar a:hover,
    .sidebar .icon:hover{
        color: #9a0000;
    }

.sidebar .icon-waste {
    font-size: 1.2em;
}

.sidebar-label {
    margin-left: 10px;
}

.active-sb {
    border-left: 2px solid #9a0000 !important;
    padding-left: 4px;
    color: #9a0000;
}


/* The button used to open the sidebar */
.openbtn {
    position: fixed;
    margin-left: -3px;
    margin-top: 5px;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    cursor: pointer;
    color: #111;
    z-index: 10;
    background: white;
    border: 2px solid #111;
    padding-left: 10px;
    padding-right: 8px;
}

    .openbtn:hover {
        background-color: #ddd;
    }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s; /* If you want a transition effect */
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
}

/******************************************
**                                       **   
**             Navigation                **
**                                       **
*******************************************/
/******* Main fixed top Navbar *******/
nav {
    font-size: 13px !important;
}

.nav-main {
    background-color: #f6f6f6;
    background-repeat: repeat-x;
    filter: drop-shadow(0px 0.5px 0.5mm darkgrey);
    border: none;
    min-height: 60px;
    padding-left: 100px;
    padding-right: 100px;
}

@media(max-width:1230px) {
    .nav-main {
        padding-left: 0;
        padding-right: 0;
    }
}

.nav-main .navbar-brand {
    /* background-repeat: no-repeat;
    background-position: 17px 13px;
    background-size: 170px;*/
    background-image: url("images/LogoCOC.png");
    position: absolute;
    padding-left: 175px;
    margin-top: 25px;
}

.navbar-title {
    margin-left: 215px;
    margin-top: 10px;
    font-family: Roboto,Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 2em;
}

.nav-main .navbar-text {
    color: black;
}

.nav-main .navbar-toggle {
    border: none;
}

    .nav-main .navbar-toggle:hover {
        background-color: black; /*#002d61;*/
    }

    .nav-main .navbar-toggle:focus {
        background-color: black; /*#002d61;*/
    }

.navbar-light .navbar-nav .nav-link {
    text-decoration-line: underline;
    text-decoration-color: #9A0000;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    color: rgba(0,0,0,.7) !important;
}

.dropdown-menu {
    border-top: 1.5px solid #9A0000 !important;
}

.navbar-collapse .select2 {
    margin-top: 5px;
}
.navbar-collapse .form-inline {
    margin-top: 5px !important;
}

/* Search */
.search-bar input,
.search-bar i,
.search-bar button{
    font-size: 13px !important;
}

.navbar-collapse .form-control {
    height: 28px;
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    -webkit-box-shadow: none;
}

.navbar-collapse .search i {
    position: absolute;
}

.navbar-collapse .search {
    width: 100%;
    margin-bottom: 10px;
}

.navbar-collapse .icon {
    padding: 16px;
    color: #787878;
    text-align: center;
    margin-left: -3px;
    font-size: 1.2em;
}

.navbar-collapse .form-control {
    width: 100%;
    padding: 10px;
    text-align: left;
    padding-left: 40px;
}

.navbar-collapse .form-inline button {
    color: #9A0000;
    border-color: #9A0000;
}
.navbar-collapse .form-inline button:hover {
    color: white;
    background-color: #9A0000;
}

/* make navbar dropdown menu always present */
.navbar-header {
    float: none;
}

.navbar-left, .navbar-right {
    float: none !important;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-collapse.collapse {
    display: none !important;
}

.navbar-nav {
    float: none !important;
    margin-top: 7.5px;
}

    .navbar-nav > li {
        float: none;
        padding-left: 20px;
    }

        .navbar-nav > li > a {
            padding-top: 7px;
            padding-bottom: 7px;
            padding-left: 35px;
        }

.collapse.in {
    display: block !important;
}
/* end of navbar dropdown menu code */
.nav-main .navbar-collapse {
    border: none;
    box-shadow: none;
}

.nav-main .navbar-nav {
    background-color: #fff;
    margin-top: 2px;
    box-shadow: rgba(140, 140, 140, 0.5) 0 2px 5px 2px;
}

.main-menu-icons {
    background-repeat: no-repeat;
    background-position: -1px 3px;
    padding-left: 50px;
    font-weight: bold;
    color: #777;
}

.nav-main .navbar-nav > li {
    margin: 7px 10px;
    border-radius: 4px;
}

    .nav-main .navbar-nav > li, .nav-main .navbar-nav > li > a {
        color: #777;
        background-color: #fff;
    }

        .nav-main .navbar-nav > li:hover, .nav-main .navbar-nav > li:hover > a {
            background-color: #ddd;
            border-radius: 4px;
        }

            .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .nav-main .navbar-nav > li:hover > a {
                color: #002d61;
            }

.nav-main .nav > li {
    border: none;
}

.main-menu-icon-floodScenario {
    background-image: url("images/floodScenario-icon.png");
    background-position: 0 16px;
}

    .main-menu-icon-floodScenario:hover, .main-menu-icon-floodScenario:focus, .main-menu-floodscenario:hover .main-menu-icon-floodScenario {
        background-image: url("images/floodScenario-icon2.png");
    }

.main-menu-icon-activityHistory {
    background-image: url("images/activityHistory.svg");
}

    .main-menu-icon-activityHistory:hover, .main-menu-icon-activityHistory:focus, .main-menu-activityHistory:hover .main-menu-icon-activityHistory {
        background-image: url("images/activityHistory_2.svg");
    }

.main-menu-icon-procedureRecord {
    background-image: url("images/procedureRecord.svg");
}

    .main-menu-icon-procedureRecord:hover, .main-menu-icon-procedureRecord:focus, .main-menu-procedureRecord:hover .main-menu-icon-procedureRecord {
        background-image: url("images/procedureRecord_2.svg");
    }

.main-menu-icon-procedureType {
    background-image: url("images/procedureType.svg");
}

    .main-menu-icon-procedureType:hover, .main-menu-icon-procedureType:focus, .main-menu-procedureType:hover .main-menu-icon-procedureType {
        background-image: url("images/procedureType_2.svg");
    }

.main-menu-icon-resourceType {
    background-image: url("images/resourceType.svg");
}

    .main-menu-icon-resourceType:hover, .main-menu-icon-resourceType:focus, .main-menu-resourceType:hover .main-menu-icon-resourceType {
        background-image: url("images/resourceType_2.svg");
    }

.main-menu-icon-documents {
    background-image: url("images/documents.svg");
}

    .main-menu-icon-documents:hover, .main-menu-icon-documents:focus, .main-menu-documents:hover .main-menu-icon-documents {
        background-image: url("images/documents_3.svg");
    }

.main-menu-icon-useradmin {
    background-image: url("images/ic_people_black_24dp_1x.png");
}

    .main-menu-icon-useradmin:hover, .main-menu-icon-useradmin:focus, .main-menu-useradmin:hover .main-menu-icon-useradmin {
        background-image: url("images/ic_people_black_24dp_1x_2.png");
    }

.nav-dropdown-secondary {
    border: none;
    box-shadow: rgba(140, 140, 140, 0.5) 0 2px 5px 2px;
    margin-top: 0;
    min-width: 220px;
    border-radius: 0;
}

    .nav-dropdown-secondary li {
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: right;
    }

    .nav-dropdown-secondary .divider {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-dropdown-secondary li a {
        color: #777;
        font-weight: bold;
        margin-left: 10px;
        margin-right: 10px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-radius: 4px;
    }

        .nav-dropdown-secondary li a:hover {
            background-color: #ddd;
            color: #002d61;
        }

@media (max-width: 991px) {
    .nav-main {
        background-color: #c8102e;
        background-image: none;
        box-shadow: rgba(140, 140, 140, 0.5) 0 0 10px 2px;
    }

        .nav-main .navbar-nav {
            background-color: #c8102e;
            box-shadow: none;
        }

            .nav-main .navbar-nav > li:hover, .nav-main .navbar-nav > li:hover > a {
                background-color: #c8102e;
            }

            .nav-main .navbar-nav > li, .nav-main .navbar-nav > li > a {
                color: #fff;
                background-color: #c8102e;
            }

    .body-content {
        margin-top: 70px;
    }

    .btn-circle {
        margin-top: 10px;
    }

    .main-menu-icon-floodScenario {
        background-image: url("images/floodScenario-icon3.png");
        background-position: 0 18px;
    }

    .main-menu-icon-activityHistory {
        background-image: url("images/activityHistory_3.svg");
    }

    .main-menu-icon-procedureRecord {
        background-image: url("images/procedureRecord_3.svg");
    }

    .main-menu-icon-procedureType {
        background-image: url("images/procedureType_3.svg");
    }

    .main-menu-icon-resourceType {
        background-image: url("images/resourceType_3.svg");
    }

    .main-menu-icon-documents {
        background-image: url("images/documents_2.svg");
    }

    .main-menu-icon-useradmin {
        background-image: url("images/ic_people_black_24dp_1x_3.png");
    }

        .main-menu-icon-useradmin:hover, .main-menu-icon-useradmin:focus, .main-menu-useradmin:hover .main-menu-icon-useradmin {
            background-image: url("images/ic_people_black_24dp_1x_4.png");
        }

    .nav-dropdown-secondary {
        margin-top: 49px;
    }
}

#city-select {
    width: 310px;
}

/* Tabs */


.nav-pills > li > a {
    font-size: 14px;
    border: 1px solid #ccc;
    color: #9a0000;
}

.nav-pills > li.active > a {
    font-size: 14px !important;
}

/* Login Page */
.login-heading {
    font-size: 18px;
    font-weight: bold;
}

/* The Landing Page */

#landing button {
    width: 20vw;
    height: 200px;
    margin-top: 25px;
    margin-bottom: 25px;
    border: 2px solid #e01233;
    color: #e01233;
    border-radius: 5px;
    background-color: white;
    font-size: 1.3em;
    filter: drop-shadow(5px 5px 10px #BCBCBC);
}

#landing button .icon {
    font-size: 1em;
    padding: 10px
}

#landing .row {
    margin-left: 100px;
}

#landing .row .col-md-4 button {
    background-color: #F2F2F2;
    border: none;
    color: #383838;
    font-size: 14px;
}

#landing .row .col-md-4 button:hover {
    background-color: #B9B9B9;
}

#landing .row .col-md-4.disabled button {
    background-color: #656565;
}


/* Dashboards */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    color: black;
    min-width: 211px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    white-space: nowrap;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #ccc !important;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-menu label.radio input[type=radio] {
    visibility: hidden;
}

.dropdown-menu label.radio {
    padding-left: 10px;
}

.dropdown-label {
    display: inline-block;
    font-weight: bold;
}

.dropdown-menu {
    font-size: 13px !important;
    white-space: nowrap;
}

.last-collection {
    display: inline-block;
    float: right;
}

.no-section {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
}

.dashboard-panel {
    margin-top: 15px;
}

.progress {
    height: 100% !important;
    margin-bottom: 0;
}

.progress-bar {
    color: #000 !important;
    font-size: 13px !important;
}

.progress-bar-notapplicable {
    color: #515967 !important;
    font-size: 13px !important;
    background-color: transparent !important;
    opacity: .8;
    box-shadow: none !important;
}

.k-state-disabled {
    opacity: 1 !important;
}

.progress-bar-success,
.progress-bar-info {
    background-color: #45A75A !important;
}

.no-delegations {
    background-color: #ddd !important;
    padding: 2px 4px;
    border-radius: 4px;
    color: #444 !important;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%) !important;
}

.badge {
    font-size: 13px !important;
}

/* Data Collection */

.system-label {
    font-weight: bold;
    display: inline-block;
}

.dropdown-content.list-group.btn-primary {
    color: #000 !important;
}

.unit-measure {
    color: #555;
    padding-left: 5px;
}

.form-textarea {
    background-color: #f2f9fa !important;
    max-width: 100%;
    width: 100% !important;
}

.file-size-warning {
    font-size: 11px;
    color: #aaa;
}

/* Delegation */
.row-group {
    margin-bottom: 20px;
}

.list-selections ul {
    list-style: none;
}

.selection-header {
    font-size: 14px; 
    font-weight: bold;
}

.toggle-label {
    color: #383838;
    display: block;
    text-align: left;
    margin-bottom: 5px;
    padding: 5px;
}

/* Export */
.export-container {
    margin-top: 15px;
}

.export-header {
    font-size: 14px; 
    font-weight: bold;
}

.export-container ul {
    list-style: none;
    font-size: 14px;
    padding: 0;
}

.export-container ul > ul {
    padding-left: 20px;
}

/* Modals */

.modal-content {
    background-color: #fff;
}

/**** HELP DESK ****/

/* Edit Forms */

#metric-table .headerrow {
    font-weight: bold;
}

.headerFormLabel {
    border-top: 4px solid #000;
}

    .headerFormLabel td {
        background-color: #deecff !important;
    }

#metric-table {
    border-collapse: collapse;
    max-height: 760px;
    display: inline-block;
}

    #metric-table tbody {
        width: 100%;
        max-height: 760px;
        display: inline-block;
        overflow-y: scroll;
    }

    #metric-table tbody tr td:nth-child(2) {
        border-right: 1px solid #000;
    }

.modal-content {
    max-height: 760px;
    overflow-y: scroll;
}

.edit-metric-def {
    border: none;
    width: 50px;
}