textarea {
            width: 1500px
        }

        .intro {
            color: whitesmoke;
        }

        /* Override feedback icon position */
        #incident_form.dateContainer .form-control-feedback {
            top: 0;
            right: -15px;
        }


        /*Hide all except first fieldset*/
        #incident_form fieldset:not(:first-of-type) {
            display: none;
        }

        /*inputs*/


        #incident_form input:focus,
        #incident_form textarea:focus {

            box-shadow: none !important;
            border: 1px solid #ee0979;
            outline-width: 0;
            transition: All 0.5s ease-in;
            -webkit-transition: All 0.5s ease-in;
            -moz-transition: All 0.5s ease-in;
            -o-transition: All 0.5s ease-in;
        }

        /*buttons*/
        #incident_form .action-button {
            width: 100px;
            background: #ee0979;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 25px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }

        #incident_form .action-button2 {
            width: 200px;
            background: orange;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 25px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }

        #incident_form .action-button3 {
            width: 100px;
            background: orange;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 25px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }

        #incident_form .action-button:hover,
        #incident_form .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
        }

        #incident_form .action-button2:hover,
        #incident_form .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
        }

        #incident_form .action-button-previous {
            width: 100px;
            background: #C5C5F1;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 25px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }

        #incident_form .action-button-previous:hover,
        #incident_form .action-button-previous:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
        }




        /*progressbar*/
        #progressbar {
            margin-top: 10px;
            margin-bottom: 30px;
            margin-left: -5%;
            overflow: hidden;
            /*CSS counters to number the steps*/
            counter-reset: step;
        }


        #progressbar li {
            list-style-type: none;
            color: white;
            text-transform: uppercase;
            font-size: 9px;
            text-align: center;
            width: 33.33%;

            float: left;
            position: relative;
            letter-spacing: 1px;
        }

        #progressbar li:before {
            content: counter(step);
            counter-increment: step;
            width: 24px;
            height: 24px;
            line-height: 26px;
            display: block;

            font-size: 12px;
            color: #333;
            background: white;
            border-radius: 25px;
            margin: 0 auto 10px auto;
        }

        /*progressbar connectors*/
        #progressbar li:after {
            content: '';
            width: 100%;
            height: 2px;
            background: white;
            position: absolute;
            left: -50%;
            top: 9px;
            z-index: -1;
            /*put it behind the numbers*/
        }

        #progressbar li:first-child:after {
            /*connector not needed before the first step*/
            content: none;
        }

        /*marking active/completed steps green*/
        /*The number of the step and the connector before it = green*/
        #progressbar li.active:before,
        #progressbar li.active:after {
            background: #ee0979;
            color: white;
        }



        .message {
            color: #999;
            padding: 1em 0;
        }

        .todo,
        .response {
            min-height: 6em;
            background-color: #fff;
            margin-bottom: 0.5em;
            padding: 1em;
            color: #555;
            -webkit-box-shadow: 0 0px 3px #BDBDBD;
            box-shadow: 0 0px 3px #BDBDBD;
            transition: all 0.3s ease-in-out;
        }

        .response {
            margin-top: 30px;
            min-height: 100px
        }

        .controls {
            text-align: center;
        }

        .select {
            border: 1px solid #999;
        }

        .final {
            color: #999;
        }

        .interim {
            color: #CCC;
        }

        .mur {
            color: red;
        }

        .controls {
            margin-top: 10px;
            border: 1px solid transparent;
            border-radius: 2px 0 0 2px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            height: 32px;
            outline: none;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        }


        #map {
            height: 251px;

        }

        label {
            float: left;
            margin-left: 0.2em;
            margin-bottom: -0.1em;
            color: black;
            font-weight: 600;
        }

        .panel-heading {
            cursor: pointer;
            background-color: darkseagreen;
        }

        .panel-title {
            font-weight: bold;

        }

        .panel-title:after {
            /* symbol for "opening" panels */
            font-family: 'Glyphicons Halflings';
            /* essential for enabling glyphicon */
            content: "\e113";
            /* adjust as needed, taken from bootstrap.css */
            float: right;
            /* adjust as needed */
            color: grey;
            /* adjust as needed */

        }

        .panel-title.collapsed:after {
            /* symbol for "collapsed" panels */
            content: "\e114";
            /* adjust as needed, taken from bootstrap.css */
        }

        .dropdown-menu {
            max-width: 600px;
        }

        .caret {
            color: darkblue;
            margin-right: -2px;
            margin-bottom: 8px;

        }

        .dropdown-menu2 li a {
            max-width: 500px;
            word-wrap: break-word;
            white-space: normal;
        }


        .heading_style {
            font-size: 14px;
            font-weight: bold;
            color: #2b465e;
            overflow-wrap: break-word;
            white-space: normal;

        }

        .option25 {
            //width:700px;

            font-size: 12px;

        }

        .optgroup2 {
            font-size: 16px;
            font-weight: bold;
        }

        label {
            display: block;
        }

        input.error {
            border: 1px solid red;
        }

        label.error {
            font-weight: normal;
            color: red;
        }

        .nav-tabs {
            background-color: darkseagreen;
            height: 30px;
            margin-top: -15px;

        }

        .nav-tabs>li>a {
            border: medium;
            margin-top: -12px;

        }

        .nav-tabs>li>a:hover {
            background-color: #000066;
            /* border: medium; */
            border-radius: 0;
            color: #fff;
        }

        /* Styles */


        .component__weather-box {
            margin: 20px auto;

            border: 1px solid #de6042;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 2px 5px 20px 1px #444;
        }

        .component__weather-content {
            position: relative;
            overflow: hidden;
            color: #fff;
            background: orangered !important;
            height: 120px;
        }

        .component__weather-content:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.3;
            background-image: url("https://nunnz.files.wordpress.com/2013/11/4.jpg");
            background-repeat: no-repeat;
            background-position: 0 63%;
            background-size: cover;
        }

        .weather-content__overview {
            width: 50%;
            text-align: center;
            display: inline-block;
            float: left;
            z-index: 2;
            position: relative;
        }

        h1 {
            font-weight: 200;
            font-size: 20px;
            line-height: 20px;
            padding-bottom: 0;
            margin-bottom: 0;
            margin-top: 0.75em;
        }

        .component__weather-box {
            margin: 10px auto;

            border: 1px solid #de6042;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 2px 5px 20px 1px #444;
        }

        .component__weather-content {
            position: relative;
            overflow: hidden;
            color: #fff;
            background: #E06B4F;
            height: 60px;
        }

        .component__weather-content:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0.3;
            background-image: url("https://nunnz.files.wordpress.com/2013/11/4.jpg");
            background-repeat: no-repeat;
            background-position: 0 63%;
            background-size: cover;
        }

        .weather-content__overview {
            width: 50%;
            text-align: center;
            display: inline-block;
            float: left;
            z-index: 2;
            position: relative;
        }

        h1 {
            font-weight: 200;
            font-size: 20px;
            line-height: 20px;
            padding-bottom: 0;
            margin-bottom: 0;
            margin-top: 0.35em;
        }

        .weather-content__temp {
            width: 50%;
            z-index: 2;
            text-align: center;
            float: left;
            font-size: 30px;
            text-align: center;
            margin-top: 0.35em;
            position: relative;
            vertical-align: middle;
        }

        .weather-content__temp .degrees {
            line-height: 40px;
        }

        .weather-content__temp .wi-degrees {
            margin-left: -10px;
            vertical-align: top !important;
        }

        .currentTemp .wi {
            margin-right: 20px;
            font-size: 40px;
            vertical-align: baseline;
        }

        .component__forecast-box {
            display: flex;
            clear: both;
        }

        .forecast__item {
            flex: 1;
            text-align: center;
        }

        .forecast-item__heading {
            background: #e68872;
            border: 1px solid #d64826;
            border-left: none;
            text-transform: uppercase;
            color: #fff;
            font-weight: 800;
            padding: 10px;
        }

        .forecast-item__info {
            background: #fff;
            color: #E06B4F;
            padding-bottom: 10px;
            border-right: 1px solid #d64826;
        }

        .forecast-item__info .wi {
            display: block;
            margin: 0 auto;
            font-size: 24px;
            padding: 15px 0;
        }

        .forecast-item__info .degrees {
            font-size: 20px;
            line-height: 20px;
        }

        .forecast-item__info .degrees .wi-degrees {
            display: inline;
        }

        small {
            font-size: 12px;
        }

        .required:after {
            content: " *";
            color: red;
        }

        .form-group .form-control-feedback {

            margin-right: 32px;
            margin-top: 0px;
            pointer-events: auto;
            /* or - auto // or -  unset  */
        }
		  .table-dark {background-color:#1a1a1a !important;color:silver;}