/*----------- sbadmindm START-----------*/

@media (min-width: 768px)
{
    .navbar-nav.navbar-right:last-child{
        margin-right: 0px!important;
    }
    /*para que al achicar y ocultar la barra suoperior y volver a agrandar vuelva a aparecer el contenido*/
    .nav.navbar-nav.navbar-top-links.sidebar-collapse-top.collapse {
        display: block;
    }

    nav.dm-top-navbar{
        height:50px\9;
    }
    #page-wrapper {

        border-left: none;
    }
}

nav.dm-top-navbar .navbar-top-links > li > div {
    /*color: #ffffff;*/
    padding: 15px;
    min-height: 50px;
}

.font-smaller{
	font-size: smaller;
}


nav.navbar.dm-top-navbar{
    margin-bottom: 0px!important;
    border-bottom: 1px solid #BBBBBB;
}

body {
    background-color: white;
}

.gray-bg{
    background-color: #f8f8f8;
}

#leftNavBar.sidebarHidden{
    margin: 0 0 0 -250px!important;
    transition: all 0.4s ease 0s;
}
#page-wrapper.sidebarHidden{
    margin: 0 0 0 64px!important;
    transition: all 0.4s ease 0s;
}

#page-wrapper .breadcrumb {
    padding: 8px 0px;
    margin-bottom: 0;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}


nav div.sidebar-collapse-left a,
nav div.sidebar-collapse-left h4,
nav div.sidebar-collapse-left h5{
    color: #777;
}

nav div.sidebar-collapse-left > ul > li > h4 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

nav div.sidebar-collapse-left > ul > li > h4.h4-navbar-center {
    text-align: center;
}

nav div.sidebar-collapse-left > ul > li > h5 {
    padding-left: 15px;
    font-weight: bold;
}

nav div.sidebar-collapse-left > ul > li > a.nav-anchor-title {
    font-weight: bold;
}

nav div.sidebar-collapse-left > ul > li.active>a.nav-anchor-title {
    /*padding-bottom: 2px;*/
}

nav > div.sidebar-collapse-left > ul > li > ul > li > a {
    font-size: 11px;
}

nav > div.sidebar-collapse-left > ul > li > ul > li.see_more_right {
    text-align: right;
}
nav > div.sidebar-collapse-left > ul > li > ul > li.see_more_right > a {
    /* margin-right: 10px; */
    color: #428bca;
}

nav > div.sidebar-collapse-left > ul > li > ul.nav.nav-second-level.facetRes >li:not(.see_more_right){
    /*background-color: #c2ccd1;*/
}
nav > div.sidebar-collapse-left > ul > li > ul.nav.nav-second-level.facetRes > li{
    /*font-size: smaller;*/
    /*list-style: none;*/
    line-height: 20px;
    text-indent: 12px;
}
nav > div.sidebar-collapse-left > ul > li > ul.nav.nav-second-level.facetRes > li> a{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

/*margen izquierdo del primer dropvbox de la top bar*/
nav.dm-top-navbar > ul.nav.navbar-nav.navbar-top-links.sidebar-collapse-top > li.dropdown:first-child {
    margin-left: 25px;
}

/*CONTENIDO*/
#page-wrapper {
    /*    border-left: 1px solid #bbb;*/
    /*padding-top: 20px;*/
    min-height: available;
}

#page-wrapper > div.row{
    /*margin-top:20px;*/
}

/*LEFT SIDE BAR*/

nav.dm-left-navbar {
    background-color: #eeeeee;
    border-right: 1px solid #aaa;
}

nav.dm-left-navbar .separator {
    margin-left: 10px;
    margin-right: 10px;
}

nav.dm-left-navbar > ul.nav > li {
    border-bottom: 1px solid #e0e0e0;
}
nav.dm-left-navbar > div.sidebar-collapse-left > ul.nav > li > ul > li > a:hover {
    color: #428BCA;
    background-color: #FeFeFe;
}

nav.dm-left-navbar > div.sidebar-collapse-left > ul.nav > li > div.side-bar-ranges > a.btn-primary{
    color:white;
}

nav.dm-left-navbar > div.sidebar-collapse-left > ul.nav > li > .side-bar-lvl1-item{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color:#777;
    font-size: small;
}


.collapse-menu-toggle{
    float: left;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    padding: 0 15px !important;
}

.collapse-menu-toggle.collapsed .glyphicon:before {
    content: "\e159";
}

.collapse-menu-toggle.expanded .glyphicon:before {
    content: "\e158";
}


.col-centered{
    float: none;
    margin: 0 auto;
}

/*icono dentro de input*/
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

#resultsRow {
    margin-top: 10px;
}
.dm-panel .panel-heading {
    background-color: #4d8ab0;
}

.dm-panel .panel-heading  h3 {
    color: white;
}
.dm-panel .panel-heading  span {
    color: white;
    cursor:pointer;
}
.not-rounded{
    border-radius: 0;
}
.no-leftBorder{
    border-left: none;
}

#page-wrapper  ol.breadcrumb{
    background-color:white;
}

#searchRanges{
    /* padding: 8px 15px; */
    /* cursor: pointer; */
}
#navbar-top li.dropdown:first-child {
    border-left: 1px solid #507aa4;
}
#navbar-top li.dropdown {
    background-color: #6f94b8;
    border-right: 1px solid #507aa4;
    font-weight: 400;
}

.header-page{
    padding-top: 10px;
    padding-bottom: 10px;
}

.available-date{
	color: #555;
    font-weight: bold;
}

.description{
    font-size: 15px;
    letter-spacing: 0;
}

.descriptionDatesAvailable{
    font-size: 14px;
    letter-spacing: 0;
    background-color:#DEE5E9;
    margin: 0px;
    margin-bottom:0px !important;
	padding: 12px;
	padding-left: 20px;
}
@media (max-width: 1350px) {
    .titleBase {
        font-size: 18px;
     }
     #calendarDetails{
     	margin-top: 20px;
     }

}
@media (min-width: 1350px) {
    .titleBase {
        font-size: 25px;
     }
}
@media (max-width: 1040px) {
    .titleBase {
        font-size: 16px;
     }
     .description{
         font-size: 11px;
     }
     #summary_view_container{
         font-size: 12px;
     }
}

.bb-alert {
    position: fixed;
    bottom: 25%;
    right: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;
}
.filtersModal{
    /* width: 1280px; */
}
.filtersModal .modal-dialog{
    width: 1024px;
}

.filtersModal .modal-footer{
    margin-top: 0px;
}

.filtersAdd {
    font-size: 13px;
}
.filtersAdd li {
    padding: 6px 20px;
}

table.dataTable td {
font-size: 12px;
}

table.dataTable {
  width: 100%;
}

@media(min-width:768px) {

    .navbar-static-side {
        /* width: 222px;
    }
    #page-wrapper {
       margin: 0 0 0 220px; */
    }
}

.dm-gray{
    background-color: #F5F4F4;
}

.megamenu {
    min-width: 300px;
    max-width: 750px;
}
#advancedQueryComponent{
    margin-top: 20px;
}

.tt-dropdown-menu{
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion:hover{
    color: #fff;
    background-color: #0097cf;
}
.tt-cursor{
    color: #fff;
    background-color: #0097cf;
}
.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}
.tt-suggestion p {
    margin: 0;
}
.twitter-typeahead{
    width: 100%;
}
.tm-input.form-control.tt-hint{
    display: none;
}


.thead_title th a {
    text-decoration: none !important;
    color:black;
}
.totalsByCheckboxColum{
    text-align: center;
}
.panel-disable{
    background-color: #FCFCFC;
    height: 520px;
    border: 1px dashed #aaa;
}

.selectFieldsModal{
    width: 800px!important;
}

/*de deubug*/
.border_black{
    border:1px solid black;
}
.border_red{
    border:1px solid red;
}

#full-query-container{
    font-size: small;
}

#full-query-container a, #query-string a{
    cursor: pointer;

}

.query-done-row{
    padding-top: 20px;
}

@media (max-width: 1400px){
    #resultsRow .col-sm-4 {
       padding-right: 5px;
       padding-left: 5px;
    }
}
.month-table{
    font-size: 11px;

    margin-top: -30px;
}
.month-table td{
   padding: 2px !important;

   padding-left: 10px !important;
}

#summary_view_container .col-sm-4 {
    height: 555px;
}
#summary_view_container .panel {
    height: 535px;
}

.line-chart{
     width: 300px;
     height: 200px;
}
@media (max-width: 1400px){
    .line-chart {
       width: 15em;
       height: 10em
    }
}

#myAccount{
/* 	width: 48% !important; */
}


/*----------- sbadmindm END -----------*/




/*----------- forNewStyle START-----------*/
#topRanking .login-panel {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d8d8d8;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px #d3d3d3;
    margin: 50px auto;
    padding: 55px 60px 60px;
    position: relative;
    min-height: 300px;
}

.panel-heading h3{
    font-family: "Open Sans","Helvetica Neue","Helvetica","Arial","sans-serif";
    font-weight: 300;
    color: #555;
}

#topRanking .panel-title {
    font-size: 25px;
    line-height: 50px;
    text-align: center;
}

#topRanking .panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
}

.login-panel .forgot-password {
    padding: 15px;
}

.login-panel .forgot-password a {
    font-size: 12px;
}

.errorContainer {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin-top: 12%;
    margin-bottom: auto;
    height: 50%;
}

.errorBody {
}

.errorMessageBody{
    border: 1px solid #d8d8d8;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px #d3d3d3;
    padding: 55px 60px 60px;
    position: relative;
    height: 450px;
    float: left;
}

.error404 {
    background: none repeat scroll 0 0 #7ac143;
}

.error500 {
    background: none repeat scroll 0 0 rgb(132, 53, 56);
}

.leftMessage {
    text-align: center;
}

.rightMessage {
    font-size: 48px;
    text-align: center;
    border-left: 3px solid #fff;
    min-height: 350px;
}

.leftTypeText {
    font-size: 160px;
    font-weight: 300;
    letter-spacing: -5px;
    text-align: center;
    //text-shadow: 2px 2px rgb(255, 255, 255);
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
    color: #fff;
}

.rightTypeText{
    color: #fff;
}

.icon-logo{
    display: block;
    margin-block-end:auto;
}

.contactLink {
    color: #fff;
    font-size: 35px;
}

.icon-logo .media-object{
    width: 180px;
}

@media (max-width: 301px) {
 .icon-logo .media-object {
    width: 160px;
    margin-left: -46px;
  }
}

@media (max-width: 1000px) {
    .rightMessage {
        font-size: 30px;
        border-left: 0px;
    }

    .leftTypeText {
        font-size: 100px;
    }

    .errorMessageBody {
        padding: 0;
    }
}

.homePageLink{
    color: #1d3664;
}

//----------------------My Account -------------------
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.panel-profile .profile {
    margin: 5px 15px 5px 5px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 5px #2b9adf, 0 0 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 0 5px #2b9adf, 0 0 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 5px #2b9adf, 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.panel-profile {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #767676;
}

.panel-profile .list-info li .icon {
    margin-right: 10px;
    color: #1c7ebb;
}

#myAccount .list-info li label {
    width: 170px;
}

#myAccount label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

#myAccount .panel-heading h3 {
    font-size: 24px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: white;
}

#displayFields .panel .panel-heading {
    text-transform: uppercase;
}

img.img80_80 {
    width: 80px;
    height: 80px;
}

#displayFields .panel-heading {
    color: #767676;
    background-color: #f6f6f6;
    border-color: #e9e9e9;
}

#displayFields .panel {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.nav-pills {
    margin-top: 8px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
/*     background-color: #767676; */
}

.right{
    float: right;
}

.list-unstyled li{
    margin-bottom: 5px;
    height: 35px;
}

.each_coutry {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 60px;
	text-align: center;
	margin: 5px;
	color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.operationsFieldSelection {
	font-size: 11px;
}

.sortableContainer{
	background: none repeat scroll 0 0 #E9E9E9;
	border: 2px dashed #B8B8B8;
	height: 685px;
	width: 139px;
}

.titulos_tabla{

	padding-left: 25px;
}

.panel-displayFields{
	padding-top:20px;
}

.availableFields {
	background-color: #47A447;
	cursor: default;
}

.unavailable {
	background-color: rgba(143, 18, 23, 0.75);
	cursor: pointer;
}

.sample {
	height: 10px !important;
	width: 10px !important;
    position: relative;
    top: -14px;
    left: 85px;
}

.form-text-changePass{
	width:100%;
}

.container-changePass{
	margin-top:5%;
}

.btn-changePass{
	margin-right:16px;
	margin-top:8px;
}

.row-changePass{
	margin-top:4px;
	margin-bootom:4px;
}
.dropdown-menu-redefined{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	font-size:14px;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	border-radius:4px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	background-clip:padding-box;
	height:268px;
	overflow: auto;
}

.list-group-letra{
	font-size:12px;
	text-align:center;
	height: 35px !important;
	width: 135px !important;
	padding: 0px 0px 0px 17px;
	cursor: pointer;
}

.fieldFilter{
	width: 135px;
	margin-left: auto;
}

.ui-draggable-dragging{
	z-index:1000;
}

#displayFields .list-group-item{
	padding: 0px;
}
.displayFieldsDialogWidth > div{
	width: 900px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

.twitter-typeahead{
	display: block!important;
}
/**************************************************** TOTAL BY *******************************************************/
#graph {
	display: none
}

#table_div_ttby {
    float: left;
    font-family: helvetica;
    font-size: 13px;
    /*height: 460px;*/
    margin-bottom: 15px;
    margin-top: 10px;
}

#table_div_ttby_title {
	overflow: hidden;
    width: 760px;
    height: 35px;
}

#table_div_ttby_body {
	/*height: 600px;
    overflow-y: scroll;
    width: 759px;
    min-height: 600px;*/
}

#table_div_ttby table {
    border-collapse: collapse;
    border-color: #000000;
    /*border-style: solid;
    border-width: 1px;
    margin-bottom: 25px;*/
}

#table_div_ttby_title .thead_title {
   	background-color: #2A4976;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

#table_div_ttby_title .thead_title th{
	text-decoration: none;
}

#table_div_ttby_title .thead_title a{
	text-decoration: none;
	color: #FFFFFF;
}

#results_header {
    color: #294977;
    font: 12px Arial,sans-serif;
    margin-top: 10px;
    width: 750px;
    position: relative;
}

#results_header .heading {
    color: #294977;
    display: inline;
    float: left;
    font-family: Helvetica;
    font-size: 24px;
    font-weight: normal;
}

#results_header .sub-head {
    color: #294977;
    float: left;
    font: 12px Arial,sans-serif;
    margin-top: 10px;
    width: 525px;
    clear: left;
}

#results_header .header_container {
	float:left;
}

#results_header .header_container {
	float:left;
}

.totalsByCheckboxColum {
	text-align: center;
}

#btnContainer {
	float:right;
	width: 170px;
}

#show_graph_btn {
	clear: both;
}

#btnContainer .generic-button .mid {
	text-align: center;
    width: 120px;
    font-weight: bold;
}

#btnContainer .generic-button {
	float:right;
	margin: 3px 0;
}

.totalsByTotalRow {
	font-weight: bold;
}

.totalsByStringTD {
	text-align: left;
}

.totalsByNumberTD {
	text-align: right;
}

#table_div_ttby td {
	border:1px solid #000;
}

#table_div_ttby th {
	border:1px solid #000;
	background:#4D8AB0;
	color:#FFF;
}

/**************************************************** END TOTAL BY ***************************************************/

/*----------- forNewStyle END -----------*/

.invisible {
	display:none;
}

.login-panel {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #d8d8d8;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0 1px 4px #d3d3d3;
	margin: 50px auto;
	padding: 55px 60px 60px;
	position: relative;
	min-height: 300px;
}

.login-panel .panel-heading h3 {
	font-family: "Open Sans","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-weight: 300;
	color: #555;
}
.login-panel .panel-title {
	font-size: 38px;
	line-height: 50px;
	text-align: center;
}

.login-panel .panel .panel-heading {
	text-transform: uppercase;
}





.masters, .masters:hover {
    color: #22c23f;
    cursor: pointer;
}
/* .Masters:hover { */
/*     color: #22c23f; */
/*     cursor: pointer; */
/* } */
.houses, .houses:hover{
    color: #f39814;
    cursor: pointer;
}

.dataTables_wrapper{
	overflow-y: auto;
	min-width:100%;
	max-width:100%;
}

#leftNavBar{
	height: 129%;
	min-height:129%%;
}

.visulizeTableContent {
	font-size: 12px;
}

.seeMoreLink {
	font-size: 11px;
}

.dataButtonsViews{
	float:left;
	margin-bottom: 10px;
	margin-left: 5px;
	display:none;
}

.dataOptionsViews {
	float:right;
	margin-bottom: 10px;
	margin-right: 5px;
	display:none;
}

@media (min-width: 1400px) {
	#visualizeViewBody .col-lg-6 {
		 width: 33%;
	}
}
/*Override calendar colors*/
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #94b86e;
    border-color: #8eb365;
}
.daterangepicker td.in-range {
    background-color: #e1ebd6;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #CDE5B7;
}

.fullOverlay{
		width: 100px;
	    height: 100px;
	    position: absolute;
	    top:0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
}

.dm-modal-backdrop{
	background-color: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index:1040;
	opacity: 0.5 !important;
}

.fullOverlay{
		width: 100px;
	    height: 100px;
	    position: absolute;
	    top:0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
}

//**TP Links**/
.tradeProfileLink{
		color: transparent;
		float: right;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url("images/TPLink1.png");
	    height: 19px;
		width: 30px;
		cursor:pointer;
	}

.tradeProfileLinkHQ{
		color: transparent;
		float: right;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url("images/TPLink1HQ.png");
	    height: 19px;
		width: 30px;
		cursor:pointer;
	}
.tradeProfileLinkDS{
		color: transparent;
		float: right;
		background-repeat: no-repeat;
		background-position: top center;
		background-image: url("images/TPLink1DS.png");
	    height: 19px;
		width: 30px;
		cursor:pointer;
	}

/*Estilos para el info Bases*/
#showDatabaseInfo {
	top: -23px;
	position: relative;
	left: -140px;
}

.infoBasesDivContainer {
	cursor: pointer;
	font-style: italic;
	padding-left: 6px;
    /*font-weight: bold;
    background: white;
    border-radius: 4px;
    text-align: center;*/
    width: auto;
    position: relative;
    bottom: -40px;
}

.info_container_countries {
	background: #D9E4EE;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    margin-bottom: 11px;
    margin-left: 11px;
    margin-right: 11px;
    margin-top: 11px;
    width: 360px;
    border :1px solid rgb(7, 55, 83);
    border-top:none;
}

.info_title_country {
	background-color: rgb(7, 55, 83);
	padding: 5px 20px 5px 30px;
}

.info_title_country .titleName {
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px !important;
	font-family: Trebuchet MS, Helvetica, Arial;
	margin-left: 20px;
}

.title_flag {
	margin-top: 5px;
}

.info_body_databases {
	overflow : auto;
	height: 84px;
}

.info_base {
	padding:3px;
	font-weight: bold;
	font-family: Trebuchet MS, Helvetica, Arial;
}

/*
	** INICIO ** Estilos para los tabs, mina diseño
*/

.search-result {
    margin: 10px;
    position: relative;
}
.tabs-search-result a.dropdown-toggle {
    background-color: #eee;
    color: #666666;
}

.sum-results {
/*     position: absolute; */
    top:5px;
    right: 10px;
    float: right;
    margin : 7px;
}

.sum-results span {
    color: #999999;
}
.sum-results span strong {
    color: #0ca00c;
    font-size: 1.2em;
    margin: 0 5px;
}

.grid-result-container {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.grid-result-container:after {
    clear: both;
    display: block;
    height: 10px;
    content: ' ';
}

.box-btn-actions {
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}


.align-right {
    right: 0;
    left: auto;
}

.clear {
    clear: both;
}

/*
	** FIN ** Estilos para los tabs, mina diseño
*/

.table-padding{
	padding-right:1px !important;
	padding-left:1px !important;
	margin-right: auto;
	margin-left: auto;
}

/* Redefino estilo para letras de la tabla */

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding:12px !important;
	padding-left:20px !important;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{
	color:darkgray;
	font-size:12px;
}
/* Necesario para tabla de totalby */
#resultTable > div{
	margin-right: -1px;
	margin-left: -1px;

}

.queryHeader{
	padding: 0px 15px 15px 15px;
	margin-bottom: 0;
    list-style: none;
    border-radius: 4px;
    width:100%;
	background-color:#F8F8F8;
}

.queryShow{
	background-color:#EEEEEE;
	border: 1px solid #E9E9E9;
	padding: 5px 15px 5px 15px;
	margin-left: 0px!important;
	min-width: 100%;
	z-index: 0;
	display: block;
	position: relative;
	border-radius: 0;
	box-shadow: none;
	margin-top:0px!important;
}

.queryResult{
	background-color:#ffffff;
	width:100%;
	padding: 0px 15px 5px 15px;

}
/* .headerQueryContainer{ */
/* 	margin-top:-175px; */
/* } */

.queryStyle{
 	margin-left: 0px;
/* 	margin-top: 14px; */
}

.premiumStyle{
	color:#E5C68D;
}

.pin-bar {
    display: none;
    width: 25px;
    height: 25px;
    background-image: url('images/ic-pin.png');
    right: 10px;
    top: 3px;
    cursor: pointer;
    float: right;
    margin-right: 10px;
}
.pin-bar:hover, .pin-bar.active {
    background-position: left -26px ;
}

.nav-tabs .active > a.dropdown-toggle{
	color: #428bca ;
}

.userAndDate > li {
    float: none !important;
}

.current-date {
	color: #b6d1dc;
}

.gray-arrow {
	border-bottom-color: rgba(0, 0, 0, 0) !important;
}
.gray-arrow:after {
	border-bottom-color: #eeeeee !important;
}

.displayFieldsDialogWidth .modal-dialog{
	width: 900px;
}

#query-string .container {
	width: 100%;
	margin-top: 20px;
	position: absolute;
}

#containerResult{
	padding-right:0px!important;
	padding-left:0px!important;
}

/* Estilos menu de paises */
.dropdown-menu {
	min-width: 200px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
	padding-left: 0;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
/* Fin estilos menu de paises */

.grayBorder{
	border: 1px solid gray;
}

.btnFirstStep .btn{
	padding: 6px 8px !important;
}

.helpButton{
	padding-left: 5px;
}

.logoutButton{
	padding-left: 5px;
}

.help{
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 1200;
	background-color: #eeeeee;
	width: 222px;
	display: none;
}

.hand{
	 cursor:pointer !important;
	 cursor: hand !important;
}

#frameHelp {
	border: none !important;
}

#frameRegion {
	border: none !important;
	margin-top:5px;
}

#helpOverlay{
	top:50px !important;
	position: absolute !important;
}

#regionOverlay{
	top:50px !important;
	position: absolute !important;
}

#infoOverlay {
	top:50px !important;
	position:absolute !important;
}

.breadcrumb .dropdown {
	height: auto !important;
}


.only-queries{
	display:none!important;
}

.only-rankings{

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.panel-eq{
	height:100%;
	margin-bottom: -20px;
}

nav.dm-left-navbar-new {
    background-color: #3C5064;
    border-right: 1px solid #aaa;
}

nav.dm-left-navbar-new .separator {
    margin-left: 10px;
    margin-right: 10px;
}

nav.dm-left-navbar > ul.nav > li {
    border-bottom: 1px solid #e0e0e0;
}
nav.dm-left-navbar-new > div.sidebar-collapse-left > ul.nav > li > ul > li > a:hover {
    color: #428BCA;
    background-color: #FeFeFe;
}

nav.dm-left-navbar-new > div.sidebar-collapse-left > ul.nav > li > div.side-bar-ranges > a.btn-primary{
    color:white;
}

nav.dm-left-navbar-new > div.sidebar-collapse-left > ul.nav > li > .side-bar-lvl1-item{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color:#777;
    font-size: small;
}

a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a.dropdown-toggle:hover,
a.dropdown-toggle:focus {
      text-decoration: none;
}

a.btn:hover,
a.btn:focus {
      text-decoration: none;
}

nav.dm-top-navbar.navbar.navbar-default.navbar-expand-lg {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-top-links {
    align-items: center;
}

.border-success {
    border-color: rgb(214 222 218) !important;
}