/* Change Brand Font */
.navbar-brand{
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.53em;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
}

/* Change Navigation Color */
.navbar #myMenu .custom-nav .nav-item a {
  color: #fff;
}
.navbar #myMenu .custom-nav .nav-item a:hover{
  color: #F0AAB1;
}

/* Make Header Image Responsive */
.back-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 0vh;
  border-radius: 0px;
  margin-top: 0px;
  box-shadow: 0 4px 8px #8B8A8A;
}

/* Header Image Sub-Title */
.st {
  font-size: 24px;
}

/* Change Footer Social Icon Color */
a {
  color:  #DC3545;
}
a:hover {
  color: #E994A2;
}


/* Start code by Me */

.card-title {
  font-size: 22px;
 
}

.Hide-List-Item{
 list-style-type: none;}

/* New SideBar Code Start Here */
  .new-right-side-bar-bg-style{
    background-color: white;
    margin: 7px; 
    height: 20px auto; 
    padding: 10px; 
    padding-left: 15px; 
    padding-right: 15px;
    border-left: 4px solid #dc3545;
    }
  .new-right-side-bar-link{
    color:black;
    }
  .new-right-side-bar-link:hover{
  text-decoration: none;
  color: white;
  }
  .new-right-side-bar-link:hover .new-right-side-bar-bg-style{
    background-color: rgb(255, 132, 132);
    }
/* New SideBar Code End Here */
.new-right-side-bar-link-active{
background-color: rgb(255, 132, 132);
color: white;
    }

.left-border-5{
  border-left: 5px solid #DC3545;
}
.card-background{
  background-color: white; 
  margin: 15px; 
  box-shadow: 0px 4px 5px 0px gray;
}
.html-code{
  color:#ED2356; 
  font-size: 16px;
}
.important-info{
  background-color: #fceaea; 
  height: 20px auto; 
  padding: 10px; 
  padding-left: 20px;
  text-align: justify;
  border-left: 3px solid #dc3545;
}
.html-heading-bg-yellow{
  color:red; 
  background-color: #FFFF99;
}
.html-code-with-bg{
  color: red;
  padding-right: 2.5px;
  padding-left: 2.5px; 
}
.line-height-30{
  line-height: 30px;
}
h3 {
  font-size: 19px;
}
h2 {
  font-size: 21px;
}
h1 {
  font-size: 30px;
}
.html-comment{
  color: #999999
}
.vba-comment{
  color: #47AA33
}

.vba-code{
  color: #0066CC
}
.simple-output-of-html-code{
  background-color: #E0E0E0; 
  border-radius: 1.7em / 6em;
  height: 20px auto; 
  padding: 10px; 
  padding-left: 40px;
  padding-right: 20px;
  margin-top:20px; 
  margin-bottom:20px; 
}
.html-syntax{
  background-color: #E0E0E0; 
  border-radius: 1.7em / 6em;
  height: 20px auto; 
  padding: 10px; 
  padding-left: 20px;
  padding-right: 20px;
  margin-top:20px; 
  margin-bottom:20px; 
  margin-bottom:20px; 
}
.html-image-output{
  background-color: #E0E0E0; 
  border-radius: 0.5em / 2em;
  height: 20px auto; 
  padding: 10px; 
  padding-left: 20px;
  margin-top:20px; 
  margin-bottom:20px; 
}
.dotted-hr{
  border-top: 1.4px dashed #CCCCCC;
}
.table-border{
     border: 1px solid black; 
     border-collapse: collapse;
     line-height: 30px;  
     padding-left: 10px;
     padding-right: 10px;    
}
.html-attribute-color{
     color:#009900;
}
.html-attrt-value-colr{
  color: #3366FF;
}
.my-table-active,
.my-table-active > th,
.my-table-active > td {
  background-color: #dc3545;
  color: white;
}
.justify{
   text-align: justify;
}