body {
    margin: 0;
    /*background-color: #f4f4f4;*/
}

label
{
    font-weight:500 !important;  

}

#home-menu {
    float: right;
    margin-top: 2.5%;
    margin-right: 8%;
    background-color:skyblue;
}

    #home-menu li a {
        display: inline;
        list-style-type: none;
        border-right: 1px dotted white;
        font-size:small;
        color: #337ab7;
        padding-right: 6px;
        padding-left: 6px;
        padding-top: 2px;
        padding-bottom: 2px;

    }

        #home-menu li a.focus, #home-menu li a:focus {
            color: #fff;
            background-color: #449d44;
            border-color: #255625;
            font-size: large;
        }

        #home-menu li a.hover, #home-menu li a:hover {
            color: #fff;
            background-color: #449d44;
            border-color: #398439;
            font-size: large;
        }



.sec-log {
    font-size: large;
    background-color: skyblue;
    height: 100px;
    text-align: center;
    margin-top: 0px;
}

.sec-log2 {
    height: 100px;
    padding: 0px 10px 10px 10px;
    /*background: url(/content/Images/logo.png) no-repeat center;*/
}

.sec-log3 {
    height: 100px;
    padding: 0px 10px 10px 10px;
    /*background: url(/content/Images/logos/logo.png) no-repeat center;*/
}

#Bullion-logo {
    background: url(/content/Images/bicon.ico) no-repeat center;
}

.sec {
    padding: 10px;
}

    .sec h1 {
        border-bottom: 1px dotted #171796;
        text-align: center;
        background-color: #337ab7;
        margin-top: 2px;
        margin-bottom: 2px;
        border-radius: 5px;
        height: 20px;
        width: 95%;
    }

        .sec h1:first-child {
            margin-bottom: 14%;
        }

        .sec h1:last-child {
            margin-top: 14%;
        }

        .sec h1 a {
            color: white;
            padding: 0 0 0 0;
            font-size: small;
        }

            .sec h1 a.focus, .sec h1 a:focus {
                color: #fff;
                background-color: skyblue;
                border-color: #255625;
                font-size: large;
            }

            .sec h1 a.hover, .sec h1 a:hover {
                color: #fff;
                background-color: skyblue;
                border-color: #398439;
                font-size: large;
            }

        .sec h1:focus, .sec h1.focus {
            color: #fff;
            background-color: skyblue;
            border-color: #255625;
            font-size: large;
        }

    .sec:focus, .sec.focus {
        color: #fff;
        background-color: skyblue;
        border-color: #255625;
        font-size: large;
    }

    .sec h1:hover, .sec h1.hover {
        color: #fff;
        background-color: skyblue;
        border-color: #398439;
        font-size: large;
    }

#sec-set {
    font-size: small;
    padding-left: 30%;
    background-color: transparent;
    width: 100%;
    box-shadow: 4px 4px 10px #888888;
    margin-top: 1px;
}

    #sec-set a {
        color: #337ab7;
    }

.menu-header {
   color:darkblue;
   background-color:skyblue;
   box-shadow: 1px 1px 2px #888888;padding-left:10px;padding-right:10px;
}

.unauthorized {
   color:gray;
}

.index-two {
    border-bottom: 1px dotted #171796;
    padding: 2px 2px 2px 2px;
}

    .index-two a {
        color: white;
        background-color: yellow;
        align-items: center;
    }

.button-style {
    width: 60px;
    color: white;
    font-size: xx-small;
    background-color: darkblue;
}

.bull-login, .tdPadding {
    padding: 1px 1px 1px 1px;
    vertical-align: top;
}

#login-date, #login-branch-list{
    color: darkblue;
    font-size: 13px;
    font-weight:normal;
    width: 300px;
    /*height: 35px;
    border-left: 1px solid #5cb85c;
    border-right: 1px solid #5cb85c;
    border-top: 1px solid #5cb85c;
    border-bottom: 1px solid #5cb85c;*/
    padding-left: 10%;
    /*border-radius: 5px;*/
    /*box-shadow: 2px 2px 2px #888888;*/
}

#login-pass, #login-user, #login-newpass {
    color: darkblue;
    font-size: 13px;
    font-weight:normal;
    width: 261px;
    /*height: 35px;
    border-left: 1px solid #5cb85c;
    border-right: 1px solid #5cb85c;
    border-top: 1px solid #5cb85c;
    border-bottom: 1px solid #5cb85c;*/
    padding-left: 10%;
    /*border-radius: 5px;*/
    /*box-shadow: 2px 2px 2px #888888;*/
}

#test-body{
    box-shadow: 2px 4px 3px #5cb85c;
    width:330px;
}

.borders-color {
    /*border-left: 1px solid #5cb85c;
    border-right: 1px solid #5cb85c;
    border-top: 1px solid #5cb85c;
    border-bottom: 1px solid #5cb85c;*/
    margin-top: 3px;
}


fieldset {
    border: aliceblue 1px solid;
    padding: 0 10px;
    margin-bottom: 2%;
    clear: left;
    margin-left: 2px;
    padding-bottom: 2%;
}

legend.the-legend {
    border-style: none;
    border-width: 0;
    font-size: small;
    line-height: 20px;
    margin-bottom: 0;
    border-bottom: none;
    padding: 0 10px;
    width: inherit;
    color: #083D77;
}

#login-fieldset {
    border: none;
    /*border-bottom:1px solid skyblue;*/
}

hr {
    margin-top: 0px;
    margin-left: 0%;
    border-bottom: silver 0.5px ridge;
    margin-top:10px;
    margin-bottom:10px;
    /*width: 100%;*/
}

.bull-toolbar {
    /*width:100%;*/
}

#footer {
    clear: both;
    padding: 10px;
    text-align: right;
    margin-left: 0px;
    color: darkblue;
    font-size: xx-small;
}


h1, h2 {
    font-size: medium;
    padding-bottom: 1px;
}

#login-credentials {
    margin-top: 0%;
    /*padding-left: 3px;*/
    padding-right: 10%;
}

#login-caption {
    border-bottom: silver 0.5px ridge;
}


#login_bt {
    width: 300px;
    float: none;
    font-size:large;
    /*border-bottom-color: #5cb85c;
    border-top-color: #5cb85c;
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;*/
    border-radius: 0px;
    margin-top:5px;
}

#test-body {
    /*height:1500px;*/
    /*background:url(/content/Images/menu.jpg) no-repeat right;*/
    /*background-color:white;*/
    /*margin-left:110px;*/
    /*border-left:1px solid #60AFFF;*/
    /*border-right:1px solid #8A8575;*/
    /*border-top:1px solid #8A8575;*/
    /*border-bottom:1px solid #8A8575;*/
    /*padding: 2px 2px;*/
    /*overflow: auto;*/
    /*-moz-border-radius: 15px;*/
    /*border-top-left-radius:15px;*/
    /*margin-top:2px;*/
    /*margin-right:2px;*/
    /*float: left;*/
    /*width: auto;*/
}

div {
    width: inherit;
}

.bull-table {
    width:100%;
    /*background-color: aliceblue;*/
    padding:5px;
    font-size:12px;
}

.navbar-fixed-top {
    margin-left: 15%;
    position: inherit;
}

.navbar-inverse {
    /*background-image: -webkit-linear-gradient(#f4f4f4, #f4f4f4 60%, #f4f4f4);
    background-image: -o-linear-gradient(#f4f4f4, #f4f4f4 60%, #f4f4f4);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), color-stop(60%, #f4f4f4), to(#f4f4f4));
    background-image: linear-gradient(#f4f4f4, #f4f4f4 60%, #f4f4f4);*/
    background-color: skyblue;
    box-shadow: 4px 4px 10px #888888;
}


.navbar-brand {
    font-size: smaller;
    background: url(/content/Images/Bullion-logo.jpg) no-repeat right;
    background-color: skyblue;
    margin-top: 5px;
    margin-left: 10%;
    height: 5%;
}

#index-one {
    position: fixed;
    height: 2%;
    /*top: 1%;*/
    right: 0.1%;
    /*left: 0.5%;*/
    border-top-right-radius: 10px;
    border-top: 1px solid #337ab7;
    border-bottom: 1px solid #5cb85c;
    border-right: 1px solid #337ab7;
    width: 86.4%;
    margin-left: 13.5%;
}

#index-two {
    float: left;
    width: 13.5%;
    position: fixed;
    overflow-y: auto;
    height: 99.9%;
    background-color: #e1e3e4;
    /*left: 0.5%;*/
    /*top: 1%;*/
    bottom: 0.1%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 1px solid #337ab7;
    border-bottom: 1px solid #337ab7;
    border-top: 1px solid #337ab7;
    box-shadow: 4px 4px 10px #888888;
}

#index-three {
    float: none;
    width: 85.5%;
    height: 86%;
    margin-top: 4%;
    margin-left: 14%;
    margin-right: 1%;
    margin-bottom: 11%;
    overflow: auto;
    /*background-color: #FFFBFE;*/
    padding-left: 1%;
    padding-top: 0%;
    /*padding-bottom: 5%;*/
    position:fixed;
    /*border-right: 1px solid #337ab7;*/
    display: block;
}

#recpt {
    float: none;
    width: 95%;
    height: 86%;
    margin-top: 4%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: auto;
    /*background-color: #FFFBFE;*/
    padding-left: 0%;
    padding-top: 0%;
    /*padding-bottom: 5%;*/
    position:fixed;
    /*border-right: 1px solid #337ab7;*/
    display: block;
}

#index-four {
    float: right;
    margin-left: 20%;
    margin-bottom: 0.0%;
    width: 86.5%;
    clear: both;
    bottom: 0.1%;
    right: 0.1%;
    position: fixed;
    background-color: #e1e3e4;
    height: 5%;
    /*right: 5%;*/
    border-bottom-right-radius: 10px;
    border-bottom: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
    border-top: 1px solid #5cb85c;
}

#loginModal {
    /*border-color: red;*/
    margin-left: 8%;
}

.modal-header {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    /*border-top-right-radius:10px;
    border-top-left-radius:10px;*/
}

#modal-footer {
    padding-top: 3px;
    background-color: #337ab7;
    height: 40px;
    /*border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;*/
}

#modal-footer-button {
    height: 33px;
    border-color: white;
    font-size: small;
}

.close {
    color: #fff;
}

#login-table {
    /*padding-top: 30px;*/
}

#login-branch {
    padding-top: 20px;
}

#lmodal{
    width:380px;
}

#memberModalLabel {
    font-size: small;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px; /* Adjusts for spacing */
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.headings {
    color: #337ab7;
    font-weight:600;
    margin-top:30px;
}

.headings2 {
    color: #337ab7;
    font-weight:600;
    font-size:14px;
}

.text {
    font-size: small;
}

.bull-text {
    font-size:12px;
    color:inherit;
    font-family:inherit;
    font-weight:normal;
}

.text-color {
    font-size: 12px;
    color: inherit;
    font-family:Arial;
}

.indent-text {
    text-indent: 20px;
}

#menu-times {
    width: 30vw;
    float: left;
}

.close {
    color: #000;
    filter: alpha(opacity=50);
    opacity: .5;
}

.chart-content {
    float: left;
    /*background-color:antiquewhite;*/
    /*overflow-y:scroll;*/
    /*overflow-x:auto;*/
}

.chart-edit {
    position: fixed;
    float: right;
    top: 17.6%;
    right: 0;
    margin-right: 5%;
    /*border-left: 1px solid silver;*/
    /*height: 56%;*/
}

.bank-edit {
    position: fixed;
    float: right;
    top: 25%;
    right: 0;
    margin-right: 7%;
    /*border-left: 1px solid silver;*/
    height: 65%;
    /*overflow-y:scroll;*/
}

#edit-fund {
    /*width:3vw;*/
    position: fixed;
    float: right;
    right: 0;
    margin-right: 3%;
    top: 10.5%;
    height: 2%;
}

#add-edit-delete {
    /*width:3vw;*/
    position: fixed;
    float: right;
    right: 0;
    margin-right: 3%;
    top: 10.5%;
    height: 2%;
}

.bull-dropdown{
    width: 100%;
}

.bull-width{
    width: 50%;
}

.otherSettings
{
    position: fixed;
    float:right;
    right: 0;
    margin-right: 20%;
    top: 20%;
    height: 60%;
    border-left: 1px solid silver;
    padding-left:1%;
    width:30%;
}

#other-set
{
    width:40vw;
}

/*beginning of Kend-List styles*/
/**/
/**/
/**/
    .product-view {
        float: left;
        width: 50%;
        height: 90%;
        box-sizing: border-box;
        border-top: 0;
        position: relative;
        overflow:auto;
    }

        .product-view:nth-child(even) {
            border-left-width: 0;
        }

        .product-view dl {
            margin: 10px 10px 0;
            padding: 0;
            overflow: hidden;
        }

        .product-view dt, dd {
            margin: 0;
            padding: 1px;
            width: 100%;
            line-height: 15px;
            font-size: 18px;
            color:darkblue;
        }

        .product-view dt {
            font-size: 11px;
            height: 16px;
            line-height: 16px;
            /*text-transform: uppercase;*/
            opacity: 0.8;
            color: #333;
            font-weight:700;
        }

        .product-view dd {
            height: 46px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            background-color:aliceblue;
        }

            .product-view dd .k-widget,
            .product-view dd .k-textbox {
                font-size: 14px;
                
            }

    .k-listview {
        border-width: 1px 0 0;
        padding: 0;
        overflow: hidden;
        min-height: 298px;
    }

    .edit-buttons {
        position:static;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: right;
        padding: 5px;
        background-color: rgba(0,0,0,0.1);
        float:right;
        width:100%
    }

    .k-pager-wrap {
        border-top: 0;
    }

    span.k-invalid-msg {
        position: absolute;
        margin-left: 6px;
    }

    .k-add-button {
        margin-bottom: 2em;
    }

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

        .product-view {
            width: 100%;
        }

            .product-view:nth-child(even) {
                border-left-width: 1px;
            }
    }
/*end of Kendo - list styles*/
/**/
/**/
/**/

.kendo-list 
{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #5cb85c;
}

.SaveSet
{
    position:fixed;
    top:70%;
    left: 18%;
    padding-left:25px;
    padding-right:25px;
    padding-top:8px;
    padding-bottom:8px;
    border-left: 1px solid #5cb85c;
    border-right: 1px solid #5cb85c;
    border-top: 1px solid #5cb85c;
    border-bottom: 1px solid #5cb85c;

    /*padding-top:2px;*/  
    /*height:25px;*/ 
    z-index: 1000;
}

.SaveButton
{
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    /*border-left: 1px solid #5cb85c;
    border-right: 1px solid #5cb85c;
    border-top: 1px solid #5cb85c;
    border-bottom: 1px solid #5cb85c;*/
    border-left: 0.5px solid darkgray;
    border-right: 0.5px solid darkgray;
    border-top: 0.5px solid darkgray;
    border-bottom: 0.5px solid darkgray;
}

.Clear-Button
{
    position:fixed;
    top:58%;
    left: 17%;
    /*width:5%;*/
    padding-top:2px;  
    height:25px; 
    z-index: 1000;
}

.Del-Button
{
    position:fixed;
    top:62%;
    left: 18%;
    /*width:5%;*/
    padding-top:2px;  
    height:25px; 
    z-index: 1000;
}

.retrieve
{
    position:fixed;
    top:1%;
    right: 27%;
    /*width:7%;*/ 
    height:23px; 
    z-index: 1000;
}

#retrieve_window
{
    min-height: 400px;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-bottom:3%;
    background-color:white;
    border-bottom:1px solid darkblue;
    border-left:1px solid darkblue;
    border-right:1px solid darkblue;
}

#retrieve_button 
{
    text-align: center;
    position: absolute;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    padding-bottom:2em;
    cursor: pointer;
}

.preview_button 
{
    width: 30%; 
    border-radius: 3px; 
    padding: 9px; 
    height: 5%; 
    cursor: pointer; 
}

.more_details
{
    position:fixed;
    top:10.5%;
    right: 30px;
    width:130px; 
    height:23px; 
    z-index: 1000;
    cursor:pointer;
}

#MoreDetails_window
{
    min-height: 400px;
    overflow-x:auto;
    overflow-y:auto;
    /*padding-bottom:3%;*/
    background-color:white;
    border-bottom:1px solid darkblue;
    border-left:1px solid darkblue;
    border-right:1px solid darkblue;
}

@@media screen and (max-width: 1023px) {
    div.k-window {
        display: none !important;
    }
}

.edit-area-lower
{
    position:fixed;
    top:60px;
    right: 25px;
    width:20%; 
    height:30px; 
    z-index: 1000;
    cursor:pointer;
    overflow:hidden;
   /* padding-top:1.5%;*/
}

.edit-area-upper
{
    position:fixed;
    top:9%;
    right: 2.5%;
    width:15%; 
    height:45.8px; 
    z-index: 900;
    cursor:pointer;
    /*background-color:#e1e3e4;*/
    opacity:0.5;
    
}

.edit-area-lower:hover, .edit-area-lower.hover{
    height: 85%;
    background-color:aliceblue;
    overflow:auto;
}


#indblist-edit-area
{
top:12%;width:18%;right:2%;padding-top:0px;text-align:left;
}

.shares-action
{
    position:fixed;
    top:17%;
    left: 16.4%;
    width:10vw; 
    height:20px; 
    z-index:900;
    cursor:pointer;
    /*background-color:aliceblue;*/
    /*overflow:hidden;*/
    padding-top:0%;
}

.numbers
{
    font-weight:bold;
}

.account-chart
{
    width: 100%; padding: 10px; border-radius: 4px;height:100%;
}

#Chart
{
	display: inline-block;
	padding: 2px;
	overflow-x: auto;
	overflow-y: scroll;
	height: 500px;
}

#mheader
{
    border-top-left-radius:10px;
    border-top-right-radius:15px;
}

#modal-footer
{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:15px;
}

#test-body{
    border-radius:10px;
}

.bbutton {
    display: block;
    width: 160px;
    height: 27px;
    background:#008CBA;
    padding: 2px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    font-size:small;
    cursor:pointer;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
    /*color:darkblue;*/
}

a:hover{
    background-color:#e7e7e7;
    color:darkblue;
}

.onclick{

}