.ui-widget {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.0em;
}

/*! menu background color */

.navbar-inverse {
    background-color: lightgrey;
}

    /*! menu text color */
    .navbar-inverse .navbar-nav > li > a {
        color: #5f710d;
    }
        /*! menu hover background color */
        .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #5f710d;
        }

        /*! menu hover text color */
        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            background-color: #5f710d;
        }
    /*! dropdown menu open background */
    .navbar-inverse .navbar-nav .open .dropdown-menu {
        background-color: #ffffff;
    }
        /*! dropdown menu open text */
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
            color: #5f710d;
        }
            /*! dropdown hover background color */
            .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
                background-color: #5f710d;
                color: #FFF;
            }

body, .ui-widget-content, .ui-widget-header {
    color: #333333;
    background-color: #ffffff;
}

.form-control {
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eeeeee;
        opacity: 1;
    }

    /*.table-striped > tbody > tr:nth-of-type(2n+1) {
     background-color: @ViewBag.tablestripedbackgroundcolor;
}
    .table-hover > tbody > tr:hover {
    background-color: @ViewBag.tablehoverbackgroundcolor;
}
*/

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        background-color: #66afe9;
        border-width: thin;
        color: white;
    }

::selection {
    background: rgba(0,255,255,0.4);
}

::-moz-selection {
    background: lightcyan;
}

.jumbotron {
    margin-bottom: 0px;
    background-image: url("../Images/ContaineronTruck2.jpg");
    background-position: 0% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    text-shadow: black 0.3em 0.3em 0.3em;
    opacity: 0.84;
    height: calc(100vh - 150px);
    filter: grayscale(100%);
}

.blurredStart {
    filter: grayscale(100%) blur(0);
    animation-name: blurredStart;
    animation-duration: 4s;
    animation-iteration-count: 1;
}

@keyframes blurredStart {
    from { filter: grayscale(0%) blur(15px); }

    to { filter: grayscale(100%) blur(0); }
}