/* Notes: only add css class to this file if your class is going to be used by trader and pro both. */

.alinku a {
    color: #002D62;
    text-decoration: none;
}

    .alinku a:hover {
        color: #1181c1;
    }

.standard_table{/* panel options table */
    border: thin inset #CFD0C2; /* #C5D0C2;*/
    width: 100%; /* border-width: 1px; */
    background-color: white; /* #C5D0C2;*/
    padding: 3px;
}

.standard_table_subnav {
    background: #1976d2; /*background:#CFD0C2 ;  /* #1976d2 #002D62;*/
    font: 9pt arial;
    color: #FFFFFF; 
    vertical-align: middle;
    /* font-weight: bold; */
    height: 24px;
    /* border: thin inset #002D62; */
    width: 100%; /* border-width: 1px; */
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
}

.propDarkGrid {
    background: #fff!important;
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
    padding: 3px !important;
}

    .propDarkGrid a {
        text-decoration: none;
    }

.propLightGrid {
    background-color: #f6faff !important;
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
    padding: 3px !important;
}

    .propLightGrid a {
        text-decoration: none;
    }

.propSelected {
    /* background-color: #F7941F; */
    background-color: #1976d2 !important;
    font-family: Arial;
    font-size: 8pt;
    color: #fff !important;
}
.propSelected > td > a{
    color: #fff !important;
}
.standard_area /* pnlPanelAddStream */ {
    font-family: Arial;
    font-size: 8pt !important;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 2px;
    background: #fff;
}

.subheader {
    background: #1976d2; /*#002D62;*/
    color:  #FFFFFF; 
    vertical-align: middle;
    text-align: center;
    font-family: Arial;
    font-weight: normal;
    font-size: 9pt;
}

.error /* trader -> lblError  */ {
    font-family: Arial;
    font-size: 8pt;
    color: Red !important;
    text-align: center;
}

.warning /* trader -> lblWarning */ {
    font-family: Arial;
    font-size: 8pt;
    color: Blue !important;
    text-align: center;
}
/*------- Buttons -------------*/
/*
.button_simple  {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    background-color: #6699CC;
    border: thin solid #000000;
    text-align: center !important;
    height: 20px !important;
}

    .button_simple:hover {
        color: #FFFFFF !important;
    }
    */
.button_simple:hover {
    /* color: #a59595 !important; */
    background-color: #8ab6e1;
}
.button_simple {
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    color:white;
    background-color: #1976d2;
    border: thin solid #000;
    border-radius: 4px;
    text-align: center !important;
    height: 20px !important;
    padding: 3px;
    text-decoration: none;
    margin: 2px;
    min-width: 88px;
    min-height: 30px;
    cursor:pointer !important;
    box-sizing: border-box;
    text-transform: uppercase;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.propLight /* pnlNoStreams pnlNoZones */ {
    background-color: white;/*#f6faff;*/
    font-family: Arial;
    font-size: 8pt;
    color: #000000;
}

.proButton_OLD /*lnkStreams */ {
    background-color: #6699CC; /*2B639A;  #002D62; */
    color: #000000 !important;
    font-family: Arial;
    /* font-weight: normal; */
    /* font-weight: bold; */
    font-size: 8pt;
    border: thin solid black;
    padding: 3px;
    /*
	margin-left:1px;
	margin-right:1px; */
}

.panelNewButton {
    background-color: #004ba0 !important;
    color: white !important;
    font-family: Arial;
    font-size: 8pt !important;
    margin-top: -3px !important;
    /*margin: 4px;*/
    padding: 1px 16px !important;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.4em;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase !important;
    text-decoration: none !important;

}

.panelNewButton input {
    color: white !important;
    text-transform: uppercase !important;

}

.proButton {

    background-color: #004ba0;
    color: white;
    font-family: Arial;
    font-size: 8pt;
    margin: 4px;
    padding: 4px 8px;
    box-sizing: border-box;
     /*padding: 8px 16px;*/
     min-width: 88px;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.4em;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration:none;
}
.proButton:hover, .panelNewButton:hover {
   background-color: #8ab6e1 !important;
   cursor: pointer;
}
.panelNewButton input:hover {
    color: #1181c1 !important;
}

.proButton:disabled {
    opacity: .5;
}


.proButtonSmall {
    background-color: #004ba0;
    color: white;
    font-family: Arial;
    font-size: 8pt;
    margin: 2px;
    padding: 2px 4px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    line-height: 1.4em;
    font-weight: 500;
    border-radius: 4px;
    text-transform: uppercase;
    text-decoration:none;
}
.proButtonSmall:hover {
    cursor: pointer;
   background-color: #8ab6e1;
}

.proButtonSmall:disabled {
    opacity: .5;
}
/*------------ General ------------- */
.textDiv /* use this class to hide overflow of text and show dots (... )  */ {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stringDiv /* use this class to show big text */ {
    white-space: normal;
    word-wrap: break-word;
}

.btnRemoveIndent {
    text-indent: 0px !important;
 }
 /*------------ ucSearch table formatting ------------*/
.divTable {
	display: table;
	width: 100%;
}
.divTableRow { 
	display: table-row;
}
.divTableCell {
	display: table-cell;
	padding: 1px 1px;
}
/*--
.divTableHead{
	border: 1px solid #999999;
	display: table-cell;
	padding: 1px 10px;
}
.divTableHeading{
	background-color: #EEE;
	display: table-header-group;
}
.divTableHeading{
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}*/
.divTableBody {
	display: table-row-group;
}