/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundaci�n Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");
/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
html, body {
  height: 100%;
}

.full-height {
    height: 100%;
}

.full-height-overflow {
    height: 100%;
    overflow-y: auto;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

.navbar-custom  {
    font-size: 16px;
}


/*
 * Main content
 */

.content-container {
    padding-top: 50px;
}

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/*
 * Iconos
 */
.icon-delete {
	color: #B43D3C;
	font-size: 16px;
    cursor: pointer;
}

.icon-delete:hover {
	color: #F95454;
}

.icon-edit {
	color: #2F71AA;
	font-size: 16px;
    cursor: pointer;
}

.icon-edit:hover {
	color: #3E97E0;
}

.icon-add {
	color: #3c763d;
	font-size: 16px;
    cursor: pointer;
}

.icon-add:hover {
	color: #66CC71;
}

.icon-normal {
	color: black;
	font-size: 16px;
}

a .icon-normal:hover {
	color: #666;
}

.icon-white {
    color: white;
	font-size: 16px;
}

.icon-white:hover {
	color: #BCCCD8;
}
 
.glyphicon-none:before {
    content: "\2b";
    color: transparent !important;
}

.version {
    position:absolute; 
    bottom:0; 
    left:0;
    padding: 5px;
    font-size: 10px;
    color: gray;
}

.version-login {
    padding-top: 10px;
    font-size: 10px;
    color: gray;
}

.table-hover {
    cursor: pointer;
}

.bold {
    font-weight: bold;
}
/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundación Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.loading {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.loading-progress {
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundación Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.angular-google-map-container { 
    height: 500px;
}

.map-tools {
    margin: 7px;
}

.map-tools-link {
    background-color: white;
    border: 1px solid black;
    color: black;
    padding: 3px;
}

.map-tools-link:hover {
    background-color: lightgray;
    text-decoration: none;
    color: black;
    cursor: pointer;
}

.legend {
    border: 1px solid black;
    background-color: white !important;
    padding: 5px;
    margin: 5px;
}

.legend-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 12px;
}

.legend li {
    line-height: 18px;
}

.legend li i {
    width: 20px;
    height: 14px;
    border: 1px solid black;
    opacity: 0.8;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    -webkit-print-color-adjust: exact;
}

.legend2 {
    border: 1px solid black;
    background-color: white;
    width: 322px;
	box-sizing: border-box;
    color: black;
}

.legend2 ul {
    list-style: none;
	float: left;
	width: 80px;
	padding: 5px;
	margin: 0;
	box-sizing: border-box;
}

.legend2 span {
    font-weight: bold;
    padding-left: 5px;
    line-height: 20px;
    font-size: 12px;
}

.legend2 td {
    vertical-align: top;
}

.legend2 ul li:first-child {
    text-decoration: underline;
}

.legend2 .control {
    background-color: #f94938;
}

.legend2 .reconversion {
    background-color: #a0d520;
}

.legend2 .vigilance {
    background-color: #ecfc17;
}

.legend3 {
    border: 1px solid black;
    background-color: white;
    width: 402px;
	box-sizing: border-box;
    color: black;
    padding: 5px;
    margin: 5px;
}

.legend3 table {
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    margin-top: 2px;
    margin-bottom: 5px;
}

.legend3 table, .legend3 th, .legend3 td {
    border: 1px solid black;
    text-align: center;
}

.legend3 table:last-child {
    margin-bottom: 0;
}

.legend3 td {
    padding: 4px;
    min-width: 45px;
}

.legend3 span {
    font-weight: bold;
    line-height: 20px;
    font-size: 13px;
}

.legend3 table.control thead {
    font-weight: bold;
    background-color: #f94938;
}

.legend3 table.reconversion thead {
    font-weight: bold;
    background-color: #a0d520;
}

.legend3 table.control-reconversion thead {
    font-weight: bold;
    background-color: #7bb9e4;
}

.map-preview {
    overflow: scroll;
}
/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundación Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #1e5e94;
	border-color: transparent;
    cursor: pointer;
}
.panel-primary > .panel-heading > .nav-tabs > li.active .badge {
    color:white;
    background-color: #337ab7;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundación Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
.btn-light-success,
.btn-light-warning,
.btn-light-danger {
  color: #FFF;
}
.btn-light-success {
  background-image: -webkit-linear-gradient(top, #aaefaa 0%, #93d593 100%);
  background-image: -o-linear-gradient(top, #aaefaa 0%, #93d593 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#aaefaa), to(#93d593));
  background-image: linear-gradient(to bottom, #aaefaa 0%, #93d593 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #93d593;
}
.btn-light-success:hover,
.btn-light-success:focus {
  color: #EEE;
  background-color: #93d593;
  background-position: 0 -15px;
}
.btn-light-warning {
  background-image: -webkit-linear-gradient(top, #ffd69c 0%, #ffc067 100%);
  background-image: -o-linear-gradient(top, #ffd69c 0%, #ffc067 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd69c), to(#ffc067));
  background-image: linear-gradient(to bottom, #ffd69c 0%, #ffc067 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffd69c', endColorstr='#ffffc067', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #ffc067;
}
.btn-light-warning:hover,
.btn-light-warning:focus {
  color: #EEE;
  background-color: #ffc067;
  background-position: 0 -15px;
}
.btn-light-danger {
  background-image: -webkit-linear-gradient(top, #fca9a7 0%, #ff7774 100%);
  background-image: -o-linear-gradient(top, #fca9a7 0%, #ff7774 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fca9a7), to(#ff7774));
  background-image: linear-gradient(to bottom, #fca9a7 0%, #ff7774 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffca9a7', endColorstr='#ffff7774', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #ff7774;
}
.btn-light-danger:hover,
.btn-light-danger:focus {
  color: #EEE;
  background-color: #ff7774;
  background-position: 0 -15px;
}
/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundaci�n Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #2F4050;
}

.navbar {
	border: 0;
	background-color: #F3F3F4;
	border-bottom: 1px solid #E7E7E7;
}

#side-menu {
	background-color: #2F4050;
    border-top: 1px solid #E7E7E7;
}

#side-menu li{
	border-bottom: 0;
}

#side-menu a {
	font-size: 13px;
	color: #A7B1C2;
	font-weight: 600;
}

#side-menu>li>a {
	padding: 10px;
    border-left: 4px solid transparent;
}

#side-menu>li>a>span {
    padding-right: 10px;
}

#side-menu a:focus {
	color: #A7B1C2;
	background-color: #2F4050;
}

#side-menu a.active {
    color: #FFF;
	background-color: #337AB7;
    border-left: 4px solid #A7B1C2;
}

#side-menu a[aria-expanded="false"]::before,#side-menu a[aria-expanded="true"]::before {
    content: '\e080';
    display: block;
    position: absolute;
    right: 10px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
    padding-top: 5px;
}

#side-menu a[aria-expanded="true"]::before {
    content: '\e259';
}

#side-menu a, a:hover, a:focus {
    transition: all 0.3s;
}

#side-menu ul {
    list-style: none;
    padding: 0;
}

#side-menu ul li a {
    color: #FFF;
	background-color: #3A5060;
    border-left: 4px solid #337AB7;
}

#side-menu ul li a {
    display: block;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
}

#side-menu a:hover {
    color: #555;
	background-color: #FFF;
    border-left: 4px solid #A7B1C2;
    padding-left: 15px;
}

#side-menu ul li a:hover {
    padding-left: 35px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 165px;
        margin-top: 0;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

@media (min-width: 768px) {
	.navbar {
	  border-radius: 0;
	}
}

#logo {
	border-right: 1px solid #E7E7E7;
}

@media (max-width: 768px) {
    #logo {
        display:none;
    }
}

@media (min-width: 768px) {
	.navbar-header {
		margin: 0 0 0 165px;
	}
}

#page-wrapper {
    min-height: 568px;
	padding: 15px 15px 15px 15px;
    background-color: #F3F3F4;
	border-top: 1px solid #E7E7E7;
}

#page-breadcrumb {
	background-color: white;
	padding: 0 15px;
	color: #777;
	font-weight: 500;
}

#page-breadcrumb a {
	color: #777;
}

#page-breadcrumb  h2 {
	font-weight: 100;
	margin-top: 20px;
	margin-bottom: 5px;
}

.page-breadcrumb-loading {
    padding-top: 15px;
}

.breadcrumb {
  padding: 0;
  background-color: #ffffff!important;
  min-height: 20px;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 165px;
		padding: 30px 30px 30px 30px;
        border-left: 0;
    }
	
	#page-breadcrumb {
		position: inherit;
		margin: 0 0 0 164px;
		padding: 0 30px;
		border-left: 0;
	}
}

/*LOGIN*/
.login-panel-heading {
	color: #FFF!important;
	background-color: #265A88!important;
	text-align:center;
    background-image: none!important;
}

.panel-title {
	font-size: 36px!important;
}

.login-panel {
	border: 0;
}

.login-version {
    padding-top: 10px;
    font-size: 10px;
    color: #808080;
}

.img-offset {
    padding: 0 10px;
}

@media (min-width: 768px) {
    .modal-dialog700 {
        width: 700px;
        margin: 30px auto;
    }
}

.form-control[readonly] {
  background-color: white;
  cursor: pointer;
}

/*ROW NO PADDING*/
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.no-margin {
    margin: 0;
}

.row-select {
    cursor: pointer;
}

.link-collapsed-area {
	font-weight: bold;
	color: #265A88;
	text-decoration: none;
    cursor: pointer;
}
.link-collapsed-area:hover {
	font-weight: bold;
	color: #337AB7;
	text-decoration: none;
    cursor: pointer;
}

.link-area {
	font-weight: bold;
	color: #111111;
	text-decoration: none;
    cursor: pointer;
}
.link-area:hover {
	font-weight: bold;
	color: #ab1845;
	text-decoration: none;
    cursor: pointer;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-scroll-body {
    max-height: calc(100vh - 215px);
    overflow-y: auto;
}

.row-selected .text-selected {
    font-weight: bold;
	color: #2F71AA; 
}

.row-selected .text-selected:hover {
    color: #3E97E0;
}

.row-select:hover .text-selected {
    font-weight: bold;
    color: #3E97E0;
}

.show-hovered {
    display: none;
}

.row-select:hover .show-hovered {
    display: block;
}

.padding-t-5 {
    padding-top: 5px;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-t-20 {
    padding-top: 20px;
}

.padding-l-5 {
    padding-left: 5px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-20 {
    padding-left: 20px;
}

.padding-b-5 {
    padding-bottom: 5px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.padding-b-20 {
    padding-bottom: 20px;
}

.padding-r-5 {
    padding-right: 5px;
}

.padding-r-10 {
    padding-right: 10px;
}

.padding-r-20 {
    padding-right: 20px;
}

input[type="radio"] ~ label, input[type="checkbox"] ~ label {
    margin-bottom: 0;
    font-weight: normal;
    padding-right: 10px;
}

.table-middle > tbody > tr > td {
    vertical-align: middle;
}

.ng-table-sort-header {
    cursor: pointer;
}

/*CHECKBOX*/

/*
 *     Aedes Alert, Support to collect data to combat dengue
 *     Copyright (C) 2017  Fundación Anesvad
 *
 *     This program is free software: you can redistribute it and/or modify
 *     it under the terms of the GNU General Public License as published by
 *     the Free Software Foundation, either version 3 of the License, or
 *     (at your option) any later version.
 *
 *     This program is distributed in the hope that it will be useful,
 *     but WITHOUT ANY WARRANTY; without even the implied warranty of
 *     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *     GNU General Public License for more details.
 *
 *     You should have received a copy of the GNU General Public License
 *     along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
@media print {
    @page {
        size: landscape;
    }

    .sidebar {
        width: 0;
    }

    .navbar-header {
		margin: 0;
	}

    #page-wrapper {
        margin: 0;
        padding: 15px 0 0 0;
        border-left: 0;
        min-height: 0 !important;
    }

    #page-breadcrumb {
		margin: 0;
        padding: 0;
	}

    a[href]:after {
        content: none !important;
    }

    #page-breadcrumb h2 {
        margin-top: 0;
    }

    .breadcrumb { 
        margin-bottom: 0;
    }

    .panel-body {
        padding: 0;
    }

    .panel {
        border: 0;
    }

    .map-preview {
        overflow: initial;
    }
}