app/assets/stylesheets/styles.css
/*
A custom Bootstrap 3.1 theme from http://bootply.com\
This CSS code should follow the 'bootstrap.css'
in your HTML file.
license: MIT
author: bootply.com
*/
html,body{
height:100%;
}
body{
padding-top:50px; /*padding for navbar*/
}
.card-title {
color: black !important;
}
.navbar-custom .icon-bar {
background-color:#fff;
}
.navbar-custom {
background-color: #168ccc;
color:#fff;
}
.navbar-custom li>a:hover,.navbar-custom li>a:focus {
background-color:#49bfff;
}
.navbar-custom a{
color:#fefefe;
}
.navbar-custom .form-control:focus {
border-color: #49bfff;
outline: 0;
-webkit-box-shadow: inset 0 0 0;
box-shadow: inset 0 0 0;
}
#main, #main>.row {
height:100%;
top:70px;
}
#main>.row {
width: 55%;
overflow-y:scroll;
margin-left: 0px! important;
margin-right: 0px !important;
}
#left {
height:100%;
}
#map-canvas {
height: calc(100% - 0);
position: absolute;
right: 0px;
top: 70px;
display: block;
width: 45%;
float: right;
/* position: relative; */
margin-top: 0px;
bottom: 0;
overflow: hidden;
}