html {
	height: 100%;
}

body {
	height: 100%;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
	font-size: 12px !important;
}

a {
	cursor: pointer;
}

.title-bar {
	height: 60px;
}

.golden-layout {
	height: calc(100% - 80px);
	/* Subtract height of .title-bar (above) */
}

.broker-lotSize {
	font-weight: bold;
	font-size: 14px;
}

.broker-price-minor {
	font-weight: bold;
	font-size: 20px;
}

.broker-prices-cell-div {
	padding-right: 10px;
}


/* 
.row>.col, .row>[class^=col-] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);
} */


/************************************************************
    Start - TitleBar
************************************************************/

.sim-status-wrapper {
	font-size: 14px;
}

.sim-text {
	margin-top: 5px;
}

.sim-title {
	float: left;
	margin-left: 5px;
}

.sim-status-icon {
	float: right;
	margin-top: 3px;
	margin-left: 5px;
}

.sim-status {
	float: right;
	margin-left: 5px;
	margin-right: 50px;
	width: 100px;
}

.sim-time {
	float: right;
	margin-right: 20px;
	width: 250px;
	text-align: right;
}

.pill-button {
	background-color: #262a32;
    border: 1px solid #5E606E;
    /* color: black; */
    padding: 0px 0px 0px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    border-radius: 30px;	
}

.pill-button:hover {
	background:#494c54;
}

.avtar-menu-item-span {
    font-weight: bold;
    font-size: 14px;
    line-height: 40px;
    margin-right: 5px;
	white-space: nowrap;
}

.avtar-menu-item-i {
    width: 40px;
    float: right;
    height: 40px;
    border-radius: 50%;
    padding: 1px;
    text-align: center;
	top: 0px !important;
}

.avtar-menu-item-img {
    width: 40px;
    float: right;
    height: 40px;
    border-radius: 50%;
    padding: 1px;
    text-align: center;
}

.input-avtar-search {
    background: transparent;
    border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important;
    /* border-bottom: 1px solid !important; */
	width: 100px;
	color: #bfbfbf;
}

.input-avtar-search:focus {
	outline: 0;
	box-shadow: none;
    /* border-top: transparent !important;
    border-left: transparent !important;
    border-right: transparent !important; */
  }

.search-icon {
	margin-top: -7px;
}

.header-inline-div {
	display: inline-block;
}

.layout-selector {
	margin: 0px 0px 0px 10px;
}

.layout-selector-icon-span {
	margin: 0px 10px 0px 0px !important;
}

.layout-selector-icon {
	margin-bottom: 4px;
}

.progress-wrapper {
    padding: 4px 27px;
    float: right;
    width: 170px;
}

.progress-bar-custom-titlebar {
	color: #bfbfbf;
	font-weight: bold;
}



/************************************************************
    End   - TitleBar
************************************************************/

.login-top-margin-div {
	height: 100%;
	width: 100%;
	margin-top: 200px;
}

.login-popup {
	padding: 50px;
	border: 2px solid;
	/* float: left; */
	/*font-size: 8pt;*/
	/* position: fixed; */
	/* top: calc(50%-400px); left: calc(50%-330px); */
	margin: auto;
	width: 350px;
	/* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
	/* Firefox */
	-webkit-border-radius: 3px;
	/* Safari, Chrome */
}

.registration-panel {
	border-collapse: separate;
	border-spacing: 5px;
}

.login-submit-button {
	width: 100%;
	font-size: 20px !important;
	padding: 10px !important;
	color: white;
}

.div-centered {
	text-align: center;
}

.login-logo {
	width: 180px;
	height: 90px;
	/* background-image: url('/images/dark/gtc-logo.png'); */
	/* background-size: contain; */
}

.login-error-message-wrapper {
	width: 100%;
	height: 30px;
	text-align: left;
}


/************************************************************
    ECN - Start 
************************************************************/

.minimized_card {
	margin-top: 15px;
	width: 100%;
}

.block_card {
	margin-top: 15px;
	min-width: 300px;
}

.block_card_body {
	padding-top: 5px;
	padding-bottom: 5px;
}

.block_card_header {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
	font-weight: bold;
}

.block_card_footer {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 41px;
	max-height: 41px;
}

.block_outer {
	width: 100%;
	float: left;
	padding: 15px 0;
}

.block_cell {
	width: 100%;
	float: left;
	padding: 15px 15px;
	border: 1px solid;
}

.top_h {
	font-weight: normal;
	font-size: 18px;
	width: 100%;
	float: left;
	border-bottom: 1px solid;
}

.middle_sizes {
	width: 100%;
	text-align: center;
	float: left;
	margin: 5px 0 0 0;
	padding: 0 10px;
	font-size: 16px;
}

.sale-size {
	float: left;
	text-align: center;
	width: 40%
}

.buy-size {
	float: right;
	text-align: center;
	width: 40%
}

.middle_sizes b {
	font-weight: 500;
}

.middle_c {
	width: 100%;
	text-align: center;
	float: left;
}

.sell p b {
	display: block;
	font-size: 10px;
	font-weight: 500;
}

.sell p {
	float: left;
	margin-bottom: 5px;
	font-size: 13px;
}

.sell {
	float: left;
	text-align: right;
	font-size: 13px;
	padding: 5px 6px 5px 8px;
	border-radius: 3px;
	transition: background-color 0.2s ease;
	max-width: 120px;
	min-width: 120px;
}

.sell.buy {
	float: right;
}

.button-with-highlight.sell:hover {
	cursor: pointer;
	/* #ff5233; */
}


/* 
Scarlet Color HEX Code #ff2400 rgb(255,36,0)
https://www.eggradients.com/color/scarlet-color 
*/


/*
Kelly Green Color HEX Code #4cbb17 rgb(76,187,23)
https://www.eggradients.com/color/kelly-green
*/

.sell_num {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 62px;
	max-width: 62px;
	white-space: nowrap;
}

.sell_num strong {
	font-size: 40px;
	line-height: 30px;
	font-weight: 600;
}

.content_b {
	width: 100%;
	float: left;
}

.content_b p {
	font-size: 10px;
	text-align: center;
	margin-bottom: 5px;
}

.up_scr {
	display: inline-block;
	margin-top: 15px;
	/* margin-left: -15px; */
}

.up_scr img {
	display: inline-block;
}

.up_scr span {
	display: block;
	font-size: 14px;
	line-height: 14px;
}

.block_outer .col-lg-4 {
	float: left;
	padding: 5px;
}

.history-icon {
	padding-top: 5px;
	float: left;
}

.history-secondary-line {
	padding-left: 15px;
}

.history-hide-icon {
	padding-top: 6px;
	padding-right: 5px;
	float: right;
}

.back-icon {
	padding-top: 5px;
	padding-bottom: 4px;
	float: left;
}

.expand-all-icon {
	padding-top: 4px;
	padding-right: 5px;
	float: right;
}

.collapse-all-icon {
	padding-top: 4px;
	/* padding-right: 5px; */
	float: right;
}

.content_mo {
	width: 100%;
	float: right;
	padding-top: 10px;
}

.more-options-icon {
	float: right;
	padding-top: 5px;
	padding-bottom: 4px;
}

.more-options-collapse-icon {
	float: right;
	padding-left: 10px;
	padding-top: 5px;
}

.my-position-icon {
	padding-left: 10px;
	padding-bottom: 3px;
}

.close-instrument-ecn-icon {
	float: right;
	/* padding-top: 3px; */
	width:16px;
}

.close-instrument-ecn-placeholder-icon {
	margin-left: 5px;
}

.ecn-history-hide-trade-icon {
	margin-top:-1px;
}

.ecn-instrument-logo-icon {
	margin-right: 10px
}

.content_ob {
	width: 100%;
	float: left;
	text-align: center;
}

.content_ob_inner {
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	text-align: center;
}

.operation-button {
	font-size: 10px;
	margin-top: 2px;
}

.content_history-wrapper {
	width: 100%;
	float: left;
	padding: 0px;
	font-size: 12px;
	min-width: 298px;
	overflow-y: auto;
}

.block_completed {
	width: 100%;
	min-height: 112px;
	max-height: 112px;
	min-width: 298px;
	overflow-y: auto;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.block_requestaccepted {
	width: 100%;
	min-height: 112px;
	max-height: 112px;
	min-width: 298px;
	overflow-y: auto;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}

.content_history-wrapper .card-header {
	padding: 0px;
	border-bottom: none;
}

.content_history-wrapper .card-body {
	font-size: 10px;
	padding-top: 2px;
	padding-left: 40px;
	padding-bottom: 2px;
	padding-right: 0px;
}

.content_history-wrapper .btn {
	font-size: 10px;
	padding-left: 20px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* font-weight: bold; */
}

.content_history-wrapper .btn:hover,
.content_history-wrapper .btn:active,
.content_history-wrapper .btn:focus {
	text-decoration: none;
}

.content_finalbuysell {
	width: 100%;
	float: left;
	padding-top: 10px;
	text-align: center;
}

.input-with-bottomline {
	background: transparent;
	border-top: transparent !important;
	border-left: transparent !important;
	border-right: transparent !important;
	border-bottom: 1px solid !important;
	padding-left: 0;
	text-align: right;
}

.input-trade-size {
	font-size: 10px;
	width: 60px;
}

.input-trade-price {
	font-size: 10px;
	width: 30px;
}

.no-outline-on-focus:focus {
	outline: 0;
}

.ecn-selector-wrapper {
	/* margin-top: 15px; */
	-webkit-transition: all 2s;
	/* Safari */
	transition: all 2s;
}

.show-ecn-selector-icon {
	float: left;
	margin-top: 100px;
}

.instrument-selector-visibility-true {
	display: block;
}

.instrument-selector-visibility-false {
	display: none;
	-webkit-transition: all 2s;
	/* Safari */
	transition: all 2s;
}

.full-width {
	width: 100%;
}

.full-height {
	width: 100%;
}


.ecn-selector-toggle {
	position: absolute;
	top: 0px;
    left: 0px;
    z-index: 999;
}

.ecn-selector-toggle img {
	height: 16px;
	width: 16px;
}

.ecn-selector-text {
	white-space: pre;
}

.ecn-selector-cover {
	padding: 5px;
    cursor: default;
}

.ecn-selector-cover.selected:after {
    position: absolute;
	content: url('/images/dark/icons/arrow-left-16.png');
    right: 4px;
	top: 6px;
}

.ecn-selector-cover:not(.selected):after {
    position: absolute;
	content: url('/images/dark/icons/arrow-right-16.png');
    right: 4px;
	top: 6px;
}




/************************************************************
    ECN - End 
************************************************************/


/************************************************************
    Charts - Start 
************************************************************/

.tradechart-help-icon {
	display: block;
	float: right;
	bottom: 10px;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.tradechart-showtrades-icon {
    display: block;
    float: right;
    bottom: 6px;
    position: absolute;
    right: 40px;
    cursor: pointer;
    height: 24px;
}

.tradechart-custom-legends {
	display: block;
	float: right;
	bottom: 25px;
	position: absolute;
	right: 25px;
}

.tradechart-custom-legends-hidden {
	display: none;
}

.traderassessmentchart-legend-icon {
    display: block;
    float: right;
    bottom: 5px;
    position: absolute;
    right: 5px;
}

.traderassessmentchart-legend-icon:focus {
	outline: none;
	box-shadow: none;
  }

/************************************************************
    Charts - End 
************************************************************/


/************************************************************
    OTC - Start 
************************************************************/


/*Start - Conversation*/

.message-header {
	font-weight: 200;
	font-size: 14px;
}

.message-footer {
	padding: 0px;
	height: 120px;
	font-weight: 200;
	font-size: 11px;
}

.message-compose-cover {
	padding: 5px;
	height: 100%;
}

.message-footer-text-big {
	font-size: 14px;
	font-weight: 500;
}

.message-footer-span-with-leftpadding {
	margin-left: 34px;
}

.message-footer-div-fullwidth {
	width: 100%;
}

.message-footer-div-rightaligned {
	text-align: right;
}

.message-footer-botton-rightaligned {
	float: right;
}

.dealer-buysell-button-narrow {
	width: 34px;
}


/* .message-fixed-length {
    height: 270px;
    overflow-y: scroll;
} */

.message-cover-column {
	padding-left: 2px;
	/* padding-right: 2px; */
}

.conversation {
	padding: 0 !important;
	margin: 0 !important;
	height: 100%;
	/*width: 100%;*/
	border-left: 1px solid rgba(0, 0, 0, .08);
	/*overflow-y: auto;*/
}

.new-message-notification-icon {
	width: 16px;
	height: 16px;
	content: url('/images/dark/icons/bell-16.png');
	margin-top: 4px;
	margin-right: 5px;
	float: right;
	/* animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite; */
}

.new-message-attention-icon {
	margin-left: 5px;
	margin-top: 3px;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	content: url('/images/dark/icons/handshake-16.png');
}

.otc-bell {
	-webkit-animation: ring 4s .7s ease-in-out infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out infinite;
	transform-origin: 50% 4px;
}

.wait-icon {
	width: 18px;
	height: 18px;
	content: url('/images/dark/icons/hourglass-32.png');
	margin-top: 3px;
	margin-right: 5px;
	float: right;
	/* animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite; */
}

.takingaction-icon {
	width: 16px;
	height: 16px;
	content: url('/images/dark/icons/taking-action-16.png');
	margin-top: 4px;
	margin-right: 5px;
	float: right;
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite;
}

.tradedone-icon {
    width: 24px;
    height: 24px;
	content: url('/images/dark/icons/handshake-32.png');
    margin-top: 1px;
    margin-right: 3px;
	float: right;
	/* animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite; */
}

.calldeclined-icon {
    width: 16px;
    height: 16px;
	content: url('/images/dark/icons/call-declined-32.png');
    margin-top: 4px;
    margin-right: 6px;
	float: right;
	/* animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both infinite; */
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotateZ(0);
	}
	1% {
		-webkit-transform: rotateZ(30deg);
	}
	3% {
		-webkit-transform: rotateZ(-28deg);
	}
	5% {
		-webkit-transform: rotateZ(34deg);
	}
	7% {
		-webkit-transform: rotateZ(-32deg);
	}
	9% {
		-webkit-transform: rotateZ(30deg);
	}
	11% {
		-webkit-transform: rotateZ(-28deg);
	}
	13% {
		-webkit-transform: rotateZ(26deg);
	}
	15% {
		-webkit-transform: rotateZ(-24deg);
	}
	17% {
		-webkit-transform: rotateZ(22deg);
	}
	19% {
		-webkit-transform: rotateZ(-20deg);
	}
	21% {
		-webkit-transform: rotateZ(18deg);
	}
	23% {
		-webkit-transform: rotateZ(-16deg);
	}
	25% {
		-webkit-transform: rotateZ(14deg);
	}
	27% {
		-webkit-transform: rotateZ(-12deg);
	}
	29% {
		-webkit-transform: rotateZ(10deg);
	}
	31% {
		-webkit-transform: rotateZ(-8deg);
	}
	33% {
		-webkit-transform: rotateZ(6deg);
	}
	35% {
		-webkit-transform: rotateZ(-4deg);
	}
	37% {
		-webkit-transform: rotateZ(2deg);
	}
	39% {
		-webkit-transform: rotateZ(-1deg);
	}
	41% {
		-webkit-transform: rotateZ(1deg);
	}
	43% {
		-webkit-transform: rotateZ(0);
	}
	100% {
		-webkit-transform: rotateZ(0);
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: rotate(0);
	}
	1% {
		-moz-transform: rotate(30deg);
	}
	3% {
		-moz-transform: rotate(-28deg);
	}
	5% {
		-moz-transform: rotate(34deg);
	}
	7% {
		-moz-transform: rotate(-32deg);
	}
	9% {
		-moz-transform: rotate(30deg);
	}
	11% {
		-moz-transform: rotate(-28deg);
	}
	13% {
		-moz-transform: rotate(26deg);
	}
	15% {
		-moz-transform: rotate(-24deg);
	}
	17% {
		-moz-transform: rotate(22deg);
	}
	19% {
		-moz-transform: rotate(-20deg);
	}
	21% {
		-moz-transform: rotate(18deg);
	}
	23% {
		-moz-transform: rotate(-16deg);
	}
	25% {
		-moz-transform: rotate(14deg);
	}
	27% {
		-moz-transform: rotate(-12deg);
	}
	29% {
		-moz-transform: rotate(10deg);
	}
	31% {
		-moz-transform: rotate(-8deg);
	}
	33% {
		-moz-transform: rotate(6deg);
	}
	35% {
		-moz-transform: rotate(-4deg);
	}
	37% {
		-moz-transform: rotate(2deg);
	}
	39% {
		-moz-transform: rotate(-1deg);
	}
	41% {
		-moz-transform: rotate(1deg);
	}
	43% {
		-moz-transform: rotate(0);
	}
	100% {
		-moz-transform: rotate(0);
	}
}

@keyframes ring {
	0% {
		transform: rotate(0);
	}
	1% {
		transform: rotate(30deg);
	}
	3% {
		transform: rotate(-28deg);
	}
	5% {
		transform: rotate(34deg);
	}
	7% {
		transform: rotate(-32deg);
	}
	9% {
		transform: rotate(30deg);
	}
	11% {
		transform: rotate(-28deg);
	}
	13% {
		transform: rotate(26deg);
	}
	15% {
		transform: rotate(-24deg);
	}
	17% {
		transform: rotate(22deg);
	}
	19% {
		transform: rotate(-20deg);
	}
	21% {
		transform: rotate(18deg);
	}
	23% {
		transform: rotate(-16deg);
	}
	25% {
		transform: rotate(14deg);
	}
	27% {
		transform: rotate(-12deg);
	}
	29% {
		transform: rotate(10deg);
	}
	31% {
		transform: rotate(-8deg);
	}
	33% {
		transform: rotate(6deg);
	}
	35% {
		transform: rotate(-4deg);
	}
	37% {
		transform: rotate(2deg);
	}
	39% {
		transform: rotate(-1deg);
	}
	41% {
		transform: rotate(1deg);
	}
	43% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(0);
	}
}


@keyframes shake {
    10%, 30%, 50%, 70%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 40%, 60%, 80% {
      transform: translate3d(1px, 0, 0);
    }
  }  

.hideMeAfterAMinute {
    -moz-animation: cssHideAnimation 0s ease-in 60s forwards;
    /* Firefox */
    -webkit-animation: cssHideAnimation 0s ease-in 60s forwards;
    /* Safari and Chrome */
    -o-animation: cssHideAnimation 0s ease-in 60s forwards;
    /* Opera */
    animation: cssHideAnimation 0s ease-in 60s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssHideAnimation {
    to {
        width:0;
        height:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssHideAnimation {
    to {
        width:0;
        height:0;
        visibility:hidden;
    }
}


.dealer-chat-cover-item {
	padding: 5px;
	cursor: default;
}

.avatar-icon {
	padding-right: 5px;
}

.avatar-icon img {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	background-size: 24px 24px;
	/* background-color: #b1cdfd; */
}

.message {
	padding: 0 !important;
	margin: 0 !important;
	/* background: url("w.jpg") no-repeat fixed center; */
	background-size: cover;
	overflow-y: auto;
	/* height: calc(100% - 120px); */
	/* height: 100%; */
	/* height: 162px; */
	overflow-y: scroll;
}

.message-body {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	height: auto;
}

.message-main-receiver {
	padding: 10px 5px;
	max-width: 80%;
}

.message-main-sender {
	padding: 3px 5px !important;
	/* margin-left: 20% !important;
	max-width: 80%; */
}

.message-text {
	word-wrap: break-word;
	font-weight: 400;
	font-size: 12px;
	position: relative;
}

.message-text span.message-text {
	width: 100%;
	padding-right: 25px;
}

.message-time {
	font-size: 9px;
	text-align: right;
	width: 25px;
	right: -1px;
	bottom: -2px;
	position: absolute;
}

.message-who {
    font-weight: 800;
    color: dimgray;
}

.receiver {
	width: auto !important;
	padding: 4px 10px 7px !important;
	border-radius: 10px 10px 10px 0;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	word-wrap: break-word;
	display: inline-block;
}

.sender {
	float: right;
	width: auto !important;
	border-radius: 10px 10px 0 10px;
	padding: 7px 10px !important;
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	display: inline-block;
	word-wrap: break-word;
}

.endOfConversationDiv hr {
	border: 0;
	clear: both;
	display: block;
	width: 96%;
	height: 1px;
}

.endOfConversationDiv {
	float: left;
	width: 731px;
	height: 40px;
}

.team-chat-wrapper-div {
	height: 80%;
}

.team-chat-textarea {
	width: 100%;
	height: 96px;
	background: rgba(0, 0, 0, 0.1);
	color: #bfbfbf;
}


/*End - Conversation*/


/************************************************************
    OTC - End 
************************************************************/


/************************************************************
    Generic - Start 
************************************************************/

.container-fluid {
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
	/* background-color: lightyellow; */
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.main-rowone {
	height: 15%;
	overflow: hidden;
}

.main-rowtwo {
	height: 60%;
	overflow: hidden;
}

.main-rowthree {
	height: calc(25% - 80px);
	overflow: hidden;
}

.main-rowfour {
	height: 80px;
	overflow: hidden;
}

.wrapperNewsOtc {
	height: 100%;
	width: 100%;
}

.news-row {
	height: 40%;
	overflow: hidden;
}

.news-icon {
	margin-left: 5px;
	width: 16px;
	height: 16px;
	/* content: url('/images/dark/icons/news-16.png'); */
}

.news-pane .btn {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	/* font-weight: bold; */
}

.news-arrow {
	border: solid #bfbfbf;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2px;
	float:right;	
	margin-top:6px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transition:0.1s;
}
  
.collapsed .news-arrow {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);	
	transition:0.1s;
}

.news-without-body {
	cursor: auto !important;
}

.news-pane .btn:hover,
.news-pane .btn:active,
.news-pane .btn:focus {
	text-decoration: none;
}

.news-pane .card-header {
	padding: 0px;
}

.section-scrollable-y {
	height: 100%;
	overflow-x: none;
	overflow-y: scroll;
}

.dealer-row {
	height: 60%;
	overflow: hidden;
}

.blotter-row {
	height: calc(100% - 80px);
	overflow: hidden;
}

.status-row {
	height: 80px;
	overflow: hidden;
}

.cover-full {
	height: 100%;
	width: 100%;
}

.section-inside {
	margin: 5px;
}

.place-holder {
	height: 100%;
	width: 100%;
	/* background: linear-gradient(to bottom right, #a3bded , #6991c7); */
	/* background-color: lightblue; */
	text-align: center;
	/* border-color: black;
    border-width: 1px;
    border-style: solid; */
	vertical-align: middle;
	padding-top: 50px;
	font-size: 30px;
	font-weight: bold;
}

tr.price-selected {
	height: 36px;
	font-size: 15px;
	font-weight: bold;
}


/* tr.price-unselected {} */

td.price-up img {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	/* content: url('/images/dark/icons/up_arrow.png'); */
}

td.price-down img {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	/* content: url('/images/dark/icons/down_arrow.png'); */
}

td.price-same img {
	margin-left: 10px;
	width: 16px;
	height: 16px;
	visibility: hidden;
}

.place-holder-chart {
	background-image: url('/images/dark/placeholder-chart.png');
	background-size: 100% 100%;
	filter: alpha(opacity=60);
}

.broker-header {
	text-align: center;
	padding: 5px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.broker-header>span {
	font-weight: bold;
}

.broker-subsection {
	padding: 10px;
}

.broker-subsection-order-buttons {
	text-align: center;
}

.broker-order-button {
	width: 55px;
	min-width: 55px;
	text-align: center;
	margin-bottom: 5px;
}

.broker-subsection-cardcover>.card>.card-body {
	padding: 5px;
}

.broker-prices-pane>.card {
	border-width: 2px;
	text-align: right;
}

.broker-buysell-button {
	width: 50px;
}

.broker-buysell-coverdiv {
	text-align: center;
}

.broker-orderdetails {
	text-align: right;
	padding-right: 70px;
}

.custom-label {
	font-weight: bold;
}

.custom-numberictextbox {
	width: 70px;
	font-weight: bold;
	text-align: right;
}

.custom-narrow-numberictextbox {
	width: 62px;
	/* font-weight: bold; */
	text-align: right;
}

.custom-medium-numberictextbox {
	width: 90px;
	text-align: right;
}

.custom-medium-dropdownbox {
	width: 90px;
	text-align: right;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
}


/* .dealer-cover > .card-deck > .card:not(:first-child) {
    margin-left: 5px;
}

.dealer-cover > .card-deck > .card:not(:last-child) {
    margin-right: 5px;
} */

.dealer-cover>.card-deck {
	margin-left: -5px;
	margin-right: -5px;
}

.dealer-cover>.card-deck>.card {
	margin-left: 5px;
	margin-right: 5px;
}

.dealer-chat-list-item {
	font-weight: 200;
	font-size: 14px;
	/* font-weight: bold; */
}

.dealer-chat-list-item-selected {
	font-weight: bold;
}

.dealer-chat-user-list {
	height: 298px;
}

.dealer-chat-list {
	height: 298px;
}

.badge-notify {
	padding: 5px;
}

.red-font {
	color: #ff9a9a !important;
}

.green-font {
	color: #99ff99 !important;
}


/* 
.row>.col, .row>[class^=col-] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);
} */


/************************************************************
    Generic - End 
************************************************************/


/*.dealer_card .card{padding-bottom: 90px;}
.dealer_card .card-footer{position: absolute;
left: 0;
bottom: 0;
right: 0;}*/

.dealer_card {
	min-height: 100%;
	height: 100%;
}

.dealer_card .card {
	display: flex;
	min-height: 100%;
	height: 100%;
	flex-direction: column;
}

.dealer_card .card-header {
	padding: 0.25rem 0.50rem;
}

.dealer_card .card-header,
.dealer_card .card-footer {
	flex-shrink: 0;
}

.dealer_card .message {
	flex: 1;
}

.dealer-cover,
.dealer-cover .row.no-gutters,
.dealer-cover .col-md-8,
.dealer-cover .col-md-4,
.dealer-cover .row.no-gutters .col-md-4 .card .list-group {
	height: 100%;
}

.dealer-cover .row.no-gutters .col-md-4 .card {
	height: 100%;
	display: block;
}

.order-book-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
}

.order-book-toggle img {
	height: 30px;
	width: 30px;
	cursor: pointer;
}


.analytics-book-toggle {
	position: absolute;
	top: 35px;
	right: 15px;
}

.analytics-book-toggle img {
	height: 30px;
	width: 30px;
}


.ecn_block .ecn_box {
	max-width: 320px;
	padding: 0 15px;
}

.ecn-selector-strip-cover ul {
	margin-bottom: 0px;
}

.ecn-selector-strip-cover ul.list-group:after {
	clear: both;
	display: block;
	content: "";
}

.ecn-selector-strip-cover .list-group-item {
	float: left;
	padding: 3px 14px;
	border-radius: 0;
	cursor: pointer;
}

/* Static value below should be removed once we implement a functional slider mechanism. */
.strip_slider {
	width: 2000px;
}

.strip_slider .prev {
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.125);
	transform: rotate(180deg);
}

.strip_slider .prev img,
.strip_slider .next img {
	margin: 0;
	float: none;
	position: relative;
	top: -1px;
}

.strip_slider .next {
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	border: 1px solid;
}

.strip_slider ul.list-inline {
	width: calc(100% - 50px);
}

.kebab-menu {
	content: '\2807';
	font-size: 36px;
}

.popup-menu {
	float: right;
}

.sim-header-title {
	display: inline-block;
	text-align: center;
	width: calc(100% - 40px);
}

.header {
	width: 100%;
	float: left;
	padding: 4px 10px;
	position: relative;
	z-index: 30;
}

.header .left {
	float: left;
	width: 33.33%;
	white-space: nowrap;
}

.header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.header ul li {
	font-size: 12px;
	line-height: 14px;
}

.header .dropdown-menu ul li {
	clear: both;
	position: relative;
}

.header .logo {
	float: left;
	width: 33.33%;
	text-align: center;
	font-weight: 700;
	font-size: 38px;
	line-height: 48px;
}

.header .right {
	float: right;
	width: 33.33%;
	text-align: right;
	margin-top: 6px;
}

.header .dropdown-menu {
	/* width: 250px; */
	top: 117%;
	padding: 0;
}

.avtar-menu {
	max-height: 400px;
	overflow-x: hidden;
}


.header .right .btn {
	border-radius: 50%;
	height: 40px;
	line-height: 40px;
	width: 40px;
	font-size: 18px;
	padding: 0;
}

.header .right .btn img {
	vertical-align: top;
	margin-top: 11px;
}

.header .dropdown-menu li a {
	padding: 10px 15px;
	display: block;
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
}

.header .dropdown-menu li a:hover {
	text-decoration: none;
}

.header .dropdown-menu {
	border: none;
	border-radius: 0;
	top: 115%;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	min-width: 200px;
}

.header .dropdown-menu li a span {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
}

.divider {
	width: 100%;
	float: left;
	margin: 15px 0;
	border-top: 1px solid;
}

.header .right .btn:focus {
	box-shadow: none;
}

@media (max-width:767px) {
	.header .left {
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
		border-bottom: 1px solid #ddd;
	}
	.header .logo {
		width: 50%;
		text-align: left;
		font-size: 30px;
	}
	.header .right {
		margin-top: 10px;
	}
}

.titlebar-menu {
	position: absolute;
	transform: translate3d(30px, 38px, 0px);
	top: 0px;
	left: 0px;
	will-change: transform;
}

.disabled {
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}

.header .left table {
	vertical-align: middle;
	border-collapse: collapse;
}

.header .left td span {
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.header .left td {
	border: 1px solid;
	padding: 3px 10px;
}

.header .dropdown-menu ul ul li a {
	padding-left: 50px;
}

.custm_footer .col {
	float: left;
}

.custm_footer h6 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 3px;
}

.custm_footer select,
.custm_footer input[type="number"] {
	border: 1px solid;
	height: 30px;
	width: 100px;
	border-radius: 3px;
}

.custm_footer .card.message-compose-cover {
	justify-content: center;
}

.custm_btn {
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px 6px;
	width: auto;
}

.custm_btn i {
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.custm_footer .dot_btn {
	margin-left: 15px;
}

.custm_btn.m_10 {
	margin-top: 10px
}

.ct_cancel .custm_btn.m_10 {
	margin-top: 15px
}

.sell_buy_btn .custm_btn.m_10 {
	margin-top: 18px;
}

.sell_buy_btn .text-right .custm_btn {
	margin-bottom: 3px;
}

.cs_second .left {
	float: left;
}

.cs_second .left .custm_btn.m_10,
.cs_second .right .custm_btn.m_10 {
	margin-top: 12px;
}

.cs_second .right {
	float: right;
}

.cs_second .row_align {
	display: inline-block;
	text-align: center;
	padding: 0 15px;
}

.cs_second .row_align .mid {
	display: inline-block;
}

.message-footer.cs_second .row_align .bid,
.message-footer.cs_second .row_align .offer {
	width: 80px;
}

.btn-min-width-150 {
	min-width: 150px;
}

.hidden-keep-space {
	visibility: hidden;
}

/* .button i.left {
	top: 8px;
	left: 11px;
}

.button i.right {
	top: 11px;
	right: 14px;
} */

.cs_second h6 {
	display: inline-block;
	margin: 0 5px 0 0;
}

.sell_buy_btn .text-right .custm_btn:last-child {
	margin-bottom: 0px;
}

.cs_second .text_value {
	padding: 5px 15px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
}

.cs_second .custm_btn.m_10 {
	margin-top: 4px;
}

.cs_second .arrow {
	margin-top: -12px;
}

.cs_second .arrow li {
	list-style: none;
	display: inline-block;
}

.cs_second .arrow li a {
	padding: 3px 10px 8px;
	border-radius: 3px;
	display: block;
}

.cs_second .custom_arrow {
	margin: -28px auto 0;
}

.custom_arrow {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	padding: 2px;
	position: relative;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.custom_arrow .button {
	display: block;
	width: 46%;
	height: 46%;
	margin: 2%;
	position: relative;
	float: left;
	outline: none;
}

.custom_arrow .button img {
	outline: none;
}

.custom_arrow .button.top {
	border-radius: 100% 0 0 0;
}

.custom_arrow .button.right {
	border-radius: 0 100% 0 0;
}

.custom_arrow .button.left {
	border-radius: 0 0 0 100%;
}

.custom_arrow .button.bottom {
	border-radius: 0 0 100% 0;
}

.custom_arrow .center-button {
	display: block;
	height: 38%;
	width: 38%;
	position: absolute;
	top: 31%;
	left: 31%;
	border-radius: 50%;
	border: 1px solid;
	outline: none;
}

.button i {
	border: solid;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
}

.button i.right {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	position: relative;
	top: 11px;
	right: 14px;
}

.button i.left {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	position: relative;
	top: 8px;
	left: 11px;
}

.button i.top {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	position: relative;
	top: 9px;
	left: 2px;
}

.button i.bottom {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	position: relative;
	top: 5px;
	right: 2px;
}

.dropdown li a i {
	float: right;
	position: relative;
	top: 5px;
}

.dot_btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.custm_footer .dropdown-menu {
	padding: 0;
}

.custm_footer .dropdown-menu a {
	padding: 5px;
	display: block;
	border-bottom: 1px solid;
	font-weight: 600;
	font-size: 14px;
}

.custm_footer .dropdown-menu a:hover {
	text-decoration: none;
}

.lm_content.chatbox_outer {
	overflow: visible;
}

.ecn_slider {
	height: calc(100% - 26px);
}

.ecn_slider>.col-sm-12 {
	height: 100%;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 6px dashed;
	border-top: 6px solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.header .dropdown-menu .dropdown-submenu .dropdown-menu {
	position: static;
	border: none;
	width: 100% !important;
	float: left;
	box-shadow: none;
}

.header .dropdown-menu .dropdown-submenu .dropdown-menu li a {
	padding-left: 42px;
}


/*
.custom_arrow {
	-webkit-transform: scale(1) rotate(45deg);
	-moz-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg);
	transition-duration: 0.5s;
}

.custom_arrow:hover {
	-webkit-transform: scale(2.00) rotate(45deg);
	-moz-transform: scale(2.00) rotate(45deg);
	transform: scale(2.00) rotate(45deg);
}
*/


/*21-11-2020*/

.message-footer .instruments span,
.message-footer .size span,
.message-footer .quote span {
	font-size: 13px;
	font-weight: 400;
}

.message-footer .instruments,
.message-footer .size {
	margin: 5px 0;
}

.preparing-size-label {
	margin-right: 48px;
}

.message-footer .size input,
.message-footer .quote input {
	/* margin-left: 45px; */
	height: 30px;
	border: 1px solid;
}

.message-footer .bid {
	/* padding-right: 20px; */
	width: 100px;
}

.message-footer .offer {
	/* padding-left: 20px; */
	width: 100px;
}

.message-footer .bid,
.message-footer .arrow,
.message-footer .offer {
	display: inline-block;
	vertical-align: middle;
}

.message-footer .bid h3,
.message-footer .offer h3 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 0;
}

.message-footer .bid .smallprice-text,
.message-footer .offer .smallprice-text {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.message-footer .bid .bigprice-text,
.message-footer .offer .bigprice-text {
	width: 65px;
	font-size: 40px;
	padding: 0px;
	line-height: 30px;
	font-weight: 600;
	border: none;
	height: 40px;
	outline: 0;
}

.message-footer .bid .bigprice-edit,
.message-footer .offer .bigprice-edit {
	width: 65px;
	font-size: 40px;
	padding: 0px;
	line-height: 30px;
	font-weight: 600;
	border: none;
	height: 40px;
	outline: 0;
	margin-top: -5px;
	margin-right: -6px;
	/* color: #3f3f76; */
	/* background-color: #ffcc99; */
}

.message-footer .bid p,
.message-footer .offer p {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.message-footer .arrow .custom_arrow {
	margin: auto;
}


/* .message-footer .arrow .custom_arrow { */


/* width: 40px; */


/* height: 40px; */


/* } */


/* .message-footer .arrow .custom_arrow { */


/* width: 40px; */


/* height: 40px; */


/* } */

.message-footer .dealer_msg p {
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.message-footer .arrow .custom_arrow a:hover {
	text-decoration: none;
}

.message-footer .credit_quote p {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0;
	padding-left: 10px;
}

.message-footer .sell_buy_btn .text-right .custm_btn {
	margin-bottom: 0;
}

.message-footer .twoway-price-text-big {
	font-size: 26px;
	line-height: 18px;
}

.message-footer .end_call p {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.message-footer .cancel_text p {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.message-footer .can_requote p {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.btn_cont {
	border: 1px solid;
	border-radius: 3px;
	width: 30px;
	height: 30px;
}

.btn_cont:focus {
	outline: inherit;
}

.message-footer .instruments select {
	width: 100%;
}

.instrument-dropdown {
	max-width: 145px;
}

.we-quoted-for-label {
	margin-right: 10px;
}

.message-footer .custom_arrow .bottom img {
	width: 6px;
	height: auto;
	position: relative;
	top: -11px;
	left: 5px;
}

.ecn_block .row.ecn_innr {
	height: 100%;
}

.ecn_block .row.ecn_innr .col-sm-12 {
	height: 100%;
}

.cs_second .card.message-compose-cover {
	min-width: 541px;
}

.header .right .dropdown {
	float: right;
}

.header .right .status_btn {
	float: right;
	overflow: hidden;
	margin: 0 10px 0 0;
	border-radius: 30px;
}

.header .right .status_btn li {
	float: left;
	border-right: 1px solid;
	width:56px;
}

.header .right .status_btn li a {
	display: block;
	padding: 11px 20px 13px;
	outline: none;
}

.header .right .status_btn li:last-child {
	border: none;
}

.lm_header {
	border-top: 1px solid;
}

.tooltip {
	font-size: 12px;
}

.tooltip-inner {
	padding: 3px 8px;
}

.header .right .status_btn li a img {
	width: 14px;
}

.admin_sec {
	float: right;
	margin: 2px 15px 0 0;
}

.admin_sec i img {
	max-width: 100%;
}

.admin_sec i {
	width: 40px;
	float: right;
	height: 40px;
	border-radius: 50%;
	padding: 1px;
	text-align: center;
}

.admin_sec span {
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
	margin-right: 5px;
}


/************************************************************ 
    Start - OrderBook
************************************************************/

.orderbook-background-red.orderbook-background-title span {
	padding-left: 10px;
	text-align: left;
}

.orderbook-background-red.orderbook-background-title i {
	text-align: left;
}

.progress_bar {
	width: 50px;
	height: 17px;
	float: left;
}

.orderbook-background-red .progress_bar div {
	height: 100%;
}

.orderbook-background-green .progress_bar div {
	height: 100%;
}

.orderbook-background-red span {
	width: 100px;
	display: inline-block;
	padding-left: 10px;
}

.orderbook-background-red i {
	font-style: normal;
	text-align: right;
}

.orderbook-background-green span {
	width: 100px;
	display: inline-block;
	padding-left: 10px;
}

.orderbook-background-green i {
	font-style: normal;
	text-align: right;
}

.orderbook-background-red,
.orderbook-background-green {
	background: none;
}


/************************************************************ 
    End - OrderBook
************************************************************/


/************************************************************ 
    Start - Blotter
************************************************************/

.blotter-col-when {
	width: 150px;
}

.blotter-col-description {
	width: 170px;
}

.blotter-col-instrument {
	width: 120px;
}

.blotter-col-market {
	width: 80px;
}

.blotter-col-quote {
	width: 80px;
}

.blotter-col-outcome {
	width: 100px;
}

.blotter-col-price {
	width: 70px;
}

.blotter-col-counterparty {
	width: auto;
}


.blotter-refresh-icon {
	display: block;
    float: right;
    bottom: 0px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    padding: 10px;
}


/************************************************************ 
    End - Blotter
************************************************************/

/************************************************************ 
    Start - Connections
************************************************************/
.cpu-table {
	margin-bottom: 0px !important;
}

/************************************************************ 
    End - Connections
************************************************************/

/************************************************************ 
    Start - PositionsTable
************************************************************/

.positionstable-col-tradingentity-name {
	width: 150px;
}

.positionstable-col-position {
	width: 100px;
}

.trade-advisor-icon {
    width: 16px;
    height: 16px;
    margin-top: -5px;
}

.trade-advisor-content {
    font-weight: normal;
}

.trade-advisor-image {
    float: left !important;
	margin: 0px 10px 10px 0px;
}


.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: rgba(0,0,0, 0.5);
  }
  .popup_inner {
	position: absolute;
	left: 25%;
	right: 25%;
	top: 25%;
	bottom: 25%;
	margin: auto;
	background: white;
  }


  .positionsandprices-showdailytrades-icon {
    display: block;
    float: left;
    bottom: 2px;
    position: absolute;
    left: 112px;
    cursor: pointer;
    height: 24px;
}


/************************************************************ 
    Start - TradeAdvisor
************************************************************/

.k-dialog p {
	font-size: 12px;
}

.trade-advisor-tab-content p {
	text-align: justify;
}


.trade-advisor-container .k-widnow p {
	font-size: 12px;
}

.trade-advisor-container .k-widget p {
	font-size: 12px;
}


/************************************************************ 
    End - TradeAdvisor
************************************************************/


/************************************************************ 
    End - PositionsTable
************************************************************/


/************************************************************ 
    Start - TotalProfits
************************************************************/

.totalprofits-col-tradingentity-name {
	width: 150px;
}

.totalprofits-col-totalprofits {
	width: 100px;
}


/************************************************************ 
    End - TotalProfits
************************************************************/


/************************************************************ 
    Start - Common
************************************************************/

.headerSortSupported,
.headerSortDown,
.headerSortUp{
	cursor: pointer;
}

.headerSortSupported.text-right:before {
	content: ' ';
    border: 6px solid transparent;	
}

.headerSortSupported:not(.text-right):after {
	content: ' ';
    border: 6px solid transparent;	
}
 

.headerSortDown:after,
.headerSortUp:after{
    content: ' ';
    position: relative;
    left: 4px;
    border: 6px solid transparent;
}
.headerSortDown:after{
    top: 12px;
    border-top-color: #bfbfbf;
}
.headerSortUp:after{
    bottom: 10px;
    border-bottom-color: #bfbfbf;
}
.headerSortDown,
.headerSortUp{
    padding-left: 20px;
}

.common-table-col-size-30 { width: 30px; min-width: 30px; }
.common-table-col-size-40 { width: 40px; min-width: 40px; }
.common-table-col-size-50 { width: 50px; min-width: 50px; }
.common-table-col-size-60 { width: 60px; min-width: 60px; }
.common-table-col-size-70 { width: 70px; min-width: 70px; }
.common-table-col-size-80 { width: 80px; min-width: 80px; }
.common-table-col-size-90 { width: 90px; min-width: 90px; }
.common-table-col-size-100 { width: 100px; min-width: 100px; }
.common-table-col-size-110 { width: 110px; min-width: 110px; }
.common-table-col-size-120 { width: 120px; min-width: 120px; }
.common-table-col-size-130 { width: 130px; min-width: 130px; }
.common-table-col-size-140 { width: 140px; min-width: 140px; }
.common-table-col-size-150 { width: 150px; min-width: 150px; }
.common-table-col-size-160 { width: 160px; min-width: 160px; }
.common-table-col-size-170 { width: 170px; min-width: 170px; }
.common-table-col-size-180 { width: 180px; min-width: 180px; }
.common-table-col-size-190 { width: 190px; min-width: 190px; }
.common-table-col-size-200 { width: 200px; min-width: 200px; }
.common-table-col-size-210 { width: 210px; min-width: 210px; }
.common-table-col-size-220 { width: 220px; min-width: 220px; }
.common-table-col-size-230 { width: 230px; min-width: 230px; }
.common-table-col-size-240 { width: 240px; min-width: 240px; }
.common-table-col-size-250 { width: 250px; min-width: 250px; }

.common-table-col-divider { width: 30px; min-width: 30px; }

.connection-status-icon {
    padding-right: 2px;
    margin-top: -2px;
}

.connection-status-icon-wrapper {
	width: 12px;
    display: inline-block;
}

.common-disconnected-text {
	/* opacity: 0.5; */
}


/************************************************************ 
    End - Common
************************************************************/



#newsWrapper .card span {
	display: block;
	position: relative;
}

#newsWrapper .card span .news-icon {
	position: absolute;
	top: 3px;
}

#newsWrapper .card span .btn {
	padding-left: 26px;
	white-space: normal;
	text-align: left;
}

.price_popup {
	width: 280px;
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 20px 20px 10px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 9;
}

.price_popup .left {
	width: 50%;
	float: left;
}

.price_popup .right {
	width: 40%;
	float: right;
}

.price_popup .content h6 {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}

.price_popup .content p {
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px;
}

.price_popup .content p i {
	width: 30px;
	float: left;
}

.price_popup .content p i img {
	max-width: 20px;
}

.pl_10 {
	padding-left: 10px;
}

.btn_cont {
	margin-left: 5px;
}

.message-footer .instruments span {
	margin-right: 5px;
}

.message-footer .instruments select {
	padding-left: 5px;
}

.first_footer,
.second_footer,
.four_footer,
.five_footer {
	height: 100%;
}

.first_footer .card.message-compose-cover {
	justify-content: flex-end;
}

.first_footer .row {
	width: 100%;
}

.second_footer .message-footer-div-fullwidth {
	height: 100%;
}

.second_footer .message-footer-div-fullwidth .text-right {
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
}

.four_footer .card.message-compose-cover {
	justify-content: space-between;
}

.four_footer .card>.row {
	height: 100%;
}

.four_footer .last_btn {
	display: flex;
	align-items: flex-end;
}

.five_footer .left .custm_btn.m_10,
.five_footer .right .custm_btn.m_10 {
	margin-top: 32px;
}

.cs_second .row_align .mid {
	margin-top: 5px;
}

.four_footer .end_btn {
	align-self: flex-end;
}

.header .dropdown-menu li a span img {
	width: 17px;
}

.dropdown-submenu .dropdown-menu {
	display: block;
}
/* 
.card-header,
.card-footer {
	padding-left: 15px;
	padding-right: 15px;
} */

.card-body {
	padding: 12px;
}

.btn_cont {
	border-radius: 50%;
	height: 20px;
	width: 20px;
	border: 1px solid #bfbfbf;
	text-align: center;
	padding: 0;
	margin-left: 5px;
}

.btn_cont i img {
	width: 10px;
	position: relative;
	top: -1px;
}

.content_ob span img {
	margin: 0 3px;
}

.card-header .btn {
	width: 100%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

.card-header .btn .right {
	float: right;
	position: relative;
	top: -2px;
}

.card-header .btn .right img {
	float: left;
	margin-left: 5px;
}

.ecn_box .card-body {
	min-height: 120px;
	max-height: 120px;
}

.ecn_box .card-body .card .card-body {
	min-height: inherit;
}

.content_ob .more-options-collapse-icon {
	padding-left: 1px;
}

.operation-button {
	min-width: 50px;
}

.operation-button-buy-sell-fixed-width {
	min-width: 61px;
}

.custom_table span {
	display: block;
}

.new-item-highlight {
	/* background: #e49232; */
	animation: highlight-animation;
	animation-duration: 4s;
	/* color: #fff; */
}

/* .table .highlight td {
	color: #fff;
} */

.span-full-width {
	width: 100%
}

.unread-placeholder {
	float: right;
	position: relative;
	margin-left: 10px;
	width: 18px;
	height: 20px;
}

.unread {
	float: right;
	position: relative;
	margin-left: 10px;
	cursor: pointer;
}

.unread small {
	background: #02cc00;
	min-width: 15px;
	min-height: 15px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 10px;
	position: absolute;
	right: -6px;
	top: -7px;
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-8px);
	}
	60% {
		transform: translateY(-8px);
	}
}





.tableFixHead          { overflow-y: scroll; height: 100%; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 0 }
.tableFixHead tfoot tr { position: sticky; bottom: 0px; z-index: 0 }

.tableFixFirstColumn thead th:first-child { position: sticky; left: 0; z-index: 1 }
.tableFixFirstColumn tr td:first-child { position: sticky; left: 0; z-index: 0; }
.tableFixFirstColumn tfoot th:first-child { position: sticky; left: 0; z-index: 1 }

/* Just common table stuff. Really. */
/* table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; } */

/* Borders (if you need them) */
/* .tableFixHead,
.tableFixHead td {
  box-shadow: inset 1px -1px #000;
}
.tableFixHead th {
  box-shadow: inset 1px 1px #000, 0 1px #000;
} */

.avtar-circle {
	border-radius: 50%;
}

.centerd-content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
  }



  .trader-analytics-value-text-wrapper {
    top: 10px;
    position: absolute;
    /* border-top: 1px solid #5E606E; */
    width: 100%;
	/* height: calc(100% - 16px); */
	text-align: center;;
  }

  .trader-analytics-value-text-wrapper ul{
    margin-bottom: 0px !important;
  }    

  .trader-analytics-value-text-wrapper ul li{
    display: inline;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
	border: none;
  }

  .trader-analytics-value-text-wrapper li{
    cursor: pointer;
  }      

  .btn-nofocus:focus {
	outline: none !important;
	box-shadow: none !important;
  }


  
/************************************************************
    Option Strategy Evaluator - Start 
************************************************************/

.strategy-evaluator-analysis {
	padding: 10px;
}

.analysis-type-dropdown {
    width: 152px;
}

.display-dropdown {
    width: 152px;
}

.analysis-form-table td {
	padding: 2px 5px 2px 5px;
}

.spot-range-slider {
	width: 152px;
}

.spot-range-input {
	width: 70px;
	margin-right: 8px;
}

.spot-range-input.end {
	float:right;
}

.strategy-portfolio-normal-input {
	width: 80px;
}

.strategy-portfolio-normal-input.disabled {
	cursor: context-menu;
}


.strategy-portfolio-solver-icon {
	display: block;
	float: right;
	bottom: 20px;
	position: absolute;
	right: 30px;
	z-index: 2;
}

.strategy-portfolio-solver-icon:not(.disabled) {
	cursor: pointer;
}

.portfolio-manager-icon-wrapper {
	display: block;
	float: right;
	bottom: 20px;
	position: absolute;
	right: 60px;
	cursor: pointer;
	z-index: 2;
}


.solver-wrapper {
	
}

.strategy-portfolio-sec1showhide-icon {
	display: block;
	float: right;
	bottom: 5px;
	position: absolute;
	right: 5px;
	cursor: pointer;
}

.spot-range-wrapper {
	width:50%;
}


.set-cell-prospect {
	box-shadow: inset 0 0 20px rgba(255, 0, 0, 0.3);
	cursor: pointer;
}

.set-cell-prospect:hover {
	box-shadow: inset 0 0 20px rgba(255, 0, 0, 0.5);
	/* transform: scale(1.1); */
}

.set-cell-selected {
	box-shadow: inset 0 0 20px rgba(255, 0, 0, 1);
}


.changing-cell-prospect {
	box-shadow: inset 0 0 20px rgba(0, 255, 0, 0.3);
	cursor: pointer;
}

.changing-cell-prospect:hover {
	box-shadow: inset 0 0 20px rgba(0, 255, 0, 0.5);
	/* transform: scale(1.1); */
}

.changing-cell-selected {
	box-shadow: inset 0 0 20px rgba(0, 255, 0, 1);
}


.portfolio-manager-icon-wrapper .btn {
	border-radius: 50%;
	height: 40px;
	line-height: 40px;
	width: 40px;
	font-size: 18px;
	padding: 0;
}


.portfolio-manager-icon-wrapper .dropdown-menu ul {
	margin: 0px;;
	padding: 0;
	list-style: none;
}


.portfolio-manager-icon-wrapper .dropdown-menu ul li {
	clear: both;
	position: relative;
}


.portfolio-manager-icon-wrapper .dropdown-menu {
	/* width: 250px; */
	top: 117%;
	padding: 0;
}

.portfolio-manager-icon-wrapper .dropdown-menu li a {
	padding: 5px 15px;
	display: block;
	font-weight: 400;
	font-size: 12px;
	white-space: nowrap;
}

.portfolio-manager-icon-wrapper .dropdown-menu li a:hover {
	text-decoration: none;
}

.portfolio-manager-icon-wrapper .dropdown-menu {
	border: none;
	border-radius: 0;
	top: 115%;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	min-width: 110px;
}

.portfolio-manager-icon-wrapper .dropdown-menu li a span {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
}

.portfolio-manager-icon-wrapper .dropdown-menu ul ul li a {
	padding-left: 50px;
}

.portfolio-manager-popup * {
	font-size: 12px;
}

.portfolio-manager-open-dropdown {
	width: 170px;
}


.portfolio-manager-saveas-input {
	width: 170px;
}


.portfolio-manager-popup-input-wrapper {
	margin-top: 15px;
}

.portfolio-manager-popup-buttons-wrapper {
	margin-top: 35px;
}
.portfolio-manager-popup-button-cancel {
	margin-left: 10px;
}

.strategy-portfolioname-wrapper {
	display: block;
	float: right;
	bottom: 10px;
	position: absolute;
	right: 93px;
	z-index: 2;
}

.strategy-portfolioname-capsule {
	padding-left: 15px;
    padding-right: 15px;
}

.solver-button {
	float: right;
	min-width: 85px; 
}

.selection-cell {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 250px;	
}


.reference-cell-prospect {
	box-shadow: inset 0 0 20px rgba(255, 165, 0, 0.3);
	cursor: pointer;
}

.reference-cell-prospect:hover {
	box-shadow: inset 0 0 20px rgba(255, 165, 0, 0.5);
	/* transform: scale(1.1); */
}

.reference-cell-selected {
	box-shadow: inset 0 0 20px rgba(255, 165, 0, 1);
}

.formulafx {
	padding: 0px 5px;
	border-radius: 10px;
} 

.formulafx img {
	margin-top: -2px;
}

.successor-cell-selected .formulafx {
	box-shadow: inset 0 0 5px #5EA8FF;
}

.td-non-wrapping {
	white-space: nowrap;
}

.image-left {
float:left;
}

.solver-error {
	color: yellow;
}

.td-with-percentage-sign {
	vertical-align: baseline;
}

.td-with-percentage-sign input {
	width: 50%;
}

.vol-sequence-percentge-sign {
	padding-left: 3px;
}

.disabled-overlay {
    z-index: 999;
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 50px;
    font-size: 24px;
    font-weight: bold;
    padding: 50px;
    cursor: not-allowed;
}



/************************************************************
    Option Strategy Evaluator - End 
************************************************************/


.edit-limit-icon {
	float: right;
	margin-left: 5px;
}

.overlimit-icon-cell {
	padding-left: 0px !important;
	min-width: 21px;
}

.overlimit-icon-cell-to-the-left {
	padding-right: 0px !important;
}

.limit-edit-icon {
	cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    padding: 2px;	
}


.change-limit-input {
	width: 150px;
}