/* Show error messages in red 
.error { color: red; } */

.navbar-custom {
	background-color:#2196F3;
    color:#ffffff;
  	border-radius:0;
	margin-bottom: 0;
}
  
.navbar-custom .navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:#1979e8;
}
      
.navbar-custom .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #1979e8;
}
      
.navbar-custom .navbar-brand {
  	color:#eeeeee;
}
.navbar-custom .navbar-toggle {
  float: left;
  margin-left: 10px;
}

.navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
    color: #ffffff;
	background-color:#1979e8;
}

.icon-bar {
    background-color: white;
}

.MyMenuLink {
    position: relative;
    overflow: hidden;
}
.MyMenuLink input[type=submit] { 
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: pointer;
        display: block;
}
.editable-col[contenteditable=true] {
	background-color:#ffffcc;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1400px;
  }
}

.mychart1 {
  width: 100%; 
  min-height: 100px;
}