/*#header-nav{
	background-color: #7DB836 !important;
}*/

#header-nav {
background-color: #1ba2dd !important;
}

.navbar-brand{
	color: #ffff !important;
}

.dropdown a{
	color: #fff !important;
}

.nav > li > a:focus, 
.nav > li > a:hover{
/*	background-color: #7DB836 !important;*/
        background-color: #1ba2dd !important;
        color: #fff !important;
}

#side-menu a:focus {

    color: #fff !important;

}
.dropdown-menu.dropdown-user a{
	color: #000 !important;
}

#side-menu a{
/*	color: #00497F !important;*/
        color: #1ba2dd !important;
}
#side-menu a:hover{
    color: #fff !important;
}

/*#side-menu .nav-second-level a:focus,
#side-menu .nav-second-level a:hover,
#side-menu > li > a:hover,
#side-menu > li > a:focus{
	background-color: #1ba2dd !important;
}*/

#side-menu .nav-second-level a:hover,#side-menu > li > a:hover{
background-color: #1ba2dd !important;
}

#side-menu .nav-second-level a:focus, #side-menu > li > a:focus{
background-color: #fff !important;
color:#1ba2dd !important;
}

#side-menu li ul {
    padding-left: 20px;
}
.pagination > li > a,
.pagination > li > span{
	color: #00497F !important;
}
.paint{
background-color: #7DB836 !important;
cursor: pointer;
}
.cursor{
cursor: pointer;

}

#domain-info.fa.fa-info {
    padding: 10px 10px;
    border: 1px solid #1ba2dd;
    border-right: 1px solid #fff;
    background: #1ba2dd;
    color: white;
}

.dropdown {
    display: inline-flex;
    background: #1ba2dd;
/*    #7db836;*/
}

.btn.btn-primary.dropdown-toggle.domain-setting {
    background: #1ba2dd;
    border: 1px solid #1ba2dd;
    padding: 5px 7px;
}

.domain-setting .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid\9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.dropdown .domain-setting-dropdown {
    color: #000 !important;
    padding: 10px;
}

#modal-production-info .btn-info:hover {
    color: #fff;
    background-color: #1cb3ee;
    border-color: #1cb3ee;
}

#modal-production-info .btn-info,#modal-add-remark-button {
    color: #fff;
    background-color: #1ba2dd;
    border-color: #1ba2dd;
    margin: 2px;
}

.container.addInsatnceContainer {
    width: 100%;
}

.modal-content {
    max-height: 700px !important;
    overflow-y: scroll;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 700px !important;
}

#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 100vh; /* to make it responsive */
    width: 100vw; /* to make it responsive */
    overflow: hidden; /*to remove scrollbars */
    z-index: 99999; /*to make it appear on topmost part of the page */
    display: none; /*to make it visible only on fadeIn() function */
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #1ba2dd;
    border-color: #1ba2dd;
}

.panel-primary {
    border-color: #1ba2dd;
}

body {
background-color: #fff;
}

.navbar-default {
background-color: #fff;
border-color: #fff;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
}

.sidebar ul li a.active {
background-color: #fff;
}

.btn-success {

    color: #fff;
    background-color: #1ba2dd;
    border-color: #1ba2dd;

}

.btn-success:hover {

    color: #fff;
    background-color: #1cb3ee;
    border-color: #1cb3ee;

}

#logo {
    text-align: center;
}

#domain-edit-modal-body .btn{
    background-color: gray;
}

#domain-edit-modal-body .btn.active{
    background-color: #449d44;
    border-color: #398439;
}

#domain-edit-modal-body .btn.btn-success.save{
    background-color: #449d44;
    border-color: #398439;
}

.dropdown-menu.domain-setting-dropdown li {
    margin-bottom: 5px !important;
}

/*Code for reset admin password modal*/

/* Style all input fields */
#reset-password-modal-body input {
  width: fit-content;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
}

/* Style the submit button */
#reset-password-modal-body #save_new_pwd {
  background-color: #4CAF50;
  color: white;
}

/* Style the container for inputs */
#reset-password-modal-body .container {
  background-color: #f1f1f1;
  padding: 20px;
  width: inherit;
}

/* The message box is shown when the user clicks on the password field */
#reset-password-modal-body #message {
  display:none;
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#reset-password-modal-body #message p {
  padding: 10px 35px;
  font-size: 18px;
}

/* Add a green text color and a checkmark when the requirements are right */
#reset-password-modal-body .valid {
  color: green;
}

#reset-password-modal-body .valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
#reset-password-modal-body .invalid {
  color: red;
}

#reset-password-modal-body .invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}