.km-flat, .km-flat .km-navbar, .km-flat .km-content {
    /*background: none repeat scroll 0 0 #e2e2e2;*/
}

.logo {
    background: #e2e2e2 url(images/mss-logo.png) no-repeat;
    margin: 2em auto;
    height: 65px;
    width: 265px;
    padding: 5px;
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.login-controls-wrapper {
    text-align: center;
}
#btnLogin {
    margin: 0em 1em;
    
}
.button {
    margin-left: .5em;
    text-align: center;
}
.button:first-of-type {
    margin-left: 1em;
}

.km-footer {
    background-color: #2B5586;
}

    .km-footer p.version
    {
        margin: 1em 0px;
        text-align: center;
        color: #fff;
    }

.km-flat .km-loader, .km-flat .km-rowinsert, .km-flat .km-state-active, .km-flat .km-scroller-pull, .km-flat .k-slider-selection, 
.km-flat .km-touch-scrollbar, .km-flat .km-pages .km-current-page, .km-flat .k-slider .k-draghandle, .km-flat .k-slider .k-draghandle:hover, 
.km-flat .km-tabstrip .km-state-active, .km-flat .km-scroller-refresh.km-load-more, .km-flat .km-popup .k-state-hover, 
.km-flat .km-popup .k-state-focused, .km-flat .km-popup .k-state-selected, .km-flat .km-actionsheet > li > a:active, 
.km-flat .km-actionsheet > li > a:hover, .km-flat li.km-state-active .km-listview-link, .km-flat li.km-state-active .km-listview-label, 
.km-flat .km-listview-label input[type="radio"]:checked, .km-flat .km-listview-label input[type="checkbox"]:checked
{
    background-color: #1d3859;
}

.km-flat .km-button
{
    background-color: #007ACC;
    color: #fff;
}

.km-flat .km-button:hover
{
    background-color: #54545C;
}

#error-view .message {
    padding: 1em;
}


.reply {
    float: right;
}

.inboxList
{
    font-size: .8em;
}
    
    .km-ios #actionsheet-view .km-listview
    {
        
    }

.inboxList p,
.inboxList h2,
.inboxList h3
{
    margin: 5px 2px;
}

.inboxList p,
.inboxList h3
{
    color: #777;
}

.inboxList h3.time
{
    color: #369;
    float: left;
    margin-right: 10px;
}

#actionResult
{
    padding: 10px;
    background: rgba(127,127,127,.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}
.km-view-title, .km-dialog-title
{
    background: #2B5586 !important;
}
.km-flat .km-navbar
{
    color:#FFF !important;
}

.km-ios #actionsheet-view .km-navbar
{
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(0.06, rgba(255, 255, 255, 0.45)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(1, rgba(100, 100, 100, 0))), url(../../content/shared/images/patterns/pattern7.png);
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 6%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(100, 100, 100, 0)), url(../../content/shared/images/patterns/pattern7.png);
}

.km-ios #actionsheet-view .km-navbar .km-button
{
    background-color: #4A88B5;
}
	
.km-ios #actionsheet-view .km-content .km-button {
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(0.06, rgba(255, 255, 255, 0.45)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(1, rgba(100, 100, 100, 0))), url(../../content/shared/images/patterns/pattern1.png);
    background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.45) 6%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(100, 100, 100, 0)), url(../../content/shared/images/patterns/pattern1.png);
}
.km-tablet .km-ios #actionsheet-view .km-view-title {
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.5);
}



.login-list input {
    background-color: #f5f5f5 !important;
    right: 0.2em !important;
    width: 65% !important;
}


/*Indexed List View*/

.km-listview-index
{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1010;
    margin: 0 5px 0 0;
    padding: 10px 0;
    list-style-type: none;
    font-size: 8px;
    font-weight: bold;
    border-radius: 14px;
}
.km-android .km-listview-index
{
    color: #999;
}
.km-ios .km-listview-index
{
    color: rgb(109, 114, 120);
}

.km-listview-index li {
    padding: 0px 10px;
    text-align: center;
}

.km-android .km-listview-index.km-ontouch
{
    background-color: rgba(255,255,255,.4);
}
.km-ios .km-listview-index.km-ontouch
{
    background-color: rgba(137,145,148,.7);
}

.km-listview-index-card
{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 2em;
    height: 2em;
    padding-top: 1em;
    font-size: 1.5em;
    border: 3px solid #444;
    color: #444;
    border-radius: 5px;
    z-index: 1011;
    text-align: center;
    background-color: #ddd;
}

    .km-listview-index-card:after {
        content: "";
        position: absolute;
        top: -2px;
        right: -32px;
        border-style: solid;
        border-width: 31px 0 31px 31px;
        border-color: transparent #444;
        display: block;
        width: 0;
        z-index: 1;
    }

        /*.km-android .km-listview-index-card:after {
            border-width: 33px 0 33px 33px;
            top: -1px;
            right: -34px;
        }*/

.km-root .km-indexedlistview .km-listview-link:after
{
    display: none;
    border-style: none;
}

.filter-select {
    width: 100%;
    padding: 0.5em 0.7em;
    font-size: 1em;
    color:#4C5356;
}