.body {
	font-size: 16px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	}

.title {
	font-size: 40px;
	width: 900px;
	padding-top: 5px;
	}

table thead{
	background-color: #fff;
}
table thead tr.tableheader {
	background-color:  #F0F0F0;
}
	
table{
	font-size: 15px;
}
	
.aright, input.aright, .table td.aright, .table th.aright{
	text-align: right;
}

/* Numeric cell styling for consistent monospace digits */
.table td.num { font-family: "Roboto Mono", "Menlo", "Courier", monospace; }

.acenter, input.acenter, .table td.acenter, .table th.acenter{
	text-align: center;
}

.fixed-width-2{
	width: 70px;
	overflow: hidden;
}

.fixed-width-3{
	width: 105px;
	overflow: hidden;
}

.fixed-width-4{
	width: 140px;
	overflow: hidden;
}


.fixed-width-5{
	width: 175px;
	overflow: hidden;
}

.fixed-width-6{
	width: 210px;
	overflow: hidden;
}

/*.fixed-width-10{*/
/*	width: 350px;*/
/*}*/
.fixed-width-10{
	width: 385px;
    margin-left: 15px;
}

.form-inline label{
	display: block;
}

.form-inline input{
	color: blue;
}

table#dashboard a{
	color: #000;	
}

.w53{width: 53px;}
.w106{width: 106px;}

.max-table-width-10columns{max-width: 1250px;}
.max-table-width-6columns{max-width: 830px;}
.max-table-width-5columns{max-width: 725px;}
.max-table-width-4columns{max-width: 660px;}
.max-table-width-1columns{max-width: 180px;}

thead tr.summary{}

.table-striped > tbody > tr.danger > td{background: #f2dede;}
.table-striped > tbody > tr > td.danger{background: #f2dede;}
.table-striped > tbody > tr > td.info{background: #d9edf7;}
.table-striped > tbody > tr > td.success{background: #dff0d8;}


tr.today input.manual, tr.today span.manual{
	font-weight: bold;
}


.table-striped > tbody > tr > td.green, .table-striped > tbody > tr > td.red{color:#fff;}
.table-striped > tbody > tr > td.green{background: #47a447; }
.table-striped > tbody > tr > td.red{background: #d2322d;}
.red-text{color:#d2322d;}

.table > thead > tr > th.input, .table > tbody > tr > th.input, .table > tfoot > tr > th.input, .table > thead > tr > td.input, .table > tbody > tr > td.input, .table > tfoot > tr > td.input{
	padding: 2px;
}

.graph-home{
	min-width: 300px;
	height: 400px;
	border: 1px solid #ddd;
    padding: 10px;
	margin: 5px;
}

.graph-col{
    padding-left: 0;
    padding-right: 0;
}

.graph-full{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
	width: 100%;
	height: 100%;
}

.mobile-title{
	display:none;
}

/* ===== Utility ===== */
.display-none {
    display: none;
}

/* ===== Table borderless ===== */
.table-borderless, td.table-borderless {
    border: none !important;
}

/* ===== Navbar ===== */
.navbar-brand-link {
    padding-top: 0;
    padding-bottom: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.navbar-brand-logo {
    margin-top: 0;
    display: inline-block;
    float: none;
}
.navbar-brand-title {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.15em;
    color: #404952;
    margin-left: 10px;
}
.navbar-user-icon {
    cursor: default;
}
.navbar-logout-form {
    display: inline;
}
.navbar-logout-btn {
    padding: 15px;
    margin: 0;
    color: inherit;
    text-decoration: none;
    display: block;
    border: none;
}

/* ===== Login / MFA / 2FA panels ===== */
.login-panel {
    margin-top: 50px;
}

/* ===== termstructure form ===== */
.form-flex {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}
.label-block {
    display: block;
}
.input-w75 {
    width: 75px;
}

/* ===== Form inline helpers ===== */
.form-group-right {
    margin-left: auto;
}
.form-group-mr {
    margin-right: 30px;
}
.input-group-100 {
    width: 100px;
}
.input-group-120 {
    width: 120px;
}
.input-w100 {
    width: 100px;
}

/* ===== Table wrappers ===== */
.table-wrapper-auto {
    overflow: auto;
}
.table-wrapper-auto-mt {
    overflow: auto;
    margin-top: 10px;
}

/* ===== Page wrappers ===== */
.page-wrapper {
    max-width: 95%;
    margin: 0 auto;
    padding-top: 20px;
}
.col-mb-20 {
    margin-bottom: 20px;
}
.col-mb-150 {
    margin-bottom: 150px;
}

/* ===== Chart containers ===== */
.chart-container-400 {
    position: relative;
    height: 400px;
    width: 100%;
}
.chart-container-500 {
    position: relative;
    height: 500px;
    width: 100%;
}
.chart-container-300 {
    position: relative;
    height: 300px;
    width: 100%;
}
.chart-container-400-nw {
    position: relative;
    height: 400px;
}

/* ===== Position list ===== */
.position-list {
    list-style-type: none;
    padding-left: 0;
}
.position-list-item {
    margin-bottom: 5px;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

/* ===== Inline form buttons ===== */
.form-inline-block {
    display: inline;
}

/* ===== dBase / dashboard buttons ===== */
.btn-valign-bottom {
    vertical-align: bottom;
}
.btn-mt-27 {
    margin-top: 27px;
}
.dbase-info {
    font-size: 10px;
}

/* ===== Daterange / date picker ===== */
.daterange-picker {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

/* ===== Risk management ===== */
.riskmanagement-wrapper {
    max-width: 1200px;
}
.riskmanagement-input-group {
    width: 300px;
}

/* ===== volofvol signal colours ===== */
table.table-striped tbody tr td.danger {
    background-color: #ff0000 !important;
    color: #ffffff !important;
    font-weight: 600;
}
table.table-striped tbody tr td.success {
    background-color: #00cc00 !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* ===== termstructure ===== */
.ts-table-wrapper {
    width: 80%;
    max-width: 80%;
    overflow-x: auto;
    margin-left: 0;
    margin-right: auto;
}
.warning td.aright,
.warning td.aright strong {
    color: #000000 !important;
}
.green { color: #ffffff !important; font-weight: bold; }
.red   { color: #ffffff !important; font-weight: bold; }
td.signal-long {
    background-color: #008000 !important;
    color: #ffffff !important;
    font-weight: bold;
}
td.signal-short {
    background-color: #d9534f !important;
    color: #ffffff !important;
    font-weight: bold;
}
.summary-cell {
    padding: 4px 8px !important;
}
.bg-perc-pos {
    background-color: #dff0d8 !important;
    color: #3c763d !important;
    font-weight: bold;
}
#fixed-head th, #fixed-head td {
    white-space: nowrap;
}

/* ===== vvix ===== */
.vvix-table-wrapper td.danger {
    background-color: #e53935 !important;
    color: #ffffff !important;
}
.vvix-table-wrapper td.success {
    background-color: #1faa59 !important;
    color: #ffffff !important;
}
.vvix-table-wrapper {
    width: 50%;
    max-width: 50%;
    overflow-x: auto;
    margin-left: 0;
    margin-right: auto;
}

/* ===== alternativetest / momentum signal colours ===== */
.signal-short {
    background-color: #d90000 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
}
.signal-long {
    background-color: #008a00 !important;
    color: #ffffff !important;
    font-weight: 600;
    text-align: center;
}

/* ===== riskmanagement form control ===== */
.riskmanagement-wrapper .form-control {
    color: #000000 !important;
    font-weight: 500;
}

@media only screen and ( max-width: 768px ) {
 .clear {
  clear:both;
}
 .left {
  float: left;
 }

 a.btn{
 	margin-bottom: 10px;
 }
 div#table-wrapper{min-height: 500px;}
.mobile-title{display: block; margin-top: -20px;}
.datepicker{min-height: 60px;}
}