@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Varela+Round:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:400,600,700");


@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

:root {
    --scroll-duration: 30s;
    --sellprice-background-color: rgb(240, 46, 12);
    --pricedown-background-color: red;
    --pricedown-color: rgb(255, 255, 255);
    --pricedown-text-color-color: rgb(229, 18, 18);
    --buyprice-background-color:  rgb(30, 214, 24);
    --priceup-background-color:  rgb(30, 214, 24);
    --priceup-color:  rgb(0, 0, 0);
    --priceup-text-color-color:  rgb(100, 200, 75);
    --openprice-background-color: #000000;
    --openprice-color: rgb(255, 255, 255);
    --prevcloseprice-background-color: #000000;
    --prevcloseprice-color:  rgb(255, 255, 255);
    --highprice-background-color: #000000;
    --highprice-color: rgb(255, 255, 255);
    --lowprice-background-color:#000000;
    --lowprice-color: rgb(255, 255, 255);
    --ltp-background-color: #000000;
    --odd-row-background-color: #e3f1f0;
    --even-row-background-color: #bfcffa;
    --odd-row-color: black;
    --even-row-color: black;
    --table-row-update-background-color: #dce986;
    --table-row-update-color:dimgray;
    /* custom theme properties start here */
    --custom-theme-app-background-color: #e3f1f0;
    --custom-theme-app-color: black;
    --custom-theme-app-border-color: #bfcffa;
    --custom-theme-app-title-color: black;
    --custom-theme-app-title-text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4);
    /* Navbar */
    --custom-theme-nav-background-color: #b8bcb1;
    --custom-theme-nav-color: #17325e;
    --custom-theme-bank-exposure-background-color: #f4f9e9;
    --custom-theme-bank-exposure-color: #17325e;
    --custom-theme-bank-position-background-color: #17325e;
    --custom-theme-bank-position-color: #f4f9e9;
    --custom-theme-own-exposure-background-color: #f4f9e9;
    --custom-theme-own-exposure-color: #17325e;
    --custom-theme-own-position-background-color: #17325e;
    --custom-theme-own-position-color: #f4f9e9;
    --custom-theme-client-position-background-color: #f4f9e9;
    --custom-theme-client-position-color: #17325e;
    /* Toolbar */
    --custom-theme-toolbar-background-color: #f4f9e9;
    --custom-theme-toolbar-color: #17325e;
    /* Panel outline*/
    --custom-theme-panel-background-color: inherit;
    --custom-theme-panel-opacity: 1;
    --custom-theme-panel-border-radius: 0px;
    --custom-theme-panel-content-border-radius: 0px;
    --custom-theme-select-border-radius: 0px;
    --custom-theme-button-border-radius: 0px;
    --custom-theme-area-border-radius: 0px;
    /* Panel title */
    --custom-theme-panel-title-background-color: #f4f9e9;
    --custom-theme-panel-title-color: #17325e;
    --custom-theme-title-row-background-color: #b4b8ab;
    --custom-theme-title-row-color: #f4f9e9;
    --custom-theme-floating-title-background-color: #b4b8ab;
    --custom-theme-floating-title-color: #f4f9e9;
    /* Order Form */
    --custom-theme-panel-form-background-color: inherit;
    --custom-theme-panel-form-color: black;
    --custom-theme-panel-invalid-message-color: #ff5252;
    --custom-theme-cancel-button: #ff5252;
    --custom-theme-cancel-button-text: white;
    --custom-theme-submit-button: #1976d2;
    --custom-theme-submit-button-text: white;
    --custom-theme-reset-button: darkgray;
    --custom-theme-reset-button-text: black;
    --custom-theme-disabled-button-text: dimgray;
    /* Panel footer */
    --custom-theme-error-message-background-color: #ff9f9f;
    --custom-theme-error-message-border-color: #ff5252;
    --custom-theme-error-message-color: black;
    --custom-theme-success-message-background-color: #a9e9a7;
    --custom-theme-success-message-border-color:#1ED618;
    --custom-theme-success-message-color:black;
    --custom-theme-warning-message-background-color:#ffa187;
    --custom-theme-warning-message-border-color:rgb(255 75 0);
    --custom-theme-warning-message-color:black;
    --custom-theme-panel-footer-background-color: dimgray;
    --custom-theme-panel-footer-color: black;
    /* Blotter */    
    --custom-theme-blotter-message-count-background-color: dimgray;
    --custom-theme-blotter-message-count-color: dimgray;
    /* Market Info */
    --custom-theme-market-info-ohlc-tile-background-color: #000000;
    --custom-theme-market-info-ohlc-tile-color: white;
    --custom-theme-market-info-ttq-background-color: white;
    --custom-theme-market-info-ttq-color: black;
    --custom-theme-market-info-ltp-tile-background-color: inherit;
    --custom-theme-market-info-ltp-tile-color: white;
    /* Summary label*/
    --custom-theme-summary-label-background-color: #000000;
    --custom-theme-summary-label-color: #ffffff;
    --custom-theme-summary-label-border-radius: 0px;
    /* Common stuff */
    --custom-theme-tag-border-radius: 15px;
    --custom-theme-common-label-background-color: #17325e;
    --custom-theme-common-label-color: black;
    --custom-theme-common-content-label-color: #0b507f;
    --custom-theme-common-checked-input-label-color: #0d00ff;
    --custom-theme-tab-background-color: inherit;
    --custom-theme-tab-color: darkgray;
    --custom-theme-odd-row-background-color: lightgray;
    --custom-theme-odd-row-color: black;
    --custom-theme-odd-even-background-color: gray;
    --custom-theme-odd-even-color: white;
    --custom-theme-active-tab-background-color: #312d2d;
    --custom-theme-active-tab-color: inherit;
    --custom-theme-hover-tab-background-color: #312d2d;
    --custom-theme-hover-tab-color: inherit;
    --custom-theme-column-header-background-color: #9abeea;
    --custom-theme-column-header-color: #000;
    --custom-theme-form-wrapper-background-color: inherit;
    --custom-theme-form-wrapper-color: inherit;
    /* Resolution range, font sizes and line heights */
    --dashboard-grid-column-width: 3px;
    --dashboard-grid-row-width: 450px;
    --min-width: 25px;
    --max-width: 100%;
    --min-resolution: 350;
    --max-resolution: 1920;
    --min-font-size: 14;
    --max-font-size: 26;
    --min-line-height: 1.2;
    --max-line-height: 1.5;
    --base-line-height: 1.3em;
    --base-font-size: 14px;
    /* Font-sizes */ 
    --font-size-1: 1rem;
    --font-size-1-25: 1.25rem;
    --font-size-1-5: 1.5rem;
    --font-size-1-75: 1.75rem;
    --font-size-2: 2rem;
    --font-size-2-25: 2.25rem;
    --font-size-2-5: 2.5rem;
    --font-size-2-75: 2.75rem;
    --font-size-3: 3rem;
    --font-size-3-25: 3.25rem;
    --font-size-3-5: 3.5rem;
    --font-size-3-75: 3.75rem;
    --font-size-4: 4rem;
}                    
                     
*,                   
*::before,           
*::after {           
  margin: 0;         
  padding: 0;        
  box-sizing: border-box;
}                    
html,                
body {               
  height: 100%;      
}                    
body {               
  display: flex;     
  /* align-items: center; */
  justify-content: center;
  /* padding: 5px; */
  font: 14px/1.5 "Open Sans", sans-serif;
  color: #345;       
  background: #fff;  
  overflow: hidden;  
}                    
                     
p:not(:last-child) { 
  margin: 0 0 20px;  
}                    
input[type=checkbox] {
    transform: scale(1.2);
}