@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;

0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);body {
  font-family: "Lato", sans-serif;
  color: #67757c;
  font-size: 1.2rem;
  background: #eef0f9;
}

a {
  color: #8bdcd6;
}

.c-red {
  color: #D51C00;
}

.c-blue {
  color: #1757B7;
}

.c-green {
  color: #1C8B4E;
}

.main-content {
  background: #eef0f9;
}

.btn {
  border-radius: 4px;
  font-size: 1.2rem;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.form-control {
  border-radius: 4px;
  font-size: 1.1rem;
  color: #67757c;
}

.btn-primary {
  background-color: #8bdcd6;
  border-color: #20c4b7;
}

.btn-primary:hover,
.btn-primary:active {
  background-color: #8bdcd6;
  border-color: #20c4b7;
}

.btn-outline {
  background-color: transparent;
  border-color: #20c4b7;
  color: #20c4b7;
}

.btn-danger {
  background: #F78180;
  border: 1px solid #f97891;
}

.label-danger {
  background: #F78180;
  background-color: #F78180;
}

.label-danger:hover,
.label-danger:active {
  background-color: #f97891;
}

.label-success {
  background: #3AA99E;
  background-color: #3AA99E;
}

.label-success:hover,
.label-success:active {
  background-color: #256962;
}

.header-section {
  background: #8bdcd6;
  box-shadow: 1px 0 7px rgba(0, 0, 0, 0.05);
}

.left-side-inner {
  background: #fff;
  box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
  transition: 0.2s ease-in;
  padding: 20px 10px;
}

.left-side .logo img {
  height: 42px;
  width: auto;
  padding-top: 0px;
  float: left;
}

.custom-nav > li > a:hover {
  color: #fff;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.logo a {
  float: left;
  padding-left: 20px;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: none !important;
  border-top: 1px solid #ddd !important;
  border-right: 1px solid #ddd !important;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: text;
  height: 30px;
}

.form-control:focus {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #ddd;
}

.form-error {
  color: #c42e2e;
}

.required-field::after {
  content: "*";
  color: red;
}

.list-btn {
  margin-right: 5px;
}

.modal-header-custom {
  display: block;
  padding: 11px 30px 0px 30px;
}

.image-container{
  padding: 5px;
  margin: 5px;
}

#sortable li {
  margin: 0 3px 10px 3px;
  padding-left: 1.5em;
  font-size: 1.4em;
  padding: 10px;
  position: relative;
}

#sortable li span { 
  position: absolute; 
  margin-left: -1.3em; 
  right: 2px;
  top: 16px;
}

#sortable { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
  width: 60%; 
}

#sortable li a {
  margin-right: -33px;
  float: right;
}

#sortable li input {
  width: 95%;
}

.add-more-question{
  margin-bottom: 15px;
}

.image-label {
  width: 80%;
  margin-bottom: 5px;
}