@import "color.css";

.cursor-pointer:hover {
    cursor: pointer;
}

.dark-version .card {
    background: var(--v-dark-primary) !important;
}

input:required {
    background-color: rgb(255, 243, 243);
    border: 1px solid rgb(255, 156, 156);
}
input:required:invalid {
    border: 1px solid rgb(255, 156, 156);
    background-color: rgb(255, 243, 243);
}

.success
{
    background-color: #dafeda !important;
}
.danger
{
    background-color: #ffcccb !important;
}
.gray
{
    background-color: #dcdcdc !important;
}
  .card-blog
, .card-blog img
, .card-blog a
, .card-blog h5 {
  transition: all .3s ease-out;
}
.card-blog:hover {
    border: 1px solid var(--light-primary);
}
.card-blog:hover img{
    transform: scale(.99);
    /* margin-bottom: 20px !important; */
}
  .card-blog:hover * {
    color: var(--primary) !important;
}
  .dark-version .card-blog:hover * {
    color: var(--light-primary) !important;
}
  .list-group .list-group-item:hover {
    border: 1px solid var(--light-primary) !important;
}

.blog-single-area ul li {
    list-style: disc;
    margin-left: 26px;
}
.blog-single-area ol li {
    list-style: decimal;
}
.blog-single-area p {
    margin-bottom: 16px;
}
.dark-version .blog-single-area * {
    color: white;
}
  /* .article-list-desc h3
, .article-list-desc {
    font-size: 16px !important;
} */

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic); */
blockquote{
  font-size: 1.4em;
  width:100%;
  font-family:Open Sans;
  font-style:italic;
  color: var(--primary);
  padding:0em 30px 0em 55px;
  line-height:1.6;
  position: relative;
  background: transparent;
  border: 1px solid var(--light-primary);
  border-left:8px solid var(--primary);
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:var(--primary);
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-33px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
}

.dark-version blockquote{
  font-size: 1.4em;
  width:100%;
  font-family:Open Sans;
  font-style:italic;
  color: white;
  padding:0em 30px 0em 55px;
  border-left:8px solid white;
  line-height:1.6;
  position: relative;
  background:var(--v-dark-primary);
}

.dark-version blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:white;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-33px;
}

.dark-version blockquote::after{
  content: '';
}

.dark-version blockquote span{
  display:block;
  color: var(--v-dark-primary);
  font-style: normal;
  font-weight: bold;
}

.dark-version .sweet-alert {
  background-color: var(--v-dark-primary);
}
.sweet-alert button {
  background-color: var(--primary) !important;
}
.dark-version .sweet-alert button {
  background-color: var(--primary) !important;
}
.dark-version .Table-Item-Data * {
  color: var(--light-primary) !important;
}
.dark-version .Loading * {
  color: var(--light-primary) !important;
}