.select2-dropdown.select2-dropdown--below{
    margin-top: 32px !important;
}
/* #wdm_from_worksheet_samples .select2-container .select2-search--inline .select2-search__field {
height : 30px !important;
} */
/* .active {
  border-bottom: 1px solid;
} */

/* CSS for Customization on 30-03-2021 */

body {
  color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6
 {
  color: #385723;
  text-transform: capitalize;
  line-height: 1.2em;
}

h1 {
  font-size: 40px;
}

/* .entry-content h3 {
  font-size: 20px;
} */



a {
  color: #6B3204;
  font-weight: normal;
  text-decoration: none;
  /* font-size: 15px;
  line-height: 1.5em; */
}

a:hover {
  color: #A2CC41;
  text-decoration: none;
}

p {
  color: #000000;
}

/* -------------- */
article .entry-content {
  display: flex;
  justify-content: center;
}

article .entry-content > .container-fluid {
  max-width: min(calc(100vw - 8 * 20px), 610px) !important;
  margin-left: 3em;
  margin-right: 3em;
  min-width: 80vw;
  background-color: white;
  /* background-color: azure; */
}

article .entry-content .container-fluid .row {
  margin: 0;
  padding: 1em;
}


article .entry-content .sidebar {
  border-right: 1px solid;
}

article .entry-content .sidebar .row {
  margin: 0;
  padding: 1em 0;
  display: block;
}

article .entry-content .sidebar .row a {
  /* padding-left: 0; */
  text-decoration: none;
  /* display: inline-block; */
  padding: 0.3em 0.5em;
  margin: 0.2em 0;

}

article .entry-content .sidebar .row .active,
article .entry-content .sidebar .row a:hover,
article .entry-content .sidebar .row a:focus {
  color: #A2CC41;
  text-decoration: none;

}

article .entry-content .sidebar .row .active,
article .entry-content .sidebar .row a:focus {
  background-color: #ffffff;
  font-weight: 500;
}

#content .entry-content main .row form label {
  width: 30%;
  padding-right: 0;
}

#content .entry-content main button, 
#content .entry-content main input[type="submit"] {
  background-color: #A2CC41;
  color: #FFFFFF;
  font-family: Arial;
  font-weight: bold;
  font-size: 17px;
  border:none;
  border-radius: 2px;
}

#content .entry-content main button:hover
#content .entry-content main input[type="submit"]:hover {
  background-color: #385723; 
}
/* -------------- */

.wdm_to_from_sample_posts_dropdown .select2-container .select2-search--inline .select2-search__field {
  height: 30px;
}

.height-auto{
	height: auto !important;
}

.select2-container .select2-search--inline .select2-search__field {
  font-size: 18px !important;
	color: #444;
}

@media (max-width: 767px) {
  #content article .entry-content .sidebar {
    border-bottom: 1px solid;
    border-right: 0px solid;
    display: flex;
    align-content: center;
    padding-right: 0;
  }
	article .entry-content .sidebar .row a {
		display: inline-block;
	}
}

@media (min-width: 991) {
  article .entry-content .sidebar .row a{
    margin: 0;
    padding: 1em 2em 1em 2em;
    display: block;
  }
}

@media (max-width: 1320px) {
  article .entry-content .container-fluid .row {
		margin: 0;
		padding: 1em 0;
	}
	article .entry-content .container-fluid .row .col-md-6{
		max-width: 75%;
		flex: auto;
	}
}


/* Absolute Center Spinner */
.loading {
display:none;
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Login Form & Reset Password CSS */
.um.um-login,
.um.um-password{background-color: #ffffff; padding: 20px;}
.um.um-login .um-field{display: flex; align-items: center;}
.um.um-login .um-field .um-field-label{width: 30%; margin: 0;}
.um.um-login .um-field .um-field-area{width: 70%;}
.um.um-login .um-center,
.um.um-password .um-center{text-align: right;}
.um.um-login #um-submit-btn,
.um-password #um-submit-btn{background-color: #A2CC41 !important; color: #FFFFFF !important; font-family: Arial; font-weight: bold !important; font-size: 17px; border: none !important; border-radius: 2px !important;}
.um.um-login a.um-link-alt{text-align: right;}

/* Responsive CSS */
@media only screen and (max-width: 767px) {

  .um.um-login .um-field{flex-direction: column; align-items: flex-start;}
  .um.um-login .um-field .um-field-label{width: 100%;}
  .um.um-login .um-field .um-field-area{width: 100%;}
}