body{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #F3F6F9;
  font-family: 'Source Sans Pro', sans-serif;
  font-family: 'Avenir';
  overflow: hidden;
}
html {
  overflow-x: scroll;
}
h1,h2,h3,h4,h5,h6,p{
  margin: 0;
}
a:hover{
  text-decoration: none;
}
a {
  display: inline-block;
}
ul{
  margin:0;
  padding:0;
  list-style: none;
}
button {
  padding: 0;
  border: none;
  outline: none !important;
}

/*Start Humber Icon Design Css*/
.mobile-menu-icon {
  display: none;
  position: relative;
}
.mobile-menu-icon::after {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 2px;
  height: 54px;
  right: -6px;
  top: -17px;
}
.mobile-search-icon {
  width: 18px;
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 9999;
  display: none;
}
.mobile-search-icon::after {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 2px;
  height: 54px;
  left: -20px;
  top: -12px;
}
.mobile-search-icon img {
  width: 18px;
  height: auto;
  position: absolute;
  top: 10px;
  right: 4px;
}
.all-p-humber {
  width: 30px;
  height: 18px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 99;
}
.all-p-humber span {
  display: block;
  position: absolute;
  height: 3px;
  width: 25px;
  background: #A6ADB1;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
/ Icon 3 /
.all-p-humber span:nth-child(1) {
  top: 6px;
}
.all-p-humber span:nth-child(2), .all-p-humber span:nth-child(3) {
  top: 8px;
}
.all-p-humber span:nth-child(4) {
  top: 16px;
}
.all-p-humber.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.all-p-humber.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.all-p-humber.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.all-p-humber.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
/*End Humber Icon Design Css*/

/*================================================================================================
  ====                                    START HOME PAGE CSS                                 ====
  ================================================================================================*/

/*=============================================================================
  ====                        Start Header Area Css                        ====
  =============================================================================*/
  .header-top-area {
    background: #FFFFFF;
    padding-bottom: 5px;
  }
  .header-top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-top-left-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .header-top-right-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .header-logo-dropdown::after {
    content: "";
    position: absolute;
    background: #E4E6EF;
    width: 1px;
    height: 65px;
    right: 0;
    top: 0;
  }
  .header-logo-dropdown img {
    width: 250px;
    height: auto;
  }
  .header-top-left-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .header-logo-dropdown {
    max-width: 290px;
    width: 100%;
    position: relative;
    cursor: pointer;
  }
  .dropdown-toggle::after {
    display: none;
  }
  .down-icon img {
    width: 12px;
    height: 8px;
    right: 22px;
    top: 25px;
    position: absolute;
  }
  .dropdown-item.width {
    width: 275px;
    margin: 8px 0;
  }
  .dropdown-item.width:hover {
    background: #DBE6EE;
  }
  .dropdown-item:hover {
    background-color: #DBE6EE;
  }
  .dropdown-menu {
    padding: 0 !important;
  }
  .dropdown-item {
    font-weight: 400;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
    padding: 12px 20px;
  }
  .dropdown-menu.new-menu a {
    padding: 12px 20px;
  }
  .header-dropdown::after {
    content: '';
    position: absolute;
    background: url('../images/home/down-arrow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    right: 15px;
    top: 26px;
    width: 12px;
    height: 8px;
    pointer-events: none;
  }
  .header-dropdown select {
    -webkit-appearance: none;
    border: none;
    background: transparent;
    cursor: pointer;
    width: 275px;
    height: 52px;
    font-weight: 400;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
  }
  .header-dropdown select option {
    font-weight: 400;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
    cursor: pointer;
  }
  .header-flag-dropdown {
    padding-left: 15px;
  }
  /* Start Custom Flug Select Option Css */
  .vodiapicker{
    display: none; 
  }
  #a{
    padding-left: 0px;
  }
  #a img, .btn-select img {
    width: 14px;
    height: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: -5px;
  }
  #a li {
    font-weight: 400;
    font-size: 13px;
    color: #375F7F;
    text-transform: capitalize;
    padding: 7px 10px;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
  }
  #a li:hover{
   background-color: #F4F3F3;
 }
 #a li span, .btn-select li span {
  margin-left: 15px;
  cursor: pointer;
  line-height: 20px;
}
/* item list */
.b {
  display: none;
  max-width: 350px;
  -webkit-box-shadow: 0 6px 10px rgba(0,0,0,.1);
  box-shadow: 0 6px 10px rgba(0,0,0,.1);
  border: 1px solid rgba(0,0,0,.15);
  position: absolute;
  width: 105px;
  z-index: 2;
}
.open{
  display: show !important;
}
.btn-select {
  font-weight: 400;
  font-size: 14px;
  color: #375F7F;
  text-transform: capitalize;
  padding: 7px 10px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: none;
  width: 105px;
  position: relative;
}
.btn-select::after {
  content: "";
  position: absolute;
  background: url('../images/home/down-arrow.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: 0;
  top: 14px;
  width: 12px;
  height: 8px;
}
.btn-select li{
  list-style: none;
  float: left;
  padding-bottom: 0px;
}
.btn-select:hover li{
  margin-left: 0px;
}
.btn-select:focus{
 outline:none;
}
/* End Custom Flug Select Option Css */

/* Start heading code*/
.dropdown-item.width-two:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #DBE6EE;
}
.dropdown-item.width-two {
  width: 223px;
  margin: 8px 0;
}
.dropdown-item.width-two span {
  background: #05233B;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 9px;
  color: #FFF;
  border-radius: 12px;
  margin-left: 8px;
}
/*End Heading code*/
.profile-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile-text {
  text-align: left;
  margin-left: 10px;
}
.profile-image img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.profile-text h5 {
  font-weight: 400;
  font-size: 15px;
  color: #05233B;
  text-transform: capitalize;
}
.profile-text p {
  font-weight: 400;
  font-size: 12px;
  color: #707070;
  text-transform: capitalize;
}
#dropdownMenuButton {
  background: transparent;
}
.header-top-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-profile-dropdown {
  padding: 0 42px 0 30px;
  position: relative;
}
.header-profile-dropdown::before {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 1px;
  height: 65px;
  left: 0;
  top: -12px;
}
.header-profile-dropdown::after {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 1px;
  height: 65px;
  right: 0;
  top: -12px;
}
.help-contetn a span {
  font-weight: 300;
  font-size: 12px;
  color: #05233B;
  text-transform: capitalize;
}
.help-contetn img {
  width: 12px;
  height: auto;
  margin-top: -5px;
}
.help-contetn {
  padding-left: 30px;
}
.dropdown-item.width-two {
  width: 223px;
}
.dropdown-menu.adjust {
  top: 13px !important;
  left: -30px !important;
}
.down-icon-two img {
  width: 12px;
  height: 8px;
  right: -22px;
  top: 5px;
  position: absolute;
}
/* Style the tab content */
.tabcontent {
  display: none;
} 
/* Style the tab content */
/* Start Header Bottom Area Css */
.header-bottom-area {
  background: #FAFBFC;
}
.header-bottom-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-bottom-content ul li a,.header-bottom-content ul li button.menu-drop,#mu_accordion li .link a {
  font-weight: 400;
  font-size: 14px;
  color: #05233B;
  text-transform: capitalize;
  padding: 18px 15px;
  position: relative;
}
#mu_accordion li .link a {
 padding: 0;
 display: block;
}
.tablinks i {
  top: 5px !important;
}
.header-bottom-content ul li button.menu-drop {
  padding-right: 30px;
  padding-bottom: 15px;
  border-bottom: 3px solid transparent;
}
.header-bottom-content ul li button.menu-drop:hover {
  color: #0078BF;
  border-bottom: 3px solid #0078BF;
}
.header-bottom-content ul li a.actives,.header-bottom-content ul li a:hover {
  color: #0078BF;
}
.header-bottom-content ul li a:hover::after,.header-bottom-content ul li button.menu-drop:hover::after {
  content: '';
  position: absolute;
  background: #0078BF;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.header-bottom-content ul li a.actives::after{
  content: '';
  position: absolute;
  background: #0078BF;
  height: 3px;
  width: 100%;
  bottom: 0;
  left: 0;
}
.header-bottom-content ul li a img,.header-bottom-content ul li button.menu-drop img,#mu_accordion li .link img {
  height: 14px;
  width: auto;
  margin-top: -7px;
  margin-right: 2px;
}
.header-bottom-content ul li a span {
  background: #145B94;
  font-weight: 400;
  font-size: 10px;
  color: #FFF;
  padding: 1px 5px;
  border-radius: 15px;
  width: 10px;
  margin-left: 5px;
}
.down-icon-three img {
  width: 12px !important;
  height: 8px !important;
  right: 10px;
  bottom: 24px;
  position: absolute;
}

/* End Header Bottom Area Css */

/* Start Home Text Area Css */
.home-text-area {
  background: #1B84C3;
  padding: 18px 0;
  margin-top: 2px;
}
.home-text-content h4 {
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: 1.2;
}
/* End Home Text Area Css */

/*=============================================================================
  ====                         End Header Area Css                         ====
  =============================================================================*/

/*=============================================================================
  ====                     Start Home Progress Area Css                    ====
  =============================================================================*/
  .home-progress-area {
    background: #F3F6F9;
    padding-bottom: 25px;
  }
  .home-progress-content {
    padding-top: 30px;
  }
  .top-progress-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .single-top-progress-area {
    background: url('../images/home/background_image.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 15px;
    padding-bottom: 30px;
    border-radius: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    border: 3px solid transparent;
    cursor: pointer;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    position: relative;
  }
  .single-top-progress-area:hover {
   border: 3px solid #006365;
 }
 .top-progress-area .single-top-progress-area:nth-child(2) {
   background: url('../images/home/background-image-two.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
 }
 .single-top-progress-heading-text p {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: 1.2;
}
.single-top-progress-count-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 15px;
}
.single-top-pera-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-top-progress-count-text h1,.single-top-progress-count-text span {
  font-weight: 900;
  font-size: 28px;
  color: #FFFFFF;
  text-transform: inherit;
  line-height: 1;
}
.single-top-progress-count-text h5 {
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  text-transform: lowercase;
  line-height: 1.2;
  margin-left: 8px;
}
.single-top-progress-last-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-top-progress-last-text .single-top-progress-count-text:nth-child(2) {
  margin-left: 15px;
}
/* Start All Progressbar Css */
.active-progress {
  width: 215px;
  height: 7px;
  background: #E4E6EF;
  border-radius: 5px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 8px;
}
.myclassroom-single-left-cross-progress {
  width: 150px;
  height: 7px;
  background: #E4E6EF;
  border-radius: 5px;
}
.barra-nivel {
  height: 7px;
  background: #709BBE;
  width: 1px;
  transition: width 2s ease;
  border-radius: 5px;
}
/* End All Progressbar Css */

/* Start MyClassroom Area Css */
.myclassroom-area {
  padding-top: 20px;
}
.myclassroom-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myclassroom-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myclassroom-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myclassroom-header-left p {
  font-weight: 300;
  font-size: 18px;
  color: #05233B;
  text-transform: capitalize;
  line-height: 1.2;
}
.myclassroom-header-left span {
  font-weight: 400;
  font-size: 13px;
  color: #05233B;
  text-transform: inherit;
  background: #DBE6EE;
  padding: 0 10px;
  border-radius: 10px;
  margin-left: 15px;
}
.myclassroom-header-single p {
  font-weight: 400;
  font-size: 14px;
  color: #05233B;
  text-transform: capitalize;
  line-height: 1.2;
}
.myclassroom-header-single img {
  height: 14px;
  width: auto;
  margin-left: 25px;
  margin-top: -6px;
}
.myclassroom-content {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
  box-shadow: 0 0 4px rgba(0,0,0,.2);
  border-radius: 6px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myclassroom-single-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}
.myclassroom-single-left-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62%;
  flex: 0 0 62%;
  cursor: pointer;
  padding: 20px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.myclassroom-single-right-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37%;
  flex: 0 0 37%;
  padding: 20px;
}
.myclassroom-single-left-content:hover {
  background: #E4E6E7;
}
.myclassroom-single-left-content-image {
  position: relative;
  width: 70px;
}
.myclassroom-single-left-content-image img {
  width: 50px;
  height: auto;
  border-radius: 3px;
}
.myclassroom-single-left-new-button button {
  font-weight: 300;
  font-size: 11px;
  text-transform: uppercase;
  background: #00A2A7;
  padding: 2px 7px;
  color: #FFFFFF;
  border-radius: 3px;
  position: absolute;
  right: 18px;
  bottom: 0px;
}
.myclassroom-single-right-content-text {
  width: 185px;
}
.myclassroom-single-left-content-top-text h1 {
  font-weight: 300;
  font-size: 18px;
  color: #181C32;
  text-transform: inherit;
}
.myclassroome-single-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* Start Course Progressbar Css */
.meter {
  background: #E4E6EF;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
  box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
  display: block;
  height: 7px;
  position: relative;
  width: 150px;
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3) inset 0 -2px 6px rgba(0,0,0,0.4);
  box-shadow: inset 0 2px 9px rgba(255,255,255,0.3) inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
  -webkit-transition: width 2s ease-out;
  -o-transition: width 2s ease-out;
  transition: width 2s ease-out;
  background: #00A2A7;
}

.red > span {
  background-color: #f0a3a3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0a3a3), to(#f42323));
  background-image: -o-linear-gradient(top, #f0a3a3, #f42323);
  background-image: linear-gradient(to bottom, #f0a3a3, #f42323);
}
.cadetblue >span {
  background-color: #5f9ea0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0ff), to(#1e90ff));
  background-image: -o-linear-gradient(top, #0ff, #1e90ff);
  background-image: linear-gradient(to bottom, #0ff, #1e90ff);
}
/* End Course Progressbar Css */

.myclassroom-single-left-content-top-text p {
  font-weight: 500;
  font-size: 11px;
  color: #3E3F42;
  text-transform: capitalize;
}
.myclassroom-single-left-content-course-progress p {
  font-weight: 400;
  font-size: 10px;
  color: #707070;
  text-transform: inherit;
  margin-bottom: 2px;
}
.course-progress-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myclassroom-single-left-content-course-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.course-progress-right h5, .course-progress-right span {
  font-weight: 400;
  font-size: 10px;
  color: #3F4254;
  text-transform: inherit;
  line-height: 9px;
}
.course-progress-left {
  padding-top: 5px;
}
.profile-left-section-content img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}
.profile-right-section-content p {
  font-weight: 500;
  font-size: 14px;
  color: #3F4254;
  text-transform: capitalize;
  line-height: 10px;
}
.profile-right-section-content span {
  font-weight: 400;
  font-size: 12px;
  color: #3F4254;
  text-transform: capitalize;
  line-height: normal;
}
.profile-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}
.profile-right-section-content {
  margin-top: 8px;
  margin-left: 10px;
}
.single-myclass-right-content span {
  background: #05233B;
  padding: 1px 8px;
  font-weight: 400;
  font-size: 9px;
  color: #FFF;
  border-radius: 12px;
  margin-left: 6px;
}
.single-myclass-right-content.myclassroom-slider span {
  padding: 0 8px;
}
.single-myclass-right-content img {
  width: 16px !important;
  height: auto;
}
.myclassroom-single-right-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-myclass-right-content {
  width: 65px;
  display: flex;
  justify-content: flex-start;
  align-items: first baseline;
}
.single-myclass-right-content.myclassroom-slider {
  align-items: center;
}
.myclassroom-single-right-right-content .dropdown button {
  font-weight: 400;
  font-size: 12px;
  color: #0078BF;
  border: 1px solid #0078BF;
  padding: 4px 15px;
  border-radius: 25px;
  position: relative;
  transition: .3s;
}
.myclassroom-single-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdown-menu.course {
  right: 0 !important;
  left: inherit !important;
}
/* End MyClassroom Area Css */
.see-all-class-button a {
  font-weight: 400;
  font-size: 14px;
  color: #0078BF;
  text-align: center;
  display: block;
  background: #FFFFFF;
  padding: 15px 20px;
  border-radius: 5px;
  margin-top: 5px;
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
  box-shadow: 0 0 4px rgba(0,0,0,.2);
}
/* Start Inbox Messages Area Css */
.inbox-messages-area {
  background: #B2D8EF;
  padding: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.inbox-message-left-header h1 {
  font-weight: 300;
  font-size: 18px;
  color: #05233B;
  text-transform: capitalize;
  line-height: 1.2;
}
.home-progress-right-content {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  border-radius: 5px;
}
.single-inbox-messages-content {
  background: #FFFFFF;
  padding: 10px 20px;
  border-bottom: 1px solid #EAEDF3;
}
.inbox-message-left-header a {
  font-weight: 500;
  font-size: 12px;
  color: #145B94;
  text-transform: capitalize;
  line-height: 1.2;
}
.inbox-message-left-header a span {
  background: #145B94;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 9px;
  color: #FFF;
  border-radius: 12px;
  margin-left: 4px;
}
.inbox-message-right-header img {
  width: 18px;
  height: auto;
}
.inbox-message-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.single-inbox-messages-content p {
  font-weight: 500;
  font-size: 12px;
  color: #3E3F42;
  text-transform: inherit;
}
.single-inbox-messages-content p span {
  color: #983E00;
}
.single-inbox-date-button p {
  font-weight: 400;
  font-size: 10px;
  color: #3E3F43;
  text-transform: inherit;
  line-height: normal;
}
.single-inbox-date-button.announcement a,.single-inbox-date-button a {
  font-weight: 400;
  font-size: 11px;
  color: #FFFFFF;
  background: #C55A11;
  padding: 3px 10px;
  border-radius: 5px;
  transition: .3s;
}
.single-inbox-date-button a {
  background: #E4E6EF;
  padding: 3px 15px;
  color: #3F4254;
}
.single-inbox-date-button a:hover {
  background: #C55A11;
  color: #FFFFFF;
}
.single-inbox-date-button.announcement a:hover {
  background: #E4E6EF;
  color: #3F4254;
}
.single-inbox-date-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}
.inbox-messages-content .single-inbox-messages-content:nth-child(1) {
  position: relative;
}
.inbox-messages-content .single-inbox-messages-content:nth-child(1)::after {
  content: "";
  position: absolute;
  background: #C55A11;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.inbox-messages-content .single-inbox-messages-content:nth-child(3) {
  position: relative;
}
.inbox-messages-content .single-inbox-messages-content:nth-child(3)::after {
  content: "";
  position: absolute;
  background: #C55A11;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.view-all-message a {
  font-weight: 400;
  font-size: 14px;
  color: #0078BF;
  text-align: center;
  display: block;
  background: #FFFFFF;
  padding: 15px 20px;
  border-radius: 5px;
}
/* End Inbox Messages Area Css */

/*=============================================================================
  ====                      End Home Progress Area Css                     ====
  =============================================================================*/
  .upcoming-area {
    background-color: #f3f6f9;
    padding-bottom: 90px;
  }
  .upcoming-area tbody td {
    border-right: 1px solid #EAEDF3;
    height: 400px;
    padding: 0;
    border-bottom: 1px solid #EAEDF3;
  }
  .upcoming-area .monday {
    background-color: #b2d8ef !important;
    color: #FFFFFF !important;
  }
  .upcoming-area .monday-first-card {
    background-color: #b2d8ef;
    border-left: 2px solid #387ebe;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 6px;
  }
  .upcoming-area p {
    font-size: 12px;
    text-align: left;
    padding: 2px;
  }
  .upcoming-area tr {
    position: relative;
  }
  .shasha#dropdownMenuButton {
    padding: 0;
    padding-right: 20px;
  }
  .upcoming-area .monday-second-card {
    position: absolute;
    background-color: #ebecf3;
    border-left: 2px solid #c8cbde;
    bottom: 50px;
    width: 14%;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 6px;
  }
  .down-icon-last img {
    width: 11px;
    height: auto;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .upcoming-area .tudesday-card {
    position: absolute;
    background-color: #dbe6ee;
    border-left: 2px solid #b2d8ef;
    bottom: 111px;
    width: 13.8%;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 6px;
  }
  .upcoming-area .friday-card {
    position: absolute;
    background-color: #e5f4f4;
    border-left: 2px solid #b2d8ef;
    top: 172px;
    width: 12%;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 6px;
  }
  .upcoming-area .events p {
    font-weight: 900;
    font-size: 18px;
    color: #05233B;
  }
  .upcoming-area .btn-group .btn {
    border: 1px solid #e8e8e8;
    background-color: transparent;
  }
  .upcoming-area .btn-group .first-btn {
    padding-top: 14px;
  }
  .btn.first-btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  #dropdownMenuButton {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn.first-btn {
    cursor: pointer;
  }
  .btn.first-btn img {
    width: 8px;
    height: auto;
    margin-top: -9px;
  }
  .upcoming-heading-content.homepage {
    background: #FFFFFF;
  }
  .upcoming-heading-content p {
    font-weight: 300;
    font-size: 18px;
    color: #05233B;
  }
  .table thead th {
    font-weight: 300;
  }
  .upcoming-heading-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    padding: 5px 15px;
  }
  .dropdown-toggle.shfocus:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .btn {
    font-size: 14px;
  }
  .btn.items.shasha {
    padding-right: 25px;
  }
/*=============================================================================
  ====                      Start Footer Area Area Css                     ====
  =============================================================================*/
  .footer-area {
    background: #080F1E;
    padding-top: 48px;
    padding-bottom: 28px;
  }
  .footer-area .container {
    position: relative;
  }
  .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 80px;
  }
  .single-footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 9;
  }
  .footer-links ul li a {
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    line-height: normal;
    padding-bottom: 10px;
  }
  .footer-logo img {
    width: 140px;
    height: auto;
    margin-right: 20px;
  }
  .need-help-content p {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: inherit;
    padding-bottom: 5px;
  }
  .contact-button a {
    font-weight: 300;
    font-size: 12px;
    color: #FFF;
    border: 1px solid #FFF;
    padding: 4px 25px;
    border-radius: 15px;
    transition: 0.3s ease-in-out;
    background: transparent;
  }
  .contact-button a:hover{
    background: #0078BF;
    border-color: #0078BF;
    color: #FFF;
  }
  .copyright-text {
    padding-top: 10px;
    border-top: 1px solid #7E8299;
  }
  .copyright-text p,.copyright-text p a {
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    text-transform: inherit;
    text-align: center;
  }

  /* Start Chating Area Css */
  .chating-area {
   max-width: 1140px;
   width: 100%;
 }
 .chating-content {
  max-width: 265px;
  width: 100%;
  border: 1px solid #ADDEDC;
  border-top-right-radius: 25px;
  position: fixed;
  right: 15px;
  bottom: 0;
  z-index: 1;
  border-top-left-radius: 25px;
  z-index: 99;
  transition: 1s;
}
.chating-content.show {
  bottom: -100%;
}
.chating-heading,.chating-heading-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #0078BF;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  padding: 7px 20px;
}
.chating-heading-area {
  position: fixed;
  right: 15px;
  bottom: 15px;
  max-width: 265px;
  width: 100%;
  border-radius: 25px;
  z-index: 99;
}
.chating-heading-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.chating-heading-left p {
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 1.2;
  text-transform: capitalize;
}
.chating-heading-left img {
  width: 18px;
  height: auto;
  margin-top: -5px;
  margin-right: 10px;
}
.chating-heading-left p span {
  background: #FFFFFF;
  padding: 1px 10px;
  font-weight: 400;
  font-size: 14px;
  color: #0078BF;
  border-radius: 8px;
  margin-left: 4px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.chating-heading-right button {
  background: none;
}
.chating-heading-right button img {
  width: 16px;
  height: auto;
  margin-left: 10px;
  margin-top: -6px;
}
.single-chating-left-image img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 10px;
}
.single-chating-content {
  background: #ADDEDC;
  padding: 10px;
  border-bottom: 1px solid #EAEDF3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.single-chating-content:hover {
  background: #FFFFFF;
}
.single-chating-left-content p {
  font-weight: 300;
  font-size: 12px;
  color: #000000;
  text-transform: inherit;
  line-height: 1.5;
}
.single-chating-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-chating-right-content p {
  font-weight: 400;
  font-size: 10px;
  color: #3E3F43;
  text-transform: inherit;
  line-height: 1.5;
}
.single-chating-left-content p:nth-child(2) {
  color: #686868;
}
.view-all-button a {
  background: #FFFFFF;
  font-weight: 400;
  font-size: 14px;
  color: #0078BF;
  text-transform: inherit;
  text-align: center;
  display: block;
  padding: 8px 10px;
}
/* End Chating Area Css */
/*=============================================================================
  ====                       End Footer Area Area Css                      ====
  =============================================================================*/

/*================================================================================================
  ====                                     END HOME PAGE CSS                                  ====
  ================================================================================================*/

/*================================================================================================
  ====                                 START HOME CARD PAGE CSS                               ====
  ================================================================================================*/

/*=============================================================================
  ====                    Start Myclassroom Slider Area Css                ====
  =============================================================================*/
  .myclassroom-slider-area {
    padding-left: 35px;
  }
  .single-myclassroom-slider-content {
    background: #FFFFFF;
    border: 1px solid #E4E6EF;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 15px;
    transition: .3s;
  }
  .single-myclassroom-slider-content:hover {
    border: 2px solid #0078BF;
    transform: scale(1.03);
    margin-left: 5px;
  }
  .single-myclassroom-slider {
    padding: 7px;
  }
  .single-myclassroom-slider-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .single-myclassroom-slider-middle-heading h1 {
    font-weight: 500;
    font-size: 15px;
    color: #3E3F42;
    text-transform: capitalize;
    line-height: 1.2;
  }
  .single-myclassroom-slider-middle-heading p {
    font-weight: 500;
    font-size: 11px;
    color: #3E3F42;
    text-transform: capitalize;
  }
  .single-myclassroom-slider-middle-heading {
    padding-top: 12px;
    padding-bottom: 2px;
  }
  .slider-course-progress-left p {
    font-weight: 400;
    font-size: 9px;
    color: #707070;
    text-transform: inherit;
  }
  .slider-course-progress {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .course-progress-right {
    margin-left: 12px;
    margin-top: 14px;
  }
  .single-slider-profile-left img {
    width: 25px;
    height: 25px;
    object-fit: cover;
    border-radius: 50%;
  }
  .single-slider-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 12px;
  }
  .single-slider-profile-right {
    margin-left: 8px;
  }
  .single-slider-profile-right h2 {
    font-weight: 400;
    font-size: 11px;
    color: #181C32;
    text-transform: capitalize;
    line-height: normal;
  }
  .single-slider-profile-right p {
    font-weight: 400;
    font-size: 9px;
    color: #3F4254;
    text-transform: capitalize;
    line-height: normal;
  }
  .launch-course-button button {
    font-weight: 500;
    font-size: 11px;
    color: #FFFFFF;
    background: #0078BF;
    border: none;
    width: 180px;
    padding: 5px 10px;
    border-radius: 25px;
    text-align: center;
    text-transform: inherit;
    transition: .3s;
    margin: 0 auto;
    display: block;
  }
  .launch-course-button button:hover {
   background: transparent;
   color: #0078BF;
 }
 .view-course-button button {
  font-weight: 500;
  font-size: 11px;
  color: #0078BF;
  background: transparent;
  border: none;
  width: 180px;
  padding: 5px 10px;
  border-radius: 25px;
  text-align: center;
  text-transform: inherit;
  transition: .3s;
  margin: 0 auto;
  margin-top: 3px;
  display: block;
}
.view-course-button button:hover {
 background: #0078BF;
 color: #FFFFFF;
}
.slider-course-progress-left p {
  font-weight: 400;
  font-size: 9px;
  color: #707070;
  text-transform: inherit;
  margin-bottom: 2px;
}
.single-myclassroom-slider-heading a,.single-myclassroom-slider-heading p {
  font-weight: 500;
  font-size: 9px;
  color: #3F4254;
  border-radius: ;
  border-radius: 3px;
  text-transform: capitalize;
}
.single-myclassroom-slider-heading a {
  width: 45px;
  text-align: center;
}
.single-myclassroom-slider-heading a {
 background: #DBE6EE;
 padding: 2px 6px;
}
.single-myclassroom-slider-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-myclassroom-slider-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #B2D8EF;
  padding: 7px;
}
.single-myclassroom-slider-bottom-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 135px;
}
.single-myclassroom-slider-bottom-right img {
  width: 20px !important;
  height: auto;
}
.see-all-class-slider-button a {
  font-weight: 400;
  font-size: 14px;
  color: #0078BF;
  text-align: right;
  display: block;
}
/* Start Owl Carousel Customize Css */
.myclassroom-slider-area::after {
  content: "";
  position: absolute;
  background: url('../images/home-card/myclassroom-slider-after.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  right: -12px;
  top: 0;
  width: 20px;
  height: 100%;
  z-index: 1;
}
.owl-theme .owl-nav {
  margin-top: 0;
  height: 0;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: transparent;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
  margin: 0;
}
.owl-theme .owl-nav .owl-prev img {
  width: 24px;
  height: auto;
  position: absolute;
  left: 0px;
  top: 45%;
  transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-prev img:hover {
  opacity: .8;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  width: 12px;
  height: 12px;
  background: #3F4254;
  border: 2px solid #3F4254;
}
.owl-theme .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-theme .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  background: transparent;
  border: 2px solid #3F4254;
}

/*Rakib start*/
.ra_resources_area .owl-theme .owl-dots {
  bottom: -29px;
}
.ra_resources_content .owl-theme .owl-nav .owl-prev img {
  width: 24px;
  height: auto;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.ra_resources_content .owl-theme .owl-nav .owl-next img {
  width: 24px;
  height: auto;
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999999;
}
.ra_event_area .owl-theme .owl-nav .owl-prev img {
  width: 24px;
  height: auto;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.ra_event_area .owl-theme .owl-nav .owl-next img {
  width: 24px;
  height: auto;
  position: absolute;
  right: -5px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999999;
}
.ra_event_main_area_slider{
  padding: 0 35px 0 45px;
}
.ra_event_main_area_slider .owl-theme .owl-nav .owl-next img {
  right: -33px;
}
.btn.first-btn.extra_btn_btnclass {
  padding: 7.5px 13px;
}
.btn {
  padding: .380rem .75rem;
}
/*Rakib end*/


/* End Owl Carousel Customize Css */

/*=============================================================================
  ====                     End Myclassroom Slider Area Css                 ====
  =============================================================================*/

/*================================================================================================
  ====                                  END HOME CARD PAGE CSS                                ====
  ================================================================================================*/

/*================================================================================================
  ====                                   START LOGIN PAGE CSS                                 ====
  ================================================================================================*/
  .login-header {
    background: #FFFFFF;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
  }
  .login-logo img {
    width: 250px;
    height: auto;
  }
  .login-content {
    max-width: 485px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0,0,0,.1);
    margin: 10px auto;
    padding: 25px 68px;
  }
  .login-heading h1 {
    font-weight: 500;
    font-size: 35px;
    color: #05233B;
    text-transform: inherit;
    line-height: 55px;
    padding-bottom: 15px;
    text-align: center;
  }
  .single-login-form {
    margin-bottom: 15px;
  }
  .single-login-form label {
    font-weight: 500;
    font-size: 14px;
    color: #3F4254;
    text-transform: capitalize;
    display: block;
    text-align: left;
    margin-bottom: 5px !important;
  }
  .single-login-form input {
    width: 100%;
    border: 1px solid #3F4254;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
    outline: none;
  }
  .single-login-form input:focus {
    border: 2px solid #0078BF;
    border-radius: 5px;
  }
  .single-login-form input::placeholder {
   font-weight: 500;
   font-size: 14px;
   color: #3F4254;
   text-transform: inherit;
 }
 .single-login-submit-button input {
  font-weight: 500;
  font-size: 16px;
  color: #FFFFFF;
  background: #0078BF;
  border: none;
  width: 100%;
  padding: 8px 15px;
  border-radius: 30px;
  margin-top: 10px;
  transition: .3s;
}
.single-login-submit-button input:hover {
  background: #3F4254;
}
.login-form-text a {
  font-weight: 500;
  font-size: 14px;
  color: #0078BF;
  text-transform: inherit;
  line-height: normal;
}
.login-form-text a:nth-child(1) {
  padding: 20px 0;
}
.login-form-text a span {
  color: #05233B;
}
.login-form-logo {
  text-align: center;
  margin-top: 15px;
  position: relative;
}
.login-form-logo::before {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 78px;
  height: 2px;
  left: 0;
  top: 22px;
}
.login-form-logo::after {
  content: "";
  position: absolute;
  background: #E4E6EF;
  width: 78px;
  height: 2px;
  right: 0;
  top: 22px;
}
.login-form-logo img {
  width: 160px;
  height: auto;
}
.single-login-checkbox-form input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.single-login-checkbox-form label {
  position: relative;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  display: block;
  text-align: left;
  margin-bottom: 5px !important;
}
.single-login-checkbox-form label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #05233B;
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  border-radius: 5px;
  top: -5px;
}
.single-login-checkbox-form input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #05233B;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.login-footer-area {
  background: #080F1E;
  padding-top: 55px;
  padding-bottom: 30px;
}
.login-footer-content {
  max-width: 485px;
  width: 100%;
  margin: 0 auto;
}
.login-footer-top-left-content img {
  width: 145px;
  height: auto;
}
.login-footer-top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #7E8299;
}
.login-footer-top-right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.single-login-footer-left a {
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  text-transform: inherit;
  margin-right: 15px;
}
.single-login-footer-right a {
  font-weight: 300;
  font-size: 12px;
  color: #FFF;
  border: 1px solid #FFF;
  padding: 4px 25px;
  border-radius: 15px;
}
.login-footer-bottom-content p {
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
  text-transform: inherit;
  text-align: center;
  padding-top: 12px;
}
.login-footer-bottom-content p a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  line-height: 10px;
}
.login-footer-bottom-content p span {
  color: #7E8299;
}
/*================================================================================================
  ====                                    END LOGIN PAGE CSS                                  ====
  ================================================================================================*/

/*================================================================================================
  ====                           Start Resource Cards Page (10)(Munna)                        ====
  ================================================================================================*/
  /*Start Alert Area*/
  .mu_resource_cards{
    background: #F3F6F9;
  }
  .mu_alert_box, .custom_alert_design {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ADDEDC;
    padding: 14px;
    margin-top: 24px;
    border-radius: 4px;
  }
  .mu_alert_box_left {
    display: flex;
    align-items: center;
  }
  .mu_alert_box_left img{
    width: 22px;
    height: 22px;
    object-fit: cover;
    margin-right: 17px;
  }
  .mu_alert_box_left p{
    font-size: 14px;
    color: #3F4254;
  }
  .mu_alert_box_right a,.custom_alert_right a {
    font-size: 12px;
    font-weight: 300;
    color: #3F4254;
    display: inherit;
    margin-right: 10px;
  }
  /*End Alert Area*/

  /*================== Start Dropdown Menu & Search Area ==================*/
  /*Start Dropdown*/
  .dropdown_search_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mu_dropdown_menu_content {
    flex: 0 0 55%;
  }
  .mu_search_bar{
    flex: 0 0 33%
  }
  .mu_dropdown_menu_area {
    background: #F3F6F9;
    margin-top: 39px;
  }
  .mu_dropdown_menu_content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mu_dropdown_menu_content ul li{
    color: #3F4254;
    margin-right: 20px;
    font-size: 12px;
  }
  .mu_dropdown_menu_content ul li a, .mu_dropdown_menu_content ul li button.menu-drop {
    font-weight: 400;
    font-size: 14px;
    color: #3F4254;
    text-transform: capitalize;
    padding: 18px 0;
    position: relative;
    background: transparent;
  }
  .mu_dropdown_menu_content ul li button.menu-drop {
    padding-right: 30px;
  }
  .mu_dropdown_menu_contentt ul li button.menu-drop:hover {
    color: #0078BF;
    border-bottom: 3px solid #0078BF;
  }
  .mu_dropdown_menu_content ul li a.active,.mu_dropdown_menu_content ul li a:hover {
    color: #0078BF;
  }

  .mu_dropdown_menu_content ul li a img,.mu_dropdown_menu_content ul li button.menu-drop img {
    height: 14px;
    width: auto;
    margin-top: -7px;
    margin-right: 2px;
  }
  .mu_dropdown_menu_content ul li a span {
    background: #145B94;
    font-weight: 400;
    font-size: 10px;
    color: #FFF;
    padding: 1px 5px;
    border-radius: 15px;
    width: 10px;
    margin-left: 5px;
  }
  /*End Dropdown*/

  /*Start Mobile Menu Icon*/
  #nav-icon3{ 
    display: none;
  }
  #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 25px;
    height: 20px;
    position: relative;
    /*margin: 0px auto;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #A6ADB1;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  /* Icon 3 */
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 8px;
  }
  #nav-icon3 span:nth-child(4) {
    top: 16px;
  }
  #nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  /*End Mobile Menu Icon*/

  /* Start Mobile Search Box Css */
  #search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2;
  }
  #search input[type="search"] {
    position: absolute;
    top: 50%;
    max-width: 450px;
    width: 100%;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    outline: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 1px solid #FFF;
    padding: 5px 15px;
  }
  #search input[type="search"]::-webkit-input-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]::-moz-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]:-ms-input-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]::-ms-input-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]::-webkit-input-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]::-moz-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]:-ms-input-placeholder {
    color: #FFFFFF;
  }
  #search input[type="search"]::placeholder {
    color: #FFFFFF;
  }
  #search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #0078BF;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 8px 30px;
    text-transform: uppercase;
    margin-top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 8px;
    border: none;
  }
  .volver-button a {
    font-weight: 400;
    font-size: 17px;
    color: #231F20;
    background: #00F1A4;
    padding: 8px 45px;
    border-radius: 10px;
    margin-top: 60px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    transition: .3s;
  }
  #search .btn:hover {
    background: #ADDEDC;
    color: #3E3F42;
  }
  #search .btn.btn-primary:focus {
    box-shadow: none;
  }
  #search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #0078BF;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    font-size: 15px;
    outline: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    transition: .3s;
  }
  #search .close:hover {
    background: #ADDEDC;
    color: #3E3F42;
  }
  #search button.close::after {
    content: "";
    position: absolute;
    background: url(../images/ico/cross.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
    left: 12px;
    top: 12px;
    -webkit-transform: rotate(133deg);
    transform: rotate(133deg);
  }
  #search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  /* End Mobile Search Box Css */

  /*Start Mobile Menu Responsive*/
  .mu_full_menu_area{
    position: relative;
  }
  .mu_accordion {
    display: none;
    position: absolute;
    width: 100%;
    background: #FAFBFC;
    top: 55px;
    left: 0;
    z-index: 9991;
  }
  .mu_accordion.hide {
    display: none !important;
  }
  .mu_accordion .link {
    cursor: pointer;
    display: block;
    padding: 22px 0px 20px 36px;
    color: #05233B;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #CCC;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .mu_accordion li:last-child .link { 
    border-bottom: 0; 
  }
  .mu_accordion li i {
    position: absolute;
    top: 20px;
    left: 43px;
    font-size: 23px;
    color: #A6ADB1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .mu_accordion li i.fa-chevron-down {
    right: 35px;
    left: auto;
    font-size: 16px;
    top: 2px;
    color: #000000;
  }
  .mu_accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /*submenu*/
  .mu_submenu {
    display: none;
    background: #FFF;
    font-size: 14px;
  }
  .mu_submenu li {
   border-bottom: 1px solid #E4E6EF; 
 }
 .mu_submenu a {
  display: block;
  text-decoration: none;
  color: #05233B;
  padding: 20px;
  padding-left: 36px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mu_submenu a:hover {
  background: #FAFBFC;
  color: #05233B;
}
/*End Mobile Menu Responsive*/

/*Start Search Bar*/
.mu_search_bar button{
  font-size: 14px;
  color: #FFFFFF;
  position: relative;
}
.mu_search_bar input[type="search"] {
  background: #FFF;
  border: 1px solid #A6ADB1;
  padding: 7px 0px 7px 40px;
  outline: none;
  width: 260px;
  color: #505355;
  font-size: 14px;
  border-radius: 3px 0 0 3px;
}
.mu_search_bar input[type="search"]:focus{
  box-shadow: 0px 0px 10px #bbb;
}
.mu_search_bar button {
  border: none;
  background: #05233B;
  color: #fff;
  outline: none;
  padding: 8px 15px;
  margin-left: -5px;
  border-radius: 0 3px 3px 0;
}
.mu_search_bar button img {
  margin: -2px 0 0 40px;
}
.search_box_area,.mu_search_bar {
  position: relative;
}
.mu_search_bar form {
  display: flex;
  justify-content: flex-end;
}
.search_icon {
  position: absolute;
  top: 3px;
  padding: 0 10px;
}
.search_icon img{
  width: 19px;
  height: auto;
  cursor: pointer;
}
.mu_dropdown {
  background: #fff;
  width: 170px;
  border: 1px solid #ddd;
  position: absolute;
  right: 0;
  bottom: -135px;
  border-radius: 4px;
  z-index: 999;
  display: none;
}
.mu_dropdown ul li a{
  color: #3F4254;
  font-size: 14px;
  display: block;
  padding: 8px 20px;
  border-bottom: 3px solid transparent;
}
.mu_dropdown ul li a:hover {
  background-color: #E4E6EFA3;
}
/* End Search Bar */

/* Start View icons*/
.mu_view_icons ul{
  display: flex;
  align-items: center;
}
.mu_view_icons ul li{
  margin-right: 20px;
  font-size: 14px;
  color: #3F4254;
}
.mu_view_icons ul li:last-child{
  margin-right: 0;
}
.mu_view_icons ul li a{
  display: flex;
  align-items: center;
}
.view_img_1{
  width: 11px;
}
.view_img_2{
  width: 17px;
}
/* End View icons*/
/*=================== End Dropdown Menu Area =================*/

/*========================== Start Grid Box Area ====================*/
.mu_grid_box_area {
  background: #F3F6F9;
}
.mu_single_all_grid_boxs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.mu_single_grid_boxs {
  flex: 0 0 18.5%;
  margin-bottom: 30px;
}
.mu_single_grid_box {
  background: #fff;
  padding: 9px;
  border: 1px solid #E4E6EF;
  border-radius: 3px;
}
.mu_date_img {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.mu_date_img ul li{
  font-size: 9px;
}
.mu_date_img img{
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}
.mu_single_grid_box h6{
  font-size: 15px;
  font-weight: 400;
  color: #3E3F42;
  margin-bottom: 7px;
}
.mu_single_grid_box p {
  font-size: 12px;
  font-weight: 400;
  color: #3E3F42;
  line-height: 15px;
}
.mu_grid_box_pdf_left{
  display: flex;
  align-items: center;
}
.mu_grid_box_pdf_left img{
  width: 13px;
  height: 13px;
  margin-right: 7px;
}
.mu_grid_box_pdf_left a{
  font-size: 9px;
  color: #145B94;
  text-decoration: underline;
}
.mu_grid_box_pdf{
  display: flex;
  justify-content: space-between;
}
.mu_grid_box_pdf_right{
  margin: 3px 0;
}
.mu_grid_box_pdf_right a{
  color: #3F4254;
  font-size: 9px;
}
/*PDF Client*/
.mu_pdf_client{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #B2D8EF;
  padding: 6px 9px;
}
.mu_pdf_client_left{
  display: flex;
  align-items: center;
}
.mu_pdf_client_left img{
  margin-right: 5px;
  width: 23px;
  height: 23px;
}
.mu_pdf_client_content h6 {
  font-size: 12px;
  color: #181C32;
  margin: 0;
  padding: 0;
  font-weight: 300;
}
.mu_pdf_client_content p {
  font-size: 10px;
  color: #3F4254;
}
.mu_pdf_client_right a img{
  width: 20px;
  height: 20px;
}

/*Footer Button (10)(Munna)*/
.mu_footer_btn{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.mu_footer_btn a img{
  width: 120px;
  border: 1px solid #FFF;
  margin-right: 10px;
}
/*===============================================================================================
  ====                           End Resource Cards Page (10)(Munna)                         ====
  ===============================================================================================*/

/*================================================================================================
  ====                                     START STUDENT PAGE CSS                             ====
  ================================================================================================*/

/*=============================================================================
  ====                      Start student_pages_content_area Css           ====
  =============================================================================*/

  /*student_action_alert_area*/
  .student_action_alert_area .custom_alert_design {
    background: rgba(230,119,43,0.29);
    margin-top: 0;
    margin-bottom: 5px;
  }
  /*End student_action_alert_area*/

  /*student_pages_content_area*/
  .student_pages_content_area {
    padding-bottom: 1080px;
    position: relative;
  }
  .infor_heading_area{
    display: flex;
    justify-content: space-between;

  }
  .main_student_information_area {
    background: #FFF;
    margin-top: 14px;
  }
  .left_infor_area .infor_profile img {
    max-width: 60px;
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin-top: 7px;
    margin-left: 11px;
  }
  .infor_profile{
    position: relative;
  }
  .infor_profile a {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
  }
  .right_infor_area a img {
    max-width: 13px;
    width: 100%;
    height: auto;
  }
  .right_infor_area a span {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    color: #0078BF;
    font-size: 12px;
    margin-left: 2px;
  }
  .right_infor_area a {
    margin-top: 15px;
    margin-right: 22px;
    display: flex;
    align-items: center;
  }
  .left_infor_area .infor_profile a img {
    max-width: 21px;
    width: 100%;
    height: auto;
  }
  .information_biodata h4 {
    text-align: center;
    font-weight: 300;
    font-size: 18px;
    color: #3F4254;
    margin-top: -15px;
  }
  .infor_bio_top {
    max-width: 197px;
    width: 100%;
    margin: auto;
    margin-top: 19px;
  }
  .infor_bio_top > ul li a, .infor_comment_area > ul li a, 
  .infor_address_area > ul li a, .infor_parent_area > ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    color: #3F4254;
    font-size: 11px;
  }
  .infor_bio_top ul li:not(:last-child) {
    margin-bottom: 6px;
  }
  .infor_bio_top ul li a span{
    margin-left: 20px;
    display: inline-block;
  }
  .infor_bio_top > ul li:nth-child(4) a span, 
  .infor_comment_area > ul li:nth-child(4) a span {
    margin-left: 35px;
  }
  .infor_comment_area > p{
    margin-top: 45px;
    margin-bottom: 39px;
  }
  .infor_comment_area > ul li:nth-child(3) a span {
    margin-left: 35px;
  }
  .infor_address_area h5 {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    margin-top: 46px;
    margin-bottom: 20px;
  }
  .infor_address_area ul li:nth-child(1) a span{
    margin-left: 0;
  }
  .infor_address_area > ul li:nth-child(4) a span {
    margin-left: 30px;
  }
  .infor_address_area > ul li:nth-child(5) a span {
    margin-left: 10px;
  }
  .infor_address_area > ul > li > a, .infor_parent_area > ul > li > a{
    position: relative;
  }
  .infor_address_area > ul > li > a::after, .infor_parent_area > ul > li > a::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 2px;
    width: 1px;
    height: 12px;
    background: #C7C8CA;
  }
  .infor_parent_area {
    margin-right: -20px;
    padding-bottom: 24px;
  }
  .infor_parent_area h5{
    margin-top: 48px;
    margin-bottom: 18px;
    font-weight: 500;
    font-size: 14px;
  }
  .infor_address_area ul li:not(:last-child), .infor_parent_area ul li:not(:last-child) {
    margin-bottom: 7px;
  }
  .infor_parent_area > ul > li > a span{
    margin-left: 15px;
  }
  .infor_parent_area > ul > li:nth-child(3) a span{
    margin-left: 10px;
  }
  .infor_parent_area > ul > li:nth-child(4) a span{
    margin-left: 10px;
  }
  .infor_parent_area > ul > li > a::after {
    right: -11px;
  }
  /*student_action_help_area css*/
  .student_action_help_area {
    margin-top: 14px;
  }
  .student_action_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .student_action_heading h5{
    font-size: 16px;
    font-weight: 300;
    color: #05233B;
  }
  .student_action_heading a{
    color: #0078BF;
    font-weight: 300;
  }
  .action_st_btn_img img {
    max-width: 58px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    margin-top: 14px;
    margin-bottom: 26px;
  }
  .Student_action_single_items, .st_another_single_deffrent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .st_single_action {
    background: #FFF;
    flex: 0 0 calc(50% - 6px);
    margin-bottom: 10px;
  }
  .st_single_action h5 {
    font-weight: 300;
    font-size: 14px;
    color: #05233B;
    padding-top: 15px;
    padding-left: 20px;
  }
  .action_st_btn_img {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .btn_style_1 {
    font-weight: 300;
    color: #FFF;
    font-size: 12px;
    background: #0078BF;
    border: 1px solid #0078BF;
    padding: 4px 20px;
    display: inline-block;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
  }
  .btn_style_1:hover{
    background: #FFF;
    color: #0078BF;
  }
  .btn_style_2 {
    font-weight: 300;
    color: #0078BF;
    font-size: 12px;
    background: #FFF;
    border: 1px solid #0078BF;
    padding: 4px 17px;
    display: inline-block;
    border-radius: 50px;
    transition: 0.3s ease-in-out;
  }
  #launchcourse {
    background: transparent;
  }
  .btn_style_2:hover,#launchcourse:hover{
    background:  #0078BF;
    color: #FFF;
  }
  .Student_action_single_items .action_st_btn_img a.btn_style_2 {
    margin-top: 14px;
    margin-bottom: 20px;
  }
  .Student_action_single_items .st_single_action:nth-child(2) a.btn_style_1 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .Student_action_single_items .st_single_action:nth-child(2) .action_st_btn_img img {
    max-width: 53px;
    margin-top: 35px;
  }
  .st_another_single_deffrent .st_single_action:nth-child(1) .action_st_btn_img img{
    max-width: 53px;
    margin-top: 13px;
    margin-bottom: 0;
  }
  .st_another_single_deffrent .st_single_action:nth-child(2) .action_st_btn_img img{
    max-width: 56px;
    margin-top: 13px;
    margin-bottom: 0;
  }
  .st_another_single_deffrent .st_single_action:nth-child(1) .action_st_btn_img a.btn_style_1{
    margin-top: 18px;
    margin-bottom: 24px;
  }
  .st_another_single_deffrent .st_single_action:nth-child(2) .action_st_btn_img a.btn_style_1{
    margin-top: 19px;
    margin-bottom: 24px;
  }
/*=============================================================================
  ====                       End student_pages_content_area Css            ====
  =============================================================================*/

/*================================================================================================
  ====                                      END STUDENT PAGE CSS                              ====
  ================================================================================================*/

/*================================================================================================
  ====                                    START RESOURCE PAGE CSS                             ====
  ================================================================================================*/
  .resources-area {
    background: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
  }
  .same-close-button-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
  }
  .same-close-button-left button {
    font-weight: 300;
    font-size: 18px;
    color: #3F4254;
    text-transform: capitalize;
    line-height: 1.2;
    background: none;
  }
  .same-close-button-left button img {
    width: 14px;
    height: auto;
    margin-top: -6px;
    margin-right: 15px;
  }
  .same-close-right-link-button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .single-same-close-right-link-button a {
    font-weight: 300;
    font-size: 14px;
    color: #0078BF;
    text-transform: inherit;
    border: 1px solid #0078BF;
    padding: 5px 18px;
    border-radius: 30px;
    transition: .3s;
  }
  .single-same-close-right-link-button a:hover {
    background: #0078BF;
    color: #FFFFFF;
  }
  .same-close-right-link-button .single-same-close-right-link-button:nth-child(2) a {
    margin-left: 15px;
  }
  .resources-main-image-area {
    text-align: right;
    padding-top: 25px;
  }
  .resources-main-image-area img {
    max-width: 880px;
    width: 100%;
    height: auto;
  }
/*================================================================================================
  ====                                    START RESOURCE PAGE CSS                             ====
  ================================================================================================*/

/*================================================================================================
  ====                          START REQUEST TRANSCRIPT LIST MOBILE PAGE CSS                 ====
  ================================================================================================*/
  .request-mobile-area {
    background: #FFFFFF;
  }
  .request-transcript-main-mobile-design {
    display: none;
  }
  .request-mobile-content-area {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .request-mobile-content-heading-text p {
    padding-bottom: 20px;
  }
  .request-mobile-content-area p,.single-request-transcript-heading-content p {
    font-weight: 300;
    font-size: 15px;
    color: #05233B;
    text-transform: inherit;
    line-height: 1.2;
  }
  .single-request-mobile-middle-text p:nth-child(2) {
    font-size: 12px;
    padding-top: 5px;
    width: 88%;
  }
  .single-request-mobile-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F3F6F9;
    padding: 25px 20px;
    margin-bottom: 20px;
  }
  .single-request-mobile-middle-text {
    margin-left: 25px;
    max-width: 385px;
    width: 100%;
  }
  .single-request-mobile-middle-text a,.single-request-transcript-bottom-head a {
    font-weight: 300;
    font-size: 12px;
    color: #0B7DC1;
    text-transform: inherit;
    border-bottom: 1px solid #0B7DC1;
    line-height: 10px;
  }
  .single-request-mobile-left-image img {
    width: 50px;
    height: auto;
  }
  .single-request-mobile-right-text a {
    background: transparent;
  }
/*================================================================================================
  ====                          END REQUEST TRANSCRIPT LIST MOBILE PAGE CSS                   ====
  ================================================================================================*/

/*================================================================================================
  ====                            START REQUEST TRANSCRIPT LIST  PAGE CSS                     ====
  ================================================================================================*/
  .request-transcript-area {
    background: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
  }
  .request-transcript-main-content {
    padding-top: 55px;
  }
  .request-transcript-main-content {
    width: 95%;
    margin: 0 auto;
  }
  .single-request-transcript-content {
    background: #F3F6F9;
    padding: 15px 20px 60px 20px;
    height: 100%;
    position: relative;
  }
  .single-request-transcript-heading-content img {
    height: 55px;
    width: auto;
    margin-top: 20px;
    margin-bottom: 15px;
  }
  .single-request-transcript-bottom-content p {
   font-weight: 300;
   font-size: 12px;
   color: #05233B;
   line-height: 1.2;
 }
 .single-request-transcript-bottom-button a {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  width: 185px;
}
.single-request-transcript-heading-content p {
  text-align: left;
}
.single-request-transcript-bottom-button a:hover {
  background: transparent;
}
/*================================================================================================
  ====                             END REQUEST TRANSCRIPT LIST  PAGE CSS                      ====
  ================================================================================================*/

/*================================================================================================
  ====                              START REQUEST ENROLLMENT PAGE CSS                         ====
  ================================================================================================*/
  .request-enrollment-area {
   background: #FFFFFF;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   z-index: 999;
   display: none;
 }
 .need-help-link a {
  font-weight: 300;
  font-size: 12px;
  color: #0B7DC1;
  text-transform: inherit;
  border-bottom: 1px solid #0B7DC1;
  line-height: 11px;
}
.request-enrollment-main-content {
  max-width: 310px;
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
}
.request-enrollment-main-content-heading p {
  font-weight: 300;
  font-size: 15px;
  color: #05233B;
  text-transform: inherit;
  line-height: 1.4;
  padding-bottom: 25px;
}
.request-enrollment-option {
  margin-bottom: 10px;
}
.request-enrollment-single-select-option {
  margin-bottom: 20px;
}
.request-enrollment-option p, .single-request-enrollment-option label, .request-enrollment-single-select-option p,.request-enrollment-single-datepiker p {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  line-height: 1.2;
  margin-bottom: 8px;
}
.request-enrollment-option p span, .request-enrollment-single-select-option p span,.request-enrollment-single-datepiker p span {
  color: #FF0000;
  vertical-align: middle;
}

/* Start Custom Radio Checkbox Css */
.single-request-enrollment-option input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.single-request-enrollment-option label {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 30px;
}
.single-request-enrollment-option label::before {
  content: '';
  background: url('../images/enrollment/check-before.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  cursor: pointer;
  left: -30px;
  top: -2px;
}
.single-request-enrollment-option input:checked + label::after {
  content: '';
  background: url('../images/enrollment/check-after.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
  position: absolute;
  cursor: pointer;
  left: -30px;
  top: -2px;
}
/* End Custom Radio Checkbox Css */

/* Start Dropdown Select Option Filter Css */
#select-chose-course {
  border: 1px solid #3F4254;
  background: transparent;
  max-width: 280px;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  border-radius: 5px;
  position: relative;
}
#select-chose-course::after {
  content: "";
  position: absolute;
  background: url('../images/enrollment/down-arrow-enroll.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 9px;
  height: 6px;
  right: 12px;
  top: 13px;
}
.hierarchy-select.dropdown .hs-searchbox {
  padding: 4px 5px 4px 5px;
  position: relative;
}
.hs-searchbox img {
  position: absolute;
  left: 12px;
  top: 15px;
  width: 15px;
  height: auto;
  cursor: pointer;
}
.dropdown-menu.select-course {
  border: 1px solid #E4E6EF;
  box-shadow: 0 0 2px rgba(0,0,0,.1);
  max-width: 275px;
  width: 100%;
}
.form-control.select-course::placeholder {
  font-weight: 300;
  font-size: 14px;
  color: #A6ADB1;
  text-transform: inherit;
  line-height: 1.7;
}
.form-control.select-course {
  border: 1px solid #A6ADB1;
  background: transparent;
  max-width: 280px;
  width: 100%;
  text-align: left;
  padding: 5px 10px 5px 30px;
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  border-radius: 5px;
  outline: none;
}
.dropdown-item.enrollment {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
} 
.dropdown-item.enrollment:hover {
  color: inherit;
  background-color: #E4E6EF;
}
.dropdown-item.enrollment.active, .dropdown-item.enrollment:active {
  color: #3F4254;
  text-decoration: none;
  background-color: #DBE6EE;
  font-weight: 300;
}
.form-control.select-course:focus {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
  outline: none !important;
  box-shadow: inherit;
  border: 1px solid #A6ADB1;
}

/* Start Dropdown Select Option Filter Css */

/* Start Custom Datepiker Css */
.form-groups {
  max-width: 280px;
  width: 100%;
  position: relative;
}
.form-groups::after,.info-form-group::after {
  content: "";
  position: absolute;
  background: url('../images/enrollment/datepiker.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 17px;
  height: 18px;
  top: 8px;
  right: 9px;
  pointer-events: none;
}
.form-groups::before,.info-form-group::before {
  content: "";
  position: absolute;
  background: #3F4254;
  width: 1px;
  height: 34px;
  top: 0;
  right: 32px;
}
.form-groups .input-field {
  border: 1px solid #3F4254;
  background: transparent;
  max-width: 280px;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.form-groups input::placeholder {
  font-size: 14px;
}
.form-groups .input-field:focus {
  outline: none;
}
.ui-datepicker {
  display: none;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.3rem rgba(0, 0, 0, 0.2);
  margin-top: 0.25rem;
  border-radius: 0.5rem;
  padding: 0.5rem;
}
.ui-datepicker-calendar table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ui-datepicker-calendar thead th {
  padding: 0.25rem 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 400;
  color: #353535;
}
.ui-datepicker-calendar tbody td {
  width: 2.5rem;
  text-align: center;
  padding: 0;
}
.ui-datepicker-calendar tbody td a {
  display: block;
  border-radius: 50%;
  line-height: 2rem;
  transition: 0.3s all;
  color: #353535;
  font-size: 0.875rem;
  text-decoration: none;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
  background: #d33a47;
  color: #ffffff;
}
.ui-datepicker-calendar tbody td a.ui-state-highlight {
  color: #0078BF;
  border: 1px solid #0078BF;
}
.ui-datepicker-calendar tbody td a:hover {
  background: #0078BF;
  color: #FFFFFF;
}
.ui-datepicker-header a span {
  display: none;
}
.ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  margin: 8px 20px;
}
.ui-datepicker-header a.ui-datepicker-prev {
  left: 0;
}
.ui-datepicker-header a.ui-datepicker-prev::after {
  content: "";
  position: absolute;
  background: url('../images/enrollment/down-arrow-enroll.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 8px;
  transform: rotate(90deg);
  top: 12px;
}
.ui-datepicker-header a.ui-datepicker-next {
  right: 0;
}
.ui-datepicker-header a.ui-datepicker-next::after {
  content: "";
  position: absolute;
  background: url('../images/enrollment/down-arrow-enroll.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 12px;
  height: 8px;
  transform: rotate(-90deg);
  top: 12px;
}
.ui-datepicker-title {
  text-align: center;
  line-height: 2rem;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
  color: #353535;
  font-weight: 400;
  font-size: 0.75rem;
}
/* End Custom Datepiker Css */

.all-same-button-design {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 35px;
}
.single-same-button-design button {
  font-weight: 300;
  font-size: 12px;
  color: #0078BF;
  text-transform: capitalize;
  background: transparent;
  border: 1px solid #0078BF;
  width: 104px;
  text-align: center;
  padding: 3px 5px;
  border-radius: 20px;
  transition: .3s;
}
.single-same-button-design button:hover {
 background: #0078BF;
 border: 1px solid #0078BF;
 color: #FFFFFF;
}
.all-same-button-design .single-same-button-design:nth-child(2) button {
  background: #0078BF;
  border: 1px solid #0078BF;
  color: #FFFFFF;
  margin-left: 15px;
}
.all-same-button-design .single-same-button-design:nth-child(2) button:hover {
 background: transparent;
 border: 1px solid #0078BF;
 color: #0078BF;
}
.reason-paragraf-text p {
  font-weight: 300;
  font-size: 14px;
  color: #05233B;
  text-transform: inherit;
  line-height: 1.2;
  padding-top: 25px;
  padding-bottom: 45px;
}
.single-same-button-design.change {
  margin-left: 15px;
}
/*================================================================================================
  ====                               END REQUEST ENROLLMENT PAGE CSS                          ====
  ================================================================================================*/

/*================================================================================================
  ====                            START REQUEST RECOMMENDATION PAGE CSS                       ====
  ================================================================================================*/

  .request-recommendation-area {
    background: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
  }
  .request-recommendation-opition-area {
    max-width: 685px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .request-recommendation-heading p {
    font-weight: 300;
    font-size: 15px;
    color: #05233B;
    text-transform: inherit;
    padding-bottom: 10px;
  }
  .request-recommendation-option-content:nth-child(2) .single-request-recommendation-option-area {
    padding-bottom: 20px;
  }
  .new-request-recommendation-option-content {
    margin-bottom: 25px;
  }
  .request-recommendation-option-head p {
    font-weight: 300;
    font-size: 14px;
    color: #05233B;
    text-transform: capitalize;
    padding-bottom: 15px;
  }
  .single-request-recommendation-option-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 95%;
    cursor: pointer;
    position: relative;
    background: #F3F6F9;
    padding: 20px 30px;
    border: 2px solid transparent;
  }
  .single-request-recommendation-option-content.show {
    border: 2px solid #0078BF;
  }
  .single-request-recommendation-left img {
    width: 45px;
    height: auto;
  }
  .single-request-recommendation-right {
    margin-left: 30px;
  }
  .single-request-recommendation-right h5 {
    font-weight: 300;
    font-size: 14px;
    color: #05233B;
    text-transform: inherit;
  }
  .single-request-recommendation-right p {
    font-weight: 300;
    font-size: 12px;
    color: #05233B;
    text-transform: inherit;
    max-width: 360px;
    width: 100%;
    padding-top: 8px;
    line-height: 1.2;
  }
  .single-request-recommendation-right p:nth-child(1) {
    padding-top: 0;
  } 
  .cross-button-image button {
    background: transparent;
  }
  .cross-button-image img {
    width: 14px;
    height: auto;
    position: absolute;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
/*================================================================================================
  ====                             END REQUEST RECOMMENDATION PAGE CSS                        ====
  ================================================================================================*/

/*================================================================================================
  ====                           START REQUEST RECOMMENDATION INFO PAGE CSS                   ====
  ================================================================================================*/
  .recommendation-myinfo-area {
    background: #FFFFFF;
  } 
  .recommendation-myinfo-content {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .recommendation-save-text {
    display: flex;
    justify-content: flex-start;
  }
  .recommendation-save-text img {
    width: 13px;
    height: auto;
    margin-top: -5px;
    margin-right: 2px;
  }
  .recommendation-save-text span {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
  }
  .recommendation-tab-button img {
    max-width: 530px;
    width: 100%;
    height: auto;
    margin-left: 15px;
    padding: 8px 0;
  }
  .recommendation-tab-top-button {
    display: flex;
    justify-content: space-between;
    max-width: 540px;
    width: 100%;
    margin-left: 12px;
  }
  .recommendation-tab-top-button button {
    font-weight: 300;
    font-size: 12px;
    color: #7E8299;
    background: none;
    text-transform: capitalize;
    transition: .3s;
  }
  .recommendation-tab-top-button button:hover {
    color: #0B7DC1;
  }
  .recommendation-tab-top-button button.actives {
    color: #0078BF;
  }
  .recommendation-myinfo-form-heading-text p {
    font-weight: 300;
    font-size: 15px;
    color: #05233B;
    text-transform: inherit;
    padding-top: 25px;
    padding-bottom: 20px;
    margin-left: 10px;
  }
  .recommendation-myinfo-form-heading-text.second p {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 22px;
    margin-left: 5px;
  }
  .recommendation-myinfo-form-heading-text.salf-evaluation p {
    margin-left: 0;
  }
  .recommendation-myinfo-first-form form {
    max-width: 340px;
    width: 100%;
  }
  .info-form-group {
    position: relative;
    cursor: pointer;
  }
  .info-form-group input {
    cursor: pointer;
  }
  .recommendation-myinfo-first-form {
    margin-left: 10px;
  }
  .single-recommendation-myinfo-second {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 15px;
  }
  .single-recommendation-info-second-half {
    display: flex;
    justify-content: flex-start;
    width: 100%;
  }
  .single-myinfo-second-right,.single-myinfo-second-half {
    max-width: 340px;
    width: 100%;
  }
  .single-myinfo-second-left p,.single-myinfo-second-left-pera p {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    margin-right: 20px;
    text-transform: inherit;
  }
  .single-myinfo-second-left p {
    margin-top: 34px;
  }
  .single-myinfo-second-left-pera p {
    margin-top: 8px;
  }
  .single-myinfo-form label,.single-recommendation-myinfo-second label,.single-recommendation-myinfo-second-bottom label {
    font-weight: 300;
    font-size: 14px;
    color: #05233B;
    display: block;
    margin-bottom: 6px;
  }
  .single-myinfo-form {
    padding-bottom: 15px;
  }
  .single-myinfo-form input,.single-recommendation-myinfo-second input,.single-recommendation-myinfo-second-bottom input {
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    text-transform: inherit;
    padding: 6px 10px;
    border: 1px solid #3F4254;
    border-radius: 5px;
    outline: none;
  }
  .single-recommendation-myinfo-second input,.single-recommendation-myinfo-second-bottom input {
    margin-bottom: 15px;
  }
  .single-myinfo-second-half {
    display: flex;
    justify-content: space-between;
  }
  .single-myinfo-second-half input {
    flex: 0 0 48%;
  }
  .single-myinfo-form input::placeholder,.single-recommendation-myinfo-second input::placeholder,.single-recommendation-myinfo-second-bottom input::placeholder {
   font-weight: 300;
   font-size: 14px;
   color: #3F4254;
   text-transform: inherit;
 }
 .myinfo-teacher-name {
  position: relative;
}
.myinfo-teacher-name::after {
  content: "";
  position: absolute;
  background: url('../images/recommendation/down-arrow.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 10px;
  height: 7px;
  right: 10px;
  bottom: 15px;
  pointer-events: none;
}
.myinfo-teacher-name select {
  width: 100%;
  border: 1px solid #3F4254;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
}
.myinfo-teacher-name option {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
}
.recommendation-myinfo-second-form-heading {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 15px;
}
.recommendation-myinfo-second-form-heading p {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: capitalize;
  padding-left: 10px;
}
.recommendation-myinfo-second-form-heading img {
 width: 12px;
 height: auto;
 margin-left: 10px;
}
.custom_checkbox_area.recommendation_checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  padding-bottom: 25px;
  padding-left: 10px;
}
.custom_checkbox_area.recommendation_checkbox.middle {
  padding-top: 138px;
}
.recommendation-myinfo-bottom-design {
  display: flex;
  justify-content: flex-start;
}
.recommendation-myinfo-second-form-right {
  padding-top: 52px;
  padding-left: 20px;
}
.recommendation_checkbox .single-recommendation-checkbox:nth-child(1) {
  margin-right: 20px;
}
.single-recommendation-checkbox label span {
  cursor: pointer;
}
.add-anoter-button a img {
  width: 18px;
  height: auto;
  margin-right: 5px;
  margin-top: -6px;
}
.add-anoter-button a {
  font-weight: 300;
  font-size: 12px;
  color: #0078BF;
  text-transform: inherit;
}
.recommendation-myinfo-bottom-peragraf p {
  font-weight: 300;
  font-size: 11px;
  color: #3F4254;
  max-width: 515px;
  width: 100%;
  line-height: 1.3;
  padding-top: 10px;
}
.all-same-button-design-with-back {
  display: flex;
  justify-content: space-between;
  align-items: first baseline;
}
/*================================================================================================
  ====                            END REQUEST RECOMMENDATION INFO PAGE CSS                    ====
  ================================================================================================*/


/*================================================================================================
  ====                     START REQUEST RECOMMENDATION SELF EVALUATION PAGE CSS              ====
  ================================================================================================*/
  .recommendation-salf-evaluation,.recommendation-reflection {
    background: #FFFFFF;
  }
  .recommendation-myinfo-form-heading-text p:nth-child(2) {
    padding-top: 0;
    font-weight: 300;
    font-size: 11px;
    color: #3F4254;
    text-transform: inherit;
    max-width: 500px;
    width: 100%;
  }
  .recommendation-salf-evaluation-form form {
   max-width: 510px;
   width: 100%;
 }
 .adjetive-input-textarea-content {
  padding-bottom: 25px;
}
.recommendation-salf-evaluation-form-textarea {
  padding-bottom: 35px;
}
.recommendation-salf-evaluation-form-textarea label, .recommendation-salf-evaluation-form-peragraf p, .single-recommendation-slef-input-textarea-right label {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  display: block;
  text-transform: inherit;
  line-height: 1.3;
}
.recommendation-salf-evaluation-form-peragraf p:nth-child(1) {
  padding-bottom: 15px;
}
.recommendation-salf-evaluation-form-textarea label {
 margin-bottom: 5px;
}
.single-recommendation-self-input-textarea {
  display: flex;
  justify-content: flex-start;
  align-items: first baseline;
  padding-top: 25px;
}
.single-recommendation-slef-input-textarea-right {
  max-width: 490px;
  width: 100%;
}
.recommendation-salf-evaluation-form-textarea textarea,.single-recommendation-slef-input-textarea-right textarea {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  padding: 5px 10px;
  border: 1px solid #3F4254;
  width: 100%;
  resize: none;
  border-radius: 5px;
  outline: none;
  height: 90px;
}
.single-recommendation-slef-input-textarea-right input {
 font-weight: 300;
 font-size: 14px;
 color: #3F4254;
 padding: 5px 10px;
 border: 1px solid #3F4254;
 max-width: 185px;
 width: 100%;
 border-radius: 5px;
 margin-bottom: 15px;
}
.single-recommendation-slef-input-textarea-right input::placeholder {
 font-weight: 300;
 font-size: 14px;
 color: #3F4254;
 text-transform: inherit;
}
.single-recommendation-slef-input-textarea-right textarea {
  height: 60px;
}
.recommendation-salf-evaluation-form-textarea p {
  font-weight: 300;
  font-size: 11px;
  color: #3F4254;
  padding-top: 8px;
}
.single-recommendation-slef-input-textarea-left p {
  font-weight: 300;
  font-size: 14px;
  color: #3F4254;
  text-transform: inherit;
  padding-right: 12px;
}
/*================================================================================================
  ====                     END REQUEST RECOMMENDATION SELF EVALUATION PAGE CSS                ====
  ================================================================================================*/

/*================================================================================================
  ====                      START REQUEST RECOMMENDATION REFLECTION PAGE CSS                  ====
  ================================================================================================*/

  .recommendation-salf-evaluation-form-textarea.reflection label {
    margin-bottom: 10px;
  }
  .recommendation-salf-evaluation-form-textarea.reflection {
    padding-bottom: 45px;
  }
/*================================================================================================
  ====                       END REQUEST RECOMMENDATION REFLECTION PAGE CSS                   ====
  ================================================================================================*/

/*================================================================================================
  ====                                  START SETTINGS PAGE CSS                               ====
  ================================================================================================*/
  .change-password-area {
    padding-bottom: 900px;
  }
  .change-password-content {
    max-width: 700px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 60px;
    padding-top: 20px;
  }
  .change-password-left-content {
    background: #FFFFFF;
    padding: 5px 0;
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    max-width: 270px;
    width: 100%;
    border-radius: 4px;
  }
  .change-password-left-content button {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    text-transform: capitalize;
    width: 100%;
    text-align: left;
    padding: 12px 20px;
    background: #FFFFFF;
    transition: .3s;
  }
  .change-password-left-content button:hover {
    background: #DBE6EE;
  }
  .change-password-right-content {
    background: #FFFFFF;
    padding: 30px 40px;
    max-width: 415px;
    width: 100%;
    border-radius: 4px;
  }
  .change-password-right-heading p {
    font-weight: 300;
    font-size: 20px;
    color: #05233B;
    text-transform: capitalize;
    line-height: 1.2;
    padding-bottom: 20px;
  }
  .single-change-password-right-input {
    padding-bottom: 15px;
  }
  .single-change-password-right-input label {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
  }
  .single-change-password-right-input input {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
    border: 1px solid #3F4254;
    width: 100%;
    padding: 5px 15px;
    border-radius: 5px;
    outline: none;
  }
  .single-change-password-right-input input::placeholder {
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
  }
  .single-change-password-right-input input:focus {
    border: 2px solid #0078BF;
  }
  .change-password-submit-button {
    text-align: center;
  }
  .change-password-submit-button input {
    font-weight: 300;
    font-size: 12px;
    color: #FFFFFF;
    background: #0078BF;
    border: none;
    padding: 5px 25px;
    border-radius: 30px;
    text-align: center;
    border-radius: ;
    order: ;
    border: 1px solid #0078BF;
    transition: .3s;
  }
  .change-password-submit-button input:hover {
    background: transparent;
    color: #0078BF;
  }
  .field-icon {
    float: right;
    position: relative;
    z-index: 2;
    top: -30px;
    right: 10px;
    cursor: pointer;
  }
  .field-icon::before {
    content: "";
    position: absolute;
    background: url('../images/enrollment/eyes.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 13px;
    right: 0;
    top: 2px;
  }
/*================================================================================================
  ====                                   END SETTINGS PAGE CSS                                ====
  ================================================================================================*/

/*================================================================================================
  ====                               Start Progress tracking pages css                        ====
  ================================================================================================ */
  /* start progress_tracking_main_area css*/
  .pro_college_heading{
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
  }
  .left_pro_college_area h3 {
    font-weight: 300;
    color: #05233B;
    font-size: 20px;
    margin-top: 12px;
  }
  .right_pro_college_area {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pro_download_area {
    position: relative;
  }
  .pro_search_clg {
    margin-right: 30px;
  }
  .pro_download_area .down-icon {
    position: absolute;
    right: -95px;
    top: -16px;
  }
  .pro_download_area .dropdown-menu {
    min-width: 170px !important;
    border: 1px solid #E4E6EF;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 6px 0 !important;
    position: absolute !important;
    left: -75px !important;
    top: 5px !important;
  }
  .drop_as{
    font-family: 'Avenir';
    font-weight: 300;
    color: #3F4254;
    padding: 10px 0;
    padding-left: 18px;
    transition: 0.3s;
  }
  .drop_as:hover{
    background: #DBE6EE;
  }
  /*progress tracking pages progress*/
  .rt_progress_funel {
    background: url('../images/progress/rt_progress.png') no-repeat scroll 0 0 / cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 15px;
    padding-bottom: 45px;
    cursor: pointer;
    transition: .1s;
    position: relative;
  }
  .rt_progress_main_area {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
  }
  .left_rt_progress_sys {
    flex: 0 0 25%;
  }
  .rt_progress_txt h3{
    font-weight: 500;
    color: #FFF;
    text-align: center;
  }
  .right_rt_progress_sys {
    flex: 0 0 calc(75% - 15px);
    margin-left: 15px;
    background: #FFF;
    padding: 13px 15px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border-radius: 5px;
  }
  .rt_progress_bar_design {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .rt_progress_left_side h5 {
    font-size: 18px;
    font-weight: 300;
    color: #05233B;
    margin-bottom: 13px;
  }
  .rt_progress_left_side p {
    font-size: 12px;
    color: #05233B;
    font-weight: 300;
    margin-top: 12px;
  }
  .rt_progress_left_side {
    flex: 0 0 95%;
  }
  .rt_progress_right_side {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 10px;
    flex: 0 0 calc(5% - 10px);
  }
  .rt_progress_left_side .myclassroom-single-left-cross-progress {
    width: 100%;
    height: 16px;
    border-radius: 50px;
  }
  .rt_progress_left_side .barra-nivel {
    height: 15px;
    background: #00A2A7;
    border-radius: 50px;
  }
  .rt_progress_right_side h5, .rt_progress_right_side span {
    color: #05233B;
    font-weight: 300;
    font-size: 12px;
  }
  /* startpt_progress_main_area css*/
  .pt_view_main_area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 45px;
  }
  .pt_left_view h3{
    font-weight: 400;
    color: #3F4254;
    font-size: 14px;
  }
  .pt_right_view {
    display: flex;
    align-items: center;
  }
  .pt_right_view a{
    margin-left: 16px;
  }
  .btn_style_3 {
    color: #0078BF;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    padding: 5px 17px;
    border: 1px solid #0078BF;
    border-radius: 50px;
    background: transparent;
    transition: 0.3s ease-in-out;
  }
  .btn_style_3:hover{
    color: #FFF;
    background: #0078BF;
  }
  .btn_style_4{
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    padding: 5px 17px;
    border: 1px solid #0078BF;
    border-radius: 50px;
    background: #0078BF;
    transition: 0.3s ease-in-out;
  }
  .btn_style_4:hover{
    color: #0078BF;
    background: transparent;
  }
/*================================================================================================
  ====                                End Progress tracking pages css                         ====
  ================================================================================================ */


 /*================================================================================================
  ====                           Start Messages Page (11)(Munna)                                ====
  ================================================================================================*/
  .mu_messages_page {
    padding: 17px 0px 0px 0px;
  }
  .mu_messages_all{
    display: flex;
  }
  .mu_discussion_header_top_text p{
    font-size: 16px;
    color: #05233B;
    margin-left: 20px;
    font-weight: 300;
  }
  /*===================== Start Right Site Messages page =================*/
  .mu_messages_page_left_site {
    flex: 0 0 25%;/*
    padding-bottom: 100px;*/
    background: #FFF;
  }

  /* Start Message Text*/
  .mu_messages_area{
    background: #FFF;
    padding: 30px 45px 20px 30px;
  }
  .mu_messages_left img {
    width: 25px;
    margin-right: 10px;
  }
  .mu_messages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 3px solid #145B94;
    padding-bottom: 10px;
  }
  .mu_messages_left{
    display: flex;
    align-items: center;
  }
  .mu_messages_left h4{
    font-size: 20px;
    color: #145B94;
  }
  .mu_messages_right {
    background: #00A2A7;
    padding: 4px 10px;
    border-radius: 5px;
  }
  .mu_messages_right p{
    font-size: 12px;
    color: #fff;
  }
  /* End Message Text*/

  /* Start Accordion Messages box*/
  .mu_accordion2 {
    width: 100%;
    max-width: 360px;
    background: #FFF;
  }
  .mu_accordion2 .link {
    cursor: pointer;
    display: block;
    padding: 10px 30px;
    color: #3E3F42;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .mu_accordion2 .link:hover{
    background: #DBE6EE;
  }
  .mu_accordion2 li i {
    position: absolute;
    top: 14px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .mu_accordion2 li i.fa-chevron-down {
    right: 25px;
    left: auto;
    font-size: 12px;
    color: #A6ADB1;
  }
  .mu_accordion2 li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  /*.accordion li.open .link { background: #DBE6EE; }*/

  /*.accordion li.open i { color: #3E3F42; }*/
  .mu_submenu2 {
    display: none;
    background: #444359;
    font-size: 14px;
  }
  .mu_submenu2 li { 
    background: #FFF; 
  }
  .mu_submenu2 a {
    display: block;
    text-decoration: none;
    color: #3E3F42;
    padding: 12px;
    padding-left: 50px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }
  .mu_submenu2 a:hover {
    background: #DBE6EE;
    color: #3E3F42;
  }
  /* End Accordion Messages box*/

  /*Start Recent Client */
  .mu_recent_client li { 
    background: #FFF; 
  }
  .mu_recent_client li img {
    margin-right: 17px;
  }
  .mu_li_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mu_recent_client li img{
    width: 28px;
    height: auto;
  }
  .mu_accrodion_li_flex {
    display: flex;
    padding: 12px 30px;
  }
  .mu_accrodion_li_flex p {
    color: #3F4254;
    font-size: 14px;
    line-height: 1.6;
  }
  /*End Recent Client */

  /*Start Button*/
  .mu_message_button {
    background: #FFF;
    padding: 25px 20px 0px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .mu_message_button a {
    text-align: center;
    font-size: 14px;
    color: #0078BF;
    border: 1px solid #0078BF;
    border-radius: 20px;
    padding: 6px 0;
    margin-bottom: 16px;
    font-weight: 400;
    max-width: 240px;
    width: 100%;
    flex: 0 0 100%;
  }
  .mu_message_button a:hover {
    background: #0078BF;
    color: #FFF;
    transition: .3s;
  }
  /*End Button*/
  /*===================== End LEFT Site Messages page =================*/

  /*===================== Start Right Site Messages page =================*/
  .mu_right_site_border{
    border: 1px solid #EAEDF3;
    border-radius: 6px 5px 0 0;
  }
  .mu_messages_page_right_site {
    flex: 0 0 75%;
  }
  /* Start Chart Text*/
  .mu_chart_area {
    width: 270px;
    background: #E4E6EF;
    padding: 20px 0 28px 0;
    border: 4px solid #FFF;
  }
  .mu_chart_left img {
    width: 25px;
    margin-right: 10px;
  }
  .mu_chart {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mu_chart_left{
    display: flex;
    align-items: center;
  }
  .mu_chart_left h4{
    font-size: 20px;
    color: #707070;
  }
  .mu_chart_right {
    background: #707070;
    padding: 4px 10px;
    border-radius: 5px;
    margin-left: 12px;
  }
  .mu_chart_right p{
    font-size: 12px;
    color: #fff;
  }
  /* End Chart Text*/

  /*=======Start search Header*/
  .mu_chart_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    padding: 23px 15px 15px 27px;
    border-radius: 6px 5px 0 0;
  }
  .mu_chart_header.mu_chart_header2 {
    justify-content: normal;
  }
  /*Start Header button*/
  .mu_header_btn {
    display: flex;
  }
  .mu_header_btn.mu_header_btn2 {
    margin-right: 40px;
  }
  .mu_header_btn a {
    display: block;
    font-size: 14px;
    color: #0078BF;
    border: 1px solid #0078BF;
    border-radius: 20px;
    padding: 6px 20px;
    font-weight: 400;
    margin-right: 16px;
  }
  .mu_header_btn a:hover {
    background: #0078BF;
    color: #FFF;
    transition: .3s;
  }
  .mu_header_btn.mu_header_btn12 a {
    margin: 0px;
  }
  .mu_header_btn.mu_header_btn12f a {
    margin: 0px 12px 0px 0px;
  }
  .mu_header_btn.mu_header_btn12f{
    display: flex;
    align-items: center;
  }
  .mu_header_btn.mu_header_btn12f img {
    width: 15px;
    height: 15px;
    cursor: pointer;
  }
  /*End Header button*/

  /*Start search Bar*/
  .mu_search_bar.mu_search_bar_reply {
    flex: inherit;
    max-width: 352px;
    width: 100%;
  }
  /*End search Bar*/

  /*Start Next button*/
  .mu_header_next_btn img{
    width: 8px;
    height: auto;
  }
  .pagination_left_icon {
    padding-right: 33px;
  }
  .pagination_right_icon {
    padding-left: 33px;
  }
  .mu_header_next_btn{
    display: flex;
    align-items: center;
  }
  .mu_pagination_count_button a {
    font-weight: 400;
    font-size: 14px;
    background: transparent;
    color: #3E3F43;
    padding: 5px 12px;
    border-radius: 4px;
    transition: .3s;
    margin: 0 3px;
  }
  .mu_pagination_count_button a.active {
    background: #0078BF;
    color: #FFF;
    padding: 5px 12px;
    border-radius: 4px;
  }
  .mu_pagination_count_button a:hover {
    background: #0078BF;
    color: #FFF;
    border-radius: 4px;
  }
  /*End Next button*/
  /*======End search Header*/

  /*======Start icon Header*/
  .mu_icon_header {
    background: #FFF;
    padding: 9px 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #EAEDF3;
  }
  .mu_icon_header_left {
    display: flex;
    align-items: center;
  }
  .mu_icon_header_left_flex{
    display: flex;
    align-items: center;
  }
  /*Start check box*/
  .mu_icon_header_checkbox{
    margin-right: 10px;
  }
  .mu-form-group {
    display: block;
  }

  .mu-form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }

  .mu-form-group label {
    position: relative;
    cursor: pointer;
  }

  .mu-form-group label::before {
    content: '';
    -webkit-appearance: none;
    background-color: #F6F7F9;
    border: 1px solid #D8DCE6;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
  }

  .mu-form-group input:checked + label::after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 5px;
    width: 7px;
    height: 12px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }
  /*End check box*/

  /*Start icons*/
  .mu_icon_header_icons{
    margin-right: 15px;
  }
  .mu_icon_header_icons ul {
    display: flex;
    align-items: center;
  }
  .mu_icon_header_icons ul li a{
    margin: 0 13px;
    display: flex;
    align-items: center;
  }
  .mu_icon_header_icons ul li span{
    color: #D8DCE6;
  }
  .mu_icon_header_icons ul li a img{
    width: 14px;
    height: auto;
  }
  /*End icons*/
  .mu_filter_announcement p{
    font-size: 14px;
    color: #3E3F43;
    font-weight: 300;
  }
  .mu_icon_header_right p{
    font-size: 14px;
    color: #3E3F43;
  }
  /*======End icon Header*/

  /*========Start People List*/
  .mu_people_list{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    padding: 16px 27px;
    border-top: 1px solid #EAEDF3;
  }
  /*Start People Left Site*/
  .mu_people_list_left {
    display: flex;
    align-items: center;
  }
  .mu_peo_left_img {
    display: flex;
    align-items: center;
    margin: 0 15px 0 6px;
  }
  .mu_peo_left_img a {
    display: flex;
  }
  .mu_peo_left_img img{
    width: 16px;
    height: auto;
  }
  .mu_people_left_left {
    display: flex;
    align-items: center;
    width: 220px;
  }
  .mu_people_profile{
    display: flex;
    align-items: center;
  }
  .mu_people_profile img{
    width: 28px;
    height: auto;
    margin-right: 10px;
  }
  .mu_people_profile p{
    font-size: 14px;
    color: #3E3F43;
  }

  .mu_people_left_right p{
    font-size: 14px;
    color: #3E3F43;
  }
  /*Start People Left Site*/

  /*Start People Right Site*/
  .mu_people_list_right{
    display: flex;
    align-items: center;
  }
  .mu_people_list_right p{
    font-size: 14px;
    color: #3E3F43;
  }
  .mu_people_list_margin {
    margin: 0 20px 0 12px;
  }
  .mu_people_list_right a img{
    width: 20px;
    height: auto;
  }
  .mu_people_list_right a{
    display: flex;
    align-items: center;
  }
  .mu_people_right_img {
    width: 16px;
    height: auto;
    margin-right: 15px;
    cursor: pointer;
  }
  /*End People Right Site*/
  /*======End People List*/
  
  /*===================== End Right Site Messages page =================*/

  /*Start Bottom Next Page*/
  .mu_main_bottom {
    display: flex;
    padding: 10px 0;
  }
  .mu_main_bottom_left{
    flex: 0 0 25%;
  }
  .mu_main_bottom_right{
    flex: 0 0 75%;
  }
  .mu_main_bottom_next_change{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /*End Bottom Next Page*/

   /*===============================================================================================
  ====                           End Messages Page (11)(Munna)                                  ====
  ================================================================================================*/

  /*================================================================================================
  ====                           Start Messages Individual Page (12)(Munna)                     ====
  ================================================================================================*/
  .mu_single_letter {
    background: #FFF;
    padding: 0 0 80px 27px;
    border-top: 1px solid #EAEDF3;
  }
  /*Start Letter Top Button*/
  .mu_letter_top_button{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 27px 17px 0;
  }
  /*End Letter Top Button*/

  /*Start Letter Content Area*/
  .mu_profile_img_area_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 37px;
    padding-right: 27px;
  }
  .mu_profile_img_area_left{
    display: flex;
    align-items: center;
  }
  .mu_profile_img_area_left img{
    width: 52px;
    height: auto;
    margin-right: 19px;
  }
  .mu_profile_img_area_left p{
    font-size: 16px;
    color: #3E3F43;
  }
  .mu_header_btn.mu_header_btn12.mu_header_btn12_2 a {
    margin-left: 15px;
  }

  .mu_profile_img_area_content h6{
    font-size: 16px;
    color: #3E3F43;
    font-weight: 300;
  }
  .mu_profile_img_area_content p{
    font-size: 14px;
    color: #3E3F43;
    margin-top: 19px;
  }
  /*End Letter Content Area*/

  /*Start Letter bottom Button*/
  .mu_header_btn.mu_header_btn12.mu_header_btn12_2.mu_header_btn12_3 a {
    margin: 0 15px 0 0 ;
  }
  .mu_header_btn.mu_header_btn12.mu_header_btn12_2.mu_header_btn12_3 {
    margin-top: 100px;
  }
  /*End Letter bottom Button*/
  /*================================================================================================
  ====                           End Messages Individual Page (12)(Munna)                     ====
  ================================================================================================*/

    /*================================================================================================
  ====                           Start Discussions Page (13)(Munna)                     ====
  ================================================================================================*/
  .mu_main_discussion_page{
    display: flex;
  }

  /*================================ Start Left Site discussion Page ============================*/
  .mu_main_left_discussion {
    flex: 0 0 33%;
    background: #FFF;
  }
  /*Overflow Scroll*/
  .mu_message_scroll_left{
    height: 715px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  /*Start left site header*/
  .mu_dis_left_header{
    padding: 22px 30px 0px 30px;
    border-bottom: 1px solid #EAEDF3;
  }
  .mu_dis_left_header ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mu_dis_left_header ul li a{
    font-size: 14px;
    color: #3F4254;
    border-bottom: 3px solid transparent;
    padding-bottom: 21px;
  }
  .mu_dis_left_header ul li a:hover{
    border-bottom: 3px solid #145B94;
    color: #3E3F42;
  }
  .mu_dis_left_li_flex a{
    display: flex;
    align-items: center;
  }
  .mu_dis_left_li_flex a img{
    width: 15px;
    height: auto;
    margin-right: 5px;
  }
  /*End left site header*/

  /*Start My Teacher*/
  .mu_my_teacher_dis{
    border-bottom: 1px solid #EAEDF3;
  }
  .mu_my_teacher_dis p{
    font-size: 12px;
    color: #181C32;
    padding: 13px 30px;
    font-weight: 300;
  }
  .mu_dis_teacher_img {
    border-bottom: 1px solid #EAEDF3;
    padding: 8px 20px 15px 20px;
  }
  .mu_dis_teacher_img ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mu_dis_teacher_img ul li a img{
    width: 40px;
    height: auto;
  }
  /*End My Teacher*/

  /*Start Dropdown Menu*/
  .mu_dis_dropdown_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 15px 18px 30px;
    border-bottom: 1px solid #EAEDF3;
  }
  .mu_header_btn.mu_dis_le_dropdown_btn a {
    margin: 0;
    padding: 6px 36px;
  }
  .mu_dis_le_dropdown ul{
    display: flex;
    align-items: center;
  }
  .mu_dis_le_dropdown_li_btn{
    font-size: 14px;
    color: #3F4254;
    margin-right: 50px;
  }
  .mu_dis_li_img img {
    width: 12px !important;
    height: 8px !important;
    right: 30px;
    top: 12px;
    position: absolute;
  }
  /*End Dropdown Menu*/

  /*Start Discussion Full Area*/
  .mu_dis_content_left {
    border-bottom: 1px solid #EAEDF3;
    display: flex;
    justify-content: space-between;
    padding: 15px 7px;
    background: #FFFFFF;
    cursor: pointer;
  }
  .mu_dis_content_left:hover {
    background: #F6F9FD;
  }
  .mu_dis_content_description_left p:first-child{
    font-size: 11px;
    color: #9EA0A5;
  }
  .mu_dis_con_pad h4{
    font-size: 16px;
    color: #3E3F42;
    font-weight: 700;
    margin-bottom: 3px;
  }
  .mu_dis_con_pad p{
    font-size: 12px !important;
    margin-bottom: 7px;
    color: #6B6C6F;
  }
  .mu_dis_content_description_left p{
    font-size: 11px;
    color: #6B6C6F;
  }
  .mu_dis_img_con_flex_left{
    display: flex;
  }
  .mu_dis_con_img_img1 {
    margin-bottom: -21px;
  }
  .mu_dis_content_img_posi img {
    width: 40px;
    height: auto;
  }
  .mu_dis_con_p_pos a {
    font-size: 12px;
    color: #FFF;
    background: #009651;
    padding: 3px 10px;
    border-radius: 4px;
    text-align: center;
    font-weight: 700;
  }
  .mu_dis_content_img_posi{
    position: relative;
    text-align: center;
    margin-bottom: 15px;
  }
  .mu_dis_con_p_pos {
    position: absolute;
    bottom: -13px;
    right: 32px;
  }

  /*Start Class Discussion Area*/
  .mu_dis_con_single_img img{
    width: 25px;
    height: auto;
    border: 2px solid #FFF;
    border-radius: 50%;
  }
  .mu_dis_con_img_to_btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mu_dis_con_img_to_btn2{
    position: absolute;
    bottom: 18px;
    left: 15px;
  }
  .mu_dis_con_img_to_btn3{
    position: absolute;
    bottom: 20px;
    left: 27px;
  }
  .mu_dis_con_single_img:nth-child(2){
    margin-left: -11px;
  }
  .mu_dis_con_single_img:nth-child(3){
    margin-left: -11px;
  }
  .mu_dis_con_single_img:nth-child(4){
    margin-left: -11px;
  }
  .mu_dis_con_single_img:nth-child(5){
    margin-left: -11px;
  }
  .mu_dis_con_single_img:nth-child(6){
    margin-left: -11px;
  }
  .mu_dis_con_single_img button{
    font-size: 9px;
    color: #FFF;
    background: #707070;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
  }
  .mu_dis_content_img_left {
    width: 190px;
    position: relative;
  }
  .mu_dis_con_img_img1 img{
    width: 15px;
    height: auto;
  }
  .mu_dis_content_img_posi.mu_dis_content_img_posi2 {
    margin-bottom: 0px;
  }
  .mu_dis_con_pad.mu_dis_con_pad2 h4 {
    margin-bottom: 13px;
  }
  .mu_dis_con_pad.mu_dis_con_pad2 p {
    font-size: 14px !important;
    line-height: 1.5;
  }

  .mu_dis_time_left p{
    font-size: 11px;
    color: #9EA0A5;
    margin-bottom: 30px;
  }
  .mu_dis_time_left a {
    color: #fff;
    background: #145B94;
    padding: 2px 8px;
    border-radius: 50%;
    font-size: 12px;
  }
  /*End Full Discussion Area*/

  /*Start Groups Full Area*/
  .mu_dis_content_img_posi.mu_dis_content_img_posi3 {
    margin-bottom: -11px;
  }
  .mu_dis_time_left.mu_dis_time_left_p2 p:last-child {
    margin-bottom: 0;
  }
  /*End Groups Full Area*/

  /*Start Chart Area*/
  .mu_dis_con_img_img1.mu_dis_con_img_img1reply2 {
    margin-bottom: -30px;
  }
  .mu_dis_con_single_img.mu_dis_con_single_img_new img {
    width: 40px;
    height: auto;
    border: 1px solid #FFF;
    border-radius: 50%;
    margin-left: -20px;
    margin-top: -5px;
  }
  /*Start Chart Area*/
  /*================================ End Left Site discussion Page ============================*/

  /*================================ Start Right Site discussion Page ============================*/
  .mu_main_right_discussion {
    flex: 0 0 67%;
  }
  /*Overflow Scroll*/
  .mu_message_scroll_right {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  /*Start Chat Box*/
  .mu_messages_area.mu_messages_area2 {
    width: 270px;
    padding: 23px 52px 18px 62px;
    margin-left: -100px;
  }
  .mu_chart_area.mu_chart_area2 {
    padding: 27px 10px 15px 0px;
  }
  .mu_messages.mu_messages2 {
    padding-bottom: 6px;
  }
  /*End Chat Box*/

  /*Start right site header*/
  .mu_dis_right_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    border-left: 1px solid #EAEDF3;
    background: #FFF;
  }
  .mu_dis_right_header_left p{
    font-size: 18px;
    color: #3E3F42;
  }
  .mu_dis_right_header_rtr{
    margin-right: 15px;
  }
  .mu_dis_right_header_rtr ul{
    display: flex;
  }
  .mu_dis_right_header_rtr ul li a img{
    width: 28px;
    height: auto;
  }

  .mu_dis_right_header_right{
    display: flex;
    align-items: center;
  }
  .mu_dis_right_header_rtl2 img{
    width: 28px;
    height: auto;
    margin-right: 30px;
  }
  .mu_dis_right_header_rtl3 img {
    width: 20px ;
    height: auto;
  }
  .mu_dis_con_single_img_reply button {
    padding: 7px;
  }
  .mu_dis_right_header_rtr ul li a {
    margin: ;
    margin-right: 5px;
  }
  /*End right site header*/

  /*Start Right profile Content Area*/
  .mu_right_profile_area {
    background: #FFF;
    padding: 25px 30px 10px 30px;
    border: 1px solid #EAEDF3;
  }
  .mu_dis_profile_img{
    display: flex;
    align-items: center;
  }
  .mu_dis_profile_img_img img{
    width: 40px;
    height: auto;
    margin-right: 10px;
  }
  .mu_dis_profile_img_title_flex{
    display: flex;
    align-items: center;
  }
  .mu_dis_profile_img_title_flex h5{
    font-size: 16px;
    color: #3E3F42;
    margin-right: 10px;
  }
  .mu_dis_profile_img_title_flex p{
    font-size: 9px;
    color: #FFF;
    background: #3F4254;
    padding: 2px 9px;
    border-radius: 3px;
    font-weight: 700;
  }
  .mu_dis_profile_img_title a {
    font-size: 12px;
    color: #145B94;
    border-bottom: 1px solid #145B94;
    display: inline-block;
    line-height: 10px;
  }
  .mu_dis_profile_content_rt{
    margin-bottom: 10px;
  }
  .mu_dis_profile_content_rt img{
    width: 14px;
    height: auto;
    margin-right: 7px;
  }
  .mu_dis_profile_content_rt p{
    font-size: 12px;
    color: #3E3F42;
  }
  .mu_dis_profile_content_rt{
    display: flex;
    align-items: center;
  }
  .mu_dis_profile_content_rb p{
    font-size: 12px;
    color: #3F4254;
  }
  .mu_profile_img_content_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .mu_dis_profile_cont p{
    font-size: 14px;
    color: #3E3F42;
  }
  /*End Right profile Content Area*/

  /*Start PDF Area*/
  .mu_dis_pdf_flex_box{
    display: flex;
    align-items: center;
    padding: 15px 16px;
    background: #F3F6F9;
    margin-bottom: 5px;
  }
  .mu_dis_pdf_right {
    margin-bottom: 5px;
  }
  .mu_dis_pdf_flex_left img{
    width: 20px;
    height: 20px;
    height: auto;
    margin-right: 10px;
  }
  .mu_dis_pdf_flex_left p{
    font-size: 14px;
    color: #0078BF;
  }
  .mu_dis_pdf_flex_right a{
    display: flex;
    align-items: center;
  }
  .mu_dis_pdf_flex_right a img{
    width: 20px;
    height: auto;
  }
  .mu_dis_pdf_flex_right a p{
    margin-right: 10px;
    font-size: 14px;
    color: #0078BF;
  }
  .mu_dis_pdf_flex_left{
    display: flex;
    align-items: center;
    margin-right: 10px;
  }
  .mu_dis_pdf_radio{
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid #707070;
    border-radius: 50%;
    text-align: right;
  }
  .mu_dis_pdf_box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .mu_dis_pdf_right a {
    font-size: 12px;
    color: #145B94;
    border-bottom: 1px solid #145B94;
    display: inline-block;
    line-height: 10px;
  }
  .mu_disc_pdf_area {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 15px;
  }
  /*End PDF Area*/

  /*Start message area 1*/
  .mu_dis_message_area1{
    padding: 19px 23px 8px 18px;
  }
  .mu_message_sin_content {
    background: #E4E6EF;
    padding: 10px 12px 20px 17px;
    border-radius: 0 8px 8px 8px;
    max-width: 500px;
    width: 100%;
  }
  .mu_dis_Single_message_box {
    display: flex;
    margin-bottom: 30px;
    margin-right: 10px;
  }
  .mu_message_sin_img img{
    width: 28px;
    height: auto;
    margin-right: 15px;
  }
  .mu_message_conte_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  .mu_message_conte_flex p{
    font-size: 12px;
    color: #05233B;
  }
  .mu_message_sin_con_par p{
    font-size: 14px;
    color: #05233B;
  }
  .mu_dis_Single_message_box.mu_dis_message_area1_box2 {
    justify-content: flex-end;
  }
  .mu_message_sin_content.mu_message_sin_content2 {
    border-radius: 8px 0 8px 8px;
  }
  .mu_message_sin_content2{
    background: #C1D3E2;
  }
  .mu_new_messag {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .mu_new_messag a{
    font-size: 14px;
    color: #3E3F42;
    margin-right: 10px;
  }
  .mu_new_messag p{
    font-size: 12px;
    color: #9EA0A5;
  }
  /*End message area 1*/

  /*Start message area 2*/
  .mu_dis_message_area2 {
    background: #E5F1F3;
    padding: 28px 0 5px 31px;
  }
  .mu_message_sin_con_par2 p:nth-child(1){
    margin-bottom: 20px;
  }

  .mu_message_typein{
    display: flex;
    align-items: center;
  }
  .mu_message_typein_prof{
    display: flex;
    align-items: center;
  }
  .mu_message_typein_prof img{
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .mu_message_typein_prof p{
    font-size: 14px;
    color: #05233B;
    margin-right: 10px;
  }
  .mu_message_typein_type p{
    font-size: 12px;
    color: #7E8299;
  }
  .mu_dis_message_option {
    text-align: center;
    margin-top: 50px;
  }

  .mu_dis_Single_message_box_option{
    display: flex;
    align-items: center;
  }
  .mu_dis_message_option a img{
    width: 20px;
    height: auto;
  }
  /*Start message area 2*/

  /*Start Type a message*/
  .mu_type_a_message{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    padding: 25px 30px;
  }
  .mu_type_a_message_text {
    flex: 0 0 80%;
  }
  .mu_type_a_message_text input{
    font-size: 14px;
    color: #3F4254;
    border: none;
    outline: none;
    background: #FFF;
    width: 100%;
  }
  .mu_type_a_message_img{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 20%;
  }
  .mu_type_a_message_img a img{
    width: 20px;
    height: 18px;
    margin-left: 15px;
    cursor: pointer;
  }

  /*Upload File Style*/
  .fileUpload {
    position: relative;
    overflow: hidden;
  }
  .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  /*End Type a message*/
  /*================================ End Right Site discussion Page ============================*/
    /*================================================================================================
  ====                           End Discussions Page (13)(Munna)                     ====
  ================================================================================================*/


  /*================================================================================================
  ====                                    LEARNING PAGE CSS START                                  ====
  ================================================================================================*/
  .ra_science_area {
    background-color: #F3F6F9;
    padding: 0 0 24px 0;
  }
  .ra_science_main_area {
    padding-top: 20px;
  }
  .ra_science{
    background: #fff;
    border-radius: 3px;
    padding: 31px;
    box-sizing: border-box;
    border: 1px solid #F3F6F9;
  }
  /*tor area scroll start */
  .ra_science_top_calendar {
    padding-bottom: 24px;
  }
  .ra_science_top_calendar ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .ra_science_top_calendar ul li a {
    display: flex;
    align-items: center
    
  }
  .ra_science_top_calendar ul li a span {
    font-size: 14px;
    font-weight: 300;
    margin-left: 20px;
    color: #0078BF;
    text-decoration: underline #0078BF;
  }
  .ra_science_top_calendar ul li a img {
    width: 10px;
    height: auto;
    object-fit: cover;
    top: 0px;
    margin-left: 6px;
  }
  /*tor area scroll end */
  
  .ra_jackson_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ra_jackson_top .dropdown-menu.adjust {
    top: 13px !important;
    left: 5px !important;
    width: 100%;
  }
  .ra_jackson_top .dropdown-item.width-two {
    width: 100%;
  }
  .ra_jackson_top .header-profile-dropdown::before {
    width: 0;
    height: 0;
  }
  .ra_jackson_top .header-profile-dropdown::after {
    width: 0;
    height: 0;
  }
  .ra_jackson_top .profile-text h5 {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 300;
  }
  .ra_jackson_top .profile-text p {
    font-size: 14px;
  }
  .ra_jackson_top .profile-image img {
    width: 60px;
    height: 60px;
    border-radius: 0;
    margin-right: 10px;
  }
  .ra_jackson_top .down-icon-two img {
    right: -39px;
    top: 18px;
  }
  .ra_jackson_top  .header-profile-dropdown {
    padding: 0 0px 0 0px;
    position: relative;
  }
  
  
  /*Btn area start*/
  .ra_jackson_top .contact-button a {
    font-size: 14px;
    color: #0078BF;
    border: 1px solid #0078BF;
    padding: 7px 25px;
    border-radius: 26px;
    transition: .3s;
  }
  .ra_jackson_top .contact-button a:hover{
    color: #fff;
    background-color:#0078BF; 
  }
  .ra_jackson_btn_area {
    display: flex;
    align-items: center;
  }
  
  .ra_jackson_top .contact-button2 a {
    color: #fff;
    background-color: #0078BF;
    margin-left: 20px;
  }
  .ra_jackson_top .contact-button2 a:hover{
    background-color: #fff;
    color: #0078BF;
  }

  
  
  /*  Since Progress area start   */
  .ra_science_progress_area {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .ra_science_progress_area .slider-course-progress-left p {
    font-size: 14px;
    color: #3F4254;
    font-weight: 300;
  }
  .ra_science_content_area p {
    padding-top: 15px;
    color: #3F4254;
    font-weight: 300;
    font-family: Avenir;
    font-size: 14px;
  }
  .ra_science_content_area p a{
    text-decoration: underline #0078BF;
    color: #0078BF;
  }
  .ra_science_progress_area .myclassroom-single-left-cross-progress {
    width: 247px;
    height: 7px;
    background: #E4E6EF;
    border-radius: 7px;
    margin: 8px 0;
  }
  .myclassroom-single-left-cross-progress.myclassroom-single-left-cross-progress_extra {
    background: #05233B;
  }
  .ra_science_progress_area .barra-nivel {
    height: 7px;
    background: #00A2A7;
  }
  .ra_science_progress_area .course-progress-right h5, .course-progress-right span {
    font-weight: 300;
    font-size: 12px;
    color: #181C32;
    text-transform: inherit;
    line-height: 9px;
  }
  .ra_science_progress_area .slider-course-progress {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
  .ra_science_progress_area .course-progress-right {
    margin-left: 12px;
    margin-top:0px;
  }
  .ra_science_progress_area .course-progress-right_ex_ex {
    margin-top: 22px !important;
  }
  .ra_science_progress_area .course-progress-left p {
    font-size: 14px;
    font-weight: 300;
  }
  .ra_repetable_area .single-top-progress-heading-text p {
    font-weight: 300;
  }
  .ra_science_progress_area .ra_bottom_area_science {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .ra_bottom_area_science img {
    width: 12px;
    height: auto;
    object-fit: cover;
    margin-right: 7px;
  }
  .ra_bottom_area_science_ex{
    margin-right: 10px;
  }
  
  
  /* =================        Repetable area start      =================   */
  .ra_repetable_area{
    background-color: #F3F6F9;
  }
  .ra_single_repetable_area{

  }
  .ra_repetable_area .single-top-progress-area {
    flex: 0 0 24%;
  }
  .ra_repetable_area .top-progress-area {
    padding-bottom: 17px;
  }
  .ra_repetable_area .single-top-progress-area{

  }
  .ra_repetable_area .top-progress-area .single-top-progress-area:nth-child(1){
    background:url('../images/learning/bg-progress1.png') no-repeat scroll 0 0 / cover;
    border: none !important; 
  }
  .ra_repetable_area .top-progress-area .single-top-progress-area:nth-child(2){
    background:url('../images/learning/bg-progress2.png') no-repeat scroll 0 0 / cover;
    border: none !important; 
  }
  .ra_repetable_area .top-progress-area .single-top-progress-area:nth-child(3){
    background:url('../images/learning/bg-progress3.png') no-repeat scroll 0 0 / cover;
    border: none !important; 
  }
  .ra_repetable_area .top-progress-area .single-top-progress-area:nth-child(4){
    background:url('../images/learning/bg-progress4.png') no-repeat scroll 0 0 / cover;
    border: none !important; 
    color: #181C32;
  }
  .ra_repetable_area .single-top-progress-area:hover {

  }
  .single-top-progress-area_ex .single-top-progress-heading-text p{
    color:#0B0000 !important; 
  }
  .single-top-progress-area_ex .single-top-progress-count-text h5 {
    font-size: 26px;
    color: #0B0000;
    padding: 5px 5px;
    border-radius: 5px;
    margin: 0;
  }
  .single-top-progress-area_ex .single-top-progress-count-text h5 span{
    font-size: 14px !important;
    color: #0B0000;
    font-weight: normal;
  }
  .single-top-progress-count-text_ex h5{
    display: inline-block;
    background-color: #fff;
    font-size: 12px !important;
  }
  .single-top-progress-area.single-top-progress-area_ex {
    padding: 12px 1px 23px 16px !important;
  }
  
  
  /* =================        Repetable area End        =================   */
  
  
  
  
  
  
  /* =================      Slider Resources css area start       ===================== */
  .ra_resources_area {
    background-color: #F3F6F9;
    padding-bottom: 37px;
  }
  .ra_resources_area .myclassroom-area{
    padding: 20px 20px;
  }
  
  
  
  /* Resources Slide area start */
  .ra_resources_slider_area_ex{
    padding-left: 30px;
  }
  .ra_resources_slider_area{
    position: relative;
  }
  .ra_resources_slider_area::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 28px;
    background: url('../images/learning/affff.png') no-repeat scroll 0 0 / cover;
    z-index: 1;
  }
  .ra_resources_slider_area_single_main {
    border: 1px solid #E4E6EF;
    border-radius: 4px;
    position: relative;
  }
  .ra_resources_slider_area_top_single {
    display: flex;
    justify-content: space-between;
  }
  .ra_resources_slider_area_top {
    padding: 10px 15px;
  }
  .ra_resources_area .myclassroom-header{
    padding-bottom: 20px;
  }
  .ra_resources_slider_area_butttom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #B2D8EF;
    padding: 7px 16px;
  }
  .ra_resources_slider_area_butttom_man {
    display: flex;
    align-items: center;
  }
  .ra_resources_slider_area_top_single img{
    width: 45px !important;
    height: auto;
    object-fit: cover;
  }
  .ra_resources_slider_area_butttom_man img {
    width: 25px !important;
    height: auto;
    object-fit: cover;
    margin-right: 10px;
  }
  .ra_resources_area .myclassroom-area {
    background-color: #fff;
  }
  .ra_resources_content .single-top-progress-area:hover {
    border: none;
  }
  .ra_resources_slider_pdf {
    text-align: right;
  }
  .ra_resources_slider_area_top_single ul li {
    font-size: 9px;
  }
  .ra_resources_slider_area_middle h2 {
    font-size: 15px;
    font-weight: 300;
    padding: 20px 0 10px 0;
    color: #3E3F42;
  }
  .ra_resources_slider_area_middle p {
    font-size: 12px;
    font-weight: 300;
    color: #3E3F42;
    padding-right: 20px;
  }
  .ra_resources_slider_area_middle {
    height: 100px;
  }
  .ra_resources_slider_pdf a {
    color: #3F4254;
    font-weight: normal;
    display: inline-block;
    text-transform: uppercase;
    font-size: 9px;
    padding-top: 10px;
  }
  .ra_single_man h6{
    font-size: 11px;
    color: #05233B;
    font-weight: normal;
  }
  .ra_single_man p{
    font-size: 9px;
    color: #05233B;
    font-weight: normal;
  }
  
  .ra_resources_area_bottom_text{
    text-align: right;
    padding-top: 60px;
  }
  .ra_resources_area_bottom_text a {
    color: #0078BF;
    font-size: 14px;
    font-weight: 300;
  }
  
  
  /*Text right area start */
  .ra_resources_right_area{
    background-color: #fff;
    padding: 25px 16px;
    box-sizing: border-box;
  }
  .ra_resources_right_area_single_item{
    padding-bottom: 30px;
    position: relative;
  }
  .ra_resources_right_area_single_item::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: -45px;
    width: 128%;
    height: 1px;
    background-color: #EAEDF3;
  }
  .ra_resources_right_area_single_item:last-child:after { 
    content: ""; 
    position: absolute;
    background-color: transparent;
  }
  
  .ra_resources_right_area_single_item_img {
    display: flex;
    align-items: center;
  }
  .ra_resources_top h4 {
    font-size: 16px;
    color: #3F4254;
    font-weight: 300;
  }
  .ra_resources_top p {
    font-size: 12px;
    padding-top: 15px;
    font-weight: 300;
  }
  .ra_resources_right_area_single_item_img img {
    width: 34px;
    margin-right: 15px;
  }
  .ra_resources_right_area_single_item_img p{
    font-size: 14px;
    font-weight: 300;
  }
  .ra_resources_right_area_single_item_img p:nth-child(2) {
    font-size: 12px;
    padding-top: 7px;
  }
  .ra_resources_bottom_area{
    text-align: center;
  }
  .ra_resources_bottom_area a {
    font-size: 14px;
    font-weight: 300;
    color: #0078BF;
  }
  /* =================       Resources css area end       ===================== */
  
  
  /* =================       Resources css area end       ===================== */
  
  
  /*================== Start Dropdown Menu Area ==================*/
  .dropdown_search_flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mu_dropdown_menu_content {
    flex: 0 0 55%;
  }
  .mu_search_bar{
    flex: 0 0 33%
  }
  
  .mu_dropdown_menu_area {
    background: #F3F6F9;
    padding-top: 10px;
  }
  .mu_dropdown_menu_content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .mu_dropdown_menu_content ul li{
    color: #3F4254;
    margin-right: 20px;
    font-size: 12px;
  }
  .mu_dropdown_menu_content ul li a,.mu_dropdown_menu_content ul li button.menu-drop {
    font-weight: 400;
    font-size: 14px;
    color: #3F4254;
    text-transform: capitalize;
    margin: 18px 0;
    position: relative;
  }
  .mu_dropdown_menu_content ul li button.menu-drop {
    padding-right: 30px;
  }
  .mu_dropdown_menu_contentt ul li button.menu-drop:hover {
    color: #0078BF;
    border-bottom: 3px solid #0078BF;
  }
  .mu_dropdown_menu_content ul li a.active,.mu_dropdown_menu_content ul li a:hover {
    color: #0078BF;
  }

  .dropdown-menu.new-menu.show.ra_custom_checkbox_area_up{
    top: -14px !important;
    position: absolute !important;
  }

  .mu_dropdown_menu_content ul li a img,.mu_dropdown_menu_content ul li button.menu-drop img {
    height: 14px;
    width: auto;
    margin-top: -7px;
    margin-right: 2px;
  }
  .mu_dropdown_menu_content ul li a span {
    background: #145B94;
    font-weight: 400;
    font-size: 10px;
    color: #FFF;
    padding: 1px 5px;
    border-radius: 15px;
    width: 10px;
    margin-left: 5px;
  }
  
  
  
  /* Start View icons*/
  .mu_view_icons ul{
    display: flex;
    align-items: center;
  }
  .mu_view_icons ul li{
    margin: 0;
    margin-right: 20px;
    font-size: 14px;
    color: #3F4254;
  }
  .mu_view_icons ul li:last-child{
    margin-right: 0;
  }
  .mu_view_icons ul li a{
    display: flex;
    align-items: center;
  }
  .view_img_1{
    width: 11px;
  }
  .view_img_2{
    width: 17px;
  }
  /* End View icons*/
  
  
  /*   Radio btn area start   */
  /* custom checkbox */
  .custom_checkbox_area label span {
    font-size: 14px;
    font-weight: 300;
  }
  .recommendation_checkbox label sapn {
    cursor: pointer;
  }
  .custom_checkbox_area {
    padding: 10px 17px;
  }
  .custom_checkbox_area label{
    display: flex;
    align-items: center;
  }
  /* custom checkbox */
  .custom_checkbox_area input[type="radio"] {
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 2px solid #3f51b5;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
  }
  .recommendation_checkbox input[type="checkbox"] {
    height: 16px;
    width: 16px;
    margin: 0;
    padding: 0;
    opacity: 1;
    appearance: none;
    border: 1px solid #D8DCE6;
    border-radius: 3px;
    background: #fff;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
  }
  .custom_checkbox_area input[type="radio"]:checked,.recommendation_checkbox input[type="checkbox"]:checked {
    border: 2px solid #3f51b5;
    background: #3f51b5;
  }
  
  .custom_checkbox_area input[type="radio"]:checked::before,.custom_checkbox_area input[type="radio"]:checked::after,.recommendation_checkbox input[type="checkbox"]:checked::before,.recommendation_checkbox input[type="checkbox"]:checked::after  {
    content: "";
    position: absolute;
    height: 2px;
    background: #fff;
  }
  .custom_checkbox_area input[type="radio"]:checked::before {
    width: 8px;
    top: 8px;
    left: 0px;
    transform: rotate(44deg);
  }
  .recommendation_checkbox input[type="checkbox"]:checked::before {
    width: 7px;
    top: 6px;
    left: 0px;
    transform: rotate(44deg);
  }
  .custom_checkbox_area input[type="radio"]:checked::after {
    width: 11px;
    top: 6px;
    left: 4px;
    transform: rotate(-50deg);
  }
  .recommendation_checkbox input[type="checkbox"]:checked::after {
    width: 10px;
    top: 5px;
    left: 3px;
    transform: rotate(-50deg);
  }
  .custom_checkbox_area input[type="radio"]:focus,.recommendation_checkbox input[type="checkbox"]:focus {
    outline: none !important;
  }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow:none !important;
  }
  
  /*Resources css area start header */
  .ra_courch_area{
    padding: 0px 0 45px 0;
  }
  .ra_courch_area .barra-nivel {
    background: #00A2A7;
  }
  .ra_courch_area_header h2 {
    font-size: 18px;
    color: #05233B;
    font-weight: 300;
  }
  .ra_courch_area .mu_dropdown_menu_content ul li:last-child a{
    display: flex;
    align-items: center;
    display: inline-block;
    color: #0078BF;
    }m
    .ra_courch_area .mu_dropdown_menu_content ul li:last-child img{
      width: 12px;
      height: auto;
      margin-right: 5px;
      object-fit: cover;
    }
    .ra_courch_area .mu_dropdown_menu_content ul li a:hover::after, .mu_dropdown_menu_content ul li button.menu-drop:hover::after {
      background: transparent;
    }


    /*  Ra_courch prpgress area start  */
    .ra_courch_single_item_area {
      display: flex;
      background-color: #fff;
      align-items: center;
      box-sizing: border-box;
      padding: 14px 24px;
      border-radius: 5px;
      border: 1px solid #F7F7F7;
      margin-bottom: 12px;
      justify-content: space-between;
    }
    .ra_courch_single_item_left{
      flex: 0 0 55%;
    }
    .ra_courch_single_item_middle{
      flex: 0 0 20%;
    }
    .ra_courch_single_item_right{
      flex: 0 0 25%;
    }
    /*Top area start */
    .ra_courch_single_item_left_sub_main{
      display: flex;
      align-items: center;
    }
    .ra_courch_single_item_left_sub_main img {
      width: 30px;
      height: auto;
      object-fit: cover;
      margin-right: 20px;
    }
    .ra_courch_single_item_left_content h5 {
      font-size: 18px;
      font-weight: 300;
    }
    .ra_courch_single_item_left_content p {
      font-size: 14px;
      color: #3F4254;
    }

    /*middle area start */
    .ra_courch_ra_progress_area {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    /*More area start */
    .ra_courch_more_area {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .ra_courch_more_area .contact-button a {
      color: #0078BF;
      border: 1px solid #0078BF;
      margin-right: 20px;
      transition: .3s;
    }
    .ra_courch_more_area .contact-button a:hover{
      color: #fff;
      background-color: #0078BF;
    }
    .ra_courch_more_area img {
      width: auto;
      height: 4px;
      cursor: pointer;
    }
    .ra_courch_ra_progress_area h5 {
      font-weight: 300;
      font-size: 14px;
    }

    /* =================       Resources css area end       ===================== */

    /* =================       Calender css area Start       ===================== */

    .ra_calender_area{

    }
    .ra_calender_area .upcoming-heading-content {
      flex-wrap: wrap;
    }
/*     .ra_day_tody_area_sub .contact-button a {
      color: #0078BF;
      border: 1px solid #0078BF;
      margin: 0 10px;
      padding: 6px 23px;
      font-size: 14px;
      border-radius: 50px;
      transition: .3s;
      } */
      .contact-button button.change {
        background: none;
      }
      .contact-button button.change img {
        width: 14px;
        height: auto;
        margin: 0 15px;
      }
      .ra_day_tody_area_sub .contact-button a:hover{
        background-color:#0078BF;
        color: #fff; 
      }
      .ra_calender_area .upcoming-heading-content {
        background: #F3F6F9;
        padding: 15px 0px;
      }
      .ra_day_tody_area_sub {
        display: flex;
        align-items: center;
        margin-top: -5px;
      }
      .ra_calender_area .btn-group.btn-group-toggle {
        background: #fff;
      }
      .ra_calender_area .table-active, .table-active > td, .table-active > th {
        background-color: #E4E6EF;
      }
      .ra_calender_area .table thead th {
        font-size: 14px;
        color: #3F4254;
        font-weight: normal;
        padding: 10px 20px 10px 20px;
      }
      .ra_calender_area .upcoming-heading-content p {
        font-size: 15px;
      }
      .upcoming-area.ra_calender_area.upcoming-area tbody td {
        height: 61px;
      }
      .ra_calender_area .table td, .table th {
       border-bottom: 2px solid #dee2e6; 
       border-top: 0px solid transparent; 
     }
     .ra_calender_area.upcoming-area tbody {
      border-top: 4px solid #EAEDF3;
    }
    .ra_calender_area.upcoming-area tbody td{
      border-right: 15px solid #EAEDF3;
      height: 400px;
      padding: 0;
      border-bottom: 1px solid #EAEDF3;
      position: relative;
    }
    .ra_calender_area.upcoming-area tbody td:last-child{
      border-right: 1px solid #EAEDF3;
    }
    .ra_calender_area.upcoming-area {
      padding-bottom: 25px;
    }
    
    
    /*Checkbox area start */
    .ra_calender_area .ra_custom_checkbox_area_item {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .ra_calender_area .ra_custom_checkbox_area_item ul{
      display: flex;
      align-items: center;
    }
    .ra_custom_checkbox_area_item label {
      font-size: 14px;
      font-weight: 300;
      cursor: pointer;
    }
    .ra_calender_area .ra_custom_checkbox_area_item ul li a{
      font-size: 25px;
      margin-left: 50px;
      color: #A6ADB1;
      transition: .3s;
    }
    .ra_calender_area .ra_custom_checkbox_area_item ul li a:hover{
      color: #0078BF;
    }
    
    .ra_calender_area.upcoming-area .monday-first-card {
      background-color: #b2d8ef;
      border-left: 2px solid #387ebe;
      padding-left: 10px;
      padding-bottom: 5px;
      padding-top: 7px;
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 9999999;
    }
    
    /* =================       Calender css area end       ===================== */
    
  /*================================================================================================
    ====                                    LEARNING PAGE CSS End                                  ====
    ================================================================================================*/


  /*================================================================================================
    ====                                    Schedule-W PAGE CSS START                                  ====
    ================================================================================================*/

    /*  RA-Event area start   */
    .ra_event_area{
      padding-bottom: 10px;
    }
    .upcoming-heading-content.ra_upcoming_heading {
      padding-left: 0;
    }
    /*Top btn area start */
    .ra_event_right_btn {
      display: flex;
      justify-content: flex-end;
      padding-top: 10px;
    }
    .ra_event_right_btn .contact-button a {
      font-weight: 300;
      font-size: 14px;
      color: #0078BF;
      border: 1px solid #0078BF;
      padding: 6px 25px;
      border-radius: 40px;
      transition: .3s;
    }
    .ra_event_right_btn .contact-button a:hover{
      color: #fff;
      background-color: #0078BF;
    }
    /*Slider area start */
    .ra_event_main_area h2 {
      padding-bottom: 27px;
      font-weight: 300;
      font-size: 20px;
    }
    .ra_event_single_slider_area {
      background: #C8CBDE4F;
      padding: 24px 8px 24px 20px;
      border-left: 7px solid #C8CBDE;
      display: flex;
      align-items: flex-start;
    }
    .ra_event_main_area_slider_items{
      position: relative;
    }
    .ra_event_main_area_slider_items::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      width: 20px;
      background: url('../images/learning/affff.png') no-repeat scroll 0 0 / cover;
      z-index: 1;
    }

    .ra_event_single_slider_area_top h5 {
      font-size: 16px;
      font-weight: 500;
      color: #05233B;
      padding: 10px 0;
    }
    .ra_event_single_slider_area_top h4 {
      font-weight: 300;
      font-size: 30px;
      padding-bottom: 10px;
    }

    .ra_event_single_slider_area_bottom {
      margin-left: 20px;
    }
    .ra_event_single_slider_area_bottom h1 {
      font-size: 14px;
      font-weight: 300;
    }
    .ra_event_single_slider_area_bottom p {
      font-size: 12px;
      margin-top: 10px;
    }
    .ra_event_single_slider_area1 {
      border-left: 7px solid #A4BBCC !important;
      background: #A4BBCC73 !important;
    }
    .ra_event_single_slider_area2 {
      background: #C8CBDE4F !important;
      border-left: 7px solid #C8CBDE !important;
    }
    .ra_event_single_slider_area3 {
      border-left: 7px solid #1A6A9A;
      background: #CAE2F1;
    }
    .ra_event_single_slider_area4 {
      border-left: 7px solid #00A2A7;
      background: #00A2A757;
    }
    /* =================================    Day Area start  ==================================== */
    .ra_day_view_area{

    }
    .ra_day_view_area .upcoming-heading-content {
      justify-content: flex-start;
    }
    .upcoming-heading-content {
      background: #F3F6F9;
      padding: 5px 15px;
    }
    .ra_day_view_area .contact-button a {
      margin: 0 6px;
      transition: .3s;
    }

    .ra_day_view_area .contact-button a:hover{
      color: #fff;
      background-color:#0078BF; 
    }
    .ra_day_view_area .btn-group, .btn-group-vertical {
      background: #fff;
      margin-left: 50px;
      display: flex;
      align-items: center;
    }
    .ra_day_view_area .upcoming-heading-content p {
      font-weight: 300;
      font-size: 14px;
      color: #05233B;
      margin-right: 10px;
    }
    .ra_day_view_area .btn-group .btn {
      border: 1px solid #EAEDF3;
      background-color: transparent;
    }
    .ra_day_view_area .upcoming-heading-content {
      padding: 36px 0;
    }
    /* ===========  Teacher list area start  ========== */
    .ra_teacher_list_area_header {
      display: flex;
      align-items: center;
      background: #E4E6EF;
      padding: 13px 0px 13px 30px;
      border: 1px solid #F7F7F7;
    }
    .ra_teacher_list_area_header_single_item h2 {
      color: #3F4254;
      font-size: 14px;
      font-weight: 300;
    }
    /*studernt list */
    .ra_teacher_list_area_body {
      display: flex;
      align-items: center;
      border-top: 5px solid #F3F6F9;
      background: #fff;
      padding: 22px 10px 22px 41px;
      border-radius: 7px;
    }
    .re_body_list_item1,.re_header_list_item1 {
      flex: 0 0 35%;
    }
    .re_body_list_item2,.re_header_list_item2 {
      flex: 0 0 20%;
    }
    .re_body_list_item3,.re_header_list_item3 {
      flex: 0 0 25%;
    }
    .re_body_list_item4,.re_header_list_item4 {
      flex: 0 0 10%;
    }
    .ra_teacher_list_area_header_single_item_body.re_body_list_item1 {
      display: flex;
      align-items: center;
    }
    .ra_teacher_list_area_header_single_item_body.re_body_list_item2 {
      display: flex;
      align-items: center;
    }
    .ra_teacher_list_area_header_single_item_body.re_body_list_item2 img {
      margin-right: 10px;
      height: 45px;
      width: auto;
      object-fit: cover;
    }
    .ra_teacher_list_area_header_single_item_body.re_body_list_item1 img {
      height: 45px;
      width: auto;
      object-fit: cover;
      margin-right: 9px;
    }
    .ra_teacher_list_area_header_single_item_body.re_body_list_item1 p {
      font-size: 18px;
      color: #181C32;
      margin-left: 11px;
      font-weight: 300;
    }
    .ra_teacher_list_area_header_single_item_body_single_man h6 {
      font-size: 14px;
      font-weight: 300;
    }
    .ra_teacher_list_area_header_single_item_body_single_man p {
      font-size: 12px;
      color: #3F4254;
      padding-top: 7px;
    }
    .ra_teacher_list_area_header_single_item_body p {
      font-size: 14px;
      font-weight: 300;
      color: #3F4254;
    }

    .ra_schedule_calender_area .ra_monday-first-card_ex_b {
      border-left: 4px solid #A4BBCC;
      background-color: #A4BBCC66;
    }
    .ra_schedule_calender_area .ra_monday-first-card_ex_s {
      border-left: 4px solid #ADDEDC;
      background-color: #ADDEDC73;
    }
    .ra_schedule_calender_area.upcoming-area tbody td {
      border-right: 15px solid #EAEDF3;
      height: 60px;
      padding: 0;
      border-bottom: 1px solid #EAEDF3;
      position: relative;
    }
    .ra_schedule_calender_area.upcoming-area tbody td:last-child{
      border-right: 0px solid #EAEDF3;
    }
    .ra_schedule_calender_area .upcoming-heading-content p,.ra_upcoming_heading p {
      font-weight: 300;
      font-size: 16px;
      color: #05233B;
    }
    .ra_upcoming_heading p {
      padding-bottom: 10px;
    }
    .ra_schedule_calender_area .table thead th {
      font-weight: 300;
      padding: 12px 40px;
      font-size: 14px;
    }
    .ra_schedule_calender_area .ra_calender_area_bottom_checkbox ul {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .ra_schedule_calender_area .ra_calender_area_bottom_checkbox ul li{
      margin-left: 30px;
    }
    .ra_schedule_calender_area .ra_calender_area_bottom_checkbox ul li a{
      font-size: 20px;
      color: #A6ADB1;
      display: inline-block;
      transition: .5s;
    }
    .ra_schedule_calender_area .ra_calender_area_bottom_checkbox ul li a:hover{
      color: #0078BF;
    }
    .ra_side_area_active {
      background-color: #0078BF;
      padding: 5px 12px;
      border-radius: 5px;
      font-size: 14px !important;
      color: #fff !important;
    }
    .ra_schedule_calender_area.upcoming-area {
      background-color: #f3f6f9;
      padding-bottom: 64px;
      padding-top: 28px;
    }
  /*================================================================================================
    ====                                    Schedule-W PAGE CSS END                                  ====
    ================================================================================================*/


  /* ================================================================================================
    ====                               Schedule-month PAGE CSS START                            ====
    ================================================================================================ */
    /*  Windows area start   */
    .ra_windows_main_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
    }
    .ra_calender_main_area {
      padding: 0px 0 59px 0;
    }
    .ra_calender_left_area_main_area_btn .contact-button a {
      font-weight: 300;
      font-size: 14px;
      color: #0078BF;
      border: 1px solid #0078BF;
      padding: 5px 13px;
      border-radius: 30px;
      max-width: 230px;
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 27px;
      left: 0;
      right: 0;
      margin: auto;
    }
    .ra_calender_left_area_main_area {
      background-color: #fff;
      padding: 30px 15px 70px 15px;
      height: 100%;
    }
    .ra_calender_left_area_sub_area {
      padding-left: 15px;
    }
    .ra_windows_main_area .view_img_1 {
      width: 16px;
    }
    .ra_main_left_color_select .custom-control-label {
      display: flex;
      align-items: center;
      font-size: 14px;
      color: #3E3F42;
      font-weight: 300;
      cursor: pointer;
    }
    #dropdownMenuButton {
      font-size: 14px;
      font-weight: 300;
      color: #181C32;
    }
    .ra_main_left_color_select .custom-control-label img {
      margin-right: 10px;
      margin-top: 2px;
      margin: 2px 10px 0 10px;
    }
    .ra_calender_left_area_sub_area h3 {
      font-size: 14px;
      color: #3F4254;
      font-weight: 500;
      padding-bottom: 23px;
      padding-top: 3px;
    }
    .custom-control-label.re_custom-control-label_single_man img {
      width: 24px;
    }
    .ra_windows_main_area .ra_main_left_color_select {
      display: flex;
      align-items: center;
    }
    .ra_windows_main_area .custom-control.custom-checkbox.mb-3 {
      display: flex;
      align-items: center;
    }


    /*Right site area start */
    .ra_calender_main_area .upcoming-heading-content .contact-button a {
      background-color: transparent;
      color: #0078BF;
      margin: 0 10px;
      padding: 6px 23px;
      font-size: 14px;
      border-radius: 50px;
    }
    .upcoming-heading-content .contact-button a:hover{
      color: #fff;
      border: 1px solid #0078BF;
      background-color: #0078BF;
    }
    .ra_calender_left_area.upcoming-area {
      padding-bottom: 0px;
    }
    .ra_calender_left_area.upcoming-area tbody td {
      height: 170px;
      box-sizing: border-box;
      padding: 20px 0;
      border-bottom: 1px solid #EAEDF3;
      position: relative;
    }
    .ra_calender_left_area .table-active, .table-active > td, .table-active > th {
      background-color:#fff;
    }
    .ra_calender_left_area .table thead th {
      border-bottom: 1px solid #dee2e6;
    }
    .ra_calender_left_area .monday-first-card {
      background-color: #b2d8ef;
      border-left: 2px solid #387ebe;
      padding-left: 10px;
      padding-bottom: 5px;
      padding-top: 7px;
      position: absolute;
      width: 100%;
      left: 0;
      z-index: 9999999;
      top: 40%;
    }
    .ra_calender_left_area.upcoming-area tbody td span {
      padding: 8px 17px;
      font-size: 12px;
      color: #3E3F42;
      font-weight: 300;
    }
    .ra_calender_left_area.upcoming-area tr th{
      text-align: center;
    }
    .ra_calender_left_area.upcoming-area tr td {
      text-align: left;
    }
    .ra_calender_left_area.upcoming-area .upcoming-heading-content {
      background: #fff;
      padding: 20px 30px;
      justify-content: space-between;
      border: 1px solid #EAEDF3;
    }
    .ra_calender_left_area .table thead th {
      border-bottom: 1px solid #dee2e6;
      font-weight: 300;
      font-size: 12px;
      padding: 14px 41px;
    }
    .ra_calender_left_area .table {
      margin-bottom: 0rem;
    }
    .ra_calender_left_area.upcoming-area .upcoming-heading-content p {
      font-weight: 300;
      font-size: 18px;
      color: #05233B;
      margin-right: 10px;
    }
    .ra_badami_color {
      background-color: green;
    }

    /*Color system area start */
    .monday-first-card.ra_badami_color {
      background: #E6772B54;
      border-left: 3px solid #E6772B;
      line-height: 2;
    }
    .monday-first-card.ra_badami_color h6 {
      padding-bottom: 17px;
      font-size: 14px;
      font-weight: 300;
    }
    .monday-first-card.ra_badami_color2 {
      background: #E6772B54;
      border-left: 3px solid #E6772B05;
      color: #E6772B05;
      padding: 34px 0;
    }
    .monday-first-card.ra_skyblue_color {
      background-color: #ADDEDC4F;
      border-left: 3px solid #ADDEDC;
    }
    .monday-first-card.defarent_angle_table {
      background-color: #F3F6F9;
      top: 40%;
      border-left: 3px solid #F3F6F9;
      border-bottom: 1px solid #fff;
    }
    .monday-first-card.ra_skyblue_color.ra_skyblue_color_ex {
      padding: 7px 1px 7px 3px;
      top: 60%;
    }
    .monday-first-card.ra_skyblue_color_extra_nibo_tar_jonno {
      top: 71%;
      background: transparent;
      border-left: 3px solid transparent;
    }
    .monday-first-card.ra_skyblue_color_extra_nibo_tar_jonno a {
      color: #3F4254;
      font-size: 12px;
      font-weight: normal;
    }
    .monday-first-card.ra_skyblue_color_extra_nibo_tar_jonno a:hover{
      color: #000;
    } 
    .monday-first-card.ra_skyblue_color_extra_nibo_tar_jonno.ex_up{
      top: 77%;
    }

    .ra_calender_left_area.upcoming-area .upcoming-heading-content .contact-button a {
      background-color: #0078BF;
      color: #fff;
      padding: 6px 50px;
    }
    .ra_calender_left_area.upcoming-area .upcoming-heading-content .contact-button a:hover{
      background-color: #fff;
      color: #0078BF;
    }

  /* ================================================================================================
    ====                               Schedule-month PAGE CSS End                            ====
    ================================================================================================ */ 


    /*===================================================================================
  ====                      Start Progress list pages css                        ====
  =================================================================================== */
  /*list_resource_pages_main_area*/
  .list_document_resource_main {
    margin-top: 5px;
    overflow: hidden;
  }
  .list_check_sortable_main {
    background: #E4E6EF;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .list_check {
    display: flex;
  }
  .list_prog_heading {
    margin-top: 35px;
  }
  .list_check .mu-form-group label::before {
    background-color: #FFF;
    border: 1px solid #7E8299;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .list_check .mu-form-group input:checked + label::after {
    top: 8px;
    left: 6.5px;
    width: 6px;
    height: 12px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
  }
  .li_star_design a img {
    width: 15px;
    height: auto;
  }
  .li_arrow_sort button img {
    max-width: 12px;
    width: 100%;
    height: auto;
  }
  .li_arrow_sort {
    display: flex;
    flex-direction: column;
    margin-top: -5px;
    margin-left: 13px;
  }
  .single_sortable_design {
    display: flex;
    align-items: center;
  }
  .single_sortable_design h4{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #3F4254;
  }
  .list_top_check {
    flex: 0 0 10%;
  }
  .li_sortable_source_area {
    flex: 0 0 30%;
  }
  .li_sortable_source_middle_area {
    flex: 0 0 30%;
  }
  .li_sortable_source_right_area {
    flex: 0 0 30%;
    padding-right: 50px;
  }
  .li_sortable_source_right_area .single_sortable_design {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .li_arrow_sort button{
    background: transparent;
  }
  .li_arrow_sort button:nth-child(1) {
    display: block;
    margin-bottom: -2px;
  }
  .li_arrow_sort button:nth-child(2) {
    display: block;
    margin-top: -2px;
  }
  .left_dc_img img {
    max-width: 46px;
    width: 100%;
    height: auto;
  }
  .right_dc_img a img {
    max-width: 15px;
    width: 100%;
    height: auto;
    margin-right: 4px;
  }
  .right_dc_img a{
    color: #080F1E;
    font-weight: 300;
    font-size: 14px;
  }
  .right_dc_img a span{
    color: #0078BF;
    text-decoration: underline #0078BF;
  }
  .right_dc_img {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .dc_single_items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #FFF;
    padding: 17px 16px 25px;
    border: 1px solid #F7F7F7;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    margin-bottom: 5px;
  }
  .dc_middle_txt {
    display: flex;
    align-items: center;
    position: relative;
  }
  .dc_middle_txt a {
    font-size: 9px;
    font-weight: 500;
    color: #FFF;
    background: #00A2A7;
    padding: 3px 9px;
    display: inline-block;
    position: absolute;
    left: -5px;
    top: -1px;
  }
  .dc_middle_txt p {
    color: #3F4254;
    font-weight: 400;
    font-size: 12px;
    padding-left: 37px;
  }
  .dc_dots_area .down-icon {
    position: relative;
  }
  .dc_dots_area .down-icon img {
    width: 20px;
    height: auto;
    right: -35px;
    top: -7px;
    position: absolute;
  }
  .right_dc_date_time {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex: 0 0 12%;
  }
  .dc_dots_area button {
    background: none;
  }
  .right_dc_date_time > a {
    font-size: 15px;
    color: #3F4254;
    font-weight: 300;
    display: inline-block;
    margin-top: 2.5px;
  }
  .left_dc_img {
    margin-right: 27px;
  }
  .dc_check_star {
    flex: 0 0 6%;
  }
  .dc_jackson_img_area {
    display: flex;
    flex: 0 0 34%;
    align-items: center;
  }
  .right_dc_img a:nth-child(2) span{
    font-weight: 400;
    font-size: 12px;
  }
  .right_dc_img a:nth-child(1) {
    margin-bottom: 10px;
  }
  .right_dc_img a:nth-child(2) {
    margin-top: 10px;
  }
  .dc_dots_area {
    position: relative;
  }
  .dc_dots_area .dropdown-menu {
    min-width: 190px;
    font-size: 1rem;
    color: #212529;
    background-color: #fff;
    border: 1px solid #E4E6EF;
    padding: 5px 0 !important;
    left: -130px !important;
    top: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .dc_dots_area .dropdown-menu a{
    font-size: 14px;
    font-weight: 400;
  }
  .document_pagenations_area {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 25px;
    margin-bottom: 30px;
  }
  .left_pg_area a {
    color: #3F4254;
    font-size: 12px;
    font-weight: 300;
    margin-right: 20px;
  }
  .right_pg_area .page-item .page-link img {
    max-width: 10px;
    width: 100%;
    height: auto;
    display: block;
  }
  .right_pg_area .pagination {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .right_pg_area .page-link {
    padding: .70rem 1rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: transparent;
    border: none;
    border-radius: 4px;
    font-size: 14px;
  }
  .right_pg_area .page-link:hover {
    z-index: 2;
    color: #0056b3;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
  }
  .right_pg_area ul li{
    margin: 0 12px;
  }
  .right_pg_area .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
  }
  .list_prog_heading .mu_dropdown_menu_content ul li:last-child {
    display: flex;
    align-items: center;
  }
  .list_prog_heading .mu_dropdown_menu_content ul li:last-child img {
    width: 12px;
    height: auto;
    margin-right: 5px;
    object-fit: cover;
  }
  .list_prog_heading .mu_dropdown_menu_content ul li a:hover::after, .mu_dropdown_menu_content ul li button.menu-drop:hover::after {
    display: none;
  }

/*===================================================================================
  ====                      End Progress list pages css                        ====
  =================================================================================== */


/* ================================================================================================
    ====                               Trecking PAGE CSS Start                            ====
    ================================================================================================ */  
    .ra_sortable_area {
      padding-bottom: 40px;
    }
    .ra_sortable_area .mu_dropdown_menu_content ul li:nth-child(1){
      display: none;
    }
    .ra_sortable_area .mu_dropdown_menu_content ul li:nth-child(2){
      display: none;
    }
    .ra_process_tracking_area {
      padding: 25px;
    }
    .ra_process_tracking_area .pt_view_main_area{
      margin-bottom: 10px;
      padding-top: 30px;
    }
    .ra_process_tracking_area_header {
      display: flex;
      justify-content: space-between;
      align-items: end;
    }
    .ra_jackson_btn_area a {
      color: #0078BF;
      background: #fff;
      border: 1px solid #0078BF;
      font-size: 14px;
      padding: 7px 27px;
      border-radius: 50px;
      margin-left: 15px;
    }
    .ra_process_tracking_area_header_search_width {
      max-width: 585px;
      width: 100%;
    }

    .ra_process_tracking_area_header_search {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .ra_process_tracking_area h3 {
      color: #05233B;
      font-size: 20px;
      font-weight: 300;
    }
    .ra_process_tracking_area h4 {
      color: #05233B;
      font-size: 18px;
      font-weight: 300;
    }
    .ra_process_tracking_single h3 {
      padding-bottom: 14px;
      font-weight: 300;
      font-size: 18px;
    }

    .ra_process_tracking_area_body {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #fff;
      margin-top: 27px;
      padding: 12px 0 27px 0;
    }
    .ra_process_tracking_single {
      flex: 0 0 33.33%;
      text-align: center;
      position: relative;
    }
    .ra_process_tracking_single::after {
      content: "";
      position: absolute;
      background-color: #7070703d;
      width: 1px;
      height: 70px;
      right: 0;
      top: 0;
    }
    .ra_process_tracking_single:last-child::after{
      background-color: transparent;
      position: absolute;
      content: "";
    }
    .slider-course-progress {
      justify-content: center;
    }
    .ra_process_tracking_area_body .barra-nivel {
      background: #00A2A7;
    }
    /*seach btn area start*/
    .ra_sortable_area_btn_area {
      display: flex;
      align-items: center;
    }
    .ra_process_tracking_area .myclassroom-single-right-right-content .dropdown button {
      padding: 6px 24px;
      border-radius: 25px;
      font-size: 14px;
      font-weight: 300;
      margin-left: 14px;
    }
    .ra_process_tracking_area .ra_btn_btnarea a {
      color: #fff;
      background: #00A2A7;
      display: inline-block;
      padding: 1px 10px;
      border-radius: 4px;
    }
    .ra_sortable_body_main_area .contact-button a {
      padding: 4px 18px;
    }

    /*seach btn area End*/


    /* ======================       Ra srot able area start         ======================= */

    .ra_sortable_area .mu_view_icons ul li {
      font-weight: 300;
    }
    .ra_sortable_area .mu_dropdown_menu_content ul li:last-child a{
      color: #0078BF;
    }
    .ra_sortable_area .mu_dropdown_menu_content ul li a:hover::after, .mu_dropdown_menu_content ul li button.menu-drop:hover::after {
      content: '';
      position: absolute;
      background: transparent;
      height: 0px;
      width: 0%;
      bottom: 0;
      left: 0;
    }
    /*  Sort able area start   */
    .ra_sortable_header_area {
      display: flex;
      align-items: center;
      background: #E4E6EF;
      padding: 5px 0;
    }
    .ra_sortable_area_menu_ex_area h5 {
      color: #05233B;
      font-size: 14px;
      font-weight: 300;
      padding-left: 30px;
    }
    .ra_sortable_area_menu_ex_area {
      flex: 0 0 34%;
    }

    .ra_sortable_header_area_menu > ul {
      display: flex;
      align-items: center;
    }
    .ra_sortable_header_area_menu > ul li {
      display: flex;
      align-items: center;
    }
    .ra_sortable_header_area_menu > ul li ul li{
      line-height: 1;
    }
    .ata_je_ki_rokom{
      display: flex;
      flex-direction: column;
    }
    .ata_je_ki_rokom span {
      line-height: 1.2;
    }
    .ra_sortable_header_area_menu > ul li ul li img {
      margin-left: 5px;
      cursor: pointer;
    }
    .ra_sortable_header_area_menu ul li {
      color: #3F4254;
      font-size: 12px;
      font-family: Source Sans Pro;
      font-weight: 300;
      padding: 2px 8px;
      margin-left: 8px;
    }


    /*  Sort able area End   */

    /*Sort Able area start */

    .class_area_sort_flex{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      background: #fff;
      padding: 18px 22px 22px;
      margin-bottom: 15px;
      border: 1px solid #F7F7F7;
      box-shadow: 0px 3px 3px #8888880f;
      border-radius: 4px;
      transition: .3s;
    }
    .class_area_sort_flex:hover {
      background-color: #A6ADB147;
      cursor: pointer;
    }
    .ra_sort_left_area_body {
      flex: 0 0 27%;
    }
    .ra_sort_left_area_body .barra-nivel {
      background: #00A2A7;
    }

    .ra_sortable_certificate_main {
      flex: 0 0 27%;
    }
    .ra_sortable_certificate_main_sub_item_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      margin-right: 50px;
    }
    .ra_sortable_certificate_sub1 img {
      width: 13px;
      margin-right: 5px;
      height: auto;
      object-fit: cover;
    }

    .ra_sortable_certificate_main2 {
      flex: 0 0 24%;
    }
    .ra_sortable_certificate_main2_sub_item_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
    }
    .ra_sortable_certificate_sub1 a span {
      font-size: 9px;
      font-weight: 300;
      background-color: #DBE6EE;
      transition: .4s;
      color: #05233B;
      padding: 1px 6px;
      border-radius: 9px;
      display: inline-block;
      line-height: 1;
    }

    /*.ra_sortable_certificate_sub1 a span:hover,*/
    .ra_sortable_certificate_sub1 a span.active{
      background-color: #05233B;
      color: #fff;
    } 
    .ra_sortable_right_btn_area {
      flex: 0 0 22%;
    }
    .ra_sortable_right_btn_area_sub_item_area {
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      margin-left: 50px;
    }
    .ra_sortable_right_btn_area_sub2 a img {
      height: 3px;
      width: auto;
      object-fit: cover;
      margin-bottom: 8px;
    }
    .ra_sortable_right_btn_area_sub1 .contact-button a {
      color: #0078BF;
      border: 1px solid #0078BF;
    }
    .ra_sortable_right_btn_area_sub1 .contact-button a:hover{
      color: #FFF;
    }
    .ra_sortable_certificate_main2 p {
      font-size: 14px;
      color: #3F4254;
      font-weight: 300;
    }
    .ra_sortable_body_main_area .profile-right-section-content p {
      font-weight: 300;
    }
    .ra_sortable_body_main_area .profile-right-section-content span {
      font-weight: 300;
    }
    /*Sort Able area End */

    /*Sort Able area start */
    .ra_sortable_buttom_area {
      background: #fff;
      padding: 17px 20px;
    }
    .ra_sortable_buttom_area h3 {
      font-size: 18px;
      font-weight: 300;
      color: #05233B;
    }
    .ra_sortable_buttom_area h3 span {
      font-size: 10px;
      line-height: 1;
      background: #DBE6EE;
      color: #05233B;
      padding: 1px 8px;
      border-radius: 12px;
      margin-left: 12px;
    }
    .ra_sortable_buttom_area_item_main {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    .ra_sortable_buttom_single_item {
      flex: 0 0 25%;
    }
    .ra_sortable_buttom_single_item_sub {
      display: flex;
      align-items: start;
      padding-top: 17px;
    }
    .ra_sortable_buttom_single_item_sub img {
      height: auto;
      width: 26px;
      object-fit: cover;
      margin-right: 10px;
    }
    .ra_sortable_buttom_single_item_content h5 {
      font-size: 16px;
      color: #05233B;
      font-weight: 300;
    }
    .ra_sortable_buttom_single_item_content p {
      color: #3F4254;
      font-size: 14px;
      font-weight: 300;
    }

    .container_ex_area{
      width: 1140px;
      margin: auto;
      overflow-x: scroll;
    }
    /*start progress tracking pages css*/
    /*start progress tracking pages css*/
    .ju_pro_heading_area{
      background: #E4E6EF;
      border: 1px solid #E4E6EF;
      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }
    .ju_pro_heading_area ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20px 35px;
    }
    .ju_pro_heading_area ul li{
      font-weight: 400;
      font-size: 14px;
      color: #3F4254;
    }
    .ju_single_table_content_design > ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .ju_single_table_content_design > ul > li {
      border: 1px solid #E4E6EF;
      padding: 32px 25px;
      border-right: none;
      border-top: none;
      font-weight: 300;
      color: #05233B;
      font-size: 10px;
      flex: 0 0 calc(100% / 6);
      height: 60px;
      cursor: pointer;
    }
    .ju_first {
      display: flex;
      align-items: center;
      font-size: 14px !important;
      color: #3F4254 !important;
    }
    .ju_first i {
      font-size: 15px;
      color: #05233B;
      padding-right: 5px;
    }
    .ju_single_table_content_design {
      position: relative;
    }
    .ju_posional_progress .myclassroom-single-left-cross-progress {
      width: 100%;
      height: 15px;
      display: block;
      border-radius: 50px;
      background: #E4E6EF;
      max-width: 700px;
    }
    .ju_posional_progress .barra-nivel {
      height: 15px;
      background: #145B94;
      border-radius: 50px;
    }
    .ju_posional_progress {
      content: "";
      position: absolute;
      width: 100%;
      height: auto;
      left: 207px;
      top: 10px;
    }
    .box_cmt {
      height: 18px;
      width: 18px;
      background: #C8CBDE;
      border-radius: 5px;
      margin-right: 8px;
    }
    .box_tb_items1{
      background: #2692D1;
    }
    .box_tb_items2{
      background: #DBE6EE;
    }
    .box_tb_items3{
      background: #05233B;
    }
    .box_tb_items4{
      background: #1A6A9A;
    }
    .box_tb_items5{
      background: #00A2A7;
    }
    .ui_single ul {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    .text_dft{
      justify-content: flex-end;
    }
    .ui_single ul li {
      border: 1px solid #E4E6EF;
      padding: 20px 20px;
      border-top: none;
      border-right: none;
      font-size: 10px;
      font-weight: 300;
      color: #05233B;
      flex: 0 0 calc(100% / 6);
      height: 60px;
    }
    .ui_single .myclassroom-single-left-cross-progress {
      height: 15px;
      border-radius: 50px;
      width: 100%;
    }
    .ui_single .barra-nivel {
      height: 15px;
      background: #145B94;
      border-radius: 50px;
    }
    .hidden_basic {
      opacity: 0;
    }
    /*update css files */
    .card-header {
      padding: 0;
      margin-bottom: 0;
      background-color: #FFF;
      border-bottom: none;
    }
    .bg_header_area {
      background: #E4E6EF;
    }
    .ju_progress_tracking_main {
      margin-bottom: 100px;
    }
    .ui_single {
      background: #FFF;
    }
    .tide_here {
      padding: 30px 12px !important; 
    }
    .rjdesign.active .adil{
      opacity: 0;
    }
    .rjdesign.active .ju_first i{
      transform: rotate(-180deg);
      margin-right: 5px;
    }



  /* ================================================================================================
    ====                               Trecking PAGE CSS End                            ====
    ================================================================================================ */


  /* ================================================================================================
    ====                               LearningF PAGE CSS Start                            ====
    ================================================================================================ */

    .ra_learningf_header_diable_area .mu_alert_box, .custom_alert_design {
      margin-top: 11px;
    }
    .ra_learningf_header_diable_area_sub_area h1 {
      font-size: 20px;
      color: #05233B;
      font-weight: 300;
      padding: 23px 0 22px 0;
    }
    .ra_calender_area_bottom_checkbox {
      display: flex;
      justify-content: flex-end;
    }
    .ra_calender_area_bottom_checkbox.change {
      display: inherit;
    }
    .ra_sortable_learning_page_area .ra_sort_left_area_body {
      flex: 0 0 23%;
    }
    .ra_sortable_learning_page_area .ra_sortable_certificate_main {
      flex: 0 0 22%;
    }
    .ra_sortable_learning_page_area .ra_sortable_certificate_main2 {
      flex: 0 0 10%;
    }
    .ra_sortable_certificate_main_sub_item_area {
      margin-right: 20px;
    }
    .ra_sortable_learning_page_area .ra_color_pikar_section {
      flex: 0 0 16%;
    }
    .ra_sortable_learning_page_area .ra_sortable_right_btn_area {
      flex: 0 0 24%;
    }
    .ra_sortable_learning_page_area .ra_sortable_right_btn_area_sub_item_area {
      margin-left: 12px;
    }
    .ra_sortable_date_sub_area p {
      font-size: 14px;
      color: #3F4254;
      font-weight: 300;
    }
    .ra_sortable_learning_page_area .ra_sortable_certificate_sub_item13 {
      margin-left: 35px;
      line-height: 1;
    }

    /*.ra_sortable_learning_page_area*/
    .ra_sortable_learning_page_area {
      padding-bottom: 80px;
    }
    .ra_sortable_learning_page_area .mu_dropdown_menu_content ul li a:last-child{
      color: #0078BF;
    }

    .ra_sortable_learning_page_area .mu_dropdown_menu_content ul li a:hover::after, .mu_dropdown_menu_content ul li button.menu-drop:hover::after {
      content: '';
      position: absolute;
      background: transparent;
      height: 0px;
      width: 100%;
      bottom: 0;
      left: 0;
    }
    .ra_sortable_learning_page_area_search_area_start {
      display: flex;
      align-items: center;
      max-width: 494px;
      width: 100%;
      justify-content: space-between;
      padding-bottom: 7px;
    }
    .ra_sortable_learning_page_area_search_area_start .mu_dropdown {
      top: 42px;
    }
    .ra_calender_area_bottom_checkbox ul {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    .ra_sortable_learning_page_area .ra_side_area_active {
      margin: 0 32px;
      border-radius: 4px;
    }
    .ra_sortable_learning_page_area .ra_calender_area_bottom_checkbox ul li a {
      color: #A6ADB1;
      transition: .3s;
    }
    .ra_sortable_learning_page_area .ra_calender_area_bottom_checkbox ul li a:hover{
      color: #0078BF;
    }

    .ra_sortable_right_btn_area_sub2 .dc_dots_area .down-icon img {
      width: 20px;
      position: initial;
    }
    .ra_sortable_right_btn_area_sub2 .dc_dots_area .down-icon {
      display: flex;
    }
    .ra_sortable_right_btn_area_sub2  .dc_dots_area {
      position: relative;
      display: flex;
      align-items: center;
      z-index: 99;
    }
    /*messages pages*/
    .mu_people_list_right .dc_dots_area .down-icon img {
      position: initial;
    }
    .mu_people_list_right .dc_dots_area {
      display: flex;
      align-items: center;
    }
    .mu_people_list_right .dc_dots_area .down-icon {
      display: flex;
    }

    /* custom Modal dialog*/
    .custom-modal{
      width:94%;
   }
   .modal .custom-modal .modal-content {
      max-width: none !important;
      margin: auto;
  }
  .modal-dialog {
    max-width: none !important;
    margin: 1.75rem auto;
  }
    /* end custom Modal dialog*/

  /* ================================================================================================
    ====                               Learning PAGE CSS End                            ====
    ================================================================================================ */