/*
-------media breakpoints-------
xs screen use : @media all and (max-width: 768px) 
sm screen use : @media all and (min-width: 768px) 
md screen use : @media all and (min-width: 992px) 
lg screen use : @media all and (min-width: 1200px) 
other example : @media all and (min-width: 768px) and (max-width: 992px)

-------common colors-------
nabtrade black : #2e2e2e
nabtrade red   : #c20000
dark red       : #62202a
grey           : #f7f7f7
light grey     : #f3f4f8
dark grey      : #e0e1e3
text color     : #4f565a

-------image path example-------
/etc/designs/bootstrap/bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/image-file-name.png

*/ 

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow {
    display: block;
    width: 100%;
    cursor: pointer;
    border-top: 1px solid #e0e1e3;
    padding-bottom: 1px;
    font-weight: bold;   
    color: #4f565a;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow:last-child {
	border-bottom: 1px solid #e0e1e3;
	padding-bottom: 0px;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow:hover {
    background: #f3f4f8;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col1,
.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col2,
.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col3,
.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col4 {
    display: inline-block;
    float: left;
    padding: 5px 0px;  
    text-align: right;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col1 {
	width: 40%;
	padding-left: 5px;
	border-left: 5px solid #808080;
	color: #000;
	text-align: left;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col2 {
	width: 20%;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col3 {
	width: 20%;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col4 {
	width: 20%;
	padding-right: 5px;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetDisclaimer {
    color: #CACACA;
    font-size: 12px;
    margin: 5px 0px;
    display: block;
    clear: both;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetDisclaimer a {
    color: inherit;
}

/*stock up*/
.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow.stock-up {
    color: #7EBC31;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow.stock-up .col1 {
    border-color: #7EBC31;
}

/*stock down*/
.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow.stock-down {
    color: #c20000;
}

.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow.stock-down .col1 {
    border-color: #c20000;
}

/*screen-md-max*/
@media all and (max-width: 992px) {

	.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col1,
	.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col2 {
		width: 50%;
	}

	.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col3,
	.nabtrade-stock-widget .stockWidget-nabtrade .stockWidgetRow .col4 {
		display: none;
	}

}




/*////////////// redesign styles //////////////*/


.nabtrade-stock-widget .stockWidget-redesign {
    margin-left: -15px;
    margin-right: -15px;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget {
    color: #4C626C;
    margin-bottom: 10px;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow {
    display: block;
    background-color: #f8f9fa;
    //cursor: pointer;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow > div {
    display: inline-block;
    float: left;
    padding: 8px;  
    width: 20%;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow .col1 {
	color: #212121;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow .col1,
.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow .col3 { 
    width: 30%;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow:nth-child(odd)  {
    background-color: #fff;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow .col3:before {
    content: "\f068";
    font-family: 'FontAwesome';
    margin-right: 30%;
    display: inline-block;
    font-size: 70%;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow.stock-down .col3:before {
    content: "\f0d7";
    font-family: 'FontAwesome';
    color: #c20000;
    margin-right: 30%;
    display: inline-block;
    font-size: 100%;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow.stock-up .col3:before {
    content: "\f0d8";
    font-family: 'FontAwesome';
    color: #018701;
    margin-right: 30%;
    display: inline-block;
    font-size: 100%;
}

.nabtrade-stock-widget .stockWidget-redesign .stockWidgetDisclaimer {
    margin-bottom: 30px;
    display: inline-block;
}

@media all and (min-width: 768px) {
    .nabtrade-stock-widget .stockWidget-redesign .stockWidget .stockWidgetRow {
       font-size: 16px;
    }
}