input[type=checkbox][disabled] + label {
  color: #ccc;
}
/* initial orange 4a89ff to light blue 4a89ff 
secondary 376cce to 376cce
orange 3a6fd1 to 3a6fd1
c47c39 to 376cce
*/
.bg-primary{background-color:#3a6fd1!important}

.label_kpi {
  color: green;
  position: relative;
  font-size: xx-large;
  text-align: center;
}

.star-ratings {
  unicode-bidi: bidi-override;
  color: #ccc;
  font-size: 64px;
  position: relative;
  margin: 0;
  padding: 0;
}
.star-ratings.fill-ratings {
  color: #e7711b;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
  
}
.star-ratings.fill-rating span {
  display: inline-block;
}
.star-ratings.empty-ratings {
  padding: 0;
  display: block;
  z-index: 0;
}


.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 18px;
  height: 25px;
  width: 78px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  text-shadow: 1px 1px 0 #a2a2a2;
  
}
.star-ratings-css-top {
  color: gold;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: inline-block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}


.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.rate:not(:checked) > input {
  position:absolute;
  top:-9999px;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: gold;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}

.project-waiting{
  color : orange;
}
.project-ongoing{
  color :dodgerblue;
}
.project-done{
  color : green;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */


.title{
  background-color: #376cce;
  color: white;
  border-radius: 3px;
}

.footer a:link {
  color: #ffffff;
  text-decoration:none;
  font-weight:normal; 
}
.footer a:hover {
  color: #ffffff;
  text-decoration:none;
  font-weight:normal; 
}
.footer a:active {
  color: #ffffff;
  text-decoration:none;
  font-weight:normal; 
}
.footer a:visited {
  color: #ffffff;
  text-decoration:none;
  font-weight:normal; 
}


.my-div-mapicon {
	background: #4a89ff;
  position: absolute;
  margin-left: 4px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border: solid 1px currentColor;
  border-radius: 7px 7px 7px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.my-div-mapicon:before {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 4px;
  height: 4px;
  border: solid 1px currentColor;
  border-radius: 3px;
}

address {
  display: block;
  font-style: italic;
}

.previewavatar{
  width: 100px;
  height: 100px;
  border: 2px solid black;
  margin: 0 auto;
  background: white;
}

.previewavatar img{
  display: none;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 23px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 25px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  html, body {
    height: 100%;
    margin: 0;
  }

  .wrapper.admin {
    min-height: 97%; 
    margin: 0;
    border: 2px solid rgba(214, 137, 16, .6);
  }
  .wrapper.projector {
    min-height: 97%; 
    margin: 0;
    border:  2px solid rgba(30, 132, 73, .6);
  }
  .wrapper.expert {
    min-height: 97%; 
    margin: 0;
    border:  2px solid rgba(40, 116, 166, .6);
  }
  .plist {
    border-radius: 10px;
    overflow: hidden;

  }  
  .plist >thead {
    /*background-color:#4a89ff;4a89ff #003FB4*/
    background-color:#4a89ff;
    color: white;
  }

  .plist>thead>tr>th>a:link {
    color: #FFFFFF;
  }
  .plist>thead>tr>th>a:hover {
    color: #376cce;
  }
  .plist>thead>tr>th>a:active {
    color: #FFFFFF;
  }
  .plist>thead>tr>th>a:visited {
    color: #FFFFFF;
  }

  /* .plist>tbody>tr:nth-child(2n)>td {
    background-color:#3a6fd171;
  } */
  .plist>tbody>tr.canceled{
    background-color:#42424271;
    color:grey;
  }

  brand {
    color: #4a89ff;
    font-weight: bold;
  }

a.company:link {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}
a.company:hover {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.company:active {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.company:visited {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}

a.del:link {
  color: #dc3545;
  text-decoration:none;
  font-weight:normal; 
}
a.del:hover {
  color: #d63384;
  text-decoration:none;
  font-weight:normal; 
}
a.del:active {
  color: #d63384;
  text-decoration:none;
  font-weight:normal; 
}
a.del:visited {
  color: #dc3545;
  text-decoration:none;
  font-weight:normal; 
}

a.claimowner:link {
  color: #0f923b;
  text-decoration:none;
  font-weight:normal; 
}
a.claimowner:hover {
  color: #4aff8f;
  text-decoration:none;
  font-weight:normal; 
}
a.claimowner:active {
  color: #4aff8f;
  text-decoration:none;
  font-weight:normal; 
}
a.claimowner:visited {
  color: #0f923b;
  text-decoration:none;
  font-weight:normal; 
}

a.edit:link {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}
a.edit:hover {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.edit:active {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.edit:visited {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}

a.view:link {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}
a.view:hover {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.view:active {
  color: #4a89ff;
  text-decoration:none;
  font-weight:normal; 
}
a.view:visited {
  color: #376cce;
  text-decoration:none;
  font-weight:normal; 
}

a.block:link {
  color: #dc3545;
  text-decoration:none;
  font-weight:normal; 
}
a.block:hover {
  color: #d63384;
  text-decoration:none;
  font-weight:normal; 
}
a.block:active {
  color: #d63384;
  text-decoration:none;
  font-weight:normal; 
}
a.block:visited {
  color: #dc3545;
  text-decoration:none;
  font-weight:normal; 
}

a.validate:link {
  color: #0f923b;
  text-decoration:none;
  font-weight:normal; 
}
a.validate:hover {
  color: #4aff8f;
  text-decoration:none;
  font-weight:normal; 
}
a.validate:active {
  color: #4aff8f;
  text-decoration:none;
  font-weight:normal; 
}
a.validate:visited {
  color: #0f923b;
  text-decoration:none;
  font-weight:normal; 
}
/* CHANGE DEFAULT BOOTSTRAP COLORS */

  .btn-primary {
    color: #fff;
    background-color: #4a89ff;
    border-color: #3a6fd1;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #376cce;
    border-color: #376cce;
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #4a89ff;
    border-color: #3a6fd1;
    box-shadow: 0 0 0 0.25rem rgba(253, 148, 49, 0.5);
  }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3a6fd1;
    border-color: #4a89ff;
  }
  .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(253, 148, 49, 0.5);
  }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #376cce;
    border-color: #376cce;
  }


  .btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline;
  }
  .btn-link:hover {
    color: #0a58ca;
  }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
  }

  .navbar {
    background-color: #4a89ff;
  }
  .navbar .navbar-brand {
    color: #495057;
  }
  .navbar .navbar-brand:hover,
  .navbar .navbar-brand:focus {
    color: #4a89ff;
  }
  .navbar .navbar-text {
    color: #495057;
  }
  .navbar .navbar-text a {
    color: #4a89ff;
  }
  .navbar .navbar-text a:hover,
  .navbar .navbar-text a:focus {
    color: #4a89ff; 
  }
  .navbar .navbar-nav .nav-link {
    color: #495057;
    border-radius: .25rem;
    margin: 0 0.25em;
  }
  .navbar .navbar-nav .nav-link:not(.disabled):hover,
  .navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #4a89ff;
  }
  .navbar .navbar-nav .dropdown-menu {
    background-color: #4a89ff;
    border-color: #ffffff;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #495057;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
  .navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
  .navbar .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #4a89ff;
    background-color: #ffffff;
  }
  .navbar .navbar-nav .dropdown-menu .dropdown-divider {
    border-top-color: #ffffff;
  }
  .navbar .navbar-nav .nav-item.active .nav-link,
  .navbar .navbar-nav .nav-item.active .nav-link:hover,
  .navbar .navbar-nav .nav-item.active .nav-link:focus,
  .navbar .navbar-nav .nav-item.show .nav-link,
  .navbar .navbar-nav .nav-item.show .nav-link:hover,
  .navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #4a89ff;
    background-color: #ffffff;
  }
  .navbar .navbar-toggler {
    border-color: #ffffff;
  }
  .navbar .navbar-toggler:hover,
  .navbar .navbar-toggler:focus {
    background-color: #ffffff;
  }
  .navbar .navbar-toggler .navbar-toggler-icon {
    color: #495057;
  }
  .navbar .navbar-collapse,
  .navbar .navbar-form {
    border-color: #495057;
  }
  .navbar .navbar-link {
    color: #495057;
  }
  .navbar .navbar-link:hover {
    color: #4a89ff;
  }
  
  @media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #495057;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #4a89ff;
    }
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #4a89ff;
      background-color: #ffffff;
    }
  }
  
  @media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #495057;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #4a89ff;
    }
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #4a89ff;
      background-color: #ffffff;
    }
  }
  
  @media (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #495057;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #4a89ff;
    }
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #4a89ff;
      background-color: #ffffff;
    }
  }
  
  @media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
      color: #495057;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
      color: #4a89ff;
    }
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
      color: #4a89ff;
      background-color: #ffffff;
    }
  }
  
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #495057;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #4a89ff;
  }
  .navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #4a89ff;
    background-color: #ffffff;
  }