.tim-row {
  margin-bottom: 20px;
}

.tim-white-buttons {
  background-color: #777777;
}
#MyTable {
  width: 117%;
  font-size: 10px;
  font-weight: 400;
  display: table;
}
.myRow{
  margin-right: -4px;
  margin-left: -21px;
  width: 103%;
}

.typography-line {
  padding-left: 25%;
  margin-bottom: 35px;
  position: relative;
  display: block;
  width: 100%;
}
.main-panel>.content {
  padding: 0 30px 30px;
  min-height: calc(100vh - 123px);
  margin-top: 20px;
}
.panel-header-lg {
  padding-right: 3rem;
  height: 650px;
  padding-left: 2rem;
}
.btn-primary {
  background-color:red;
  color: #FFFFFF;
}

*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}

.calendar{width:408px;font-size:100%;margin:50px auto 0;perspective:1000px;cursor:default;position:relative;    margin-top: -1rem}
.calendar .header{height:87px;position:relative;color:#fff;    margin-bottom: 0rem;}
.calendar .header .text{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#308ff0;padding:15px;transform:rotateX(90deg);transform-origin:bottom;backface-visibility:hidden;transition:.4s ease-in-out 0s;box-shadow:0 6px 20px 0 rgba(0,0,0,.19), 0 8px 17px 0 rgba(0,0,0,.2);opacity:0}
.calendar .header .text>span{text-align:center;padding:26px;display:block}
.calendar .header.active .text{transform:rotateX(0deg);opacity:1}
.months{width:100%;height:280px;position:relative}
.months .hr{height:1px;margin:15px 0;background:#ccc}
.month{padding:15px;width:inherit;height:inherit;background:#fff;position:absolute;backface-visibility:hidden;transition:all .4s ease-in-out 0s;box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2)}
.months[data-flow="left"] .month{transform:rotateY(-180deg)}
.months[data-flow="right"] .month{transform:rotateY(180deg)}
.table{}
.table .row{display:table-row}
.table .row.head{color:#308ff0;text-transform:uppercase}
.table .row .cell{width:14.28%;padding:5px;text-align:center;display:table-cell}
.table .row .cell.disable{color:#ccc}
.table .row .cell span{display:block;width:28px;height:28px;line-height:28px;transition:color,background .4s ease-in-out 0s}
.table .row .cell.active span{color:#fff;background-color:#308ff0}
.months .month[data-active="true"]{transform:rotateY(0)}
.header [data-action]{color:inherit;position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;z-index:1;opacity:0;transition:all .4s ease-in-out 0s}
.header [data-action]>i{width:20px;height:20px;display:block;position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-10px}
.header [data-action]>i:before,.header [data-action]>i:after{top:50%;margin-top:-1px;content:'';position:absolute;height:2px;width:20px;border-top:2px solid;border-radius:2px}
.header [data-action*="prev"]{left:15px}
.header [data-action*="next"]{right:15px}
.header [data-action*="prev"]>i:before,.header [data-action*="prev"]>i:after{left:0}
.header [data-action*="prev"]>i:before{top:3px;transform:rotate(-45deg)}
.header [data-action*="prev"]>i:after{top:auto;bottom:3px;transform:rotate(45deg)}
.header [data-action*="next"]>i:before,.header [data-action*="next"]>i:after{right:0}
.header [data-action*="next"]>i:before{top:auto;bottom:3px;transform:rotate(-45deg)}
.header [data-action*="next"]>i:after{top:3px;transform:rotate(45deg)}
.header.active [data-action]{opacity:1}

[data-theme="jan"]{background-color:#90CAF9}
[data-theme="jan"] .row.head{color:#1E88E5}
[data-theme="jan"] .header .text,
[data-theme="jan"] .table .row .cell.active span{background-color:#1E88E5}

[data-theme="feb"]{background-color:#81D4FA}
[data-theme="feb"] .row.head{color:#039BE5}
[data-theme="feb"] .header .text,
[data-theme="feb"] .table .row .cell.active span{background-color:#039BE5}

[data-theme="mar"]{background-color:#80CBC4}
[data-theme="mar"] .row.head{color:#9b9b9b}
[data-theme="mar"] .header .text,
[data-theme="mar"] .table .row .cell.active span{background-color:#00897B}

[data-theme="apr"]{background-color:#90CAF9}
[data-theme="apr"] .row.head{color:#039BE5}
[data-theme="apr"] .header .text,
[data-theme="apr"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="may"]{background-color:#90CAF9}
[data-theme="may"] .row.head{color:#039BE5}
[data-theme="may"] .header .text,
[data-theme="may"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="jun"]{background-color:#90CAF9}
[data-theme="jun"] .row.head{color:#039BE5}
[data-theme="jun"] .header .text,
[data-theme="jun"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="jul"]{background-color:#90CAF9}
[data-theme="jul"] .row.head{color:#039BE5}
[data-theme="jul"] .header .text,
[data-theme="jul"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="aug"]{background-color:#90CAF9}
[data-theme="aug"] .row.head{color:#039BE5}
[data-theme="aug"] .header .text,
[data-theme="aug"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="sep"]{background-color:#90CAF9}
[data-theme="sep"] .row.head{color:#039BE5}
[data-theme="sep"] .header .text,
[data-theme="sep"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="oct"]{background-color:#90CAF9}
[data-theme="oct"] .row.head{color:#039BE5}
[data-theme="oct"] .header .text,
[data-theme="oct"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="nov"]{background-color:#90CAF9}
[data-theme="nov"] .row.head{color:#039BE5}
[data-theme="nov"] .header .text,
[data-theme="nov"] .table .row .cell.active span{background-color:#546E7A}

[data-theme="dec"]{background-color:#B0BEC5}
[data-theme="dec"] .row.head{color:#546E7A}
[data-theme="dec"] .header .text,
[data-theme="dec"] .table .row .cell.active span{background-color:#546E7A}
.col-md-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  max-height: 29%;
  margin-bottom: -20rem;
  margin-top: 5rem;
}
.main-panel>.content {
  padding: 0 30px 30px;
  min-height: calc(100vh - 123px);
  margin-top: 21px;
  margin-top: -6rem;
  margin-right: 1rem;
}
.event-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-top: 2rem;}
.typography-line span {
  bottom: 10px;
  color: #c0c1c2;
  display: block;
  font-weight: 400;
  font-size: 13px;
  line-height: 13px;
  left: 0;
  position: absolute;
  width: 260px;
  text-transform: none;
}

.tim-row {
  padding-top: 60px;
}

.tim-row h3 {
  margin-top: 0;
}

.offline-doc .page-header {
  display: flex;
  align-items: center;
}

.offline-doc .footer {
  position: absolute;
  width: 100%;
  background: transparent;
  bottom: 0;
  color: #fff;
  z-index: 1;
}

@media all and (min-width: 992px) {
  .sidebar .nav>li.active-pro {
    position: absolute;
    width: 100%;
    bottom: 10px;
  }
}

.card.card-upgrade .card-category {
  max-width: 530px;
  margin: 0 auto;
}
.add-form .far{
  font-size: 34px;


}
table td{
  color: white;
}
td{
  color: white;
}
.Mytable{
  width: 106%;
  padding-left: -1rem;
}
.Mytable>thead>tr>th, .Mytable>tbody>tr>th, .Mytable>tfoot>tr>th, .Mytable>thead>tr>td, .Mytable>tbody>tr>td, .Mytable>tfoot>tr>td {
  padding: 0px 6px;
  vertical-align:initial;
  color: white;
  font-size: 10px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 12px 7px;
  vertical-align: middle;
  color: white;
  font-size: 12px;
}

.hed{
  height: 1244px;
}
.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}