.com {
  color: #6b7188;
}

.lit {
  color: #ebc66d;
}

.pun,
.opn,
.clo {
  color: #93a1a1;
}

.fun {
  color: #fa6f6c;
}

.str,
.atv {
  color: #6cb8f7;
}

.kwd,
.linenums .tag {
  color: #7281b2;
}

.typ,
.atn,
.dec,
.var {
  color: #ffffff;
}

.pln {
  color: #f477b1;
}

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}

.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px;
  /* IE indents via margin-left */
}

ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 18px;
  text-shadow: 0 1px 0 #fff;
}

/* Start Modal style */
.templates .section-inner .modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 0px;
  margin-top: 0px;
}

.templates .section-inner .modal1 {
  display: none;
  position: fixed;
  z-index: 999;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 0px;
  margin-top: 0px;
}

.templates .section-inner .modal-content {
  background-color: #faf9f7;
  margin: 2% auto;
  padding: 5px 25px 25px 25px;
  border: 1px solid #888;
  width: 100%;
  height: 98%;
}

.templates .section-inner .modal-content1 {
  background-color: #faf9f7;
  /* margin: 2% auto; */
  padding: 5px 25px 25px 25px;
  border: 1px solid #888;
  width: 388px;
  /* width: 450px; */
  height: 100%;
  position: absolute;
  right: 2px;
  top: 40px;
}

/* @media (min-width: 992px) {
  .templates .section-inner .modal-content1 {
    position: absolute;
    right: 2px;
  }
} */

/* .templates .section-inner .modal-content .doc-degree {
  color: #0a0a0a;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
} */

.templates .section-inner .close,
.templates .section-inner .close1 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-align: end;
}

.templates .section-inner .close:hover,
.templates .section-inner .close:focus,
.templates .section-inner .close1:hover,
.templates .section-inner .close1:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* End Modal style */