﻿.enrollware
{
  font-size: 13px;
  font-family: Arial, Verdana, sans-serif;
  /*width: 500px;*/
}

.enrollware ul
{
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}

.enrollware ul li
{
  /*background-color: #F8F8F8;*/
  /*border: 1px solid #EEEEEE;*/
  list-style-type: none;
}

.enrollware ul li:nth-child(odd){
  background-color: #cfd5e9;
}

.enrollware ul li:nth-child(even){
  background-color: #e8ebf4;
}

.enrollware ul li:hover
{
  background-color: #ffffff;
  /*border: 1px solid #ccc;*/
}

.enrollware ul li span
{
  font-size: 9px;
}
.enrollware ul li a
{
  color: #c00000;
  text-decoration: none;
  display: block;
  /*padding: 8px 0 8px 8px;*/
  min-height: 30px;
  font-size: 14px;
}

.enrollware ul li a.greylink
{
  color: #888;
}

.enrollware ul li a.singleline
{
  /*padding-top: 14px;
  padding-bottom: 5px;*/
}

/*Ashish style*/
.enrollware ul li{ 
  display: flex;
  justify-content: space-between;
  padding: 2px 0px;
  align-items: center;
  margin: 2px 0;
}


.enrollware ul li a.button{
  /*width: 64px;
  background: #D60101;*/
  /* background: #888; */
 /* color: #ffffff!important;*/
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  min-height: unset;
  align-self: center;
  font-size: 28px;
}

.enrollware li a.button.greylink{
 /* width: 64px;
  background: #888888;*/
  /* background: #888; */
  /*color: #ffffff!important;*/
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  /*margin: 9px 7px;*/
  min-height: unset;
  align-self: flex-start;
  font-size: 24px;
}

.enrollware li h3{
  margin: 0;
  font-size: 14px;
  padding: 0;
  padding-left: 23px;
  vertical-align: bottom;
  font-weight: 600;
  color: #000000;
}

.enrollware h3{
  font-size: 14px;
  margin-top: 0;
  padding: 10px 23px;
  vertical-align: middle;
  font-weight: 600;
  color: #000000;
}

.popup,.popup2,.popup3{
  position: fixed;
  width: calc(100% + 1px) !important;
  max-width: calc(100% + 1px) !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: -99999;
}

.pop-btn{
  width: 100%;
  text-align: left;
  background-color: #c00000;
  color: #ffffff;
  /*font-weight: 600;*/
  border: none;
  padding: 7px 9px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}

.wdm-parent ul li:nth-child(n+3){
  display: none;
}

.popup #list-new,.popup2 #list-new2,.popup3 #list-new3{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);  
  width: 1050px;
}

.close{
  position: absolute;
  top: 10px;
  right: 20px;
}

.enrollware ul{
  margin-bottom: 0;
  margin-top: 0;
}

.class-list{
    /*border: 1px solid #000;*/
    display: inline-block;
}

.row{
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.col-md-4{
  flex: 0 0 33.333333%;
  /*max-width: 33.333333%;*/
  padding-left: 15px; 
  padding-right: 15px;
  width: 100%;
}

.wdm-display-none{
  display:none;
}