@font-face {
  font-family: "codropsicons";
  src: url("../fonts/codropsicons/codropsicons.eot");
  src: url("../fonts/codropsicons/codropsicons.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/codropsicons/codropsicons.woff") format("woff"),
    url("../fonts/codropsicons/codropsicons.ttf") format("truetype"),
    url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
a {
  outline: 0;
}
*{
  outline: 0 !important;
  list-style-position: inside !important;
}
body {
  background: #f7f6f6;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}
header {
  width: 100%;
  top: 0px;
  z-index: 1;
  position: fixed;
}
.header.login {
  padding: 0;
  /* position: fixed; */
  z-index: 1;
  min-height: 80px;
  border: 0;
  /* background: transparent; */
}
.header {
  padding: 15px 0px 15px 20px;
  position: sticky;
  z-index: 1;
  min-height: 80px;
  border: 0;
}
.headermain {
  margin: 0 12% !important;
  max-width: 100% !important;
  padding: 0 2% !important;
}
.header.sticky {
  padding: 0;
  position: fixed;
  z-index: 1;
  min-height: 80px;
  background: #041e42;
  border-bottom: 1px solid #041e42;
}
.logo {
  /* background: url(../../images/logo.jpg) no-repeat; */
  width: auto;
  height: auto;
  float: left;
}
.pageblock {
  width: 1034px;
  margin: 0px auto;
}
.searchbox {
  float: left;
  /* margin-left: 40px; */
  padding-top: 10px;
  position: relative;
}
.searchbox input[type="text"] {
  border: #cccccc 1px solid;
  width: 500px;
  height: 35px;
  padding: 0px 25px 0px 10px;
  color: #b3b1b1;
  font-size: 15px;
  margin-bottom: 0px;
  margin-right: 0;
}
.searchbox .btn-search {
  background: url(../../images/search.png) no-repeat;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  border: none;
  position: absolute;
  top: 17px;
  right: 10px;
}
.useraccount {
  float: right;
  color: #041e42;
  font-size: 15px;
  margin: 18px 15px 0px 0px;
}
.useraccount a {
  color: #041e42;
  text-decoration: none;
}
.useraccount a.gn-icon-user {
  background: url(../../images/usericon.png) no-repeat 17px center;
  padding: 5px 0px 5px 55px;
}
.clr {
  clear: both;
}
.deco-none {
  text-decoration: none;
}
.dis-none {
  display: none;
}
.boxs {
  background: #fff;
  -moz-box-shadow: 1px 1px 3px 0px #ddd;
  -webkit-box-shadow: 1px 1px 3px 0px #ddd;
  box-shadow: 1px 1px 3px 0px #ddd;
  margin-bottom: 10px;
}
.left_part {
  float: left;
  width: 660px;
}
.topmenu {
  height: 56px;
}
.topmenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.topmenu ul li {
  float: left;
}
.topmenu ul li a {
  color: #041e42;
  text-decoration: none;
  display: block;
  padding: 20px 18px 23px 18px;
}
.topmenu ul li a:hover {
  border-bottom: 3px #041e42 solid;
  color: #999;
  padding-bottom: 20px;
}
.right_part {
  float: right;
  width: 365px;
  margin-top: 0;
}
.formelement {
  padding: 25px 15px;
}
.title {
  font-size: 18px;
  padding-bottom: 30px;
  /* font-weight:600; */
}
.fblue {
  color: #041e42;
}
.fgray {
  color: #444444;
}
.aright {
  text-align: right;
}
.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[type="text"],
input[type="password"] {
  background: #fff;
  border-radius: 0 !important;
  border: #041e42 1px solid;
  color: #4b4b4c;
  font-size: 13px;
  padding: 8px 2.5%;
  width: 100%;
  margin-bottom: 20px;
  /*text-align: center;*/
}

input[type="button"],
input[type="submit"],
input[type="reset"],
.btnstyle,
button.buttonStyle2,
.gwt-Anchor.circle-btn {
  background: #041e42;
  border: none;
  color: #fff;
  padding: 0.5em 1em;
  line-height: normal;
  min-width: 120px;
  display: inline-block;
  text-align: center;
  width: 100%;
  text-align: center;
  border-radius:.25em;
  font: 600 1em/1.5 BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,arial,helvetica,sans-serif;
}
.header input[type="submit"].btn {
  width: auto;
}
.btnstyle {
  padding: 10px 20px;
  text-decoration: none;
}
select {
  background: #fff;
  border: #041e42 1px solid;
  color: #4b4b4c;
  font-size: 16px;
  padding: 7px 2.5%;
  width: 100%;
  margin-bottom: 20px;
}
textarea {
  background: #fff;
  border: #041e42 1px solid;
  color: #4b4b4c;
  font-size: 16px;
  padding: 8px 2.5%;
  width: 100%;
  margin-bottom: 20px;
  resize: none;
}
.charcount {
  float: right;
  font-size: 11px;
}
.sessownerinfo{
	position: absolute;
}
@media (max-width: 576px) {
	.sessownerinfo{
		position: relative;
	}
}
.proleft {
  width: 160px;
  float: left;
}
.profilepic {
  text-align: center;
  padding: 22px 0px;
}
.proright {
  float: left;
  width: 500px;
}
.profiledesc {
  padding-left: 30px;
}
.profilepart1 .profiledesc {
  padding-left: 0px;
}
.profilename {
  color: #041e42;
  font-size: 34px;
  padding: 20px 0px 10px 0px;
}
.profilename a {
  color: #041e42;
  text-decoration: none;
}
.profileclg {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 15px;
  margin-left: 5px;
}
.profiletools label a,
.lblblue {
  color: #041e42;
  text-decoration: none;
}
.profiletools a {
  color: #444444;
  text-decoration: none;
}
.profiletools a .counter {
  background: #f0f0f0;
  padding: 2px 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0px 5px;
}
.profilepart2 {
  background-image: url(../../images/profilesap.jpg);
  background-repeat: repeat-y;
  background-position: 160px 0px;
}
.profilepart2complete {
  color: #041e42;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}
.profilestatus {
  padding: 15px 22px;
}
.profilepart2 .profiledesc {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}
.profiledetails {
  color: #626262;
  line-height: 20px;
}
.profiledetails div {
  margin-bottom: 20px;
}
.profiledetails a {
  color: #041e42;
  text-decoration: none;
}
.centertxt {
  position: relative;
  background: url(../../images/profilestutes.jpg) no-repeat;
  width: 120px;
}
.percent {
  position: absolute;
  top: 45px;
  left: 40px;
  color: #041e42;
  font-size: 20px;
}
.percent:after {
  content: "%";
}
ul.topmenupart li {
  position: relative;
}
ul.topmenupart ul {
  margin: 20px 0 0 0;
  _margin: 0;
  /*IE6 only*/

  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #041e42;
  width: 170px;
  border-top: #fff 1px solid;
}
ul.topmenupart li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
ul.topmenupart ul li {
  float: none;
}
ul.topmenupart ul li a {
  color: #fff;
  padding: 10px 10px;
  display: block;
}
ul.topmenupart ul li a:hover {
  padding: 10px 10px;
  border-bottom: 0px;
  color: #fff;
  background: #394c65;
}
.useraccount {
  position: relative;
  height: 43px;
}
.useraccount ul {
  margin: 0px;
  padding: 0px 0px;
  margin: 20px 0 0 0;
  _margin: 0;
  /*IE6 only*/

  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 43px;
  right: -5px;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: #2da7d8;
  min-width: 200px;
}
.useraccount:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
}
.useraccount ul li {
  float: none;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.useraccount ul li a {
  color: #fff;
  padding: 8px 15px;
  display: block;
  text-align: right;
}
.useraccount ul li a:hover {
  padding: 8px 15px;
  border-bottom: 0px;
  color: #fff;
  background: #78bfdb;
}
.content_area.pageblock {
  padding-top: 80px;
  /*position: relative;
    z-index: -1;*/
}
ol.breadcrumb {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
ol.breadcrumb li {
  float: left;
  padding: 10px 5px;
  font-size: 12px;
}
ol.breadcrumb li a {
  text-decoration: none;
  color: #041e42;
  margin-left: 15px;
}
ol.breadcrumb li.arrow {
  background: url(../../images/breadcrumb_icon.png) no-repeat center;
  width: 5px;
  padding:12px 5px;
}
/*#content-top .boxs {
    margin: 20px 0;
}*/
.boxs {
  position: relative;
}
.boxpad {
  padding: 10px;
  line-height: 20px;
}
.topcoures {
  margin: 12px 0;
  padding: 10px 0;
  position: relative;
  color: #626262;
  box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.1);
}
.topcoures .priceLabel {
  right: -5px;
}
.topcoures .priceLabelFree {
  margin: 23px 10px 0 25px;
}
.topcoures .label-bold {
  margin: 10px 0;
}
.tophirings {
  margin-bottom: 25px;
  line-height: 25px;
}
.tophirings .proleft,
.topcoures .proleft {
  float: left;
  width: 80px;
}
.tophirings .proleft img,
.topcoures .proleft img {
  margin-top: 10px;
}
.tophirings .proright,
.topcoures .proright {
  float: left;
  width: 550px;
  font-size: 14px;
  line-height: 22px;
}
.tophirings .proright a,
.topcoures .proright a {
  color: #041e42;
  text-decoration: none;
}
.coursedate {
  /* background: none repeat scroll 0 0 #e6e6e6; */

  bottom: 0;
  color: gray;
  font-size: 12px;
  left: 0;
  padding: 0 5px;
  /* position: absolute; */

  float: left;
}
.topcoures .label-bold a {
  color: #626262;
  text-decoration: none;
}
.topcoures .coursecost {
  background: none repeat scroll 0 0 #ffc800;
  border-bottom-right-radius: 0px;
  /* bottom: 0; */

  color: #041e42;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 8px;
  position: absolute;
  right: 10px;
  margin-bottom:1em;
  border-radius:100%;
}
.pad15 {
  padding-bottom: 15px;
}
.profilevisitors {
  margin-bottom: 15px;
}
.profilevisitors .proleft {
  float: left;
  width: 80px;
  text-align: center;
}
.profilevisitors .proright {
  float: right;
  width: 250px;
  font-size: 14px;
  line-height: 22px;
}
.profilevisitors .proright a {
  color: #041e42;
  text-decoration: none;
}
.footer-part {
  text-align: center;
}
.footer-part footer {
  padding: 15px 0px;
}
.footer-part ul {
  margin: 0px;
  padding: 0px;
}
.footer-part ul li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
  padding: 10px 0px;
}
.footer-part ul li a {
  text-decoration: none;
  margin: 0px 5px;
  color: #041e42 !important;
}
.footer-part ul li a:hover {
  color: #041e42;
}
.profileviewpage .proleft {
  width: 20%;
  text-align: center;
  position: relative;
}
.profileviewpage .proright {
  width: 75%;
}
.printbtn {
  padding: 10px 0px;
  text-align:center;
}
.printbtn a {
  color: #041e42;
  text-decoration: none;
}
.profiletools {
  margin-bottom: 10px;
}
#degreeCourseDiv {
  margin-bottom: 10px;
}
.profile-work,
.profile-recommend {
  clear: both;
}
.profile-work .lblblue {
  font-size: 14px;
}
.profile-work .lblblue2 {
  font-size: 12px;
}
.bglightgray {
  background: none repeat scroll 0 0 #eeeeee;
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.drakbg {
  background: none repeat scroll 0 0 #dfdfdf;
  display: inline-block;
  font-size: 13px;
  padding: 8px 20px 12px 10px;
}
.icon_about {
  background: url("../../images/subicon.png") no-repeat scroll center center /
    100% auto rgba(0, 0, 0, 0);
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  width: 18px;
  vertical-align: middle;
}
.profilevisitors .proright {
  position: relative;
}
.addlink {
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 4px 5px 0;
  border: 1px solid #dddddd;
}
.profile-recommend i {
  color: #000;
}
.a-btn {
  border: 1px solid #bbbbbb;
  border-radius: 20px;
  clear: both;
  display: inline-block;
  height: 25px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 15px;
  position: absolute;
  transition: all 0.3s linear 0s;
  top: 0px;
  right: 0px;
  background-color: #fff;
}
.a-btn-text {
  padding-top: 5px;
  display: block;
  font-size: 12px;
  white-space: nowrap;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
  color: #446388;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.a-btn-slide-text {
  position: absolute;
  height: 100%;
  right: 10px;
  width: 0px;
  color: #041e42;
  font-size: 13px;
  white-space: nowrap;
  text-align: left;
  text-indent: 10px;
  overflow: hidden;
  -webkit-transition: width 0.3s linear;
  -moz-transition: width 0.3s linear;
  -o-transition: width 0.3s linear;
  transition: width 0.3s linear;
}
.a-btn-icon-right span {
  background: url("../../images/useradd.png") no-repeat scroll left center
    rgba(0, 0, 0, 0);
  height: 26px;
  left: 6px;
  opacity: 0.7;
  position: absolute;
  top: 0;
  transition: all 0.3s linear 0s;
  width: 26px;
}
.a-btn:hover {
  padding-right: 90px;
}
.a-btn:hover .a-btn-text {
  text-shadow: 0px 1px 1px #5d81ab;
  color: #666;
}
.a-btn:hover .a-btn-slide-text {
  width: 70px;
}
.a-btn:hover .a-btn-icon-right span {
  opacity: 1;
}
.ico_edit {
  background: url("../../images/icon_edit.png") no-repeat scroll left center
    rgba(0, 0, 0, 0);
  color: #041e42;
  padding: 5px 0px 5px 22px;
  text-decoration: none;
}
.ico_add {
  background: url("../../images/icon_add.png") no-repeat scroll left center
    rgba(0, 0, 0, 0);
  color: #041e42;
  padding: 5px 0px 5px 22px;
  text-decoration: none;
}
.pageLink1.ico_edit,.exp-show-add.ico_add {
  float: right;
  margin: 5px 10px;
}
.leftsection {
  float: left;
  width: 49%;
}
.rightsection {
  float: right;
  width: 49%;
}
.past-educ-block {
  margin-top: 5px;
}
.past-educ-block .four {
  float: left;
  width: 29%;
  margin-right: 1%;
}
.past-educ-block .three {
  /* float: left; */

  width: 19%;
  margin-right: 1%;
  display: inline-block;
  margin-bottom: 5px;
}
.past-educ-block .two {
  /* float: left; */

  width: 14%;
  margin-right: 1%;
  display: inline-block;
}
.exp-block .six {
  float: left;
  width: 44%;
  margin-right: 1%;
}
.exp-block .three {
  /* float: left; */

  width: 25%;
  margin-right: 1%;
  display: inline-block;
}
.exp-block .two {
  /* float: left; */

  width: 23%;
  display: inline-block;
}

.duration .three {
  /* float: left; */

  width: auto;
  margin-right: 1%;
  display: inline-block;
}
.duration .two {
  /* float: left; */

  width: 15%;
  margin-right: 1%;
  display: inline-block;
}
.tagit-close .ui-icon-close {
  display: none;
}
ul.tagit li.tagit-choice {
  padding-right: 20px !important;
}
.profile-work .label-bold.protitle {
  background: #041e42;
  padding: 5px 15px;
  margin-right: 10px;
  color: #fff;
  display: inline-block;
}
.topbr {
  border-top: #041e42 1px solid;
  display: block;
  clear: both;
}
a.pageLink {
  color: #041e42;
  text-decoration: none;
}
.editprofilepic {
  padding: 10px 0px;
}
#upload-pic,
#cancel-pic {
  width: 90px;
  padding: 8px 0px;
  margin-top: 10px;
}
.myconnections .profilename {
  font-size: 23px;
  padding-top: 10px;
}
.myconnections .profileclg {
  font-size: 14px;
}
.postjob .three {
  float: left;
  width: 32.5%;
  margin-right: 1%;
}
.postjob .three.last {
  margin-right: 0;
  width: 33%;
}
.postjob .lblblue {
  padding-bottom: 5px;
  font-size: 15px;
  display: block;
}
.refineresults .chkbox {
  padding-bottom: 15px;
}
.refyear .form-group {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.refyear .form-group.last {
  width: 49%;
  margin-right: 0;
}
.searchresultsbox {
  float: left;
  width: 32.6%;
  margin-right: 2%;
  height: 460px;
}
.searchresultsbox.last {
  margin-right: 0.73%;
}
.searchresultsbox .inner-post-image {
  text-align: center;
}
.searchresultsbox .profile-name {
  color: #041e42;
  display: block;
  font-size: 18px;
  line-height: normal;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
}
.searchresultsbox .profile-name a {
  color: #041e42;
  text-decoration: none;
}
.searchresultsbox .profilecou {
  font-size: 14px;
  color: #444444;
  padding-bottom: 5px;
  padding-top: 5px;
  height: 40px;
}
.searchresultsbox .profileuni {
  font-size: 12px;
  color: #7f7f7f;
  padding-bottom: 9px;
  height: 40px;
  overflow: hidden;
}
.searchresultsbox .profilecnt {
  font-size: 12px;
}
.searchresultsbox .profilecnt label {
  color: #041e42;
  display: block;
  padding-bottom: 8px;
}
.searchresultsbox .profilecnt label a {
  color: #041e42;
  text-decoration: none;
  margin-left: 0px;
  margin-bottom: 0px;
}
.searchresultsbox .profilecnt .counter {
  background: none repeat scroll 0 0 #f0f0f0;
  border-radius: 50%;
  margin: 0px;
  padding: 1px 4px;
}
.searchresultsbox .profilecnt a {
  color: #7f7f7f;
  text-decoration: none;
  margin-left: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.avatar-container {
    margin: 0 auto;
}
#onlineCourses .avatar-container {
  margin: 0;
}
.searchresultsbox .profilerqs a {
  color: #041e42;
  text-decoration: none;
}
.searchresultsbox .profilerqs #reqRecLinkDiv_3 {
  padding-bottom: 5px;
}
.searchresultsbox .profilerqs {
  position: relative;
  height: 35px;
}
.searchresultsbox .profilerqsbox .common {
  display: none;
  left: 100%;
  position: absolute;
  top: -10px;
  width: 250px;
  z-index: 1;
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 10px;
  -moz-box-shadow: 1px 1px 3px 0px #aaaaaa;
  -webkit-box-shadow: 1px 1px 3px 0px #aaaaaa;
  box-shadow: 1px 1px 3px 0px #aaaaaa;
}
.searchresultsbox .profilerqsbox .common:after,
.searchresultsbox .profilerqsbox .common:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.searchresultsbox .profilerqsbox .common:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.searchresultsbox .profilerqsbox .common:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #dddddd;
  border-width: 11px;
  margin-top: -11px;
}
.searchresultsbox input[type="button"],
.searchresultsbox input[type="submit"],
.searchresultsbox input[type="reset"],
.searchresultsbox .btnstyle {
  width: 110px;
}
.searchresultsbox .profilerqsbox .common {
  text-align: center;
}
.searchresultsbox .profilenet,
.searchresultsbox .profileawa,
.searchresultsbox .profileact,
.searchresultsbox .profileaddnet {
  border: 1px solid #999999;
  border-radius: 12px;
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
}
.searchresultsbox .profilenet a,
.searchresultsbox .profileaddnet a {
  text-decoration: none;
  color: #041e42;
}
.searchresultsbox .profilenet {
  background: url("../../images/orange-tickmark.png") no-repeat scroll 5px
    center rgba(0, 0, 0, 0);
}
.searchresultsbox .profileawa {
  background: url("../../images/awaiting-response-clock.png") no-repeat scroll
    5px center rgba(0, 0, 0, 0);
}
.searchresultsbox .profileact {
  background: url("../../images/btnaccpet.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
}
.searchresultsbox .profileaddnet {
  background: url("../../images/icon_add.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
}
.searchresultsbox .profilerat {
  height: 16px;
  text-align: center;
}
.searchresultsbox .profilerat img {
  width: 16px;
}
.profilerqs span {
  /* display: block; */
  display: inline-block;
  font-size: 12px;
  text-align: left;
}
.dim,
.dim2,
.dims {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: url("../../images/dim.png") repeat;
}
.invite-pop-up,
.pop-up,
.pop-up2,
.invite-pop-ups {
  background-color: #ffffff;
  display: block;
  position: absolute;
  left: 50%;
  top: 10%;
  margin-left: -300px;
  margin-top: 0px;
  z-index: 99999999;
  box-shadow: 0px 0px 8px #999999;
  -moz-box-shadow: 0px 0px 8px #999999;
  -webkit-box-shadow: 0px 0px 8px #999999;
  position: relative;
}
.dim .ten.columns {
  width: 580px;
}
.dim .six.columns,
.dim2 .six.columns {
  width: 300px;
  margin-left: -150px;
}
.popupclose {
  position: absolute;
  top: -10px;
  right: -10px;
}
.popuptitle h2 {
  margin: 0;
  padding-bottom: 10px;
  color: #041e42;
  font-size: 16px;
  font-style: normal;
}
.exp-block .fourparts {
  float: left;
  width: 24%;
  margin-right: 1%;
}
.login-box {
  width: 330px;
  height: 435px;
  margin-top: -217px;
  margin-left: -165px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.login-box h2 {
  text-align: center;
  margin: 10px;
  font-weight: normal;
  color: #041e42;
  font-size: 24px;
  margin-bottom: 12px;
}
.login-box .logo {
  background: url("../../images/uvsity-logo.png") no-repeat top center;
  background-size: 121px auto;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  float: none;
}
.login-box .leftsection {
  font-size: 12px;
  padding: 8px 0px;
  color: #7f7f7f;
}
.login-box .rightsection {
  text-align: right;
  padding: 8px 0px;
}
.login-box .regbtn a {
  color: #fff;
  background: #7f7f7f;
  padding: 10px 0px;
  width: 100%;
  font-size: 16px;
  display: block;
  text-align: center;
}
.login-box .rightsection a {
  text-decoration: none;
  color: #041e42;
  font-size: 12px;
}
.login-box .orbg {
  background: url("../../images/or.png") no-repeat top center;
  height: 11px;
  margin: 8px 0px 18px 0px;
}
.login-box .copy {
  text-align: center;
  color: #b8b8b8;
  font-size: 12px;
  padding: 0px 0px;
}
.registration.login-box {
  width: 350px;
  height: 535px;
  margin-top: -267px;
  margin-left: -175px;
}
.addconnleft .columns {
  float: left;
  background: #fff;
  -moz-box-shadow: 1px 1px 3px 0px #ddd;
  -webkit-box-shadow: 1px 1px 3px 0px #ddd;
  box-shadow: 1px 1px 3px 0px #ddd;
  padding: 10px 0px;
  margin: 0px 5px 10px 5px;
  width: 137px;
  height: 135px;
  text-align: center;
  position: relative;
}
.add-connections-social span {
  position: absolute;
  bottom: 5px;
  left: 0px;
  text-align: center;
  width: 100%;
  color: #041e42;
  text-decoration: none;
}
.addconnleft img {
  width: 100px;
}
.addconnleft .gmail img {
  margin: 10px 0px 0px 0px;
}
.addconnleft .hotmail img {
  margin: 10px 0px 0px 0px;
}
.addconnleft .aol img {
  margin: 25px 0px 0px 0px;
}
.addconnright {
  margin: 0px auto;
  width: 300px;
  background: #fff;
  -moz-box-shadow: 1px 1px 3px 0px #ddd;
  -webkit-box-shadow: 1px 1px 3px 0px #ddd;
  box-shadow: 1px 1px 3px 0px #ddd;
  padding: 10px 10px;
  min-height: 200px;
  margin-bottom: 30px;
}
.registration.login-box {
  width: 350px;
  height: 535px;
}
.login-box .posres {
  position: relative;
}
.login-box input[type="text"],
.login-box input[type="password"] {
  margin-bottom: 30px;
}
.errorDivCustom {
  margin-bottom: 5px;
  left: 0px;
  width: 100%;
  color: #611212;
  background: #dd6565;
  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;
}
.login-box .errorDiv {
  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;
}
.login-box .errorDiv a {
  color: #fff;
  text-decoration: none;
  text-transform: capitalize;
}
.login-box .errorDiv:after,
.login-box .errorDiv:before {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.login-box .errorDiv:after {
  border-color: rgba(171, 22, 22, 0);
  border-bottom-color: #dd6565;
  border-width: 7px;
  margin-left: -7px;
}
.login-box .errorDiv:before {
  border-color: rgba(97, 18, 18, 0);
  border-bottom-color: rgba(97, 18, 18, 0);
  border-width: 8px;
  margin-left: -8px;
}
.login-box .posres.gender,
.login-box .posres.tandc {
  padding-bottom: 15px;
}
.login-box .posres.tandc .errorDiv,
.login-box .posres.tandc .errorDiv {
  top: 22px;
}
.errorDiv.successDiv {
  background: #0f0;
}

.errorDiv.successDiv:after {
  border-bottom-color: #0f0;
}
.login-box .posres.gender .errorDiv:after,
.login-box .posres.gender .errorDiv:before,
.login-box .posres.tandc .errorDiv:after,
.login-box .posres.tandc .errorDiv:before {
  left: 10%;
}
.profilePageRecoNRateLinks {
  float: left;
  width: 100%;
  margin-right: 2%;
  height: 2%;
}
.profilePageRecoNRateLinks .profilerqs a {
  color: #041e42;
  text-decoration: none;
}
table {
  width: 100%;
}
#table tr td {
  padding: 10px;
  border: #eeeeee 1px solid;
}
table tr th {
  background: #eeeeee;
  color: #041e42;
  padding: 15px 10px;
}
table tr td a {
  color: #041e42;
  text-decoration: none;
}
table tr td.enprice {
  text-align: right;
}
table tr td.enatten {
  text-align: center;
}
.myacclist .three {
  float: left;
  width: 40%;
}
.myacclist .two {
  float: left;
  width: 20%;
  text-align: right;
}
.myaccaddemail {
  float: right;
}
.priset {
  float: left;
  width: 30%;
  margin-right: 3%;
}
.priset .topbr {
  padding-top: 10px;
}
.show-more-hide {
  display: none;
}
.load-more-hide {
  background: #041e42;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBmOGRiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #041e42 0%, #041e42 50%);
  /* FF3.6+ */

  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #041e42),
    color-stop(50%, #041e42)
  );
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #041e42 0%, #041e42 50%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #041e42 0%, #041e42 50%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #041e42 0%, #041e42 50%);
  /* IE10+ */

  background: linear-gradient(to bottom, #041e42 0%, #041e42 50%);
  /* W3C */

  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#041e42', endColorstr='#041e42', GradientType=0);
  /* IE6-8 */

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  letter-spacing: 2px;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
}
.upgrade td,
.upgrade th {
  width: 150px;
}
.upgrade .feature {
  font-size: 14px;
}
.upgrade .basic {
  background: #d2eeff;
}
.upgrade .premium {
  background: #e2a454;
  color: #fff;
}
.upgrade .premium a {
  color: #fff;
}
.upgrade {
  text-align: center;
}
table.upgrade tr th {
  background: #041e42;
  color: #fff;
  border: 1px solid;
}
table.upgrade tr td {
  border: #ddd 1px solid;
}
.mailtab ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.mailtab ul li {
  float: left;
  width: 25.1%;
}
.mailtab ul li a {
  color: #7f7f7f;
  text-decoration: none;
  background: #fff;
  padding: 15px 0px;
  display: block;
  border: #dddddd 1px solid;
  margin-left: -1px;
  border-top: 2px #041e42 solid;
}
.maillinklist li.compose > a {
  background: url("../../images/ico_compose.png") no-repeat 8px center #fff;
  padding-left: 30px;
}
.maillinklist li.inbox > a {
  background: url("../../images/ico_inbox.png") no-repeat 8px center #fff;
  padding-left: 30px;
}
.maillinklist li.sent > a {
  background: url("../../images/ico_sent.png") no-repeat 8px center #fff;
  padding-left: 30px;
}
.maillinklist li.trashLi > a {
  background: url("../../images/ico_trash.png") no-repeat 8px center #fff;
  padding-left: 30px;
}
.maillinklist li.compose:hover > a {
  background: url("../../images/ico_compose_active.png") no-repeat 8px center
    #041e42;
}
.maillinklist li.inbox:hover > a {
  background: url("../../images/ico_inbox_active.png") no-repeat 8px center
    #041e42;
}
.maillinklist li.sent:hover > a {
  background: url("../../images/ico_sent_active.png") no-repeat 8px center
    #041e42;
}
.maillinklist li.trash:hover > a {
  background: url("../../images/ico_trash_active.png") no-repeat 8px center
    #041e42;
}
.mailtab ul li sup {
  background: #041e42;
  padding: 2px 4px;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.mailtab ul li:hover sup {
  background: #fff;
  color: #041e42;
}
.maillinklist {
  margin: 0px;
  padding: 8px 10px;
}
.maillinklist li {
  list-style: none;
}
.maillinklist li a {
  text-decoration: none;
  font-size: 15px;
  color: #7f7f7f;
  padding: 7px 15px 7px 25px;
  display: block;
}
.maillinklist li a:hover {
  background: #041e42;
  color: #fff;
}
.maillinklist li ul {
  padding-left: 0px;
}
.maillinklist li li a {
  background: url("../../images/mail_arrow.png") no-repeat 25px center;
  padding-left: 50px;
}
.maillinklist li li a:hover {
  background: url("../../images/mail_arrow_active.png") no-repeat 28px center
    #041e42;
}
.mailtab ul li:hover a,
.maillinklist li:hover > a {
  color: #fff;
}
.left_section {
  float: left;
  width: 365px;
}
.right_section {
  float: right;
  width: 660px;
}
/*
.maillinklistsup ul li sup {
    background: none repeat scroll 0 0 #041e42;
    border-radius: 50%;
    color: #FFFFFF;
    padding: 2px 4px;
}

.maillinklistsup ul li:hover sup{background:#fff; color:#041e42;}*/

.maillinklist li sup {
  background: none repeat scroll 0 0 #041e42;
  border-radius: 50%;
  color: #ffffff;
  width: 15px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  margin-left: 2px;
  text-align: center;
}
.maillinklist li:hover sup,
.maillinklist li li:hover sup {
  background: #fff;
  color: #041e42;
}
.autoCompleteImage {
  float: left;
  width: 55px;
}
.autoCompleteDesc {
  float: left;
  width: 300px;
  margin-left: 15px;
}
.supformatter ul li {
  position: relative;
}
.supformatter ul li sup {
  background: none repeat scroll 0 0 #041e42;
  border-radius: 50%;
  color: #ffffff;
  padding: 8px 5px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.supformatter ul li:hover sup {
  background: #fff;
  color: #041e42;
}
.inboxtitle .nine {
  float: left;
}
.inboxtitle .two {
  float: right;
  width: 15%;
  text-align: right;
}
.inboximg {
  float: left;
  width: 80px;
  text-align: center;
}
.inboxdesc {
  float: left;
  padding-left: 15px;
  width: 85%;
}
.inboxdesc .profile-name {
  font-size: 24px;
  margin-bottom: 10px;
  display: inline-block;
}
.inboxdesc .profile-name a {
  color: #041e42;
  text-decoration: none;
}
.ico_delete {
  background: url("../../images/ico_trash.png") no-repeat;
  padding-left: 15px;
  background-size: auto 100%;
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  line-height: normal;
}
.reqrectitle .fromlbl,
.seven.fromlbl {
  float: left;
  width: 83%;
}
.reqrectitle .forlbl {
  float: right;
  width: 15%;
  text-align: right;
}
.inboxdate {
  background: none repeat scroll 0 0 #eeeeee;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.inboxrecomm {
  position: absolute;
  top: 25px;
  right: 0px;
  text-align: right;
  padding: 5px;
}
.seven.fromlbl .inboxdesc {
  width: 83%;
  line-height: 1.8;
}
.inboxdesc {
  line-height: 18px;
}
.recommrqst > .two {
  float: left;
  width: 10%;
  text-align: center;
}
.recommrqst > .seven {
  float: left;
  width: 90%;
}
.recorecaccept {
  color: #a1cf76 !important;
  font-size: 12px;
  font-weight: bold;
  margin-right: 2px;
  margin-top: 2px;
}
/* Accept */

.recorecreject {
  color: #ce6464 !important;
  font-size: 12px;
  font-weight: bold;
  margin-right: 2px;
  margin-top: 2px;
}
/* Reject */

.recorecspam {
  color: #dac858 !important;
  font-size: 12px;
  font-weight: bold;
}
/* Spam */

#onlineCourses table tr td {
  border: 0px;
  padding: 0px;
}
#onlineCourses .gwt-Label.profile-name2 {
  font-size: 22px;
  padding-bottom: 10px;
}
#onlineCourses .gwt-Label {
  color: #041e42;
  padding-bottom: 3px;
}
#onlineCourses table tr td hr {
  display: none;
}
#onlineCourses .profile-profile .showmore {
  margin-bottom: 10px;
}
#onlineCourses .profile-profile .buttonStyle2 {
  width: auto;
}
#onlineCourses .profile-profile .buttonStyle2 {
  float: left;
  margin-bottom: 10px;
  width: auto !important;
}
#onlineCourses .grow-network {
  margin-bottom: 15px;
}

#displayCreateCourse table td {
  height: auto !important;
  vertical-align: middle !important;
}
#displayCreateCourse table.mceToolbar {
  margin: 0px;
}
#displayCreateCourse table tr td {
  border: 0px;
  padding: 0px;
  vertical-align: middle;
}
#displayCreateCourse table tr td rating {
  display: inline-block;
  margin-left: 15px;
}
#displayCreateCourse .gwt-Label.profile-name2 {
  font-size: 22px;
  padding-bottom: 10px;
}
#displayCreateCourse .gwt-Label {
  color: #041e42;
  padding-bottom: 3px;
}
#displayCreateCourse .gwt-DatePicker tr td,
#sessionQuestionnaireDiv .gwt-DatePicker tr td {
  background: #fff;
}
.msgconimg {
  float: left;
  width: 10%;
}
.msgconimg img {
  width: 90%;
}
.msgcondesc {
  float: left;
  width: 90%;
  line-height: 1.8;
}
.msgcondesc .inboxdesc {
  float: none;
  padding-left: 0px;
  width: 89%;
}
.msgcondesc .profilename {
  padding-top: 0px;
}
.msgconrplbox {
  float: right;
  width: 90%;
}
.msgconrplbox textarea {
  margin-bottom: 10px;
}
.msgconrplbox .buttonStyle {
  float: right;
  margin-left: 5px;
}
.msgconrplbox .charcount {
  float: left;
}
.msgsub {
  padding-bottom: 5px;
  display: block;
}
.icorply {
  /* background: url("../../images/rplybtn.png") no-repeat 5px center #041e42; */
  background: #041e42;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.icorply a {
  text-decoration: none;
  color: #fff;
  padding: 8px;
  display: block;
}
.autocomplete > div {
  clear: both;
}
.jobdetails .profilename {
  padding-top: 0px;
}
.jobdetails {
  position: relative;
}
.jobdetails .backbtn {
  position: absolute;
  top: 0px;
  right: 0px;
}
.eventRowLeftCell {
  float: left;
  width: 140px;
  text-align: center;
  padding: 10px;
}
.eventRowRightCell {
  float: right;
  width: 500px;
  padding: 10px;
}
.eventRowRightCell .profilename {
  padding-top: 0px;
  line-height: 24px;
}
.eventtitle {
  font-size: 18px;
  color: #041e42;
}
.eventmaintitle {
  color: #041e42;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0px;
}

.addnetlink {
  color: #041e42;
  text-decoration: none;
  background: url("../../images/icon_add.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
  margin: 10px 0px;
  display: inline-block;
  text-align: left;
}
.awareslink {
  color: #041e42;
  text-decoration: none;
  background: url("../../images/awaiting-response-clock.png") no-repeat scroll
    5px center rgba(0, 0, 0, 0);
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
  margin: 10px 0px;
  display: inline-block;
  text-align: left;
}
.accpetlink {
  color: #041e42;
  text-decoration: none;
  background: url("../../images/btnaccpet.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
  margin: 10px 0px;
  display: inline-block;
  text-align: left;
}
.innetlink {
  color: #041e42;
  text-decoration: none;
  background: url("../../images/orange-tickmark.png") no-repeat scroll 5px
    center rgba(0, 0, 0, 0);
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
  /* margin: 10px 0px; */
  display: inline-block;
  text-align: left;
}
.searchresultsbox .profilenet,
.searchresultsbox .profileawa,
.searchresultsbox .profileact,
.searchresultsbox .profileaddnet {
  border: 1px solid #999999;
  border-radius: 12px;
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  width: 90%;
}
.searchresultsbox .profilenet a,
.searchresultsbox .profileaddnet a {
  text-decoration: none;
  color: #041e42;
}
.searchresultsbox .profilenet {
  background: url("../../images/orange-tickmark.png") no-repeat scroll 5px
    center rgba(0, 0, 0, 0);
}
.searchresultsbox .profileawa {
  background: url("../../images/awaiting-response-clock.png") no-repeat scroll
    5px center rgba(0, 0, 0, 0);
}
.searchresultsbox .profileact {
  background: url("../../images/btnaccpet.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
}
.searchresultsbox .profileaddnet {
  background: url("../../images/icon_add.png") no-repeat scroll 5px center
    rgba(0, 0, 0, 0);
}
.coursetitle {
  font-size: 18px;
  color: #041e42;
}
.courseinfo {
  float: left;
  width: 74%;
}
.courseatt,
.courseatttitle {
  float: right;
  width: 25%;
}
.courseatttitle {
  text-align: right;
}
.courseinfo .inner-post-image {
  float: left;
  width: 20%;
  text-align: center;
}
.courseinfo .profile-hover {
  float: left;
  width: 79%;
}
.contentarea .lblblue {
  margin: 10px 0 5px;
  display: inline-block;
}
#degreeDiv .contentarea .lblblue {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}
.nopadd {
  padding-top: 0px;
}
.pstedu {
  line-height: 18px;
  color: #666;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.pstedu span.edit_links {
  margin-left: 10px;
}
.dialogBody {
  background: #fff;
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
}
.dialogTop {
  background: #eeeeee;
}
.gwt-DialogBox .Caption {
  background: none !important;
  border: 0px !important;
}
.dialogBody .Caption h1 {
  margin: 0px;
  color: #041e42;
  font-size: 20px;
  font-weight: normal;
}
.dialogBody table tr td {
  border: 0px;
  padding: 0px;
  text-align: left;
}
.register-course-title {
  margin: 15px 0 0 5px;
  color: #041e42;
  font-size: 20px;
  font-weight: normal;
}
.create-topic-block {
  font-size: 13px;
  margin: 10px 5px;
}
.create-topic-block input[type="button"] {
  width: 49.5%;
}
.gwt-Label {
  color: #041e42;
}
.registercor .four.columns {
  float: left;
  width: 48%;
}
.registercor .four.columns.last {
  float: right;
  width: 48%;
}
.moreless {
  color: #041e42;
  text-decoration: none;
}
#displayMyCourses table table th.GPBYFDEFD {
  border-bottom: 0px !important;
}
#displayMyCourses table tr td {
  border: 0px;
}
.profileImage,
.profilepic img,
.featured-image {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.featured-image {
  margin-left: 0px;
}
#showmenu {
  display: none;
}
table.eu-nextstreet-SuggestFieldPanel tr td {
  padding: 0px;
  border: 0px;
}
.dialogMiddleCenterInner table table table tr td {
  padding: 2px;
}
.filters {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  float: left;
  clear: both;
}
.filters ul {
  position: absolute;
  display: none;
  top: 1.5em;
  width: 15em;
}
.filters ul li {
  width: 100%;
}
.filters li:hover {
  visibility: inherit;
}
.filters li {
  float: left;
  position: relative;
  list-style: none;
}
.filters a {
  display: block;
  position: relative;
  padding: 0.75em 1em;
  text-decoration: none;
  text-align: left;
}
.filters li:hover ul {
  z-index: 99;
  display: block;
  box-shadow: 3px 3px 10px 2px;
}
.filters li li a {
  color: #fff;
}
.usermenu {
  float: right;
  clear: none;
  margin-top: 0px;
}
.usermenu a.gn-icon {
  color: #041e42;
  text-decoration: none;
}
.usermenu a.gn-icon-user {
  background: url(../../images/usericon.png) no-repeat 17px 0;
  padding: 6px 0px 28px 55px;
}
.usermenu ul {
  background: #041e42;
  min-width: 200px;
  right: 5px;
  top: 37px;
  text-align: right;
  padding: 0px;
}
.usermenu ul li a:hover {
  color: #fff;
  background: #394c65;
}
.pricelbl {
  color: #000000 !important;
}
.startslbl {
  color: #000000 !important;
}
.categorylbl {
  color: #000000 !important;
}
.coursefullname {
  font-size: 22px !important;
}
.nameuser {
  font-size: 15px !important;
}
button.editbtnstyle {
  background: none repeat scroll 0 0 #041e42;
  border: medium none;
  color: #fff;
  display: inline-block;
  line-height: normal;
  min-width: 120px;
  padding: 10px;
  text-align: center;
}
button.submitbtnstyle {
  background: none repeat scroll 0 0 #041e42;
  border: medium none;
  color: #fff;
  display: inline-block;
  line-height: normal;
  min-width: 120px;
  padding: 10px;
  text-align: center;
}
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#fff!important;}*/

.dateBoxPopup {
  width: 226px;
}
#onlineCourses .boxpad {
  margin: 0px 10px 10px 10px;
}
#onlineCourses .gwt-Label.content-top.profile-name2 {
  padding: 10px 10px 10px 10px;
}
#onlineCourses .boxs.showmore .featured-image {
  margin-top: 10px;
}
.title1 {
  color: #041e42;
  font-size: 18px;
  font-weight: normal;
  margin: 5px 0 10px 10px;
  position: relative;
  top: 5px;
}
.title2 {
  color: #041e42;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 10px;
  padding: 10px;
  border-top: 10px solid #f5f5f5;
}
.info1 {
  color: #fff;
  background: #041e42;
  display: block;
  font-size: 18px;
  line-height: 2;
  padding: 0 15px;
  text-align: center;
}
.info2 {
  color: #6d6d6d;
  background: white;
  display: block;
  font-size: 15px;
  line-height: 2;
  padding: 0 5px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}
.info3 {
  color: #6d6d6d;
  background: white;
  display: block;
  font-size: 15px;
  line-height: 2;
  padding: 0 5px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}
i.date1 {
  border: 0;
  background: #f7f6f6;
}
.register-course-title-over-Image {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  color: white;
  background: rgb(0, 0, 0);
  /* fallback color */

  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
}
.separator {
  color: #6d6d6d;
  padding: 8px 25px 20px 38px;
  border-left: 10px solid white;
  border-top: 10px white;
  border-bottom: 10px white;
  border-right: 10px solid #eeeeee;
  margin: 0px;
}
.separator1 {
  color: #6d6d6d;
  border-bottom: 10px solid #eeeeee;
  padding: 8px 25px 20px 0;
}
.separator2 {
  color: #6d6d6d;
  border-bottom: 5px solid #f5f5f5;
  padding: 8px 25px 20px 38px;
}
.price {
  color: #041e42;
  float: right;
  font-size: 18px;
  padding-bottom: 30px;
}
.btn1 {
  color: #fff;
  background: #041e42;
  border: none;
  font-size: 14px;
  line-height: 2;
  padding: .5em 1.5em;
  text-align: center;
  cursor: pointer;
  border-radius:.25em;
}
.createdbyuserlink {
  cursor: pointer;
  font-style: italic;
  color: white;
  background: rgb(0, 0, 0);
  padding: 0 10px;
  /* fallback color */

  background: rgba(0, 0, 0, 0.7);
}
.createdbyuser-title {
  color: white;
  background: rgb(0, 0, 0);
  padding: 0 10px;
  padding-bottom: 10px;
  /* fallback color */

  background: rgba(0, 0, 0, 0.7);
}
.sticker {
  background: rgb(0, 0, 0);
  /* fallback color */

  background: rgba(0, 0, 0, 0.6);
}
.timesep {
  border-bottom: 1px solid #e1e1e1;
}
.timezonelist {
  font-size: 12px;
  color: #6d6d6d;
  padding: 4px;
  margin: 0px 5px 5px 100px;
  /* box-shadow: 0 0px 0 #ccc, 0 0px #eaeaea inset; */

  background: white;
  /* border: none; */
  /* outline: none; */

  display: inline-block;
  cursor: pointer;
  text-align: left;
  height: 30px;
  width: 160px;
  border: 0;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);
}
/*autocomplete */
/** Add css rules here for your application. */

.auto_suggest {
  z-index: 20;
  background-color: white;
  padding: 10px;
  width: 400px;
  height: 230px;
}
.original-token-input {
  width: 396px;
  border: 1px solid #8496ba;
  font-size: 12px;
  font-family: Verdana;
  padding: 4px 8px;
}
/* Example tokeninput style #2: Facebook style */

ul.token-input-list-facebook {
  list-style-type: none;
}
ul.token-input-list-facebook li input {
  border: 0;
  width: 100px;
  padding: 3px 8px;
  background-color: white;
  margin: 2px 0;
}
li.token-input-token-facebook {
  overflow: hidden;
  height: auto !important;
  height: 5%;
  margin: 3px;
  padding: 1px 3px;
  background-color: #041e42;
  color: white;
  cursor: default;
  border: 1px solid #ccd5e4;
  font-size: 12px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  float: left;
}
li.token-input-token-facebook p {
  display: inline;
  padding: 0;
  margin: 0;
}
li.token-input-token-facebook span {
  color: #a6b3cf;
  margin-left: 5px;
  font-weight: bold;
  cursor: pointer;
}
li.token-input-selected-token-facebook {
  background-color: #5670a6;
  border: 1px solid #3b5998;
  color: #fff;
}
li.token-input-input-token-facebook {
  float: left;
}
.gwt-SuggestBox {
  padding: 2px;
}
.gwt-SuggestBoxPopup {
  margin-left: 3px;
}
.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #424242;
  cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
  background: #b7d6f6;
}
.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
  background: url(http://localhost:8080/academyconnectweb/img/hborder.png)
    repeat-x;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
  background: url(http://localhost:8080/academyconnectweb/img/hborder.png)
    repeat-x 0px -4px;
  -background: url(http://localhost:8080/academyconnectweb/img/hborder_ie6.png)
    repeat-x 0px -4px;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  background: url(http://localhost:8080/academyconnectweb/img/vborder.png)
    repeat-y;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
  background: url(http://localhost:8080/academyconnectweb/img/vborder.png)
    repeat-y -4px 0px;
  -background: url(http://localhost:8080/academyconnectweb/img/vborder_ie6.png)
    repeat-y -4px 0px;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
  background: url(http://localhost:8080/academyconnectweb/img/corner.png)
    no-repeat 0px -23px;
  -background: url(http://localhost:8080/academyconnectweb/img/corner_ie6.png)
    no-repeat 0px -23px;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
  background: url(http://localhost:8080/academyconnectweb/img/corner.png)
    no-repeat -5px -23px;
  -background: url(http://localhost:8080/academyconnectweb/img/corner_ie6.png)
    no-repeat -5px -23px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
  background: url(http://localhost:8080/academyconnectweb/img/corner.png)
    no-repeat 0px -28px;
  -background: url(http://localhost:8080/academyconnectweb/img/corner_ie6.png)
    no-repeat 0px -28px;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
  background: url(http://localhost:8080/academyconnectweb/img/corner.png)
    no-repeat -5px -28px;
  -background: url(http://localhost:8080/academyconnectweb/img/corner_ie6.png)
    no-repeat -5px -28px;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .profilestatus.proleft {
    float: left !important;
  }
  .avatar-container {
    margin: 0 auto;
  }
}
@media screen and (max-width: 359px) {
	table.PageBackGround input[type="text"] {
	  width: 60% !important;
	}
	select, table.PageBackGround input[type="text"] {
		width: 60% !important;
	}
	ejs-richtexteditor{
		width:330px !important;
	}
	.gwt-ListBox {
		margin-bottom:.5em;
	}
}
@media screen and (min-width: 360px) and (max-width: 370px) {
	table.PageBackGround input[type="text"] {
	  width: 95% !important;
	}
	select, table.PageBackGround input[type="text"] {
		width: 95% !important;
	}
}

@media screen and (max-width: 1200px) {
  .header:after,
  .header:before {
    clear: both;
  }
  .ui-dialog {
    top: 40% !important;
    left: 30% !important;
  }
  span.result.rounded img {
    width: 300px !important;
    height: 200px !important;
  }

  .header .pageblock {
    width: 86%;
    margin: 0px;
    padding-left: 20px;
    float: right;
  }
  .searchbox {
    width: 60%;
  }
  .searchbox input[type="text"] {
    width: 100%;
  }
  .gn-menu-main {
    display: none;
  }
  .gn-menu-main.showmenu {
    display: block;
  }
  /*li.has_submenu:hover .gn-submenu{display: block;z-index: 99;position: relative;}*/

  li > ul.gn-submenu {
    display: block !important;
  }
  .gn-submenu li {
    height: auto !important;
    overflow: visible !important;
  }
  .header {
    padding-left: 30px;
  }
  #showmenu {
    display: block;
    position: absolute;
    top: 23px;
    left: 0px;
    z-index: 999;
    background: url("../../images/menu.png") no-repeat left center;
  }
  #showmenu a {
    text-decoration: none;
    display: block;
    width: 23px;
    height: 30px;
  }
  .pageblock {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .left_part {
    width: 59.5%;
  }
  .profilepic,
  .proleft,
  .profilevisitors .proleft,
  .tophirings .proleft,
  .eventRowLeftCell {
    width: 18%;
    padding: 10px;
  }
  .profilevisitors .proleft {
    padding: 0px;
  }
  .proright,
  .proright,
  .profilevisitors .proright,
  .tophirings .proright,
  .eventRowRightCell {
    width: 82%;
    padding-left: 15px;
  }
  .profilename {
    padding: 0px;
    padding-top: 10px;
    font-size: 25px;
  }
  .profileclg {
    font-size: 14px;
  }
  .tophirings .proleft img {
    margin-top: 0px;
  }
  .profilepart2 {
    background-image: none;
  }
  .profilestatus.proleft {
    float: none;
    border-bottom: #eee 2px solid;
    width: 100%;
  }
  .right_part {
    width: 39.5%;
  }
  .title {
    padding-bottom: 10px;
  }
  .bglightgray.title {
    padding-bottom: 0px;
  }
  .printbtn img {
    width: auto;
  }
  .leftsection {
    float: none;
    width: 100%;
  }
  .searchresultsbox {
    width: 48%;
    /*   min-height: 415px;*/
  }
  .searchresultsbox.last {
    margin-right: 2%;
  }
  .addconnleft .columns {
    width: 80px;
    height: 85px;
  }
  .addconnleft img {
    width: 50px;
  }
  input,
  select,
  button,
  textarea {
    /*-webkit-appearance: none;*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .left_section {
    float: left;
    width: 26.5%;
  }
  .right_section {
    float: right;
    width: 72.5%;
  }
  .inboxdesc {
    width: 84%;
  }
  .msgcondesc {
    float: right;
    width: 86%;
  }
  .msgcondesc .msgcondesc {
    float: none;
    width: 100%;
  }
  .jobdetails {
    line-height: normal;
  }
  .boxs {
    overflow: auto;
  }
  .boxs.topmenu {
    overflow: inherit;
  }
  .myaccount .leftsection {
    float: left;
    width: 48%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .section1 .welcome {
    float: left;
    height: 500px;
    padding-left: 15px;
    padding-top: 0;
    width: 53%;
    background-size: contain;
  }

  .section1 .signupstep1.rightSideBar {
    display: inline-block;
    padding: 0 16px;
    width: 45%;
    text-align: center;
    margin-top: 50px;
  }

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

  .welcome img {
    top: 100%;
  }

  .section1 .signupstep1 h1 {
    font-size: 30px;
    color: #041e42;
    font-weight: normal;
    padding: 0;
    margin-top: 0px;
  }
}
@media screen and (max-width: 800px) {
  .header .pageblock {
    width: 100%;
    padding-left: 0px !important;
  }

  .notefication {
    float: left;
    padding: 0px;
  }
  ul.children.menunotification {
    width: 300px;
    padding: 10px;
    background: #ddd;
    left: -216px;
    float: left;
    text-align: left;
  }
  /* img.greyBorder.profileImage {
    width: 30px !important;
    height: 30px !important;
  } */
  .notiname {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .fullSizeButton{
	  width:100% !important;
  }
  .fullSizeButton.reviewSessionContainer {
    width: 100% !important;
  }
  .timezonelist {
    margin: 0px !important;
  }
  .header {
    background-size: auto 100%;
  }
  .header .logo {
    text-align: center;
    float: none;
    margin: 0 88px 11px 88px;
  }
  .logo {
    background-size: 100%;
  }
  #showmenu {
    top: 71px;
    left: 12px !important;
  }
  #showmenu a {
    height: 20px;
  }
  .searchbox {
    padding-top: 3px;
  }
  .searchbox .btn-search {
    height: 15px;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: 10px;
    width: 15px;
    background-size: 100%;
  }
  .searchbox input[type="text"] {
    height: 35px;
    font-size: 12px;
  }
  .left_part,
  .right_part {
    width: 100%;
    float: none;
  }
  .usermenu a.gn-icon-user {
    background-position: center;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 35px;
  }
  .usermenu ul {
    left: -165px;
    top: 37px;
  }
  .content_area.pageblock {
    padding-top: 46px;
  }
  .gn-menu-wrapper {
    top: 120px !important;
  }
  ul.topmenupart ul {
    width: 170px;
  }
  ul.topmenupart li:last-child ul {
    left: -83px;
  }
  .profileviewpage .proleft,
  .profileviewpage .proright {
    float: none;
    width: auto;
  }
  .profileviewpage .proright {
    padding: 0px;
  }
  /*.profileviewpage .proleft img {
        width: auto !important;
    }*/
  .profileclg .leftsection,
  .profileclg .rightsection {
    float: none;
    width: 100%;
  }
  .topmenu ul li a {
    color: #041e42;
    text-decoration: none;
    display: block;
    padding: 20px 13px 19px 13px;
  }
  .past-educ-block .three,
  .past-educ-block .two,
  .past-educ-block .four {
    width: 48%;
    float: none;
  }
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .btnstyle,
  button.buttonStyle2,
  .gwt-Anchor.circle-btn {
    width: 100%;
    /*  display: block;*/
  }
  #about input,
  #books input,
  #courses input,
  #interests input,
  #recommendVisiDiv #submit,
  #recommendVisiDiv #cancel {
    margin-bottom: 5px;
  }
  .searchresultsbox {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .searchresultsbox.last {
    margin-left: auto;
    margin-right: auto;
  }
  .left_section {
    float: none;
    width: 100%;
  }
  .right_section {
    float: none;
    width: 100%;
  }
  .inboximg,
  .msgconimg {
    float: none;
    text-align: left;
    width: auto;
    padding-bottom: 10px;
    margin-top: 10px;
  }
  .inboxdesc,
  .msgcondesc {
    float: none;
    width: auto;
    padding-left: 0px;
  }
  .msgcondesc {
    padding: 3px;
    width: 79% !important;
    float: left !important;
  }
  .inbox input[type="button"] {
    margin-bottom: 10px;
  }
  .jobdetails .profilename {
    margin-bottom: 10px;
  }
  .marginbottom .buttonStyle {
    margin-bottom: 10px;
  }
  .ui-dialog {
    margin: 0px;
    left: 0px !important;
  }
  .myacclist .three,
  .priset {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }
  #changePasswordDiv,
  #deleteAccountDiv,
  #cancelChangePasswordDiv {
    width: 100%;
    margin-left: 0px !important;
    margin-top: 10px !important;
  }

  .header .logo.login img {
    height: 30px;
  }
  .header {
    height: 120px !important;
    width: 100% !important;
    text-align: center !important;
    padding: 5px !important;
  }
  #frmLogon div.pull-right {
    margin-left: 3%;
    width: 36%;
  }
  .header .newloginform .posres #password,
  .header .newloginform .posres #emailId {
    font-size: 12px;
    height: 27px !important;
    line-height: normal !important;
    margin-right: 5px;
    padding: 0 3px !important;
    width: 100%;
  }
  .forgotpassword a {
    font-size: 9px;
  }

  .resendemail a {
    font-size: 9px;
  }

  .section1 .welcome {
    background-position: 0 65px;
    background-size: 100% auto !important;
    height: 240px !important;
    padding: 0 1% !important;
    text-align: center;
    width: 98% !important;
  }
  .section1 .welcome h1 {
    font-size: 2.5em !important;
  }
  .section1 .welcome span {
    font-size: 0.6em !important;
  }
  .section2 .main,
  .section3 .main,
  .footer .main {
    padding: 10px !important;
  }
  .homepart1,
  .homepart2 {
    float: none !important;
    max-width: 100% !important;
    text-align: center;
  }
  .textright {
    text-align: center !important;
  }
  .homepart2 {
    padding: 15px 0;
  }
  .homepart1 > iframe {
    width: 100%;
  }
  .homepart2 {
    padding: 0px !important;
  }
  .section3 .courses {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 95% !important;
  }
  /*.section3 .courses img {
        width: 100% !important;
    }*/
  .footer ul {
    width: 50% !important;
    margin-bottom: 20px;
  }
  .section1 .signupstep1 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
  }

  .section1 .signupstep1 h1 {
    font-size: 25px;
    color: #041e42;
    text-align: center;
  }

  .section3 h2 {
    color: #041e42;
    margin-bottom: 30px;
    text-align: center;
  }

  .courses h1 {
    text-align: center;
  }
}
.paymentbox .leftsection {
  width: 355px;
  padding-bottom: 20px;
}
.ico_deactive {
  background: url("../../images/deactive.png") no-repeat scroll left center
    rgba(0, 0, 0, 0);
  color: #041e42;
  padding: 5px 0px 5px 22px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.forgot-password-error-div .errorDiv {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 100%;
  color: #611212;
  background: #dd6565;
  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;
}

.forgot-password-error-div .errorDiv {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 100%;
  color: #611212;
  background: #dd6565;
  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;
}
.invite_grid {
  border: 1px solid #ddd;
  margin: 10px 0px;
}
.invite_header {
  background: #ddd;
  padding: 10px;
}
.invite_grid_header_left {
  float: left;
}
.invite_grid_header_right {
  float: right;
}
.invite_body {
  height: 305px;
  overflow-y: auto;
  padding: 10px;
}
.invite_row {
  padding-bottom: 10px;
}
.invite_row .invite_row_person {
  float: left;
  margin-right: 1%;
  padding: 10px 5px;
  width: 32.3%;
}
.invite_row .invite_row_person .two {
  float: left;
  width: 10%;
}
.invite_row .invite_row_person .two img {
  vertical-align: middle;
  padding-left: 5px;
}
.invite_row .invite_row_person .three {
  float: left;
  width: 90%;
  word-wrap: break-word;
}
.invite_row .invite_row_person.invite_active {
  background: none repeat scroll 0 0 #2da7d8;
  color: #fff;
}
.topiclist {
  border-bottom: #2da7d8 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.topiclist .topiclistleft {
  float: left;
  width: 15%;
}
.topiclist .topiclistleft img {
  width: 100%;
}
.topiclist .topiclistright {
  float: right;
  width: 84%;
}
.topiclist .topiclistright .topicname a {
  color: #2da7d8;
  text-decoration: none;
  font-weight: bold;
}
.topiccheckbox {
  margin-bottom: 20px;
}
.topicsearchbox {
  position: relative;
  margin-bottom: 15px;
}
.searchicon {
  height: 80%;
  position: absolute;
  top: 5px;
  right: 5px;
}
.topicsearchbox input[type="text"] {
  margin-bottom: 0px;
}
.topiclistsort {
  margin: 0px;
  padding-left: 0px;
  list-style: none;
}
.topiclistsort li {
  color: #7f7f7f;
  display: block;
  font-size: 15px;
  padding: 7px 15px 7px 5px;
  text-decoration: none;
}
.topiclistsort li:hover {
  background: #041e42;
  color: #fff;
}
.topiclistsort li sup {
  background: none repeat scroll 0 0 #041e42;
  border-radius: 50%;
  color: #ffffff;
  padding: 2px 4px;
}
.topiclistsort li:hover sup {
  background: #fff;
  color: #041e42;
}
.topic-name a {
  font-size: 24px;
  color: #041e42;
  text-decoration: none;
  margin-left: 5px;
  line-height: 1.2;
}
.topicdesc {
  padding: 5px;
}
.viewtopic .title {
  padding-bottom: 10px;
}
.viewtopic .inner-post-image {
  float: left;
  width: 15%;
}
.viewtopic .inner-post-image img {
  width: 100%;
  height: auto;
}
.viewtopic .viewtopicdesc {
  float: right;
  width: 84%;
}
.jointopic {
  float: left;
  width: 50%;
}
.view-topic-icon {
  float: right;
  width: 50%;
  text-align: right;
  padding-top: 7px;
}
.view-topic-button {
  float: left;
  width: 50%;
}
.topic-button-width {
  min-width: 151px !important;
}
.topicsummary {
  float: right;
  width: 84%;
  overflow: auto;
}
.topiccomments .inner-post-image,
.addcommentbox .inner-post-image {
  float: left;
  width: 8%;
}
.topiccomments .inner-post-image img,
.addcommentbox .inner-post-image img {
  width: 100%;
}
.topiccomments .ten.columns,
.addcommentbox .view-topic-comment-box {
  float: right;
  width: 91%;
}
.topiccommentlist .topic-name a {
  font-size: 14px;
  font-weight: bold;
}
.topiccommentdesc {
  padding: 3px 5px;
  line-height: 16px;
  word-wrap: break-word;
  font-size: 12px;
}
.topiccommentdate {
  font-size: 11px;
  margin-left: 5px;
}
.topiccommentdate a {
  text-decoration: none;
}
.topiclist.nobor {
  border: none;
  margin: 0px;
  padding: 0px;
}
.topicowner {
  font-style: italic;
  padding-left: 5px;
}
.topicowner span {
  color: #041e42;
}
.topiccomments {
  position: relative;
}
.settopright {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #c0c0c0;
  padding: 2px 3px;
}
.rereplay {
  margin-left: 5%;
}
.rereplay span.username {
  color: #041e42;
  font-weight: bold;
  display: block;
  padding-left: 5px;
}
.newloginbox {
  width: 300px;
  height: 435px;
  position: absolute;
  top: 10%;
  right: 10%;
}
.newloginbox h2 {
  text-align: center;
  margin: 0px;
  font-weight: normal;
  color: #041e42;
  font-size: 24px;
  margin-bottom: 12px;
}
.newloginbox .logo {
  background: url("../../images/uvsity-logo.png") no-repeat top center;
  background-size: 121px auto;
  width: 100%;
  height: 60px;
  margin-bottom: 20px;
  float: none;
}
.newloginbox .leftsection {
  font-size: 12px;
  padding: 8px 0px;
  color: #7f7f7f;
}
.newloginbox .rightsection {
  text-align: right;
  padding: 8px 0px;
}
.newloginbox .regbtn a {
  color: #fff;
  background: #7f7f7f;
  padding: 10px 0px;
  width: 100%;
  font-size: 16px;
  display: block;
  text-align: center;
}
.newloginbox .rightsection a {
  text-decoration: none;
  color: #041e42;
  font-size: 12px;
}
.newloginbox .orbg {
  background: url("../../images/or.png") no-repeat top center;
  height: 11px;
  margin: 8px 0px 18px 0px;
}
.newloginbox .copy {
  text-align: center;
  color: #b8b8b8;
  font-size: 12px;
  padding: 0px 0px;
}
.mainvideo {
  position: absolute;
  top: 14%;
  left: 10%;
}
.coursesbox {
  width: 560px;
  position: absolute;
  bottom: 10%;
  left: 10%;
  height: 150px;
  overflow: hidden;
}
.rereplay .inner-post-image {
  width: 5%;
}
.rereplay .view-topic-comment-box {
  width: 94% !important;
}
.rereplaylike {
  position: absolute;
  right: 75px;
  bottom: 7px;
}
.topicattr {
  float: right;
}
.subinfo {
  float: left;
  width: 74%;
}
.topiccomments .profilename {
  font-size: 23px;
  padding-top: 10px;
}
.topiccomments .profile-hover {
  float: left;
  width: 79%;
  margin-left: 10px;
}
.rqstatus {
  color: #041e42;
}
.morebtn {
  background: #041e42;
  bottom: 0;
  display: inline-block;
  position: absolute;
  right: 0;
  text-decoration: none;
  padding: 5px 10px;
  color: #fff;
  margin:0.5em;
  border-radius:.25em;
}
/*27-3-2015*/

.topcoursemain .courseimage {
  width: 50px;
  float: left;
}
.topcoursemain .coursetitle {
  float: left;
  margin-left: 50px;
}
.topcoursemain .coursetitle a {
  text-decoration: none;
  color: #474747;
  font-size: 18px;
}
.more {
  color: #041e42;
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 82%;
}
.topcoursemain .more {
  text-decoration: none;
}
.courseatte {
  float: left;
  font-size: 12px;
  margin-left: 20px;
  margin-top: 5px;
}
.startlabel {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 35%;
  color: #6d6d6d;
  /* padding-bottom:10px; */

  float: left;
}
.startlabel .counter {
  background: none repeat scroll 0 0 #f0f0f0;
  border-radius: 50%;
  margin: 0 5px;
  padding: 2px 7px;
}
.GWTUpld {
  margin: 0 0 15px !important;
}
.pastLabel {
  margin-left: 15px;
}
.pasteduuni {
  /* float: left; */

  margin-right: 1%;
  width: 50%;
  display: inline-block;
}
.ui-autocomplete {
  width: 100% !important;
  position: relative !important;
  zoom: 1;
  cursor: pointer;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  display: inline-block;
}
.ui-autocomplete-panel.ui-widget-content.ui-corner-all.ui-shadow {
  top: 100% !important;
}
.pastedudegree {
  /* float: left; */

  margin-right: 1%;
  width: 25%;
  display: inline-block;
}
.pasteducity {
  /* float: left; */

  margin-right: 1%;
  width: 20%;
  display: inline-block;
}
.conprofilepic img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.conprofilepic {
  width: 100%;
}
.ratingspan a {
  margin-left: 6px;
  vertical-align: top;
}
.conprofilepic img#profile {
  max-width: 100%;
  height: 100px;
  width: auto !important;
}
@media print {
  .proleft {
    width: 160px;
    float: left;
  }
  .profilepic {
    text-align: center;
    padding: 22px 0px;
  }
  .proright {
    float: left;
    width: 500px;
  }
  .profiledesc {
    padding-left: 30px;
  }
  .profilepart1 .profiledesc {
    padding-left: 0px;
  }
  .profilename {
    color: #041e42;
    font-size: 34px;
    padding: 20px 0px 10px 0px;
  }
  .profilename a {
    color: #041e42;
    text-decoration: none;
  }
  .profileclg {
    color: #444444;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px;
  }
  .profiletools label a,
  .lblblue {
    color: #041e42;
    text-decoration: none;
  }
  .profiletools a {
    color: #444444;
    text-decoration: none;
  }
  .profiletools a .counter {
    background: #f0f0f0;
    padding: 2px 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0px 5px;
  }
  .profilepart2 {
    background-image: url(../../images/profilesap.jpg);
    background-repeat: repeat-y;
    background-position: 160px 0px;
  }
  .profilepart2complete {
    color: #041e42;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
  }
  .profilestatus {
    padding: 15px 22px;
  }
  .profilepart2 .profiledesc {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
  }
  .profiledetails {
    color: #626262;
    font-size: 13px;
    line-height: 20px;
  }
  .profiledetails div {
    margin-bottom: 20px;
  }
  .profiledetails a {
    color: #041e42;
    text-decoration: none;
  }
  .centertxt {
    position: relative;
    background: url(../../images/profilestutes.jpg) no-repeat;
    width: 120px;
  }
  .percent {
    position: absolute;
    top: 45px;
    left: 40px;
    color: #041e42;
    font-size: 20px;
  }
  .percent:after {
    content: "%";
  }
}
.subinfo1 {
  float: left;
  width: 75%;
}
.topiccomments .profilerqs a {
  color: #041e42;
}
a.addnetlink1 {
  width: auto;
  padding-left: 22px;
  background-position: 0 center;
  margin: 0;
}
.add-network-block .profilenet {
  background: url("../../images/orange-tickmark.png") no-repeat scroll 0px
    center rgba(0, 0, 0, 0);
  border: 0px solid #999999;
  border-radius: 12px;
  margin: 5px auto 0;
  padding: 5px 5px 5px 20px;
  float: left;
  width: 170px;
}
.getSendMessageIns {
  display: inline-block;
  padding: 10px;
}
.add-network-block .profileawa1 {
  background: url("../../images/awaiting-response-clock.png") no-repeat scroll
    5px center rgba(0, 0, 0, 0);
  border: 0px solid #999999;
  border-radius: 12px;
  margin: 5px auto 0;
  padding: 5px 5px 5px 30px;
  float: left;
  width: 170px;
}
.ratingspan1 a {
  vertical-align: inherit;
}
.ratingspan1 img {
  vertical-align: middle;
}
.ratingspan1 {
  margin-left: 10px;
}
.courseinfo .profile-hover {
  float: left;
  width: 85%;
}
.courseinfo .inner-post-image {
  float: left;
  width: 15%;
  text-align: center;
}
.add-network-block .request-recommendation,
.add-network-block .pageLink1 {
  color: #041e42;
  font-size: 12.5px;
}
.courseatt,
.courseatttitle {
  width: 21%;
}
.courseinfo {
  width: 76%;
}
.coursetitle1 {
  margin-top: 15px;
}
.eventCommentRow .topiccommentlist .common a,
.newEventCommentRow .topiccommentlist .common a {
  color: #041e42;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.eventCommentRow .topiccommentdesc,
.newEventCommentRow .topiccommentdesc {
  padding-left: 0;
}
.commentdate1 {
  background: #c0c0c0;
  float: right;
  font-size: 11px;
  padding: 0 3px;
  position: absolute;
  right: 0;
  top: 0;
}
.newEventCommentRow,
.eventCommentRow {
  background: none;
  border: 0 !important;
}
.dialogProfileImageRight {
  float: left;
  width: 82%;
}
.dialogProfileImageLeft {
  float: left;
  margin-right: 2%;
  width: 16%;
}
.ui-dialog .ui-dialog-buttonpane button {
  background: #041e42 !important;
  color: #fff !important;
  border: 0px !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.homepagesearch .four.columns.alpha,
.homepagesearch .four.columns,
.homepagesearch .three.columns.last {
  float: left;
  margin-right: 20px;
}
.newloginform .buttonStyle {
  display: inline;
  /* width: auto; */
}
.searchbox2 .four.columns,
.searchbox2 .three.columns {
  float: left;
  margin-right: 20px;
}
rl-tag-input-item {
  border-radius: 2px !important;
}
span.ng2-tag-input-remove {
  border-radius: 2px !important;
  margin-top: 4px;
}
rl-tag-input.ng-untouched.ng-pristine.ng-valid {
  box-shadow: none;
  padding: 0;
}
.ng2-tag-input-focus[_nghost-jpj-19] {
  box-shadow: none !important;
}
rl-tag-input.ng-untouched.ng-valid.ng-dirty {
  box-shadow: none;
}
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  display: none;
  z-index: 99;
}
.loader img {
  position: absolute;
  top: 33%;
  left: 45%;
}
.relative {
  position: relative;
}
div#errorDialog {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 0;
  background: rgba(255, 0, 0, 0.4);
  width: 100%;
  color: #fff;
  font-size: 18px;
}

div#successDialog {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px 0;
  background: rgba(0, 150, 100, 0.4);
  width: 100%;
  color: #fff;
  font-size: 18px;
}

span.stars,
span.stars span {
  display: block;
  background: url(assets/images/stars_small.png) 0 -17px repeat-x;
  width: 80px;
  height: 16px;
}
span.stars span {
  background-position: 0 0;
}
table.courseConduct span p {
  display: none;
}
table.courseConduct span p:first-child {
  display: block;
  max-height: 45px;
  overflow: hidden;
  margin: 0;
}
#share-buttons img {
  /* width: 35px; */
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline;
}
.GPBYFDEED {
  border-top: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
}
.GPBYFDEFD {
  border-bottom: 2px solid #6f7277;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
  overflow: hidden;
}
.GPBYFDEOC {
  padding: 15px 15px;
  overflow: hidden;
}
.GPBYFDEDE {
  cursor: pointer;
  cursor: hand;
}
.GPBYFDEDE:hover {
  color: #6c6b6b;
}
.GPBYFDEPC {
  background: #fff;
}
.GPBYFDEAD {
  border: 2px solid #fff;
}
.GPBYFDEPD {
  background: #f3f7fb;
}
.GPBYFDEAE {
  border: 2px solid #f3f7fb;
}
.GPBYFDEGD {
  background: #eee;
}
.GPBYFDEHD {
  border: 2px solid #eee;
}
.GPBYFDEJD {
  background: #ffc;
}
.GPBYFDEKD {
  border: 2px solid #ffc;
}
.GPBYFDEBE {
  background: #628cd5;
  color: white;
  height: auto;
  overflow: auto;
}
.GPBYFDECE {
  border: 2px solid #628cd5;
}
.GPBYFDEID {
  border: 2px solid #d7dde8;
}
.GPBYFDEOD {
  margin: 30px;
}
.GPBYFDELH {
  padding: 4px 8px;
  text-align: center;
}
.GPBYFDEJH {
  padding: 4px;
  cursor: pointer;
  cursor: hand;
}
.GPBYFDEKH {
  cursor: default;
}
.googleContactCard.boxs.boxpad {
  padding: 10px;
  line-height: 20px;
  width: 33%;
  text-align: center;
  display: inline-block;
}
.cirDelete {
  float: right;
  position: absolute;
  right: 20px;
  width: auto;
  top: 20px;
  cursor: pointer;
  display: none;
}
tr.custom-tr {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
td.custom-td1 {
  display: inline-block;
  width: 20%;
}
td.custom-td2 {
  display: inline-block;
  width: 79%;
}
.gwt-HTML ol li {
  line-height: 26px;
  text-align: justify;
  padding: 0px 15px 0 10px;
  color: #333;
  font-size: 14px;
}
#passwordContent .two.columns.last input[type="button"] {
  width: 47.4%;
  display: inline-block;
}

#resendemailContent .two.columns.last input[type="button"] {
  width: 48.4%;
  float: left;
}

.registration.login-box .boxpad {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.registration.login-box input[type="text"] {
  margin-bottom: 20px;
}

.post-block .boxs {
  margin-bottom: 20px;
}
.ui-corner-all.ui-dropdown label.ui-dropdown-label {
  height: 36px;
  padding-top: 8px;
}
.edit_links a.educ-show-add.ico_add {
  display: inline-block;
  margin-top: 4px;
  margin-left: 10px;
}
.profile-work .topbr {
  padding-top: 10px;
}
.two.columns.last.chk.form-group input[type="checkbox"] {
  position: relative;
  top: 4px;
}
div#exp_1 input[type="button"] {
  width: 31.5%;
}
div#recommendVisiDiv input[type="button"],
div#recommendVisiDiv input[type="submit"] {
  width: 49%;
}
div.getSendMessageIn a.pageLink {
  background: #041e42;
  color: #fff;
  padding: 5px 20px;
  display: inline-block;
  width: 185px;
  /* margin-top: 10px; */
}
.refineresults .chkbox input[type="checkbox"] {
  position: relative;
  top: 4px;
}
span.ui-autocomplete.ui-widget.ui-widget .ui-widget {
  margin-bottom: 2px;
}
.addconnleft .two.columns {
  margin-left: 0;
}
.selectedOuter p-autocomplete.ng-pristine.ng-valid.ng-touched {
  display: inline-block;
  width: 100%;
}
.selectedOuter span.ui-autocomplete.ui-widget.ui-widget .ui-widget {
  width: 100%;
  border: none;
}
.three.columns.alpha.marginbottom input[type="button"],
.three.columns.alpha.marginbottom .btnstyle {
  width: 49.5%;
}
.seven.fromlbl .inboxdesc div#more_48 {
  margin-bottom: 10px;
}
.two.inner-post-image.float-attendees {
  width: 12%;
}
.seven.profile-hover.block-attendees {
  width: 88%;
  padding-left: 10px;
}
#content-wrapper2 .sixteen.columns.boxs.boxpad #planTypesDropDown {
  width: 99%;
  height: 35px;
}
#content-wrapper2 .sixteen.columns.boxs.boxpad h3 {
  margin-bottom: 20px;
}
table.table.upgrade.table-bordered.responsive.responsive2 td {
  padding: 10px 7px;
}
.fifteen.columns.create-topic-block.myaccount.boxpad .four.columns label {
  margin-bottom: 10px;
  display: inline-block;
}
.create-topic-block .create-topic-block {
  margin: 0;
  padding: 0;
}
.fifteen.columns.create-topic-block.myaccount.boxpad input[type="radio"] {
  position: relative;
  top: 4px;
}
.gwt-FileUpload {
  margin-bottom: 20px;
}
table.PageBackGround input[type="text"] {
  width: 100%;
}
.gwt-DateBox span.ui-calendar input[type="text"] {
  width: 95% !important;
  height: 36.5px;
}
.gwt-CheckBox input[type="checkbox"],
.gwt-RadioButton input[type="radio"] {
  position: relative;
  top: 4px;
  height:16px;
  width:16px;
  margin-right:2px;
}
select.gwt-ListBox.ng-pristine.ng-valid.ng-touched {
  width: 100%;
}
#onlineCourses table tr td .buttonStyle2 {
  width: 99%;
  margin-bottom: 10px;
}
table.mainpanelaccount td .gwt-Label {
  padding: 10px;
  font-size: 12px;
}
table.mainpanelaccount table#courseaccounttble thead tr th {
  padding: 15px;
  font-size: 12px !important;
}
table#rt1 tr.showmore td {
  padding: 10px !important;
}
.col-md-8.col_md_8 .boxs .boxpad input[type="button"],
.col-md-8.col_md_8 .boxs .boxpad input[type="reset"] {
  width: 49%;
}
.col-md-8.col_md_8 input[type="checkbox"],
.col-md-8.col_md_8 input[type="radio"],
ul.topiclistsort input[type="radio"],
ul.topiclistsort input[type="checkbox"],
table.table.upgrade.table-bordered.responsive.responsive2
  td
  input[type="radio"] {
  position: relative;
  top: 4px;
  margin-right: 5px;
}
.topcoures ac-stars.average-reviev-counts {
  display: inline-block;
  margin: 10px 0;
}
.topcoures .average-reviev-counts {
  margin-top: 10px;
}
.star[_ngcontent-goa-67] {
  font-size: 29px;
}
.reviev-counts {
  display: inline-block !important;
  margin-top: 10px;
}
.ten.columns.tophirings span {
  margin-top: 20px;
  display: inline-block;
  margin-left: 5px;
}
.ten.columns.tophirings span span {
  margin-top: 0;
  margin-left: 0;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  color: #222;
}
div#displayCreateCourse table.PageBackGround td {
  vertical-align: top !important;
}
table.PageBackGround table.separator .gwt-HTML {
  padding: 0 10px;
}
table.PageBackGround table.separator .btn1 {
  width: 99%;
  margin-top: 10px;
}
form#frmRefineJobResults input[type="text"] {
  margin-bottom: 0;
}
table.table.upgrade.table-bordered.responsive.responsive2 {
  width: 75%;
  margin: 0 12%;
}
table.table.upgrade.table-bordered.responsive.responsive2
  tr
  td
  span
  input[type="button"] {
    background: #FF5722;
    color: #fff;
}
#onlineCourses .profile-profile .showmore button.btn1 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.four.profile-hover.block-attendees {
  padding-left: 20px;
}
.profilecou.gwt-Label.profile-userType.userype {
  margin-top: 5px;
}
.profilePageRecoNRateLinks a.pageLink {
  background: #041e42;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  margin-bottom: 10px;
}
div#addToYourNetworkId_13.profilePageRecoNRateLinks {
  width: 100%;
}
.profilePageRecoNRateLinks {
  width: 48%;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
  background: #fff;
}
.ten.columns.view-topic-comment-box.marginbottom .three.columns input {
  width: 49.7%;
}
div#recommendation_41 input {
  width: 48%;
}
.profile-profile.myconnections.inbox .three.columns.last input,
.profile-profile.myconnections.inbox .three.columns.last a {
  width: 49.5%;
}
div#displayMyCourses tr.custom-tr button.buttonStyle2 {
  width: 49.5%;
}
#displayMyCourses table tr td button {
  margin-top: 10px;
}
.boxpad form .two.columns.alpha.marginbottom input,
.boxpad form .two.columns.alpha.marginbottom a {
  width: 49.5%;
}
.pageblock.content_area .boxs .five.columns.alpha.boxpad input,
.pageblock.content_area .boxs .five.columns.alpha.boxpad a {
  width: 33%;
}
.dim .ten.columns a.pageLink1.btnstyle {
  width: 49%;
}
.col-md-2.profile.col-sm-3 .profilePageRecoNRateLinks {
  width: 100%;
  margin-top: 10px;
}
.col-md-2.profile.col-sm-3 .profilePageRecoNRateLinks img {
  height: 18px;
  width: 18px !important;
  vertical-align: text-bottom;
}
.sixteen.columns.boxs table#rt1 tr td {
  padding: 15px 10px;
}
.sixteen.columns.boxs table#rt1 tr th:nth-child(1),
.sixteen.columns.boxs table#rt1 tr td:nth-child(1) {
  padding-left: 20px !important;
}
.sixteen.columns.boxs table#rt1 tr th {
  text-align: left;
  padding: 10px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable
  .popupclose {
  display: none;
}
.ten.columns.invite-pop-upc.marginbottom.boxpad .seven.columns.last label,
.ten.columns.invite-pop-upc.marginbottom.boxpad .two.columns.alpha label {
  color: #555;
  width: 17% !important;
  display: inline-block !important;
  margin-top: 10px;
}
.ten.columns.invite-pop-upc.marginbottom.boxpad .pageLink1.btnstyle {
  width: 49.4%;
  color: #fff;
}
.btn-120 {
  width: 120px !important;
  text-align: center !important;
}
.btn-150 {
  width: 150px;
  text-align: center;
}
.btn-170 {
  width: 170px;
  text-align: center;
}
.btn-190 {
  width: 200px;
  text-align: center;
}

.pagination li {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}

.pagination li.active {
  font-weight: 600;
}

.navBtn:hover {
  /*box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.5);*/
  padding: 0 !important;
}
small.dollers {
  font-size: 16px;

  border-right: 1px solid #041e42;
  padding: 6px 1.5%;
  position: absolute;
}
input.dollersamount.gwt-TextBox.ng-pristine.ng-invalid.ng-touched {
  padding-left: 52px;
}
/* .avatar-container {
  width: 60px !important;
  height: 60px !important;
} */
.avatar-content {
  /* width: 50px !important;
  height: 50px !important;
  line-height: 50px !important; */
  font-family: "Poppins", sans-serif !important;
}

/*uvsity/issues/93*/
.centre-align-avatar .avatar-container {
  margin: 0 auto;
}
/*uvsity/issues/93*/
/*uvsity/issues/94*/
.meetnetlink {
  text-decoration: none;
  padding: 5px 5px 5px 6px;
  /* margin: 10px 0px; */
  text-align: left;
}
.meetnetlink:before {
  padding: 0;
  width: 6%;
  display: inline-block;
  vertical-align: top;
}
.meetp {
  display: inline-block;
  font-family: sans-serif;
  width: 80%;
  margin-left: 10px;
}
/*uvsity/issues/94*/

.pageblock.content_area .boxs .five.columns.alpha.boxpad input.width50,
.pageblock.content_area .boxs .five.columns.alpha.boxpad a.width50 {
  width: 49.8%;
}

ejs-richtexteditor {
  width: 515px !important;
}
.hoverPointer {
  cursor: pointer;
}

.ui-datepicker.ui-widget {
  padding: 0;
  width: 276px;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  border: 0;
}

.ui-datepicker .ui-datepicker-header a {
  color: #1b1d1f;
  padding: 13px 13px;
  height: 0;
  width: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 39% !important;
  top: 21% !important;
  margin: 0 !important;
}
.ui-datepicker-calendar thead {
  border-bottom: 1px solid #ddd;
}

.ui-datepicker.ui-widget .ui-datepicker-calendar td a {
  border: 0 none;
  text-align: center;
  padding: 5px 0;
  background: #fff;
}

uvsity-modal-popup {
  z-index: 3;
  display: block;
  position: relative;
}

.ui-widget-overlay {
  z-index: 1 !important;
  background: rgba(255, 255, 255, 3) !important;
}

.e-richtexteditor {
  z-index: 0 !important;
}

.section1.homeSection {
  /* padding-top: 187px; */
  background: url(../../../assets/images/HeaderImage1.jpeg);
  background-size: 100% 100%;
  min-height: 800px;
  position: relative;
}


.section2.homeSection {
  background: url(../../../assets/images/bgImg.jpeg);
  background-size: 100% 100%;
  min-height: 700px;
  position: relative;
}

.section1.homeSection.padding120 {
  padding-top: 120px;
}

.section3 {
  background: rgba(255, 255, 255, 0.5);
}
.imgOverlay {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.imgOverlaySection1 {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.howToWrap {
  padding: 30px 0;
}

.subsection {
  float: left;
}

.subsection.contentSec {
  width: 42%;
  padding: 80px 15px;
}

.subsection.videoSec {
  float: left;
  width: 58%;
}

.gifWrap {
  text-align: center;
}

.gifContentWrap h3 {
  font-size: 23px;
  color: #041e42;
  font-weight: 500;
}

.gifContentWrap p {
  font-size: 15px;
  line-height: 31px;
}

a.gn-icon.ngx-avatar-welcome:before{
  display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 360px) and (max-width: 600px) {
	.gwt-ListBox {
		margin-bottom:.5em !important;
	}
  .gwt-DateBox span.ui-calendar input[type="text"] {
    margin-bottom:.5em !important;
  }
  .colca {
    width: 100%;
    float: left;
    margin-bottom: 10px;
  }

  .colcs {
    width: 50% !important;
    float: left;
    margin-bottom: 12px;
  }
  .cole {
    width: 50%;
    float: left;
  }

  courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-fileupload-choose.ui-button, courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-button {
    padding: 0;
    font-size: 14px !important;
    width: 60%;
    margin-bottom: 10px;
  }

  .header.login {
    padding: 0 !important;
    position: fixed !important;
  }
  .main.headermain {
      background: #041e42;
  }
  .gifWrap img, .gifWrap video {
    width: 100%;
  }
  .subsection {
    float: left;
  }
  
  .subsection.contentSec {
    width: 100%;
    padding: 80px 15px;
  }
  
  .subsection.videoSec {
    width: 100%;
  }

  .topnav {
    width: 100% !important;
  }

  .headermain {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: #f5f8f4;
  }

  .main.headermain .topnav .alogin {
    display: block !important;
    padding: 12px 0 !important;
  }

  .main.headermain .topnav .alogin.goToAcc{
    float: none !important;
    width: 200px !important;
    display: inline-block !important;
  }

  .main.headermain .topnav .icon {
    padding: 17px 22px !important;
  }

  .topnav.responsive .alogin {
    margin-left: 20px !important;
  }

  .topnav.responsive .aglogin {
    width: 165px;
    margin-left: 15px !important;
  }

  .main.headermain .topnav .aseparater {
    padding: 15px !important;
  }

  .aglogin {
    width: 165px !important;
  }
  .main.headermain .topnav button.btn.loginBtnn.headerLoginButton {
    min-width: 100px !important;
    width: 100px !important;
  }

  

  .main.headermain .topnav .goToAcc button.btn.loginBtnn.headerLoginButton{
    width: 200px !important;
  }

  .section1.homeSection {
    padding-top: 146px !important;
    background-size: 100% 55% !important;
    min-height: 825px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 5px 120px;
    background-color: #d5dad4;
  }

  .topnav a {
    padding: 10px 20px !important;
  }

  .topnav.responsive button.btn.loginBtnn.headerLoginButton {
    width: 167px !important;
  }

  .loginBtn {
    padding: 0 15px 0 35px !important;

    font-size: 11px !important;
  }

  .section1 .welcome {
    background-position: 0 65px;
    background-size: 100% auto !important;
    height: 240px !important;
    padding: 0 1% !important;
    text-align: center;
    width: 100% !important;
  }

  .homeContentP p {
    font-size: 17px;
    color: #041e42;
    margin: 60px 0 0 0;
    font-weight: 500;
    width: 100%;
    text-align: center;
  }

  .section1 .signupstep1.rightSideBar {
    margin-top: 25px !important;
  }

  .section1 .signupstep1 h1 {
    font-size: 24px;
    color: #041e42;
    text-align: center;
    font-weight: 500;
  }

  .loginPopup-wrap {
    width: 335px !important;
  }

  .viewCourseDetailsLeft, .viewCourseDetailsRight {
    width: 100% !important;
  }

  .sponsorCardWrap .sponsorCard {
    width: 100% !important;
  }

  .editSponsoreWrap {
    left: 10px !important;
  }

  tr.editor {
    width: 340px !important;
  }

  .fullSizeButton.widthAuto.marginRightHalf {
    width: 100% !important;
  }

  .colb.enatten {
    width: 100% !important;
    display: block;
    text-align: center;
    margin: 5px 0;
  }

  .fullSizeButton .btncr{
    width: 100% !important;
  }

  button.registerbtn.sponsorBtn {
    display: block;
    width: 200px;
    margin: 10px auto;
  }

  #sponsorDetailDiv .pricing>span {
    width: 50% !important;
  }

  #sponsorDetailDiv .pricing .buttonStyle2.proceedNextBtn {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  .selectedSponsor>span {
    text-align: center;
    display: block;
  }

  .selectedSponsor .selectedPrice {
    width: 100% !important;
    display: block !important;
    margin: 7px 0;
  }

  .selectedSponsorBenefits .proceedToPayWrap {
    text-align: center;
  }

  #sponsorDetailDiv .proceedToPayWrap .proceedNextBtn, .proceedToPayWrap .cancelBtn {
    width: 49% !important;
    margin: 5px 0;
  }

  .paypal-button.paypal-button-color-gold {
    width: 65% !important;
  }

  .previewVideo iframe{
    width: 260px !important;
  }

  input[type="button"], input[type="submit"], input[type="reset"], .btnstyle, button.buttonStyle2, .gwt-Anchor.circle-btn {
    min-width: 95px;
  }

  viewcourse-component .avatar-container, viewcourse-component .avatar-content {
    height: 30px !important;
    width: 30px !important;
    font: 15px / 32px Helvetica, Arial, sans-serif !important;
  }

  header-component uvsity-modal-popup, 
  registersession-component uvsity-modal-popup,
  registercourse-component uvsity-modal-popup, createcourse-component uvsity-modal-popup, sponsor-component uvsity-modal-popup,
  upgradmyaccount-component uvsity-modal-popup{
    left: 10px !important;
    width: 94% !important;
  }

  subscribers-component .avatar-content{
    font-family: "Poppins", sans-serif !important;
    height: 60px !important;
    width: 60px !important;
    font: 20px / 58px Helvetica, Arial, sans-serif !important;
  }

  .topiccomments .inner-post-image img, .addcommentbox .inner-post-image img{
    width: 60px !important;
    height: 60px !important;
  }

  #onlineCourses table{
    position: relative;
    margin-bottom: 620px;
  }

  #onlineCourses table .aa{
    position: absolute;
    top: 100%;
  }

  p-confirmdialog .ui-dialog.ui-confirmdialog.ui-widget.ui-widget-content.ui-corner-all.ui-shadow.ng-trigger.ng-trigger-dialogState {
    left: 10px !important;
    width: 95% !important;
    position: fixed !important;
  }
  

  .invite-pop-up, .pop-up, .pop-up2, .invite-pop-ups {
    left: 320px !important;
    width: 90% !important;
  }

  .loginPopup-wrap {
    position: relative !important;
    top: -70% !important;
    margin: 0 auto;
    width: 80% !important;
    left: 0 !important;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .poopupWrapper {
    left: 10px !important;
    width: 95% !important;
  }

  .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid !important;
    border-color: #041e42 !important;
  }

  uvsity-modal-popup {
    position: fixed !important;
  }

  courseenrolled-component .poopupWrapper, courseaccount-component .poopupWrapper {
    left: 10px !important;
    width: 90% !important;
  }

  .searchbox{
    margin-left: 25px !important;
    margin-top: 5px !important;
  }
  .filters a{
    padding: 12px 7px !important;
  }
  .creatorImg img{
    width: 40px !important;
    height: 40px !important;
  }
  .allReviews img {
    width: 30px !important;
    height: 30px !important;
  }
  .allReviewRight {
    width: 38% !important;
    font-size: 8px !important;
}
  .allReviewLeftUser {
    width: 70% !important;
    font-size: 12px !important;
  }
  .searchresultsbox .inner-post-desc {
    text-align: center !important;
  }
  .searchresultsbox .inner-post-desc a.request-recommendation img, .searchresultsbox .inner-post-desc a.pageLink1 img {
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle;
  }

  .searchresultsbox .profilerqsbox .common {
    top: 70% !important;
    left: 17%  !important;
  }
  .searchresultsbox .profilerqsbox .common:before {
    display: none !important;
  }
  .add-network-block .profilenet {
    background-position: 30% 45% !important;
  }
  .searchresultsbox .profileawa {
    width: 50% !important; 
  }
  .paymentDetailsLeft, .paymentDetailsRight {
    width: 100% !important;
    float: none !important;
  }
  .BalanceWrap h4 {
    width: auto !important;
    text-align: center !important;
  }
  .paymentDetailsWrap li {
    margin: 0 !important;
  }
  .TransactionsWrap .earningTable th:nth-child(2) {
    width: 80px !important;
    word-break: break-all !important;
  }
  .TransactionsWrap .earningTable th {
    word-break: break-all !important;
  }
  .TransactionsWrap .earningTable table tr {
    display: table-row !important;
    word-break: break-all !important;
  }
  .TransactionsWrap .earningTable table thead {
    height: auto !important;
    position: inherit !important;
    width: auto !important;
  }
  li.paymentDetailsLi h5 {
    width: 75% !important;
  }
  .allReviewLeftImg {
    width: 28% !important;
  }
  .allReviewLeftImg {
    width: 28%;
  }
  ejs-richtexteditor{
    width: 95% !important;
  }

  courseaccount-component .addCoHostWrap, createcourse-component .addCoHostWrap,
  courseaccount-component .inviteAttendeeWrap, courseaccount-component .notifyAttendeeWrap, payout .manualPayWrap,
  courseaccount-component .renameRecordingWrap,
  upgradmyaccount-component .deleteAccWrap {
    left: 6px !important;
    width: 360px !important;
  }
  courseaccount-component .inviteAttendeeWrap .inviteRadioWrap {
    margin-left: 8.1% !important;
  }
  courseaccount-component .inviteAttendeeWrap span.ng-star-inserted {
    width: auto !important;
  }

  a.gn-icon.ngx-avatar-welcome {
    text-indent: 0 !important;
    font-size: 25px !important;
    margin-right: 10px !important;
  }
  .searchbox {
    width: 70% !important;
  }

  table.table.upgrade.table-bordered.responsive.responsive2 {
    width: 340px !important;
    margin: 0;
    display: block;
    overflow-x: scroll;
  }

  .printbtn {
    text-align: center !important;
  }

  .profilename {
    text-align: center !important;
    padding: 8px 0 !important;
  }

  .pstedu .ico_edit, .profileclg .ico_edit{
    position: absolute;
    left: 100%;
    top: 0;
  }

  .profileclg {
    width: 85% !important;
    position: relative !important;
  }

  .title {
    font-size: 15px !important;
  }

  p-autocomplete#taCoursesIRecommend {
    width: auto !important;
  }

  profile-component a.pageLink1.fa.fa-calendar.meetnetlink {
    font-size: 12px !important;
    width: 200px !important;
  }

  profile-component .add-network-block .request-recommendation, .add-network-block .pageLink1 {
    margin: 0 !important;
  }

  profile-component .profileviewpage .proright {
    text-align: center !important;
  }

  profile-component .innetlink {
    text-align: center !important;
    background-position: 30% 40% !important;
  }

  profile-component .col-md-2.profile.col-sm-3 {
    margin: 0 !important;
  }

  profile-component .profilename>span{
    display: block !important;
    margin-top: 5px !important;
  }

  profile-component a.request-recommendation img, profile-component #rateProfessorLinkDiv_13 img {
    height: 20px !important;
    width: 20px !important;
    vertical-align: text-bottom !important;
  }

  profile-component .profilerqs span {
    text-align: center !important;
    margin-bottom: 5px !important;
  }

  profile-component .contentarea>div {
    text-align: left !important;
  }

  profile-component div#degreeDiv {
    text-align: left !important;
  }

  ul.children.menunotification {
    width: 320px !important;
    left: -255px !important;
  }

  .img.hoverPointer img, .menunotification .avatar-container {
    height: 30px !important;
    width: 30px !important;
    margin: 0 5px !important;
  }

  .menunotification a.anotiaccept, .menunotification a.anotiacceptign {
    padding: 7px !important;
  }

  .menunotification .avatar-content {
    font-family: "Poppins", sans-serif !important;
    height: 30px !important;
    width: 30px !important;
    font: 12px / 30px Poppins, sans-serif !important;
  }

  .boxs.boxpad.spamWrap {
    padding-bottom: 40px !important;
  }

  #viewTopicForm .boxs.boxpad.rereplay.spamWrap {
    padding-right: 0 !important;
    width: 95% !important;
  }

  #viewTopicForm .rereplay .view-topic-comment-box {
    width: 90% !important;
  }

  #viewTopicForm .topiccomments .featured-image img, #viewTopicForm .topiccomments .avatar-container, viewtopic-component .featured-image img {
    height: 30px !important;
    width: 30px !important;
  }
  
  #viewTopicForm .avatar-container .avatar-content {
    font: 15px / 35px "Poppins", sans-serif !important;
  }


  .ui-dropdown:not(.ui-state-disabled):hover {
    border-color: #041e42 !important;
  }

  p-calendar table thead {
    position: inherit !important;
  }

  p-calendar .ui-datepicker .ui-datepicker-header a {
    color: #fff !important;
    padding: 12px !important;
  }

  .pstedu {
    position: relative !important;
    width: 85% !important;
  }
  table.table.upgrade.table-bordered.responsive.responsive2 tr{
    display: table-row !important;
  }

  table.table.upgrade td {
    display: table-cell;
    width: 150px !important;
  }

  .panel-multicomplete-results {
    top: 45px !important;
    width: 80% !important;
    margin: 0 0 0 25px;
  }

  .ten.columns.invite-pop-up4.marginbottom {
    width: 95% !important;
    left: 10px !important;
  }

  .btntbl.standard span{
    display: block;
  }

  #displayCreateCourse p-calendar table tr,
  #sessionQuestionnaireDiv p-calendar table tr {
    display: table-row !important;
  }

  #displayCreateCourse p-calendar table,
  #sessionQuestionnaireDiv p-calendar table {
      display: table;
      width: 100% !important;
  }

  #displayCreateCourse p-calendar table tr td,
  #sessionQuestionnaireDiv p-calendar table tr td {
      display: table-cell;
      width: fit-content !important;
  }

  registercourse-component .pageblock.content_area .boxs .five.columns.alpha.boxpad input,
  registersession-component .pageblock.content_area .boxs .five.columns.alpha.boxpad input, .pageblock.content_area .boxs .five.columns.alpha.boxpad a {
    width: 49% !important;
  }

  a.gn-icon.ngx-avatar-welcome:before{
    display: block;
  }

  .SpeakerWrap .sessionCoHostSubWrap {
    width: 100% !important;
  }

  .SpeakerWrap.mySession .sessionCoHostSubWrap {
    width: 90% !important;
  }


  /* Temp */
  login signup-component .main .courses{
    width: 100% !important;
  }
  login signup-component .main{
    padding: 40px 20px !important;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 600px) and (max-width: 769px) {
  .topnav a:nth-child(3) {
    display: none !important;
  }

  .topnav a:nth-child(5) {
      padding: 24px 5px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  uvsity-modal-popup {
    position: fixed !important;
  }
  .main.headermain .topnav .aglogin {
    margin-left: 0 !important;
  }
  .topnav {
    overflow: hidden;
    width: 80% !important;
    display: inline-block;
  }

  .topnav a {
    padding: 25px 10px !important;
  }

  .topnav a:nth-child(3) {
    display: none !important;
  }

  .topnav a:nth-child(5) {
      padding: 24px 5px !important;
  }

  .headermain {
    margin: 0 !important;
    max-width: 100% !important;
    padding: 0 9px !important;
  }

  .loginBtn {
    padding: 0 15px 0 40px !important;
  }
  .orBrHeader::before,
  .orBrHeader::after {
    display: none !important;
  }
  button.btn.loginBtnn.headerLoginButton {
    width: 120px !important;
  }

  .gifWrap img, .gifWrap video {
    width: 80% !important;
    padding: 100px 0 !important;
  }

  .section3 .gifWrap video{
    padding: 100px 0 !important;
  }

  #courses .courses {
    width: 48%;
  }

  .section1 .welcome {
    width: 50% !important;
  }

  .homepart1.animated.fadeInRight iframe {
    width: 350px;
  }

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

  .section1.homeSection {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    background-color: #eff2ee;
    min-height: 700px !important;
  }

  .section1 .welcome h1 {
    font-size: 41px !important;
  }

  .section1 .welcome span {
    font-size: 23px !important;
  }
  .homeContentP p {
    width: 100% !important;
  }

  .welcome img {
    top: 100% !important;
    left: 5% !important;
  }

  .section1 .signupstep1.rightSideBar {
    width: 50% !important;
    max-width: 50% !important;
    margin-top: 0 !important;
  }
  .section1 .signupstep1 h1 {
    font-size: 27px !important;
  }

  .loginPopup-wrap {
    left: 30% !important;
    width: 335px !important;
  }

  .viewCourseDetailsLeft, .viewCourseDetailsRight {
    width: 100% !important;
  }

  viewcourse-component .avatar-container, viewcourse-component .avatar-content {
    height: 30px !important;
    width: 30px !important;
    font: 15px / 32px Helvetica, Arial, sans-serif !important;
  }

  header-component uvsity-modal-popup, registercourse-component uvsity-modal-popup, 
  registersession-component uvsity-modal-popup, createcourse-component uvsity-modal-popup, sponsor-component uvsity-modal-popup,
  upgradmyaccount-component uvsity-modal-popup{
    left: 10px !important;
    width: 94% !important;
  }

  .invite-pop-up, .pop-up, .pop-up2, .invite-pop-ups {
    left: 85% !important;
    width: 90% !important;
  }

  .loginPopup-wrap {
    top: 35% !important;
  }
  .poopupWrapper {
    width: 95% !important;
  }
  .searchbox{
    margin-left: 25px !important;
    margin-top: 5px !important;
  }
  .filters a {
    padding: 13px 5px !important;
  }
  .creatorImg img{
    width: 40px !important;
    height: 40px !important;
  }

  .profilepic img, .featured-image {
    width: 100% !important;
  }

  .profilepic, .proleft, .profilevisitors .proleft, .tophirings .proleft, .eventRowLeftCell {
    width: 24% !important;
  }

  .proright, .proright, .profilevisitors .proright, .tophirings .proright, .eventRowRightCell {
    width: 75% !important;
  }

  #showmenu {
    top: 27px !important;
    left: 8px !important;
  }

  a.gn-icon.ngx-avatar-welcome label{
    font-family: "Poppins", sans-serif !important;
  }
  .searchbox {
    width: 55% !important;
    margin: 0 0 0 7px !important;
  }
  .logo {
    margin: 5px 0 !important;
  }
  .mainlogo {
    font-size: 23px !important;
  }

  .header .pageblock {
    width: 85% !important;
    padding-left: 0px !important;
  }

  /* Temp */
  login signup-component .main .courses{
    width: 47% !important;
  }
  login signup-component .main{
    padding: 40px 20px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1025px) {
  video {
    width: 475px !important;
    padding: 80px 0 !important;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .main.headermain .topnav .aglogin {
    margin-left: 4% !important;
  }
  .headermain {
    margin: 0 !important;
  }

  .section1 .welcome h1 {
    font-size: 35px !important;
  }

  .section1 .welcome h1 {
    margin-top: 45px !important;
  }

  rating {
    font-size: 9px !important;
  }

  .loginPopup-wrap {
    top: 39% !important;
  }

  .searchbox{
    margin-left: 25px !important;
    margin-top: 5px !important;
  }
  .filters a {
    padding: 13px 5px !important;
  }
  .creatorImg img{
    width: 40px !important;
    height: 40px !important;
  }


  .profilepic, .proleft, .profilevisitors .proleft, .tophirings .proleft, .eventRowLeftCell {
    width: 24% !important;
  }

  .proright, .proright, .profilevisitors .proright, .tophirings .proright, .eventRowRightCell {
    width: 75% !important;
  }

  #showmenu {
    top: 27px !important;
    left: 8px !important;
  }

  a.gn-icon.ngx-avatar-welcome label{
    font-family: "Poppins", sans-serif !important;
  }
  .searchbox {
    width: 57% !important;
    margin: 0 0 0 7px !important;
  }
  .logo {
    margin: 5px 0 !important;
  }
  .mainlogo {
    font-size: 23px !important;
  }

  .header .pageblock {
    width: 85% !important;
    padding-left: 0px !important;
  }

  a.gn-icon.ngx-avatar-welcome.fa.fa-user:before {
    display: none;
  }
  .profilepic img, .featured-image {
    width: 70% !important;
  }

  .profilestatus.proleft {
    float: left !important;
  }

  /* Temp */
  login signup-component .main.clearfix{
    padding: 40px 48px !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  .main.headermain .topnav .aglogin {
    margin-left: 9% !important;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1400px) {
  .main.headermain .topnav .aglogin {
    margin-left: 16% !important;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
  .main.headermain .topnav .aglogin {
    margin-left: 19% !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
  .headermain {
    margin: 0 5% !important;
  }
  .main.headermain .topnav .aseparater {
    padding: 25px !important;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
  .main.headermain .topnav .aglogin {
    margin-left: 7% !important;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .main.headermain .topnav .aglogin {
    margin-left: 13% !important;
  }
}

@media only screen and (min-width: 1700px) and (max-width: 1900px) {
  .main.headermain .topnav .aglogin {
    margin-left: 25% !important;
  }
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .headermain {
    margin: 0 15% !important;
  }

  .topnav a {
    padding: 25px 20px !important;
  }
}

@media only screen and (min-width: 1900px) {
  .main.headermain .topnav .aglogin {
    margin-left: 28% !important;
  }
}

a.gn-icon.ngx-avatar-welcome label {
  font-family: "Poppins", sans-serif !important;
}

section#howto,
section#courses,
section.peopleSearch {
  padding: 0 35px;
}

.howToWrap h3 {
  color: #041e42;
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: 500;
}

div#footer-wrapper {
  margin: 0;
  width: 100%;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Poppins", sans-serif !important;
  font-size: 1em !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
  border-top: 1px solid #ddd;
  top: 20% !important;
  left: 33% !important;
  padding: 0;
  border: 0;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 0;
  width: auto !important;
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  color: #6d6d6d;
}

.ui-dialog.ui-widget .ui-dialog-titlebar {
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.ui-widget-header .ui-state-default {
  display: inline-block !important;
}

.ui-dialog-footer.ui-widget-content {
  border: 0;
  border-top: 1px solid #ddd;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 12px !important;
  top: 33% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 5px !important;
  height: auto !important;
  background: #fff;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

header-component uvsity-modal-popup, registercourse-component uvsity-modal-popup,
registersession-component uvsity-modal-popup, createcourse-component uvsity-modal-popup, sponsor-component uvsity-modal-popup,
upgradmyaccount-component uvsity-modal-popup{
  z-index: 3;
  display: block;
  position: fixed;
  top: 25%;
  left: 33%;
  width: 550px;
  width: 550px;
}


/*ViewCoursePage*/

img.bgBlurImg {
    width: 100%;
    filter: blur(4px);
    -webkit-filter: blur(4px);
    position: absolute;
    left: 0;
    top: 0;
    height: 315px;
    transform: scale(1.05);
}

.viewCourseWrap {
    position: relative;
    box-shadow: 0 0 7px 10px rgba(255, 255, 255, 0.5);
    filter: blur(0);
    -webkit-filter: blur(0);
    overflow: hidden;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
}

.viewCourseDetails {
    margin: 40px 40px 0 40px;
    filter: blur(0);
    -webkit-filter: blur(0);
    min-height: 600px;
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5);
    background: #fff;
}

.viewCoursebannerImg {
  width: 100%;
    filter: blur(0);
    -webkit-filter: blur(0);
    height: 236px;
}

.viewCourseLeftImg {position: relative;}

.viewCourseDetailsLeft {
    width: 60%;
    float: left;
}

.viewCourseDetailsRight {
    width: 40%;
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #eee;
}

.courseDetails {
    width: 100%;
    bottom: 0;
}

.creatorDetails {
  width: 100%;
  color: #fff;
  position: relative;
  /* background: rgba(0, 0, 0, 0.3); */
}

.creatorImg {
  width: 20%;
  float: left;
  text-align: center;
}

.creatorInfo {
  width: 75%;
  display: inline-block;
  padding: 8px 0;
}

.courseCreator {
  margin-top: 7px;
}
.courseCreatorEdu, .courseCreator {
  font-style: italic;
  font-weight: 500;
  text-shadow: 0px 0px 1px #fff;
  letter-spacing: 1px;
  color: #6d6d6d;
}


.courseDescriptionWrap, .courseSponsoreWrap, .QuestionnaireWrap {
  padding: 10px;
}

.courseDescriptionWrap>h3, 
.viewCourseDetailsRight>h3, 
.meetingWrap>h3, 
.previewWrap>h3, 
.courseSponsoreWrap>h3, 
.sessionCoHostWrap>h3,
.QuestionnaireWrap>h3 {
  color: #041e42;
  font-weight: 600;
  padding: 10px 0;
  font-size: 17px;
}

.viewCourseDetailsRight>h3{
  display: inline-flex;
}

.courseDescriptionWrap>h3, .courseSponsoreWrap>h3, .QuestionnaireWrap>h3{
  border-bottom: 1px solid #ddd;
}

.courseDesc ul li {
  list-style-position: inside;
}

.courseDesc {
  padding: 10px;
  overflow: auto;
  /* max-height: 500px;
  overflow-y: auto; */
}

.e-richtexteditor .e-rte-toolbar.e-rte-tb-float, .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar.e-rte-tb-float {
  position: static;
}

.scheduleSummary {
  width: 75%;
  display: inline-block;
  font-weight: 600;
  padding: 0 0 0 10px;
}

.effectiveWrap {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}

.effectiveDate, .effectiveTime, .effectiveDay {
  padding-left: 10px;
  font-weight: normal;
  display: inline-flex;
}

.priceWrapFree{
  background-image: url(../../../assets/images/priceFree.png);
  position: absolute;
  top: -15px;
  right: -15px;
  background-position: 5px 10px;
  background-repeat: no-repeat;
  background-size: 60px 65px;
  height: 75px;
  width: 75px;
}

.priceLabelFree {
  color: #fff;
  font-weight: 600;
  transform: rotate(50deg);
  text-align: center;
  margin: 25px 10px 0 20px;
}

.priceWrap {
  position: relative;
}

.priceLabel {
    position: absolute;
    right: -15px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: #041e42;
    padding: 2px 15px 2px 10px;
    margin: 10px 0 0 0;
    border-radius: 3px 1px 3px 3px;
}

.priceLabel:after {
  content: '';
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 13px solid #041e42;
  position: absolute;
  right: 0;
  top: 95%;
}

.courseReviews {
  margin: 5px 40px 0 40px;
  box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5);
  background: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

.reviewHeader {border-bottom: 1px solid #ddd;color: #041e42;font-size: 15px;padding: 10px 0;}

viewcourse-component .avatar-container {margin: 0 auto;}

.reviewHeaderLeft {
  width: 60%;
  display: inline-block;
}

.reviewHeaderRight {
  width: 38%;
  display: inline-block;
  text-align: right;
}

.allreviewLoop {
  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 5px;
  padding: 10px 0;
}

.allReviewLeft {
  width: 60%;
  float: left;
}

.allReviewRight {
  width: 38%;
  display: inline-block;
  text-align: right;
}

.allReviewLeftImg {
  float: left;
  width: 12%;
  padding: 0 8px;
}

.allReviewLeftUser {
  width: 80%;
  display: inline-block;
}

a.reviewUserName {font-weight: 500;}

.reviewUserComment {
  font-weight: 500;
  margin-top: 16px;
}

.reviewUserEdu.ng-star-inserted {
  font-size: 12px;
}

.courseAction {
  padding: 10px;
  text-align: center;
}

.sessionOwner {
  background: #1791c1;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
}

.meetingDetails {
  float: left;
  width: 70%;
  font-size: 14px;
  font-weight: 500;
  color: green;
}

a.meetingButton {
  padding: 3px 15px;
  color: coral;
  border: 1px solid;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
  display: inline-block;
  margin: 7px 0;
}

a.meetingButton:hover {
  background:coral;
  color: #fff;
  transition: 300ms all;
}

.meetingCridentials {padding: 0 0 10px 0;border-bottom: 1px solid #ddd;}


.sessionPreview {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.sessionOwner.expiredSession {
  background: #841908;
}

.meetingScheduled {
  display: inline-block;
  padding-left: 10px;
  font-weight: 500;
  color: green;
}

.courseActionRight {
  margin-top: 45px;
}

.sessionOwner.registeredSession {
  background: green;
}

button.registerbtn {
  background: #041e42;
  color: #fff;
  border: 0;
  width: 40%;
  padding: 5px 0;
  border-radius:.25em;
}
button.registerbtn.greenBtn {
  background: #40bf45 !important;
}

.registerCourseWrap {
  margin: 35px 0;
  text-align: center;
}

.socialShareWrap {
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px 0 0 0;
}

.socialShare a>img {
  height: 20px;
}

.socialShare a {
  padding: 0 5px;
  display: inline-block;
  line-height: 0;
}

.socialShare {
  padding: 5px 0 0 0;
}

.tempDiv {
  height: 10px;
  position: absolute;
  top: 322px;
  background: #f7f6f6;
  width: 100%;
}

.previewWrap {
  min-height: 200px;
  /* box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); */
}

.docWrap {
  padding-top: 10px;
}

.docWrap>h3 {
  color: #041e42;
  font-weight: 600;
  padding: 10px 0;
  font-size: 17px;
}

.docPreview {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: rebeccapurple;
}

.courseName>h3 {
  letter-spacing: 1px;
}

.registerCourseWrap.previewCourseWrap .registerbtn {
  width: 32%;
}

.courseName {
  color: #6d6d6d;
}
.courseCreatorEdu>a {
  color: #6d6d6d;
}

viewcourse-component uvsity-modal-popup {
    position: fixed;
    left: 40%;
    top: 33%;
}

.recordingWrap .recLabel {
  font-weight: 500;
  display: inline-block;
  width: 50%;
  float: left;
  padding: 6px 5px;
}

.recordingWrap .ui-carousel .ui-carousel-header .ui-carousel-header-title {
  display: none;
}

.recordingWrap .ui-carousel .ui-carousel-page-links {
  display: none;
}

.recordingWrap .ui-carousel .ui-carousel-header .ui-carousel-mobiledropdown, .recordingWrap .ui-carousel .ui-carousel-header .ui-carousel-dropdown {
  display: none !important;
}

courseenrolled-component span.ui-carousel-button.ui-carousel-next-button.fa.fa-arrow-circle-right, courseenrolled-component span.ui-carousel-button.ui-carousel-prev-button.fa.fa-arrow-circle-left {
  position: absolute;
  top: 6px;
  cursor: pointer;
}

courseenrolled-component span.ui-carousel-button.ui-carousel-next-button.fa.fa-arrow-circle-right {
  right: 0;
  /* top: 0; */
}

courseenrolled-component span.ui-carousel-button.ui-carousel-prev-button.fa.fa-arrow-circle-left {
  left: 0;
  /* top: 0; */
}

/* courseenrolled-component p-carousel {
  position: relative;
    display: inline-block;
    width: 50%;
}

.recordingWrap .ui-carousel .ui-carousel-viewport {
  top: -18px;
  left: 26px;
  width: 30px;
}

.recordingWrap .ui-carousel.ui-widget.ui-widget-content.ui-corner-all {
  max-height: 30px;
}

.recordingWrap .recCamera{
  padding: 0 4px;
}

.recordingWrap .ui-corner-all{
  background: transparent;
} */

.recordingWrap {
  position: absolute;
  top: 0;
  right: 0;
  /* width: 120px; */
  color: #fff;
  /* max-height: 30px; */
  border-radius: 5px;
}
/* 
.recordingWrap .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item{
  text-align: center;
  cursor: pointer;
  padding: 4px 0;
} */
/* 
.recordingWrap .ui-carousel-header.ui-widget-header.ui-corner-all, 
.recordingWrap .ui-carousel.ui-widget.ui-widget-content.ui-corner-all,
.recordingWrap .ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item,
.recordingWrap{
    border: 0;
} */

.recIconWrap {
  display: block;
  /* width: 20%; */
  padding: 10px;
  font-size: 20px;
  cursor: pointer;
  line-height: 0;
  background: rgba(18, 202, 117, 0.86);
}

.recIconWrap.fileIconWrap {
  background: orange;
  position: relative;
}



.recIconWrap.fileIconWrap .loaderSpin {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,0.5);
  top: 0;
  left: 0;
  display: none;
}

.recIconWrap.fileIconWrap .loaderSpin img {
  width: 20px;
  margin: 10px;
}

.alilogin{
  display: none !important;
}

/*Recording Popup*/
courseenrolled-component .poopupWrapper, courseaccount-component .poopupWrapper{
  background: #fff;
  padding: 10px;
  margin: 0 auto;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 25%;
  z-index: 9;
  left: 33%;
  width: 500px;
}

courseenrolled-component .poopupWrapHeader, courseaccount-component .poopupWrapHeader{
  border-bottom: 1px solid #ccc;
  position: relative;
  padding: 10px 0;
}

courseenrolled-component span.poopupClose, courseaccount-component span.poopupClose{
  position: absolute;
  right: 0;
  top: 0;
  padding: 3px 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}

courseenrolled-component .poopupWrapBody, courseaccount-component .poopupWrapBody{
  padding: 15px;
  font-size: 13px;
  overflow: auto;
  max-height: 290px;
}

courseenrolled-component .poopupWrapHeader h2, courseaccount-component .poopupWrapHeader h2 {
  font-size: 17px;
}

courseenrolled-component .poopupH2Blue, courseaccount-component .poopupH2Blue {
  color: #041e42;
}

courseenrolled-component li.poopupLi, courseaccount-component li.poopupLi {
  list-style: none;
  width: 46%;
  display: inline-block;
  text-align: center;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  margin: 5px;
  padding: 20px 0;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
  display: inline-grid;
}

courseenrolled-component label.recLbl, courseaccount-component label.recLbl {
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  margin-top: 5px;
}

courseaccount-component label.recLbl {
  position: relative;
}

courseaccount-component label.recLbl i {
  position: absolute;
  right: 3px;
  top: 2px;
  color: #041e42;
}

courseenrolled-component .recCamWrap, courseaccount-component .recCamWrap {
    font-size: 40px;
    color: #041e42;
}

courseenrolled-component li.poopupLi:hover, courseaccount-component li.poopupLi:hover .RecSubWrap {
    background: #041e42;
    /* color: #fff; */
    transition: 300ms ease all;
}

courseenrolled-component li.poopupLi:hover .recCamCard .fa, courseaccount-component li.poopupLi:hover .recCamCard .fa {
    color: #fff;
    transition: 300ms ease all;
}
courseenrolled-component .popupOverlay, courseaccount-component .popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
/*Recording Popup*/



 /*Paypal Button*/
 
 .paypal-button {
  border: 1px solid transparent;
  border-radius: 0 3px 3px 0;
  position: relative;
  width: 49%;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
  height: 40px;
  min-height: 30px;
  max-height: 55px;
  border-radius: 23px;
}

.paypal-button * {
  cursor: pointer;
}

.paypal-button-container.paypal-button-env-test .paypal-button-text {
  font-family: Arial !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color: transparent  !important;
  text-shadow: none  !important;
}

.paypal-button-card {
  cursor: pointer;
}

.paypal-logo {
  padding: 0;
  display: inline-block;
  background: none;
  border: none;
  width: auto;
}

.paypal-button-text, .paypal-button-space {
  display: inline-block;
  white-space: pre;
}

.paypal-button > .paypal-button-label-container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  height: 21px;
  max-height: 27px;
  min-height: 18px;
  text-align: center;
}

.paypal-button > .paypal-button-label-container > * {
  vertical-align: top;
  height: 100%;
  text-align: left;
  font-size: 14px;
}

.paypal-button-tagline {
  max-width: 100%;
  font-weight: normal;
  display: block;
  text-align: center;
  width: auto;
}


.paypal-button-container .paypal-vault-header {
  margin-top: 10px;
}

  


.paypal-button.paypal-button-text-color-black {
  color: #2C2E2F;
}

.paypal-button.paypal-button-text-color-white {
  color: #fff;
}


.paypal-button.paypal-button-color-gold {
  background: #ffc439;
}

.paypal-button.paypal-button-color-gold:hover {
  filter: brightness(0.95);
}

.paypal-button.paypal-button-color-gold:focus {
  outline: none;
  box-shadow: 0px 0px 1px 3px #0c67ff inset;
}



/*Paypal Button*/


.privateSpan{
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px 10px;
  background: rgb(0, 200, 14);
  border-radius: 3px 0 0 0;
}

.privateSpan font{
  color: #fff;
  letter-spacing: 1px;
}

editprofile-component p-dropdown .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  background: #fff !important;
  color: #777;
}

editprofile-component p-dropdown .ui-dropdown-trigger.ui-state-default.ui-corner-right {
  border: 0;
  color: #fff;
}

editprofile-component p-dropdown .ui-dropdown-items-wrapper {
  width: 210px;
}

editprofile-component p-dropdown ul.ui-dropdown-items.ui-dropdown-list {
  padding: 0;
  width: 100%;
}

editprofile-component p-dropdown ul.ui-dropdown-items.ui-dropdown-list li.ui-dropdown-item {
  display: inline-block;
  font-size: 13px;
  border: 0 !important;
  padding: 10px !important;
  margin: 0 !important;
  width: 33%;
  text-align: center;
}

editprofile-component p-dropdown ul.ui-dropdown-items.ui-dropdown-list li.ui-dropdown-item:first-child{
  display: none;
}

editprofile-component p-dropdown ul.ui-dropdown-items.ui-dropdown-list li.ui-dropdown-item:hover {
  font-weight: 600;
}

editprofile-component p-dropdown .ui-corner-all.ui-dropdown-panel.ui-widget-content {
  border: 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

p-fileupload .ui-fileupload.ui-widget {
  background: #fff !important;
}

p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  border: 0;
}

courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
  background: #fff;
}

createcourse-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-button:nth-child(2) {
  display: none !important;
}

p-fileupload .ui-fileupload.ui-widget .ui-fileupload-row .ui-button{
  display:none !important;
}

p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-fileupload-choose.ui-button {
  background: #041e42;
  color: #fff;
  border: 0;
  display: inline-block !important;
}
courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-fileupload-choose.ui-button,
courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top button.ui-button {
  padding: 0;
  font-size: 14px !important;
}

courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-messages-summary,
courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-messages-detail,
courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-row{
  font-size: 12px;
}

courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-row .ui-button {
  width: 20px;
  display: block;
}
courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-row .ui-button .ui-button-icon-only .fa {
  top: 55%;
}

courseaccount-component p-fileupload .ui-fileupload.ui-widget .ui-fileupload-row .ui-button .ui-clickable {
  padding: 3px 0;
  line-height: 10px;
}

courseaccount-component .cols.uploadDoc {padding-top: 10px;}

p-fileupload .ui-fileupload.ui-widget .ui-messages.ui-widget.ui-corner-all.ui-messages-error {color: red;}

p-fileupload .ui-fileupload.ui-widget .ui-messages.ui-widget.ui-corner-all.ui-messages-error .ui-messages-close {
    color: red;
    line-height: 0;
}

p-fileupload .ui-fileupload.ui-widget .ui-messages.ui-widget.ui-corner-all.ui-messages-error .ui-messages-icon {
    display: none;
}

p-fileupload .ui-fileupload.ui-widget .ui-fileupload-content.ui-widget-content.ui-corner-bottom {
    padding: 0;
    border: 0;
}

.ui-tooltip-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  width: auto;
}

.ui-tooltip {
  width: auto;
  height: auto;
  display: inline-block;
  box-shadow: none !important
}

.ui-tooltip .ui-tooltip-text {
  color: #ffffff;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
}

.docIcon {
  min-height: 100px;
  text-align: center;
}

.docIcon .fa-file {
  vertical-align: middle;
  padding: 35px;
  font-size: 25px;
  border: 1px solid rebeccapurple;
  border-radius: 2px;
}

ul.pagerUl li, .backPageWrap, .nextPageWrap {
  list-style: none;
  display: inline-block;
  padding: 3px 10px;
  font-weight: bold;
  cursor: pointer;
}

ul.pagerUl li:hover, .backPageWrap:hover, .nextPageWrap:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.pagerWrap {
  background: #fff;
  margin-bottom: 10px;
  text-align: center;
  min-height: 35px;
}

ul.pagerUl {
  padding: 5px 0;
}

li.pagerLi.active {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.backPageWrap, .pagerUl, .nextPageWrap {
  display: inline-block;
}

a.educ-show-edit.ico_edit.dashboard {
  position: absolute;
  right: 5px;
  top: 0;
}

#counterSection{
  position: relative;
  background: url(../../../assets/images/bg1.png);
  background-repeat: no-repeat;
  background-position: 50% -65px;
}

#counterSection .sectionOverlay{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(15, 141, 191, 0.4);
}

.counter1 {
  display: inline-block;
  text-align: center;
  width: 33%;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 1px;
}

.counter1 span {
  font-size: 20px;
  font-weight: 400;
  vertical-align: middle;
  /* color: #777; */
}

/*My Earning*/
.paymentDetailsWrap li {
  list-style: none;
  margin-left: 60px;
}

.paymentDetailsLeft, .paymentDetailsRight {
  width: 50%;
  float: left;
}

.paymentDetailsUlWrap, .BalanceWrap {
  padding: 15px 20px;
}

ul.paymentDetailsUl h5, ul.paymentDetailsUl span {
  display: inline-block;
  font-size: 16px;
}

li.paymentDetailsLi h5 {
  width: 49%;
}

.BalanceWrap {
  text-align: center;
}

.BalanceWrap h4, .BalanceWrap span {
  display: inline-block;
}

.paymentDetailsUlWrap h5, .BalanceWrap h4 {font-weight: 500;}

.paymentDetailsUlWrap span, .BalanceWrap span {
  color: #041e42;
}

a.withdrawButton {
  display: block;
  width: 100px;
  margin: 10px auto 0 auto;
  color: #fff;
  background: green;
  border-radius: 20px;
  padding: 3px 0;
  font-size: 12px;
}

.BalanceWrap h4 {
  font-size: 20px;
  width: 21%;
  text-align: left;
}

.BalanceWrap span {
  font-size: 20px;
  letter-spacing: 2px;
}

.TransactionsWrap {
  padding: 30px 25px;
}

.TransactionsWrap th {
  font-size: 10px;
  font-weight: 600 !important;
  color: #fff;
  background: #041e42 !important;
}

.TransactionsWrap .ui-datatable-header {
  background: transparent;
  border: 0;
}

.TransactionsWrap .ui-datatable-header {
  background: transparent;
  border: 0;
}

.TransactionsWrap .ui-datatable-thead tr {background: red;}

.TransactionsWrap tbody {
  font-size: 12px;
}

select.filterDropdown {
  width: 20%;
  height: 28px;
  padding: 0px 0;
  margin: 0;
  float: right;
}

.earningTable td:nth-child(1), .earningTable td:nth-child(3), .earningTable td:nth-child(4), .earningTable td:nth-child(5), .earningTable td:nth-child(6) {
  text-align: center;
}
.earningTable th:nth-child(2) {
  width:300px !important;
}

.paymentDetailsRight {
  box-shadow: -1px 0 0px 0 rgba(0, 0, 0, 0.1);
}

li.paymentDetailsLi 
   span {
  letter-spacing: 1px;
}

.zIndex{
  z-index: 9 !important;
}

a.withdrawButton.orange {
  width: auto;
  background: orange;
  width: 140px;
}

.sponsoreTable .pricing {
  padding: 5px 10px !important;
  position: relative;
}

.sponsoreTable {
  margin-bottom: 15px;
}

.sponsoreTable .pricingContent {
  padding: 5px !important;
}

.sponsoreTable .pricing .sponsoreEdit {
  position: absolute;
  right: 10px;
  top: 0;
}

.editSponsoreOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.editSponsoreWrap {
  position: fixed;
  top: 15%;
  left: 30%;
  z-index: 2;
  background: #fff;
  padding: 15px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}

#sponsorDetailDiv p-checkbox .ui-chkbox-icon {
  color: #041e42;
  margin: 0 0 0 -2px;
}

#sponsorDetailDiv .pricing .buttonStyle2.proceedNextBtn {
  display: inline-block;
  width: 14%;
  margin-left: 4%;
  padding: 5px;
}

#sponsorDetailDiv .pricing>span {
  width: 20%;
  display: inline-block;
  margin: 0;
  padding: 10px;
}

#sponsorDetailDiv .sponsoreTable .pricing {
  padding: 0 !important;
}

#sponsorDetailDiv .pricing p-checkbox {
  margin-left: 4%;
  vertical-align: text-bottom;
}

#sponsorDetailDiv .pricing p-checkbox .ui-chkbox-box {
  border: 1px solid #041e42 !important;
}

#sponsorDetailDiv .sponsoreTable .pricingContent {
  padding: 0 2% !important;
}

.selectedSponsor .selectedPrice {
  padding: 5px 5px;
  width: 20%;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}

#sponsorDetailDiv .sponsoreTable {
  padding: 10px;
}

#sponsorDetailDiv .sponsoreTable.step2 .pricingContent {
  padding: 1% 2% !important;
  margin-bottom: 10px;
}

#sponsorDetailDiv .proceedToPayWrap .proceedNextBtn, .proceedToPayWrap .cancelBtn {
  display: inline-block;
  width: 32%;
}

#sponsorDetailDiv .paypal-button-text, .paypal-button-space {
  white-space: inherit !important;
}

div#sponsorThankDiv .ThankyouWrap .ThankyouMsg{
  font-size: 20px;
}
div#sponsorThankDiv .ThankyouWrap .ThankyouMsg, 
div#sponsorThankDiv .ThankyouWrap .ThankyouLevel, 
div#sponsorThankDiv .ThankyouWrap .ThankyouPrice, 
div#sponsorThankDiv .ThankyouWrap .ThankyouBenefits, 
div#sponsorThankDiv .ThankyouWrap .ThankyouWebsite {
  margin-bottom: 10px;
}
div#sponsorThankDiv .ThankyouWrap .ThankyouMsg>h4, 
div#sponsorThankDiv .ThankyouWrap .ThankyouLevel>h4, 
div#sponsorThankDiv .ThankyouWrap .ThankyouPrice>h4, 
div#sponsorThankDiv .ThankyouWrap .ThankyouBenefits>h4, 
div#sponsorThankDiv .ThankyouWrap .ThankyouWebsite>h4 {
    color: #041e42;
    display: inline-block;
    font-weight: 500;
}

div#sponsorThankDiv .ThankyouWrap .ThankyouLevel>span, 
div#sponsorThankDiv .ThankyouWrap .ThankyouPrice>span, 
div#sponsorThankDiv .ThankyouWrap .ThankyouWebsite>a {
    display:inline-block
}

div#sponsorThankDiv .ThankyouWrap .ThankyouLogo>img {
  height: 130px;
  width: 240px;
  padding: 10px 15px;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
  border-radius: 0 6px 6px 6px;
}

div#sponsorThankDiv {
    padding: 15px;
}

button.registerbtn.sponsorBtn {
  background: #FFC107;
  color: #0005af;
}

.BannerWrap {
  background: #041e42 ;
  /*background: #041e42;*/
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
}

.BannerWrap span.closeBanner {
  position: absolute;
  right: 15px;
  cursor: pointer;
  border: 1px solid;
  display: block;
  top: 8%;
  border-radius: 3px;
  height: 21px;
  padding: 0 7px;
  font-weight: 600;
}

.goldBanner{
  background: -webkit-linear-gradient(right, #e29200c2, #FDE08D, #DF9F2A);
  background: linear-gradient(right, #e29200c2, #FDE08D, #DF9F2A);
  background: -moz-linear-gradient(right, #e29200c2, #FDE08D, #DF9F2A);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  color: #202aa0;
  font-weight: 600;
}

.platinumBanner{
    background: -webkit-linear-gradient(right, #dedeff, #eae8f9, #dedeff);
    background: linear-gradient(right, #dedeff, #eae8f9, #dedeff);
    background: -moz-linear-gradient(right, #dedeff, #eae8f9, #dedeff);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    color: #202aa0;
    font-weight: 600;
}

.silverBanner{
    background: -webkit-linear-gradient(left, #e5ebee 30%,#f6f8f9 41%,#f6f8f9 41%,#f5f7f9 56%,#F5F7FA 56%,#d7dee3 100%);
    background: linear-gradient(left, #e5ebee 30%,#f6f8f9 41%,#f6f8f9 41%,#f5f7f9 56%,#F5F7FA 56%,#d7dee3 100%);
    background: -moz-linear-gradient(left, #e5ebee 30%,#f6f8f9 41%,#f6f8f9 41%,#f5f7f9 56%,#F5F7FA 56%,#d7dee3 100%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    color: #202aa0;
    font-weight: 600;
}

.editSponsoreWrap .editSponsorePrice>label, .editSponsoreWrap .editSponsoreContent>label {
  color: #041e42;
}

.editSponsoreWrap .editSponsorePrice {
  position: relative;
}
.editSponsoreWrap .editSponsorePrice span.dollerSign {
  position: absolute;
  top: 27px;
  left: 10px;
}

.sponsorCardWrap .sponsorCard {
    width: 32%;
    display: inline-block;
    margin: 5px;
    text-align: center;
}

.sponsorCardWrap .sponsorLevelHead h4 {
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  padding: 5px;
  margin: 9px 0;
  text-align: center;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.sponsorCardWrap .sponsorCard .sponsorCardLogo img {
    height: 100px;
    width: auto;
    max-width: 240px;
    padding: 10px 15px;
    cursor: pointer;
}

.sponsorCardWrap .sponsorCard .sponsorCardLogo {
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    border-radius: 0 6px 6px 6px;
}

.sponsorCardWrap .sponsorCard .sponsorCardCompany {
    display: none;
}

.selectedSponsorForm.createcourseform.signupstep1form{
  max-width: 550px;
}

.selectedSponsorForm.createcourseform.signupstep1form .inputWrap{
  margin-top: 10px;
}

p-confirmdialog#registerCourseInitiate .ui-dialog {
  position: fixed !important;
}

.ui-corner-all.ui-datepicker {
  background: #041e42 !important;
  border-color: #041e42 !important;
  color: #fff !important;
}


.icorply a {
  display: inline-block;
}

.icorply a i {
  margin-right: 5px;
}

.icorply .spamBtn {
  background: #fff;
  color: #8084b9;
}

a.spamBtn:hover {
  color: red;
}

viewtopic-component p-confirmdialog#registerCourseInitiate, inbox-component p-confirmdialog#registerCourseInitiate,
courseaccount-component p-confirmdialog{
  font-family: "Poppins", sans-serif !important;
}

viewtopic-component p-confirmdialog#registerCourseInitiate .ui-dialog-titlebar.ui-widget-header,
inbox-component p-confirmdialog#registerCourseInitiate .ui-dialog-titlebar.ui-widget-header,
courseaccount-component p-confirmdialog .ui-dialog-titlebar.ui-widget-header{
  font-size: 12px;
  padding: 5px;
  font-family: "Poppins", sans-serif !important;
  font-weight: 500;
}

viewtopic-component p-confirmdialog#registerCourseInitiate .ui-dialog-content,
  inbox-component p-confirmdialog#registerCourseInitiate .ui-dialog-content,
  courseaccount-component p-confirmdialog .ui-dialog-content{
  font-family: "Poppins", sans-serif !important;
  color: #333;
}

viewtopic-component p-confirmdialog#registerCourseInitiate .ui-dialog-footer button,
inbox-component p-confirmdialog#registerCourseInitiate .ui-dialog-footer button,
courseaccount-component p-confirmdialog .ui-dialog-footer button{
  border: 0;
  padding: 0;
}

viewtopic-component p-confirmdialog#registerCourseInitiate .ui-dialog-content i,
  inbox-component p-confirmdialog#registerCourseInitiate .ui-dialog-content i,
  courseaccount-component p-confirmdialog .ui-dialog-content i{
  display: none;
}

viewtopic-component p-confirmdialog#registerCourseInitiate .ui-dialog.ui-confirmdialog,
inbox-component p-confirmdialog#registerCourseInitiate .ui-dialog.ui-confirmdialog,
courseaccount-component p-confirmdialog .ui-dialog.ui-confirmdialog{
  width: 360px !important;
}

#viewTopicForm .featured-image img {
  height: 50px;
  width: 50px !important;
}

#viewTopicForm .featured-image {
  text-align: center;
}

viewtopic-component .ui-dialog.ui-widget.ui-widget-content.ui-corner-all,
inbox-component .ui-dialog.ui-widget.ui-widget-content.ui-corner-all,
courseaccount-component p-confirmdialog .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
    left: 40% !important;
}

createcourse-component p-autocomplete, courseaccount-component p-autocomplete{
  display: inline-table;
  line-height: 0;
  width: 100%;
  border-color: #041e42 !important;
}

courseaccount-component p-autocomplete{
  padding: 0 !important;
}

createcourse-component p-autocomplete input, courseaccount-component p-autocomplete input {
  margin: 0 !important;
  border: 0 !important;
  border-color: #041e42 !important;
}

createcourse-component p-autocomplete ul, createcourse-component tr p-autocomplete .ui-autocomplete-input-token,
courseaccount-component p-autocomplete ul, courseaccount-component p-autocomplete .ui-autocomplete-input-token{
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  width: 100%;
  border-color: #041e42 !important;
}

createcourse-component p-autocomplete ul, courseaccount-component p-autocomplete ul{
  border-color: #041e42 !important;
  box-shadow: none !important;
}

createcourse-component p-autocomplete ul li.ui-autocomplete-token, courseaccount-component p-autocomplete ul li.ui-autocomplete-token{
  position: absolute;
  top: 1px;
  line-height: 33px;
}

courseaccount-component .inviteAttendeeWrap p-autocomplete ul li.ui-autocomplete-token {
  position: relative;
  top: 1px;
  line-height: 20px;
  margin-bottom: 2px;
}

createcourse-component p-autocomplete{
  border: 1px solid;
}

createcourse-component p-autocomplete .ui-autocomplete-input-token{
  padding: 0 !important;
}

courseaccount-component .addCoHostWrap, createcourse-component .addCoHostWrap,
courseaccount-component .inviteAttendeeWrap, courseaccount-component .notifyAttendeeWrap,
courseaccount-component .renameRecordingWrap,
payout .manualPayWrap{
  width: 500px;
  background: #fff;
  top: 30%;
  position: fixed;
  left: 35%;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 1;
}

courseaccount-component .renameRecordingWrap{
  left: 33%;
  z-index: 10;
}

upgradmyaccount-component .deleteAccWrap{
  width: 400px;
  background: #fff;
  top: 30%;
  position: fixed;
  left: 38%;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  padding: 10px;
  z-index: 1;
}

.deleteAccSubHead {
    color: #041e42;
    font-size: 12px;
}

courseaccount-component .inviteAttendeeWrap, courseaccount-component .notifyAttendeeWrap,
courseaccount-component .renameRecordingWrap,
payout .manualPayWrap,
upgradmyaccount-component .deleteAccWrap {
  top: 25%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}

courseaccount-component .addCoHostOverlay, 
  createcourse-component .addCoHostOverlay,
  courseaccount-component .inviteAttendeeOverlay,
  courseaccount-component .notifyAttendeeOverlay,
  courseaccount-component .renameRecordingOverlay,
  payout .manualPayOverlay,
  upgradmyaccount-component .deleteAccOverlay {
    position: fixed;
    background: rgba(255, 255, 255, 0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  courseaccount-component .renameRecordingOverlay{
    z-index: 10;
  }

  courseaccount-component .RecSubWrap {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
  
courseaccount-component .inviteAttendeeWrap p-autocomplete .ui-widget input{
  border: 1px solid #041e42 !important;
}
courseaccount-component .inviteAttendeeWrap .inviteAttendeeInput1, courseaccount-component .notifyAttendeeWrap .notifyAttendeeInput1
courseaccount-component .renameRecordingWrap .renameRecordingInput{
  margin-bottom: 15px !important;
}
courseaccount-component .inviteAttendeeWrap .inviteRadioWrap {
  margin-left: 5.7%;
  margin-bottom: 7px;
}
courseaccount-component .inviteAttendeeWrap .inviteRadioWrap1 {
  display: inline-block;
}
courseaccount-component .inviteAttendeeWrap .inviteAttendeeClose,
courseaccount-component .notifyAttendeeWrap .notifyAttendeeClose,
courseaccount-component .renameRecordingWrap .renameRecordingClose,
payout .manualPayWrap .manualPayClose,
upgradmyaccount-component .deleteAccWrap .deleteAccClose {
  padding-bottom: 5px;
  border-bottom: 1px solid #041e42;
  margin-bottom: 10px;
  color: #041e42;
}
.coHostWrap {
  font-size: 12px;
  color: #041e42;
  /* max-width: 360px; */
  background: #eee;
  padding: 10px;
  border-radius: 3px;
  position: relative;
}

createcourse-component .coHostWrap{
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
}

span.coHostSubWrap.label {
  font-weight: 600;
  float: left;
  margin-top: 10px;
}

span.coHostSubWrap.delete {
  cursor: pointer;
    font-size: 15px;
    /* display: inline-flex; */
    width: 5%;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 33%;
    text-align: center;
    box-shadow: 0 0 10px 0 #fff;
    border-radius: 3px;
}

span.coHostSubWrap.delete:hover {
  color: red;
}

.four.columns.profilevisitors.cohostUser {
    display: inline-flex;
    width: 70%;
    margin: 0;
}

.four.columns.profilevisitors.cohostUser img, .four.columns.profilevisitors.cohostUser .avatar-container {
  width: 35px !important;
  height: 35px !important;
  margin: 0 !important;
}

.four.columns.profilevisitors.cohostUser .profilecou.gwt-Label.profile-userType.userype{
  margin-top: 0 !important;
}
.profilevisitors.cohostUser .avatar-container .avatar-content {
  font: 13px / 35px "Poppins", sans-serif !important;
}

.four.columns.profilevisitors.cohostUser .proleft {
  width: 35px;
  margin: 0 10px;
}


ul.PromoCodeUL li {
  list-style: none;
  margin: 10px 0;
  position: relative;
}

li.PromoCodeLi .PromoCodeWrap label {
  font-weight: 600;
}

ul.PromoCodeUL {
  font-size: 13px;
}

li.PromoCodeLi .PromoCodeWrap span {
  margin-right: 3px;
}

.addPromoCodeForm .promoField {
  width: 25%;
  display: inline-block;
  position: relative;
}

.addPromoCodeForm .promoField input {
  margin: 0 0 8px 0;
  font-size: 13px !important;
  padding: 5px !important;
  height: 30px;
}

.addPromoCodeWrap .addPromoCodeForm .promoField p-calendar input {
  height: 30px;
  width: 100% !important;
}
a.btncr.addPromoBtn {
  padding: 5px 10px;
  margin-left: 5px;
}

.PromoCodeInline {
  display: inline-block;
  vertical-align: middle;
}

ul.PromoCodeUL {
  padding: 5px;
  background: #eeeeee;
}

.promoCodedelete {
  font-size: 15px;
  display: flex;
  position: absolute;
  right: 20px;
  top: 5%;
  cursor:pointer;
}
.promoCodedelete:hover {
  color: red;
}
.promoField label {
  font-size: 13px;
}

.PromoCodeInline {
  display: inline-block;
  vertical-align: middle;
}

input.btncr.addPromoBtn {
  width: 170px;
  padding: 3px;
  font-size: 14px;
  margin-left: 5px;
  margin-top: 7px;
}

ul.PromoCodeUL {
  padding: 5px;
  background: #eeeeee;
  border-bottom: 1px solid #ddd;
}

p-inputswitch {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}

p-inputswitch .ui-corner-all {
  background: red;
  border-radius: 4px;
  border-color: transparent;
  margin: 0;
  padding: 0;
  color: #fff;
}

p-inputswitch .ui-inputswitch-on, p-inputswitch .ui-inputswitch-checked {
  background: green !important;
}

p-inputswitch .ui-inputswitch .ui-inputswitch-off{
  background: red !important;
}

.promoField label {
  font-size: 13px;
}

.addPromoCodeForm .errorDiv {
  font-size: 12px;
  position: absolute;
  top: 85%;
}

.addPromoCodeForm {
  /* background: #eeeeee; */
  padding: 0 5px;
}

.cols.addPromoCodeWrap {
  padding-bottom: 5px;
  /* background: #eeeeee; */
  border: 1px solid #eee;
}

.ApplyPromoCodeWrap {
  padding: 5px 5px 10px 5px;
  width: 350px;
  box-shadow: 0 0 10px 1px rgb(158 158 158 / 32%);
  border-radius: 2px;
}

.ApplyPromoCodeWrap .promocode.promoField {
  display: inline-block;
  font-size: 12px;
}

.ApplyPromoCodeWrap .promocode.promoField input {
  margin: 0;
  height: 30px;
  width: 200px;
  display: block;
  padding: 3px 5px;
}

.ApplyPromoCodeWrap .promocode.promoField label {
  font-size: 12px;
  font-weight: 500;
}

.PriceWrap {
  font-size: 15px;
}

.PriceWrap .lblblue {font-weight: 500;/* color: #2196F3; */}

.PriceWrap {
  padding: 5px 0;
}

input.btncr.addPromoBtn {
  width: 170px;
  padding: 3px;
  font-size: 14px;
  margin-left: 5px;
}

.promocodeAppliedWrap.promoField {
  position: relative;
  background: #eee;
  padding: 10px 10px;
  border-radius: 2px;
}

.promocodeAppliedWrap span.promoCodedelete {
  top: 30%;
}

.promocodeAppliedWrap.promoField label {
  font-weight: 600;
}

registercourse-component span.paypal-button-text, registersession-component span.paypal-button-text{
  width: 65px;
}

.promoper.promoField.percentWrap {
    position: relative;
}

label.percentLabel {
    position: absolute;
    top: 40%;
    font-weight: 700;
    right: -16px;
    font-size: 17px;
}

.promoAddedWrap {
    position: fixed;
    top: 20%;
    width: 350px;
    left: 38%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

.promoAddedClose {padding: 15px 5px;border-bottom: 1px solid #eee;}

.promoAddedClose i {
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    font-size: 15px;
}

.promoAddedMsg {
    text-align: center;
    padding: 10px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
}

.promoAddedAction {
    text-align: center;
    margin: 7px 0;
}

label.couponApplied {
    text-decoration: line-through;
}

.sessionCoHostSubWrap {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  padding: 10px;
  /* background: rgba(238, 238, 238, 0.4); */
  margin-bottom: 7px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.msgDiv {
    color: #22b24b;
    font-weight: 500;
    font-style: italic;
}

.addCoHostWrap .addCoHostSpeakerClose {
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    color: #041e42;
}

.addCoHostWrap .addCoHost .HostRadioWrap {
    display: inline-block;
}

.addCoHostWrap .addCoHost.radio {
    margin-bottom: 5px;
}

.SpeakerWrap {padding: 0 15px;}

.SpeakerWrap .sessionCoHostSubWrap {
  width: 49%;
  float: left;
  text-align: initial;
  min-height: 82px;
  margin-right: 5px;
}

/* .SpeakerWrap .speakerListWrap {text-align: center;} */

.SpeakerWrap .sessionCoHostSubWrap .sessionCoHostImage, .SpeakerWrap .sessionCoHostSubWrap .sessionCoHostDetails {
  display: inline-block;
}

.SpeakerWrap .sessionCoHostSubWrap .sessionCoHostImage {
  width: 21%;
  vertical-align: top;
}

.SpeakerWrap .sessionCoHostSubWrap .sessionCoHostDetails {
  width: 75%;
}

.SpeakerWrap .sessionCoHostSubWrap .sessionCoHostDetails>label {font-weight: 600;}

.SpeakerWrap .sessionCoHostSubWrap .sessionCoHostDetails .profilecou.gwt-Label.profile-userType {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap {
  float: none !important;
}

.SpeakerWrap.mySession {
  padding: 0;
  font-size: 12px;
}

.SpeakerWrap.mySession .sessionCoHostWrap>h3 {
  font-size: 15px;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap {
  width: 32%;
  display: inline-block;
  text-align: initial;
  margin: 0;
  position: relative;
  min-height: 70px;
  margin-right: 5px;
  margin-top: 5px;
}

span.coHostSubWrap.deleteSpeaker {
  position: absolute;
  right: 10px;
  cursor: pointer;
}

span.coHostSubWrap.deleteSpeaker:hover {
  color: red;
}


.SpeakerWrap.mySession .sessionCoHostSubWrap .sessionCoHostDetails>label {
  font-size: 13px;
  vertical-align: top;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap .sessionCoHostDetails {
  vertical-align: top;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap .sessionCoHostDetails .profilecou.gwt-Label.profile-userType {
  vertical-align: top;
  margin: 0;
  font-size: 11px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap .sessionCoHostImage {
  width: 15%;
}

.SpeakerWrap.mySession .sessionCoHostSubWrap .sessionCoHostDetails {
  width: 83%;
}

courseaccount-component p-confirmdialog {
  position: fixed;
  z-index: 2;
  width: 360px;
  left: 38% !important;
}

a.btncr.btncrgreen.btnBlink {
  -webkit-animation: AttendNowBtn 1s infinite; /* Safari 4+ */
  -moz-animation:    AttendNowBtn 1s infinite; /* Fx 5+ */
  -o-animation:      AttendNowBtn 1s infinite; /* Opera 12+ */
  animation:         AttendNowBtn 1s infinite; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes AttendNowBtn {
  0%, 49% {
    background-color: #22b24b;
    color: white;
  }
  50%, 100% {
    background-color: #FFC107;
    color: blue;
  }
}

a.meetingButton.btnBlink {
  -webkit-animation: AttendNowBtn 1s infinite; /* Safari 4+ */
  -moz-animation:    AttendNowBtn 1s infinite; /* Fx 5+ */
  -o-animation:      AttendNowBtn 1s infinite; /* Opera 12+ */
  animation:         AttendNowBtn 1s infinite; /* IE 10+, Fx 29+ */
}

a.copyIcon {
  font-size: 13px;
  background: #eee;
  border-radius: 50%;
  height: 22px;
  width: 22px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  margin: 0;
  vertical-align: top;
  border: 1px solid #ddd;
}


.HeaderText {
  color: white;
  margin: 7% auto;
  font-size: 25px;
  text-align: center;
}

.HeaderText h2:nth-child(1) {
    font-size: 15px;
    text-align: right;
    margin-bottom: 25px;
    font-weight: 400;
}

.HeaderText h2:nth-child(3) {
  font-size: 30px;
  text-align: right;
}

.section1 .main {
  padding: 8% 0;
  max-width: 1390px;
}

.gifContentWrap.HeaderTextContent ul li {
  color: #fff;
  font-size: 17px;
}

.HeaderText h2:nth-child(2) {
  text-align: right;
  font-size: 32px;
  color: #fff;
}

.HeaderText h2:nth-child(3) {
  text-align: right;
}

.HeaderText h2:nth-child(3) {
  color:orange;
  /*animation-duration: 800ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation:blink 800ms infinite;*/ /* Safari and Chrome */
}
@keyframes blink {
  from {
      color:green;
  }
  to {
      color:orange;
  }
}
@-webkit-keyframes blink {
  from {
      color:green;
  }
  to {
      color:orange;
  }
}

.gifContentWrap.HeaderTextContent li {
  margin: 20px 0;
}

.section1 .subsection.contentSec {
  padding: 30px 5px;
}

.HeaderText h2:nth-child(1) span {
  background: #041e42;
  border-radius: 0;
  padding: 5px 30px;
  cursor: pointer;
  display: block;
  /* width: 210px; */
  float: right;
}

span.uploadWrap.delete{
    position: absolute;
    right: 10%;
    cursor: pointer;
    font-size: 15px;
}
span.uploadWrap.delete:hover{
  color: red;
}

.registerMsgDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  background: rgb(15 141 191 / 65%);
  color: #fff;
  text-align: center;
  padding: 8px 0;
  font-weight: 600;
  letter-spacing: 1px;
}

/* Temp */
li.section3Li {
  line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    list-style: none;
    color: #041e42;
    margin-bottom: 11px;
}

.section3UlWrap{
  margin: 0 auto;
    display: table;
}

ul.section3Ul {
  padding: 20px 0;
}

section#courses{
  background: #eee;
  padding: 40px 0 !important;
}

signup-component .main .courses{
  width: 31% !important;
}

.showMore{
  display: none;
}

.LoadMoreWrap.clearfix {
  text-align: center;
  width: 97%;
}

a.LoadMoreA {
  font-size: 15px;
  cursor: pointer;
  padding: 8px 35px;
  font-weight: 600;
  border: 1px solid;
  display: block;
  width: 30%;
  margin: 25px auto;
}

a.LoadMoreA:hover {
  color: #fff !important;
  background: #041e42;
}
.clearLeft{
	clear:left;
}
.reviewSessionContainer{
	width:33% !important;
}
.btnReviewSession{
	width:95% !important;
}
.marginTopHalf{
	margin-top:.5em;
}
.marginLeftHalf{
	margin-left:.5em;
}
.marginRightHalf{
	margin-right:.5em;
}
.floatLeft{
	float:left;
}
.widthAuto{
	width: auto !important;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .btncr {
    margin-top: 5px;
    display: inline-block;
  }
}

.headerlivea:hover{
  color: #fff !important;
  font-weight: bold;
}
.headerlivea{
  color: #eee !important;
}
button.btn.loginBtnn.headerLoginButton {
    background: #eee !important;
    color: #041e42 !important;
}
button.loginBtn.loginBtn--google {
    background: #eee !important;
    color: #041e42 !important
}