@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*vertical-align: top;*/
  outline: 0;
}

li:not(.editor li) {
  list-style: none;
}

*:before {
  box-sizing: border-box;
}

*:after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:focus {
  outline: none !important;
}

.clearfix:after,
.clearfix:before {
  display: table;
  content: " ";
}

.clearfix,
.clearfix:after {
  clear: both;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.textleft {
  text-align: left;
}

.textright {
  text-align: right;
}

input[type="button"],
input[type="submit"] {
  cursor: pointer;
  /*font: 16px "Ubuntu", sans-serif;*/
  color: #f3f3f3;
  background: #041e42;
  padding: 9px 44px;
  border: 0;
  line-height: normal;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
select {
  border: 1px solid #041e42;
  /*font: 16px/37px "Ubuntu", sans-serif;*/
  color: #b7b7b7;
  padding: 0 14px;
}

select {
  height: 37px;
}

.logo {
  margin-top: -13px;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  opacity: 1;
}

body {
  color: #6d6d6d;
  font: 14px/1.45 "Ubuntu", sans-serif;
  background: #f7f6f6;
  cursor: default;
}

.header input[type="text"],
.header input[type="password"],
.header input[type="email"] {
  border: 1px solid #ccc;
  margin-right: 20px;
  width: 200px;
  height: 38px;
}

.header input[type="text"],
.header input[type="password"],
.header input[type="email"],
.header input[type="search2"] {
  border: 1px solid #ccc;
  margin-right: 20px;
  width: 200px;
  height: 38px;
}

.header .btn {
  margin-right: 15px;
}

.header label a {
  font-size: 12px;
  color: #878686;
}

.main {
  max-width: 1128px;
  margin: 0 auto;
  position: relative;
}

.header {
  background: #041e42 !important;
  background: -moz-linear-gradient(top, #041e42 0%, #eeeeee 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #041e42),
    color-stop(100%, #eeeeee)
  );
  background: -webkit-linear-gradient(top, #041e42 0%, #eeeeee 100%);
  background: -o-linear-gradient(top, #041e42 0%, #eeeeee 100%);
  background: -ms-linear-gradient(top, #041e42 0%, #eeeeee 100%);
  background: linear-gradient(to bottom, #041e42 0%, #eeeeee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041e42',
		endColorstr='#eeeeee', GradientType=0);
  height: 74px;
  border-bottom: 1px solid #ddd;
  padding: 13px 0;
  position: fixed;
}

.section1 .welcome {
  /* background: url(../images/bg1.png) no-repeat -24px 165px; */
  float: left;
  height: 400px;
  /* padding-left: 60px;
  padding-top: 100px; */
  width: 650px;
}

.section1 .welcome h1 {
  color: #041e42;
  font-size: 25px;
  font-weight: normal;
  text-shadow: 1px 0px #041e42;
}

.section1 .welcome span {
  font-size: 33px;
}

.section1 .signupstep1 .signupstep1form {
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  padding: 26px 14px 20px 14px;
  float: right;
}

.section1 .signupstep1 .signupstep1form .textbox {
  width: 100%;
  clear: both;
  margin-bottom: 20px;
  height: 38px;
}

.section1 .signupstep1.rightSideBar {
  max-width: 42%;
  display: inline-block;
  padding: 0 16px;
  width: 100%;
}

.section1 .signupstep1 h1 {
  font-size: 17px;
  color: #041e42;
  font-weight: 500;
  padding: 0px 13px 10px 13px;
  margin-top: 0px;
  text-align: center;
}

.section1 .signupstep1 .signupstep1form h3 {
  color: #041e42;
  font-size: 18px;
  font-weight: normal;
}

.section1 .signupstep1 .signupstep1form select {
  margin: 10px 20px 20px 0;
}

.section1 .signupstep1 .signupstep1form .radio {
  margin: 0 20px 0 0;
}

.section1 .signupstep1 .signupstep1form .radio input[type="radio"] {
  margin: 4px 12px 20px 0;
}

.withbg {
  background: #edecec;
}

.section2 .main,
.section3 .main,
.footer .main {
  padding: 40px 0;
}

.homeContentP p {
  font-size: 17px;
  color: #041e42;
  margin-top: 65px;
  font-weight: 500;
  width: 80%;
}

.homepart2 {
  padding: 50px 0;
  line-height: 28px;
}

.section2 h2 {
  color: #041e42;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 30px;
  text-align: center;
}

.section2 h2 span {
  border-bottom: 1px solid #b1d6e5;
}

.courses {
  background: none repeat scroll 0 0 #fff;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2);
  float: left;
  height: 350px;
  margin-bottom: 2%;
  margin-right: 2%;
  padding: 1%;
  width: 32%;
}

.courses h1 {
  color: #041e42;
  margin-top: auto;
  margin-bottom: auto;
  /* border:1px #f6f6f6 solid; */
  padding: 5px;
  background: #fff;
  text-align: center;
}

.courses h3 {
  color: #474747;
  font-size: 18px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.courses h3 a {
  color: #474747 !important;
}

.more {
  color: #041e42;
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
  margin-left: 52px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 86%;
}
.courses label {
  display: block;
  font-size: 12px;
  margin-left: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 86%;
  margin-bottom: 10px;
}

.section3 h2 {
  color: #888;
  font-size: 26px;
  font-weight: 500;
  /* margin-bottom: 30px;*/
}

.courses:nth-child(3n + 5) {
  margin-right: 0;
}

.courses:hover {
  background: #041e42;
  color: #fff;
}

.courses:hover h1,
.courses:hover p,
.courses:hover h3,
.courses:hover h3 a {
  color: #fff;
}

.courses:hover .more {
  color: #fff;
}

.footer {
  background: #edecec;
  padding: 35px 0;
  margin-top: 30px;
}

.footer ul {
  float: left;
  list-style: outside none none;
  width: 25%;
}

.footer .main {
  padding: 0px 99px;
}

.footer .title {
  color: #6d6d6d;
  font-size: 18px;
  margin-bottom: 8px;
}

.footer ul li a {
  color: #a6a6a6;
  font-size: 14px;
  line-height: 24px;
}

.copy {
  float: left;
  margin-top: 82px;
  width: 100%;
}

.newloginform .posres {
  position: relative;
}

.newloginform .errorDivCustom {
  margin-bottom: 5px;
  left: 0px;
  width: 100%;
  color: #f7f4f4;
  background: #ad0606;
  padding: 5px 5px;
  border: 1px solid #611212;
  -moz-box-shadow: 0px 0px 3px 0px #666;
  -webkit-box-shadow: 0px 0px 3px 0px #666;
  box-shadow: 0px 0px 3px 0px #666;
  z-index: 1;
}

.newloginform .errorDiv {
  position: absolute;
  left: 0px;
  width: 100%;
  color: #f7f4f4;
  background: #ad0606;
  padding: 5px 5px;
  border: 1px solid #611212;
  -moz-box-shadow: 0px 0px 3px 0px #666;
  -webkit-box-shadow: 0px 0px 3px 0px #666;
  box-shadow: 0px 0px 3px 0px #666;
  z-index: 1;
}

.createcourseform .errorDiv {
  left: 0px;
  width: 100%;
  color: #f9f7f7;
  background: #670303;
  padding: 5px 5px;
  border: 1px solid #611212;
  -moz-box-shadow: 0px 0px 3px 0px #666;
  -webkit-box-shadow: 0px 0px 3px 0px #666;
  box-shadow: 0px 0px 3px 0px #666;
  z-index: 1;
}

.newloginform .errorDiv a {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}

.newloginform .errorDiv:after,
.newloginform .errorDiv:before {
  bottom: 100%;
  left: 45px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.newloginform .errorDiv:after {
  border-color: rgba(171, 22, 22, 0);
  border-bottom-color: #dd6565;
  border-width: 7px;
  margin-left: -7px;
}

.newloginform .errorDiv:before {
  border-color: rgba(97, 18, 18, 0);
  border-bottom-color: rgba(97, 18, 18, 0);
  border-width: 8px;
  margin-left: -8px;
}

.newloginform .posres.gender,
.newloginform .posres.tandc {
  padding-bottom: 15px;
}

.newloginform .posres.tandc .errorDiv,
.newloginform .posres.tandc .errorDiv {
  top: 22px;
}

.newloginform .posres.gender .errorDiv:after,
.newloginform .posres.gender .errorDiv:before,
.newloginform .posres.tandc .errorDiv:after,
.newloginform .posres.tandc .errorDiv:before {
  left: 10%;
}

.newloginform #errorDiv_termsAndConditions.errorDiv:after,
.newloginform #errorDiv_termsAndConditions.errorDiv:before,
.newloginform #errorDiv_male.errorDiv:after,
.newloginform #errorDiv_male.errorDiv:before {
  left: 45px;
}

.newloginform #errorDiv_termsAndConditions.errorDiv,
.newloginform #errorDiv_termsAndConditions.errorDiv {
  top: 26px;
}

.header .newloginform .posres #password {
  margin-bottom: auto;
  height: 38px;
}

.forgotpassword a {
  cursor: pointer;
}

.forgotpassword {
  position: relative;
}

.forgotpassword .dropdownmenu {
  background-color: #fff;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  position: absolute;
  display: none;
  right: 20px;
  top: 21px;
  width: 470px;
}

.header .forgotpassword .dropdownmenu input[type="text"] {
  margin-right: auto;
  width: 100%;
}

.resendForgetCaptchaErrorDiv {
  position: absolute;
  left: 0px;
  width: 100%;
  color: #f7ebeb;
  background: #ad0606;
  border: 1px solid #611212;
  -moz-box-shadow: 0px 0px 3px 0px #666;
  -webkit-box-shadow: 0px 0px 3px 0px #666;
  box-shadow: 0px 0px 3px 0px #666;
  z-index: 1;
}

.resendForgetCaptchaErrorDiv a {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}
.resendForgetCaptchaErrorDiv:after,
.resendForgetCaptchaErrorDiv:before {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.resendForgetCaptchaErrorDiv:after {
  border-color: rgba(171, 22, 22, 0);
  border-bottom-color: #dd6565;
  border-width: 7px;
  margin-left: -7px;
}
.resendForgetCaptchaErrorDiv:before {
  border-color: rgba(97, 18, 18, 0);
  border-bottom-color: rgba(97, 18, 18, 0);
  border-width: 8px;
  margin-left: -8px;
}

.header .forgotpassword .dropdownmenu .btn {
  margin-right: auto;
  margin-left: 10px;
}
.header .newloginform .errorDiv {
  right: 20px;
}
.header .newloginform .dropdownmenu .errorDiv {
  right: 0px;
}
.newloginform.signupstep1form .errorDiv {
  padding-bottom: 0;
  padding-top: 0;
  top: 39px;
}

.createcourseform.signupstep1form .errorDiv {
  padding-bottom: 0;
  padding-top: 0;
  top: 39px;
}

.signupstep1.pull-right h1 {
  margin-bottom: auto;
}
.newloginform.signupstep1form .gender_wrap .errorDiv {
  top: 25px;
}
.header .forgotpassword:visited,
.header .forgotpassword {
  color: #878686;
}

.error {
  background: none repeat scroll 0 0 rgba(255, 51, 51, 0.4);
  color: #ce1616;
  font-weight: bold;
  height: 100%;
  left: 0;
  padding-top: 25px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}
.welcome h1 {
  margin: 0;
}
.container {
  padding-top: 47px;
}
/*.courseby{bottom: 40px;
left: -15px;
position: absolute;}*/
.courseby {
  float: left;
  margin-top: 7px;
  position: absolute;
}

/* .courseby img {
  width: 50px;
  height: 50px;
} */
.more > span {
  color: #666;
  display: block;
  font-size: 11px;
}
.courses:hover .more > span {
  color: #fff;
}
.courseatte {
  float: left;
  font-size: 12px;
  margin-left: 30px;
  margin-top: 5px;
}
.coursecost {
  background: none repeat scroll 0 0 #041e42;
  border-bottom-right-radius: 5px;
  bottom: 0;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 2px;
  position: absolute;
  right: 0;
  width: 70px;
  text-align: center;
}
.courseatte .counter {
  background: none repeat scroll 0 0 #f0f0f0;
  border-radius: 50%;
  margin: 0 5px;
  padding: 2px 7px;
}
.courses:hover .counter {
  color: #041e42;
}
.courses:hover .coursecost {
  background: #fff;
  color: #041e42;
}

virtual-scroll {
  display: block;
  width: auto;
  height: 600px;
}

.loadingImageInMiddleContainer {
  position: absolute;
  width: 30%; /*the image width*/
  height: 30%; /*the image height*/
  left: 30%;
  top: 30%;
}

p-calendar input[type="text"] {
  margin-bottom: 0px;
}

p-confirmDialog {
  top: 50% !important;
  left: 50% !important;
}

pre.prettyprint {
  overflow: auto;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #041e42;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #041e42;
}
/*shakti */
@media screen and (max-width: 767px) {
	.btncr {
		display:block;
		margin-bottom:.5em;
	}
  .signupstep1form.newloginform {
    width: 100% !important;
  }
  .homepagesearch .four.columns.alpha,
  .homepagesearch .four.columns,
  .homepagesearch .three.columns.last {
    float: none !important;
    margin-right: 0px !important;
  }
  .boxs {
    overflow: auto;
    width: 100% !important;
  }

  .pull-left {
    float: none !important;
  }
  .forgotpassword {
    position: unset !important;
  }
  .forgotpassword .dropdownmenu {
    background-color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    position: absolute;
    display: none;
    right: 20px;
    top: 136px;
    width: 335px;
  }
  #passwordContent .two.columns.last input[type="button"] {
    width: 46.4% !important;
    float: left;
  }
  .header .logo {
    text-align: center;
    float: none;
    margin: 4px 32% !important;
  }
  header {
    width: 100%;
    top: 0px;
    z-index: 1;
    position: relative !important;
  }
  .sixteen.columns.marginbottom.registration.login-box {
    margin: 0px !important;
    position: unset !important;
    /*text-align: center;*/
    width: 100% !important;
  }
  .content_area.pageblock {
    padding-top: 0px !important;
  }
  .proright,
  .proright,
  .profilevisitors .proright,
  .tophirings .proright,
  .eventRowRightCell {
    width: 100% !important;
    padding-left: 15px;
  }
  .tophirings .proright,
  .topcoures .proright {
    float: left;
    width: 100% !important;
  }

  .more {
    margin-left: 52px !important;
  }
  .courses label {
    margin-left: 52px !important;
  }
  .courseby {
    left: 0px !important;
  }
  div#valDiv {
    top: 11% !important;
    display: block;
    width: 100% !important;
    left: 0px !important;
  }

  .panel-multicomplete-results {
    position: absolute !important;
    top: 104px !important;
    width: 100% !important;
  }
  .profilestatus.proleft div div {
    text-align: center !important;
  }
  .tophirings .proleft,
  .topcoures .proleft {
    float: left;
    width: 20% !important;
    text-align: center;
  }
  .tophirings .proright,
  .topcoures .proright {
    float: left;
    width: 79% !important;
    font-size: 14px;
    line-height: 22px;
  }
  .profilepic,
  .proleft,
  .profilevisitors .proleft,
  .tophirings .proleft,
  .eventRowLeftCell {
    padding: 6px;
    float: left;
    /*width: 100% !important;*/
  }
  td.twotwo {
    padding: 0 20px !important;
  }
  .profilepic.proleft.homeprofile {
    width: 100%;
  }
  .col-md-2.profile.col-sm-3 {
    /* text-align: center; */
    margin: 0px 60px;
  }
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    left: 0% !important;
    top: 10% !important;
  }
  a.gn-icon.ngx-avatar-welcome {
    /* text-indent: -9999999999999px; */
    background-position: center;
    display: block;
    height: 33px;
    overflow: hidden;
    padding: 7px 1px;
    /*text-indent: -9999px;*/
    width: 28px;
  }
  .proright,
  .proright,
  .profilevisitors .proright,
  .tophirings .proright,
  .eventRowRightCell {
    width: 78% !important;
    padding-left: 15px !important;
  }
  label a.pageLink {
    padding-left: 28px;
  }
  .msgconimg {
    width: 20% !important;
    float: left !important;
  }
  .msgconimg img {
    width: 95% !important;
  }
  .maillinklist li li a:active {
    background: url(../images/mail_arrow_active.png) no-repeat 28px center
      #041e42;
  }

  .maillinklist li a:active {
    background: #041e42;
    color: #fff;
  }
  input#fromyear {
    width: 45% !important;
    position: relative;
  }
  .ng-tns-c1-0.ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
    width: 49% !important;
    margin-left: 0% !important;
  }
  .ng-tns-c1-1.ui-dropdown.ui-widget.ui-state-default.ui-corner-all.ui-helper-clearfix {
    width: 49% !important;
  }
  input#toYear {
    width: 45% !important;
  }
  .three.columns.alpha.inptselect.form-group.block_left span {
    margin-top: 0px !important;
    left: 30px !important;
  }
  input#presentPast {
    margin-left: 0% !important;
    position: relative;
    left: 10px !important;
  }
  /*span.ng-tns-c1-0.ng-star-inserted {
    position: relative !important;
}*/
  span.ng-tns-c1-1.ng-star-inserted {
    position: relative !important;
  }

  .ten.columns.tophirings span {
    width: 78% !important;
  }
  /* .ten.columns.tophirings img.greyBorder.profileImage {
    width: 18% !important;
  } */
  .boxs.formelement.four.columns.profilevisitors.proleft {
    width: 18% !important;
  }
  .boxs.formelement.four.columns.profilevisitors.proleft img.profileImage {
    border-radius: 0% !important;
  }
  .profileviewpage .proleft {
    width: 100% !important;
    text-align: center;
  }
  .profileviewpage .proright {
    width: 100% !important;
  }
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    width: 100% !important;
    left: 0% !important;
    top: 10% !important;
    height: auto !important;
    position: fixed;
    display: none;
  }
  .ui-dialog-content.ui-widget-content {
    height: auto !important;
  }
  #profilePicImage {
    width: 50%;
  }
  .printbtn img {
    width: auto !important;
  }
  span.result.rounded.ng-star-inserted img {
    width: 50% !important;
    height: auto !important;
  }
  canvas.undefined.undefined {
    width: 100px !important;
  }
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    background: #fff;
  }
  span.ng-star-inserted {
    /* float: left;*/
    width: 100% !important;
  }
  input#btnSaveDegreeCourse {
    width: 45% !important;
    float: left !important;
    margin-right: 20px !important;
  }
  .pasteduuni {
    margin-right: 1%;
    width: 100% !important;
    display: inline-block;
    margin-bottom: 10px;
  }
  .pastedudegree {
    width: 49% !important;
    display: inline-block;
  }
  .pasteducity {
    width: 46% !important;
    display: inline-block;
  }
  .inlineblock[_ngcontent-c1] {
    display: inline-block;
    margin-top: 10px !important;
  }
  input#btnSaveInstitutionCampus {
    float: left;
    margin-right: 10px;
  }
  .leftsection {
    float: none;
    width: 100%;
  }
  .duration,
  .exp-block {
    width: 100% !important;
  }
  input#cancel-degree {
    float: left;
    width: 45% !important;
  }
  .add-network-block .profilenet {
    width: 100% !important;
  }
  a.btn-120.pageLink4.btnstyle {
    float: left;
    margin-left: 22px;
  }
  .seven.profile-hover.block-attendees {
    width: 90% !important;
    padding-left: 10px;
  }
  .exp-block .six {
    float: left;
    width: 100% !important;
    margin-right: 1%;
  }
  .exp-block .two {
    width: 48% !important;
    display: inline-block;
  }
  .exp-block .three {
    width: 48% !important;
    margin-right: 1%;
    display: inline-block;
  }
  .duration .two {
    width: 43% !important;
    margin-right: 1%;
    display: inline-block;
  }
  input#save-exp {
    width: 47% !important;
    float: left !important;
    margin-right: 10px;
  }
  input.cancel-buttonz.btn-120 {
    width: 47% !important;
  }
  input#update-special {
    float: left;
    margin-right: 10px;
  }
  input#update-about {
    float: left;
    margin-right: 10px;
  }
  p-autocomplete#taCoursesIRecommend[_ngcontent-c1] {
    width: 80% !important;
    display: inline-block;
    margin-bottom: 0px !important;
  }
  input.btn-120.view-topics {
    float: left;
    margin-right: 10px;
  }
  .featured-image {
    margin-left: 0px !important;
  }
  .featured-image a img#profilePicImage {
    width: 100% !important;
  }
  .rowsk30 {
    width: 100% !important;
    background: #fff;
    padding: 12px;
  }
  .rowsk60 {
    width: 100% !important;
  }
  table.PageBackGround {
    width: 100% !important;
  }
  #displayCreateCourse table {
    width: 97% !important;
  }
}

@media screen and (max-width: 450px) and (min-width: 350px) {
  .block-display {
    display:block;
  }
}

@media screen and (max-width: 991px) and (min-width: 300px) {
  .descwidth100 {
    width:100% !important;
  }
}

/*@medio*/
a.pageLink1 img {
  width: 11% !important;
}
a.request-recommendation img {
  width: 8% !important;
}
.rowsk30 {
  width: 30%;
  float: left;
  background: #fff;
  padding: 12px;
}
.rowsk60 {
  width: 69%;
  float: left;
}

td.aa {
  width: 30%;
  vertical-align: top;
}
td.bb {
  width: 1%;
}
td.cc {
  width: 68%;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /* table-layout: fixed;*/
}

/*table th,
table td {
  text-align: left;
}*/

table th {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .GPBYFDEPC {
    border: 1px solid;
  }
  table tr {
    display: block;
  }
  td {
    width: 100% !important;
  }
  table td {
    display: block;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);

    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
  td.aa {
    width: 100%;
  }
  td.bb {
    width: 100%;
  }
  td.cc {
    width: 100%;
  }
}
.Welcomeher {
  float: left;
}
label.headerwel {
  padding: 15px;
  font-size: 1.3em;
  line-height: 2;
}

/*.centre-align-avatar {
    margin-left: 50px;
}*/

/*onlinecourse*/
.row {
  width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  width: 8.333333%;
  float: left;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  width: 16.666667%;
  float: left;
  padding-top: 15px;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  float: left;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  width: 33.333333%;
  float: left;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  width: 41.666667%;
  float: left;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  float: left;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  width: 58.333333%;
  float: left;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  width: 66.666667%;
  float: left;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  float: left;
  padding: 0 25px;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  width: 83.333333%;
  float: left;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  width: 91.666667%;
  float: left;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  background: #fff;
  padding: 10px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
  float: left;
}
.hedding {
  font-size: 25px;
  margin-bottom: 10px;
}
.cols {
  font-size: 15px;
  margin-bottom: 5px;
}
@media (max-width: 576px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto {
    position: relative;
    width: 100%;
  }
  .staronline {
    width: 55%;
    float: left;
  }
  .attendeesonline {
    width: 25%;
    float: left;
  }
  td.cc {
    text-align: center;
  }
  .avtaronline {
    padding: 0px 38%;
  }
  .centre-align-avatar {
    /* margin-left: 94px; */
    margin: 0px 94px;
  }
  #onlineCourses .gwt-Label {
    color: #041e42;
    padding-bottom: 10px !important;
  }
  .pageblock.content_area .boxs .five.columns.alpha.boxpad input,
  .pageblock.content_area .boxs .five.columns.alpha.boxpad a {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .cls {
    width: 33% !important;
    float: left;
  }
  .col-9 {
    padding: 0px;
    text-align: center;
  }
  .cold {
    text-align: right;
  }
  .colb {
    text-align: left;
  }
  .caheader {
    width: 33% !important;
    float: left;
  }
}
.registernow {
  margin-top:1em;
}
.cold {
  width: 33% !important;
  float: left;
}
.colc {
  width: 33% !important;
  float: left;
}
.colb {
  width: 33% !important;
  float: left;
}
.cola {
  width: 33% !important;
  float: left;
}
.coled {
  margin-bottom: 10px;
}
.UpcomingCourses {
  text-align: center;
  background: #041e42;
  margin-bottom: 10px;
  font-size: 25px;
  color: #fff;
}
a {
  color: #041e42;
}

.btncr {
  color: #fff;
  background: #041e42;
  border: none;
  font-size: 14px;
  line-height: 2;
  padding: 0.5em 1em;
  text-align: center;
  cursor: pointer;
  width: auto;
  border-radius:.25em;
}
.caheader {
  width: 20%;
  float: left;
}
.cnames {
  padding-top: 15px;
}
.cimgs {
  float: left;
}
.caccam {
  background: #041e42;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
}
.widthsm {
  min-width: 100px !important;
  width: 100px !important;
}
.cole {
  width: 95%;
  float: left;
}
.colca {
  width: 33%;
  float: left;
}
.colfc {
  width: 20%;
  float: left;
}
.btncrgreen {
  background: #0ab06f;
  color: #fff;
  border: none;
  font-size: 14px;
  line-height: 2;
  padding: 5px 5px;
  text-align: center;
  cursor: pointer;
  width: auto;
}
p.Cancelledred {
  color: red;
}

a.pull-left.mainlogo {
    color: white !important;
}