/*
.col-xs-	.col-sm-	.col-md-	.col-lg-
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 11px
}

h1
{
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
}

h2{font-size:14px; font-weight:bold; margin-bottom:10px}

.container-esp
{
	margin: 0 10px;
}

.link
{
	display: block;
	line-height: 15px;
	cursor: pointer;
}

.link:hover
{
	color: #D84F46;
	text-decoration: none;
}

.link:focus
{
	color: #5E6C77;
	text-decoration: none;
}

.pos-var{color:#1DB069}

.neg-var{color:#D84F46}

.no-var{}

.stockclose, .stockclose .pos-var, .stockclose .neg-var, .stockclose .no-var
{
	color: #999!important;
	font-style: italic;
}

/* PUSH COLORES */
.green{color:#1DB069}
.red{color:#D84F46}
.gray{color:#999}

#loadingConstituyentes{
	position: absolute;
	left: 25%;
	margin-top: 100px;
	z-index:900;
	display: none;
}
#loadingChart{
	position: absolute;
	left: 50%;
	margin-top: 50px;
	z-index:901;
	display: none;
}
#idChart{
	height: 185px;
	width: 100%;
	margin-bottom: 13px;
}

.pos-back-var
{
	background-color: #1DB069;
	color: #FFF;
}

.pos-back-var img
{
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.neg-back-var
{
	background-color: #D84F46;
	color: #FFF;
}

.neg-back-var img
{
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.no-back-var
{
	background-color: #D5952D;
	color: #FFF;
}

.noc-back-var
{
	background-color: #666;
}

.noc-back-var img
{
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

#wrapper{width: 100%; max-width:/*1105*/1440px; margin:0 auto}

header{margin-bottom:3px}

header .main-menu .logo{float:left; height:55px; vertical-align:middle; width:140px}

header .main-menu .navbar-nav
{
	margin: 0;
}

header .main-menu .brand{display:inline; text-decoration:none}

header .main-menu .brand::before
{
	content: "LarrainVial | Indicadores de Mercado";
	display: none;
}

/* header .main-menu .brand img{height:55px; vertical-align:middle; margin-left:5px} */

header .main-menu .brand span
{
	font-size: 11px;
    border-left:none;
    padding:0 15px;
	text-transform: uppercase;
	line-height:55px
}

header .main-menu .navbar-toggle{padding:5px; -webkit-border-radius:; -moz-border-radius:; border-radius: 0; -ms-border-radius:; -o-border-radius:; }

header .main-menu .nav li a{background-color:transparent; padding:inherit; line-height:55px; padding:0 20px; font-size:14px}
header .main-menu .nav li.modoco a:hover{background-color:unset}

main
{
	margin-bottom: 15px;
}

.dropdown-menu {
	max-height: 400px;
	overflow-y: auto;
}

.stock-info{margin-bottom:0px}


.stock-info .stock-header
{
	margin: 0;
	padding: 5px 0;
	position: relative;
}

.stock-info .stock-header h1
{
	line-height: 25px;
}

.stock-info .stock-header .search-bar
{
	position: relative;
}

.stock-info .stock-header .search-bar .dropdown-menu
{
	width: 100%;
	left: 0!important;
}

.stock-info .stock-header .search-bar .dropdown-menu>li>a
{
	font-size: 10px;
}

.stock-info .stock-header .search-bar .dropdown-menu>li>a>img
{
	margin-right: 10px;
}

.stock-info .stock-header .search-bar::after
{
	content: "";
	display: block;
	clear: both;
}

.stock-info .stock-header .search-bar input
{
	display: block;
	float: left;
	width:177px;
	padding: 0;
	height: 25px;
	border: none;
	background-color: #5E6C77;
	color: #FFF;
	text-indent: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	; margin-right:3px
}

::-webkit-input-placeholder {
	color: #FFF;
	line-height: 1;
}

:-moz-placeholder { /* Firefox 18- */
	color: #FFF;
	line-height: 25px;
}

::-moz-placeholder {  /* Firefox 19+ */
	color: #FFF;
	line-height: 25px;
}

:-ms-input-placeholder {
	color: #FFF;
	line-height: 1;
}

.stock-info .stock-header .search-bar .button
{
	display: block;
	float: left;
	text-align: center;
	width: 15%;
	border: none;
    padding: 3px 0;
	background-color: #ECECEC;
	cursor: pointer;
}

.stock-info .stock-header .search-bar .button img
{
	height: 18px;
}

.stock-info .stock-detail .info .info-var, .stock-info .stock-detail .info, .stock-info .stock-detail .arrow-container
{
	display: inline-block;
	vertical-align: middle;
}

.stock-info .stock-detail .info .info-var
{
	margin-right: 15px;
}

.stock-info .stock-detail .info .info-var label, .stock-info .stock-detail .info .info-var span
{
	width: 100%;
}

.stock-info .stock-detail .info .info-var label
{
	/*color: #FFF;*/
	margin-bottom: 3px;
	display: block;
}

.stock-info .stock-detail .info .info-var .value
{
	font-size: 16px;
}

.stock-info .stock-detail .chart-menu{position:relative; overflow:hidden}

/* .stock-info .stock-detail .chart-menu .chart-menu-container{
	width: 200%;
	position: absolute;
	left: 0;
	-webkit-transition: left 0.5s;
    transition: left 0.5s;
} */

/* .stock-info .stock-detail .chart-menu .chart-menu-container ul, .date-pickers-group
{
	width: 50%;
	margin-top: 2.5px;
	float: left;
} */

/* .stock-info .stock-detail .chart-menu .chart-menu-container ul, .stock-info .stock-detail .chart-menu .chart-menu-container .date-pickers-group
{
	font-size: 0;
} */

/* .stock-info .stock-detail .chart-menu .chart-menu-container ul li, .more-less
{
	display: inline-block;
	width: 14.285714285714285714285714285714%;
} */

.stock-info .stock-detail .chart-menu .chart-menu-container ul li span, .more-less span
{
	display: block;
	width: 100%;
	line-height:30px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.stock-info .stock-detail .chart-menu .chart-menu-container ul li span:hover, .more-less span:hover
{
	background-color: #536570;
}

.more-less i
{
	font-size: 12px;
	line-height: 30px;
}

/* .stock-info .stock-detail .chart-menu .chart-menu-container .date-pickers-group
{
	width: 50%;
} */

.date-pickers-group .more-less
{
	float: left;
}

.menu-item
{
	width: 50%;
	float: left;
}

.input-group.date
{
	background-color: #5E6C77;
	margin-left: 2px;
}

.input-group.date .input-group-addon
{
	background-color: inherit;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #FFF;
	font-size: 11px;
	padding: 6px 4px;
}

.input-group input
{
	width: 100%;
	height: 30px;
	background-color: #5E6C77;
	color: #FFF;
	border: none;
	font-size: 10px;
	text-indent: 10px;
}


.stock-info .stock-detail .arrow-container
{
	width: 30px;
	height: 35px;
	text-align: center;
	margin-left: -5px;
	margin-right: 5px;
	position: relative;
}

.stock-info .stock-detail .arrow-container .arrow
{
	display: inline;
	width: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.stock-info .stock-detail .arrow-container .arrow img
{
	width: 16px;
}

.stock-info .stock-chart
{
	min-height: 25px;
	overflow: hidden;
}

/* .stock-info .stock-chart .date{margin:2px 0} */

.stock-info .stock-chart .date b
{
	font-weight: bold;
	line-height: 20px;
}

.stock-info .stock-chart table
{
	margin: 2px 0;
	background-color: transparent;
}

.stock-info .stock-chart table tbody
{
	border: none;
}

.stock-info .stock-chart table tbody tr td
{
	padding: 3px;
}

.table, .scroll-table
{
	display: table;
}

.table .thead
{
	display: table-header-group;
}

.table .tbody
{
	display: table-row-group;
}

.table .thead .tr, .table .tbody .tr, .scroll-thead .tr, .scroll-tbody .tr
{
	display: table-row;
}

.table .thead .tr .th, .table .tbody .tr .td, .scroll-thead .tr .th, .scroll-tbody .tr .td
{
	display: table-cell;
}

table, .table, .scroll-table
{
	width: 100%;
	margin-bottom: 13px;
}

table thead, .table .thead, .scroll-thead
{
	color: #FFF;
	font-weight: bold;
	font-size:10.5px;
	border: 1px solid #333D47;
	margin: 0;
}

table thead tr th, .table .thead .tr .th, .scroll-thead .tr .th
{
	padding:3px;
	text-align: right;
	width: 20%;
	vertical-align: middle;
}

.npr{padding-right:0!important}

table thead tr th:first-child,
table tbody tr td:first-child,
.table .thead .tr .th:first-child,
.table .tbody .tr .td:first-child,
.scroll-thead .tr .th:first-child,
.scroll-tbody .tr .td:first-child
{
	text-align: left;
	width: 52%;
	/*width:50%;*/
}

table thead tr th:nth-child(2),
table tbody tr td:nth-child(2),
.table .thead .tr .th:nth-child(2),
.table .tbody .tr .td:nth-child(2),
.scroll-thead .tr .th:nth-child(2),
.scroll-tbody .tr .td:nth-child(2)
{
	/*width: 30%;*/
	width:29%
}

table thead tr th:nth-child(3),
table tbody tr td:nth-child(3),
.table .thead .tr .th:nth-child(3),
.table .tbody .tr .td:nth-child(3),
.scroll-thead .tr .th:nth-child(3),
.scroll-tbody .tr .td:nth-child(3)
{
	width:21%
}

.monedas thead tr th:first-child
{
	width: 72%;
}

table tbody tr td, .table .tbody .tr .td, .scroll-tbody .tr .td
{
	padding: 0 3px;
	text-align: right;
}

.var{
	/*display:inline-block; width:38.3px;*/
	padding:1px 5px;
	text-align:right;
	display:block;
	min-width:39px;
	font-weight:700
}
table tbody tr td .var, .table .tbody .tr .td .var, .scroll-tbody .tr .td .var
{
	padding:3px 5px;
	text-align: right;
	display:inline-block;
	/*float:right;*/
	/*width:35px;*/
}

table tbody tr td .instrument, .table .tbody .tr .td .instrument, .scroll-tbody .tr .td .instrument
{
	cursor: pointer;
	display: inline-block;
	padding: 3px 0;
}

table tbody tr td .instrument:hover, .table .tbody .tr .td .instrument:hover, .scroll-tbody .tr .td .instrument:hover
{
	color: #999;
}

.scroll-tbody
{
	padding-bottom: 5px;
	margin-bottom: 0;
}

.scroll-frame{margin-bottom:13px}

.navbar-collapse{margin:0; padding:0}

.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-12
{
	padding-left: 5px;
	padding-right: 5px;
}

.mCSB_outside + .mCSB_scrollTools
{
	right: 0;
}

.stock-flex
{
	height: 203px;
	overflow: hidden;
}

.flex
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
    -moz-flex-flow: row;
    -ms-flex-flow: row;
   	flex-flow: row;
}

.flex .box-1
{
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.flex .box-2
{
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.flex .box-3
{
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

.modal h4
{
	font-size: 14px;
	font-weight: bold;
}

.modal .not
{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 15px;
}

.modal .cerrar
{
	border: none;
	padding: 10px;
	background-color: #5E6C77;
	color: #FFF;
	font-size: 12px;
}

footer
{
	border-top: 1px solid #CCC;
	padding: 10px 0;
	text-align: justify;
	color: white;
}

.row-resp .row
{
	margin: 0;
}

.row-resp .row .col-md-12
{
	padding: 0;
}

.datepicker table
{
	background-color: inherit;
	color: inherit;
}

.datepicker table thead
{
	background-color: inherit;
    color: inherit;
    font-weight: bold;
    border: inherit;
    margin: inherit;
}

.dropdown-menu.datepicker th, .datepicker-inline.datepicker th, .dropdown-menu.datepicker td, .datepicker-inline.datepicker td
{
	width: inherit;
}

.datepicker table tbody
{
	border: none;
}

.clearcompare{float:right; margin-top:10px; margin-bottom:10px; cursor:pointer}
.clearcompare:hover{color:#999}

@media only screen and (max-width: 768px)
{

	header
	{
		margin-bottom: 3px;
	}

	header .main-menu .nav
	{
		margin-right: 0;
	}



	header .main-menu .brand img
	{
		display: block;
		float: left;
		margin-left: 0;
	}

	/* header .main-menu .brand span{display:block; float:right; max-width:90px; margin-top:16.5px} */
	header .main-menu .brand span{display:block; float:right; max-width:102px; margin-top:16.5px; line-height:unset}

	header .main-menu .brand{/*line-height:30px; width:49.5%;*/ display:inline-block}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
	{
		/*margin-right: -25px;*/
	}

	table, .table
	{
		/*margin-right: -15px;
		margin-left: 5px;*/
	}

	.monedas thead tr th:first-child
	{
		width: 52%;
	}

	.datepicker table thead tr th, .datepicker table tbody tr td
	{
		width: inherit;
	}

	.scroll-thead, .scroll-frame
	{
		/*margin-left: 5px;*/
	}

	.scroll-frame
	{
		width: 100%;
		height: auto!important;
	}

	.stock-flex
	{
		height: auto;
	}

	.flex
	{
		-webkit-flex-flow: column;
		-moz-flex-flow: column;
		-ms-flex-flow: column;
		flex-flow: column;
	}

	.flex .box-2
	{
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		overflow: inherit;
	}

	.flex .box-1
	{
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		overflow: inherit;
	}

	.flex-column
	{
		display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: flex-start;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
	    -webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	    align-content: flex-start;
	    -webkit-align-items: flex-start;
	    -ms-flex-align: start;
	    align-items: flex-start;
	    overflow: hidden;
	}

	.flex-column .box-column-1
	{
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-order: 2;
	    -ms-flex-order: 2;
	    order: 2;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
	    width: 100%;
	}

	.flex-column .box-column-2
	{
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-order: 1;
	    -ms-flex-order: 1;
	    order: 1;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
	    width: 100%;
	}

	.flex-column .box-column-3
	{
		-webkit-order: 3;
	    -ms-flex-order: 3;
	    order: 3;
	    -webkit-flex: 0 1 auto;
	    -ms-flex: 0 1 auto;
	    flex: 0 1 auto;
	    -webkit-align-self: auto;
	    -ms-flex-item-align: auto;
	    align-self: auto;
	    width: 100%;
	}

	.stock-info .stock-header .search-bar .dropdown-menu>li>a
	{
		line-height: 35px;
	}

	.stock-info .stock-header .search-bar .button
	{
		padding: 8.5px 0;
	}

	.stock-info .stock-detail .arrow-container
	{
		width: 10%;
		margin-right: 0;
	}

	.stock-info .info
	{
		width:88%;
	}

	.stock-info .stock-detail .info .info-var
	{
		width: 30%;
		text-align: right;
		margin: 0;
		margin-left: -5px;
	}

	.stock-info .stock-detail .info .info-var:first-child
	{
		width: 40%;
	}

	.stock-info .stock-detail .chart-menu
	{
		margin-top: 2.5px;
		margin-bottom: 2.5px;
	}

	.stock-info .stock-detail .chart-menu
	{
		border-top: 1px solid #7E878C;
	}

	/* .stock-info .stock-header h1{display:block; padding:15px 0} */

	/* .stock-info .stock-header .col-xs-12, .stock-info .stock-header{padding:0} */

	.stock-info
	{
		margin-left: -5px;
		margin-right: -5px;
	}

	.navbar-collapse{overflow-x:hidden}

	.stock-info .stock-header .search-bar input, .stock-info .stock-header .search-bar .button
	{
		line-height: 35px;
		height: 35px;
	}

	.logo{margin-left:15px}

	.search-bar .btn{height:35px; width:20.5%; border-radius:unset; -webkit-border-radius:unset; -moz-border-radius:unset; -ms-border-radius:unset; -o-border-radius:unset}
	/* .stock-header .container-fluid{padding-right:unset} */

	.nemoname{align-items:unset!important; display:unset!important; padding-top:15px; padding-bottom:15px; text-align:center}
	.namefav{justify-content:center}
	.opclos{margin-left:unset!important}

	.search-bar .btn{font-size:11px}

	.puntas{text-align:center}
	.ml-md-5, .mx-md-5{margin-left:3rem !important}

	.clearcompare{float:unset; margin-top:unset; text-align:center; padding:1rem; font-weight:bold}

	header .main-menu .brand{margin-left:5px; min-width:232px}

	#constituyentes::after{background:unset!important}
	.boardFavoritos::after{background:unset!important}

	#loadingListaComparando{ top: 55% !important; }

}

@media (min-width: 768px){
	.align-items-md-center{align-items:center !important}
	.navbar-header{display:flex}
}

@media only screen and (max-width:992px){}

@media only screen and (min-width:975px){.bonos{margin-top:-85px}}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 768px) {

	.flex
	{
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-ms-box-orient: vertical;
		box-orient: vertical;
	}

	.stock-info .stock-header .search-bar input{width:57%}

	::i-block-chrome, .stock-info .stock-header .search-bar input
	{
		margin-right: 2px;
	}

}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.btn{padding:3px 7px; font-size:12px; background:#F93549; color:white}
.btn:focus{outline:none!important; outline-width:0 !important; color:white; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none}


.justify-content-end{-ms-flex-pack: end !important; justify-content:flex-end !important}
.justify-content-between{-ms-flex-pack: justify !important; justify-content:space-between !important}
.justify-content-start{-ms-flex-pack: start !important; justify-content: flex-start !important}
.justify-content-end {-ms-flex-pack: end !important; justify-content: flex-end !important}
.justify-content-center {-ms-flex-pack: center !important; justify-content: center !important}
.justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important}
.justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important}
.align-items-start {-ms-flex-align: start !important; align-items: flex-start !important}
.align-items-end {-ms-flex-align: end !important; align-items: flex-end !important}
.align-items-center {-ms-flex-align: center !important; align-items: center !important}
.align-items-baseline {-ms-flex-align: baseline !important; align-items: baseline !important}
.align-items-stretch {-ms-flex-align: stretch !important; align-items: stretch !important}
.align-content-start {-ms-flex-line-pack: start !important; align-content: flex-start !important}
.align-content-end {-ms-flex-line-pack: end !important; align-content: flex-end !important}
.align-content-center {-ms-flex-line-pack: center !important; align-content: center !important}
.align-content-between {-ms-flex-line-pack: justify !important; align-content: space-between !important}
.align-content-around {-ms-flex-line-pack: distribute !important; align-content: space-around !important}

.fab-tab i, .stock-header i{color:white; font-size:.9rem}
.stock-header i{color:white; font-size:.9rem; cursor:pointer}
.stock-header i:hover{color:#999}

.mr-0,.mx-0 {margin-right: 0 !important}
.mb-0, .my-0 {margin-bottom: 0 !important}
.ml-0, .mx-0 {margin-left: 0 !important}
.ml-md-0, .mx-md-0{margin-left:0 !important}
.m-1{margin: 0.25rem !important}
.mt-1, .my-1{margin-top: 0.25rem !important}
.mr-1, .mx-1{margin-right: 0.25rem !important}
.mb-1, .my-1{margin-bottom: 0.25rem !important}
.ml-1, .mx-1{margin-left: 0.25rem !important}
.m-2{margin: 0.5rem !important}
.mt-2, .my-2{margin-top: 0.5rem !important}
.mr-2, .mx-2{margin-right: 0.5rem !important}
.mb-2, .my-2{margin-bottom: 0.5rem !important}
.ml-2, .mx-2{margin-left: 0.5rem !important}
.m-3{margin: 1rem !important}
.mt-3, .my-3{margin-top: 1rem !important}
.mr-3, .mx-3{margin-right: 1rem !important}
.mb-3, .my-3{margin-bottom: 1rem !important}
.ml-3, .mx-3{margin-left: 1rem !important}
.m-4{margin: 1.5rem !important}
.mt-4, .my-4{margin-top: 1.5rem !important}
.mr-4, .mx-4{margin-right: 1.5rem !important}
.mb-4, .my-4{margin-bottom: 1.5rem !important}
.ml-4, .mx-4{margin-left: 1.5rem !important}
.m-5{margin:3rem !important}
.mt-5, .my-5{margin-top: 3rem !important}
.mr-5, .mx-5{margin-right: 3rem !important}
.mb-5, .my-5{margin-bottom: 3rem !important}
.ml-5, .mx-5{margin-left: 3rem !important}

.material-switch > label::before {margin-top:-12px}
.material-switch > label::after {margin-top:-12px}

.fab-tab{padding:0 8px; color:white; line-height:35px; font-size:.9rem}
.fab-titles{color:white; line-height:18px; padding:0 5px; font-size:.6rem; display:flex}
.fav-row{line-height:25px}
.fav-row .var{line-height:18px; margin-top:4px}

.boardFavoritos{min-height:170px; max-height:350px; padding:10px; overflow-y:auto}
.boardFavoritos i{font-size:1.2rem; cursor:pointer}
.boardFavoritos i:hover{color:#999}
.instrumentFav{cursor:pointer}
.instrumentFav:hover{color:#999}

.banner img{width:100%}

.news i, .blog i{color:black}

/*
** Colores Comparativos
*/
#caja_0{color:#929fa8}
#caja_1{color:#39bf66}
#caja_2{color:#d88704}
#caja_3{color:#50B2BB}
#caja_4{color:#b39a04}

/************/

.blog .note{border-bottom:1px solid #CCC; font-size:10.1px; margin-top:5px; padding-bottom:5px}
.blog .note:last-child{border-bottom:none}

.blog .note .row .col-xs-1,
.news .row .col-xs-1 {width:6%}

.blog .note .row .col-xs-11,
.news .row .col-xs-11{padding-right:unset}

.news .row{padding-bottom:3px}

.bdr{border-right:1px solid #CCC}

.font-weight-bold{font-weight: 700!important}


.text-left{text-align: left!important}
.text-center{text-align: center!important}
.text-right{text-align:right!important}
.text-white{color:white}

.chart-menu-container ul{margin-top:3px}

.chart-menu-container ul li{
	display:inline-block; line-height:33px; color:white;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	width:15%
}
/*.chart-menu-container ul li .active{background-color:#333D47}*/
.stock-info .stock-detail .chart-menu .chart-menu-container ul li span
{
	display: block;
	width: 100%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.chart-menu-container ul li:hover{background-color:#5E6C77}

.p-0 {padding: 0 !important}
.pt-0,
.py-0 {padding-top: 0 !important}
.pr-0,
.px-0 {padding-right: 0 !important}
.pb-0,
.py-0 {padding-bottom: 0 !important}
.pl-0,
.px-0 {padding-left: 0 !important}
.p-1 {padding: 0.25rem !important}
.pt-1,
.py-1 {padding-top: 0.25rem !important}
.pr-1,
.px-1 {padding-right: 0.25rem !important}
.pb-1,
.py-1 {padding-bottom: 0.25rem !important}
.pl-1,
.px-1 {padding-left: 0.25rem !important}
.p-2 {padding: 0.5rem !important}
.pt-2,
.py-2 {padding-top: 0.5rem !important}
.pr-2,
.px-2 {padding-right: 0.5rem !important}
.pb-2,
.py-2 {padding-bottom: 0.5rem !important}
.pl-2,
.px-2 {padding-left: 0.5rem !important}
.p-3 {padding: 1rem !important}
.pt-3,
.py-3 {padding-top: 1rem !important}
.pr-3,
.px-3 {padding-right: 1rem !important}
.pb-3,
.py-3 {padding-bottom: 1rem !important}
.pl-3,
.px-3 {padding-left: 1rem !important}
.p-4 {padding: 1.5rem !important}
.pt-4,
.py-4 {padding-top: 1.5rem !important}
.pr-4,
.px-4 {padding-right: 1.5rem !important}
.pb-4,
.py-4 {padding-bottom: 1.5rem !important}
.pl-4,
.px-4 {padding-left: 1.5rem !important}
.p-5 {padding: 3rem !important}
.pt-5,
.py-5 {padding-top: 3rem !important}
.pr-5,
.px-5 {padding-right: 3rem !important}
.pb-5,
.py-5 {padding-bottom: 3rem !important}
.pl-5,
.px-5 {padding-left: 3rem !important}

#blkInstrumentosCompara {font-weight:bold; font-size:14px}
#blkInstrumentosCompara i{color:#93A0A8; cursor:pointer}

#blkListaCompararUno ul li{border-top:1px solid #CCC; line-height:18px}

#blkListaCompararUno .col-xs-2{padding-right:unset; padding-left:unset}
#blkListaCompararUno .var{padding:unset}

.modoco{width:190px}

.namefav, .nemoname{align-items:center; display:flex}
.opclos{margin-left:15px}

.boardFavoritos .fav-row > div{align-items:center; display:flex}
.main-menu .container-fluid{padding-right:15px}
.sin-favorito{text-align:center; margin-left:10px; padding:3px; font-size:.95rem; margin-top:2rem}

.comparador-small{padding-right:12px; line-height:25px; margin-bottom: 7px;}
.comparador-small > div{border-bottom:1px solid #CCC}
.comparador-small strong{font-weight:bold!important}
.comparador-small i{cursor:pointer; color:#93A0A8}

.date .col-xs-1{width:11%; padding-right:unset}
.date .col-xs-11{width:89%}

.row .date ul li{border-top:1px solid #CCC; line-height:18px}

.mCustomScrollBox{padding-bottom:15px}

.btn-fm{background:#004A75; display:flex; line-height:30px; padding:20px; color:white; cursor:pointer; justify-content:space-between}
.btn-fm h2{margin-bottom:unset}
.btn-fm a{color:white; text-decoration:none}
.btn-fm:hover a, .btn-fm:hover i{color:#999}

.btn-fm i{font-size:1.7rem}

.fav-row .col-xs-6{
	/*max-width:163px;*/
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block!important;
}

footer a{
	color: white;
	font-weight: bold;
}

footer a:hover, a:focus{
	color: #999;
}
.favorites .col-xs-6{width:48%}
.favorites .col-xs-3{width:21%}
.favorites .col-xs-2{width:22%}

.favorites .fab-titles .col-xs-3{width:19%}