* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.create-template label,
.add-navigation-name {
  margin-bottom: 10px;
  color: #000;
}

.create-template label span {
  color: red !important;
}

.create-template input[type="text"],
.create-template textarea,
.create-template select {
  background: #f8f9fa;
  /* border: none; */
}

.create-template .form-switch .form-check-input {
  width: 4em;
  height: 2em;
}



.choose-navigation table tbody tr td i.edit-icon {
  color: green;
}

.choose-navigation table tbody tr td i.delete-icon {
  color: red;
}

.choose-navigation label {
  margin-bottom: 10px;
  color: #000;
}

/* .choose-navigation .btn-skyblue {
  background-color: #007bc2;
  color: #fff;
  padding: 11px 20px;
}

.choose-navigation .btn-skyblue:hover {
  background-color: #036daa;
  color: #fff;
}

.choose-navigation .btn-blue,
.manage-page .btn-blue {
  background-color: #000080;
  color: #fff;
  padding: 11px 20px;
}

@media (max-width: 575px) {

  .choose-navigation .btn-skyblue,
  .choose-navigation .btn-blue,
  .manage-page .btn-blue {
    font-size: 12px;
    padding: 8px 14px;
  }
}

.choose-navigation .btn-blue:hover,
.manage-page .btn-blue:hover {
  background-color: #000068;
  color: #fff;
} */

.btn-skyblue {
  background-color: #007bc2;
  color: #fff;
  padding: 11px 20px;
}

.btn-skyblue:hover {
  background-color: #036daa !important;
  color: #fff !important;
  transition: all .5s linear;
}

.btn-skyblue:active {
  background-color: #036daa !important;
  color: #fff !important;
  border: 0px solid transparent !important;

}

.btn-blue {
  background-color: #000080;
  color: #fff;
  padding: 11px 20px;
}

@media (max-width: 575px) {

  .btn-skyblue,
  .btn-blue,
  .btn-yellow {
    font-size: 12px;
    padding: 8px 14px;
  }
}

.btn-blue:hover {
  background-color: #000068 !important;
  color: #fff !important;
  transition: all .5s linear;
}

.btn-blue:active {
  background-color: #000068 !important;
  color: #fff !important;
  border: 0px solid transparent !important;
}

/* new added css  */
.btn-orange {
  background-color: #ff8000;
  color: #fff;
  padding: 11px 20px;
}

.btn-yellow {
  background-color: #FAC113;
  color: #000;
  padding: 11px 20px;
}

.btn-yellow:hover {
  background-color: #e7b00b !important;
  color: #000 !important;
  transition: all .5s linear;
}

.btn-yellow:active {
  background-color: #e7b00b !important;
  color: #000 !important;
  border: 0px solid transparent !important;
}

/* create template */
.cs-form-switch {
  display: flex;
  align-items: center;
}

.cs-form-switch label {
  margin-left: 2.7rem;
  margin-bottom: 0;
}

#flexCheckDefault1 {
  width: 16px !important;
  height: 16px !important;
}

#flexCheckDefault {
  width: 16px !important;
  height: 16px !important;
}

.table th {
  vertical-align: top !important;
}

.thead-custom {
  width: 150px !important;
}

.tbody-custom-one {
  width: 150px !important;
}

.thead-custom-one {
  width: 50px !important;
}

.completed {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #00e13c;
}

.nav-sidebar .nav-item>.nav-link {
  display: flex;
}

/* new  */
.custom-table th,
.custom-table td {
  white-space: nowrap;
}

.custom-table tbody tr:hover {
  background-color: #f8f9fa;
}

.custom-note {
  font-size: 0.875rem;
  color: #6c757d;
}

.custom-btn {
  background-color: #007bff;
  color: white;
}

.custom-btn:hover {
  background-color: #0056b3;
}

.custom-pagination .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
}

.custom-pagination .page-link {
  color: #007bff;
}

.custom-pagination .page-link:hover {
  color: #0056b3;
}

.content-wrapper>.content {
  background: #fff !important;
  background-color: #fff !important;

}

.status-circle {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}

.custom-select-textarea {
  background-position: right 10px top 10px !important;
  background-size: 0.9rem;
}

/* code for sidebar dropdown  */

.main-sidebar {
  min-width: 300px;
}

.main-sidebar .nav-item a:hover {
  background-color: rgba(255, 255, 255, .1);
  color: #fff;
}

.main-sidebar .nav-pills .nav-link:not(.active):hover {
  color: #fff;
}

.manage-page .dropdown button:active {
  border: none;
  outline: none;

}


.green {
  background-color: #28A745;
}

.orange {
  background-color: #FD7E14;
}

.red {
  background-color: #DC3545;
}

.blue {
  background-color: #007BFF;
}

.rejected {
  background-color: #FF6F61;
}

.yellow {
  background-color: #FFC107;
}

.light-blue {
  background-color: #17A2B8;
}

.purple {
  background-color: #6F42C1;
}

.gray {
  background-color: #6C757D;
}