.mg-right-foot {
  margin-right: 10px;
}
.footer-padding {
  padding-top: 35px;
  padding-bottom: 35px;
}
.popular-courses-items .info h4 {
  height: 36px;
}
.summary-descr {
  height: 50px;
}
/* .popular-courses-items .thumb{
    margin: 0 80px 0 80px */
/* margin: auto !important; */
/* } */
/* .popular-courses-items .item .thumb img{
    display: block; */
/* margin: 0 80px 0 80px;  */
/* margin: auto !important; */
/* height: 200px;
    overflow: hidden;
} */
.popular-courses-items .author-info .others .rating i {
  height: 50px;
}
.popular-courses-items .item .info .author-info .others .rating .price-btn {
  border-radius: 30px;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  padding-left: 100px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.popular-courses-items .item .info .author-info .others .rating img {
  width: auto;
  background-color: #ffb606;
}
.addr {
  display: block;
  float: right;
  position: initial;
  margin: -193px 40px 30px 40px;
}
.date {
  display: block;
  margin: 40px 40px 30px 20px;
}
.portfolio-area {
  padding: 10px;
  background-color: rgb(8, 28, 95);
}
.course-body {
  font-size: 50px;
  text-align: center;
  margin-top: 200px;
  margin-bottom: 200px;
  color: #ffb606;
}
.fgtpswdcnf {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
  background-color: rgba(32, 178, 51, 0.315);
}
.btn-primary {
  background-color: #ffb606;
}
.news {
  margin: 21px 0px 0px 11px;
  padding: 0px 0px 0px 57px;
}
.crdbdy {
  margin: 0px 0px 0px 15px;
}
/* .fa-angle-down{
    margin: 0px 0px 0px 1000px; 
} */
.question {
  color: black;
}
[data-state="tabbordion"] {
  clip: rect(0 0 0 0);
  height: 1px;
  position: absolute;
  position: fixed;
  width: 1px;
  z-index: -1;
}
.captcha {
  float: right;
  margin: 10px auto;
}
/*#button1{
    margin: 0 0 0 5px;
} */
.btn-sm {
  margin: 1px 29px 0 16px;
}
.page-link {
  float: none !important;
}
.btndeact {
  padding: 0 0px 0px 915px;
}
.errormsg {
  color: red;
  font-size: 10px;
  padding: -1px 261px 0 0px;
}
/* footer .f-item.link li .ftr{
    width: 30px;
} */
.price-btn {
  padding: 0 0 0 65px !important;
}
.errormsgodr {
  color: red;
  font-size: 10px;
  padding: 0px 261px 0 0px;
}
.infoaddr {
  margin: 0 0 -13px 0px;
}
.infoaddr h4 {
  font-weight: 600;
  margin: 16px 0px 0px 0px;
}
.rcvnws {
  padding: 0px 0px 0px 25px !important;
}
.form-check {
  line-height: 0px !important;
}
.form20rcvper {
  margin: -41px 0 0px 0px;
}
.form20rcvnws {
  margin: -41px 0 0px 0px;
}
.widthsize {
  display: inline-block;
  block-size: 134px;
}
/* .infotest{ */
/* max-height: 142px !important; */
/* margin-right: -71px;
    width: 319px !important; */
/* }  */
/*.testmargin{
    margin-right: -112px !important;
} */
/* .owl-item{
    margin-right: -71px !important;
} */
.norecord {
  text-align: center;
  color: #ffb606;
}
.contact-info .col-sm-4 {
  padding-left: 11px !important;
}
.dropdownform {
  height: 49px;
}
.imagepop {
  width: 100%;
  margin: auto !important;
  height: 200px;
  overflow: hidden;
}
.site-heading .linehide h2::before {
  width: 0px !important;
}

.site-heading .linehide h2::after {
  width: 0px !important;
}
.clients-review-carousel .item .info h4 {
  display: block;
  block-size: 27px;
  /* padding: 80px 0px 0px 0px !important;
    margin: 1px -1px 3px 0 !important; */
}
.clients-review-carousel .item .info span {
  display: block;
  block-size: 50px;
}
.citymrg {
  margin: 0 0 0 0px;
}
.statemrg {
  margin: 0px 1px -6px 0px;
}
.frontendorder {
  margin: 0 0 0 141px;
}
.addr th {
  text-align: center;
  padding: 7px;
  background-color: #ddd;
  border-bottom: 1px solid#CCCCCC;
  border-right: 1px solid#CCCCCC;
}
.addr td {
  padding: 5px;
  border-bottom: 1px solid#CCCCCC;
}
.invoicedata {
  background-color: #eee;
}
.broucherbtn {
  width: 290px;
  margin-bottom: 13px;
}
.widthsize1 {
  display: inline-block;
  block-size: 134px;
  width: 26%;
  margin: -31px 0px 0px 0px;
}
.testcrsname1 {
  color: #ffb606;
}
.testusername {
  display: block;
  block-size: 31px;
  margin: 16px 2px 0px 0px;
}
.owl-stage-outer {
  padding: 0% !important;
}
.news {
  background: #f9f9f9;
  border: 1px solid#2DAAE1;
  padding: 20px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.news h2 {
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
}
.categoryname h4 {
  display: block;
  block-size: 63px;
}
.count-course {
  display: block;
  block-size: 32px;
  padding-block: 16px;
}
.usrprofilerating {
  position: absolute;
  margin: -84px 0px 0px 67px;
}
.courseCertfication {
  display: block;
  margin: 12px 0px 0px 0px;
  block-size: 34px;
}
.createdby {
  /* margin: -31px 0 0 0px; */
  position: absolute;
  /* margin: -55px 0px 0 56px; */
  margin: -112px 0px 0 56px;
}
.img-avatar {
  margin: -13px 0px -2px 0px;
  width: 46px;
  height: 44px;
  /* border-radius: 50em; */
}
.clients-review-carousel .item .info span {
  display: block;
  block-size: 50px;
}
.citymrg {
  margin: 0 0 0 0px;
}
.statemrg {
  margin: 0px 1px -6px 0px;
}
.frontendorder {
  margin: 0 0 0 141px;
}
.addr th {
  text-align: center;
  padding: 7px;
  background-color: #ddd;
  border-bottom: 1px solid#CCCCCC;
  border-right: 1px solid#CCCCCC;
}
.addr td {
  padding: 5px;
  border-bottom: 1px solid#CCCCCC;
}
.invoicedata {
  background-color: #eee;
}
.widthsize1 {
  display: inline-block;
  block-size: 134px;
  width: 26%;
  margin: -31px 0px 0px 0px;
}
.testcrsname1 {
  color: #ffb606;
}
.testusername {
  display: block;
  block-size: 31px;
  margin: 16px 2px 0px 0px;
}
.owl-stage-outer {
  padding: 0% !important;
}
.news {
  background: #f9f9f9;
  border: 1px solid#2DAAE1;
  padding: 20px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.news h2 {
  margin-top: 0;
  font-weight: bold;
  font-size: 20px;
}
.categoryname h4 {
  display: block;
  block-size: 63px;
}
.count-course {
  display: block;
  block-size: 32px;
  padding-block: 16px;
}
.course-expire-date {
  float: right;
  margin: -31px 0px 5px 114px;
}
/* .usrprofilerating {
  margin: -114px 0px 0px 67px;
} */
.courseCertfication {
  display: block;
  margin: 12px 0px 0px 0px;
  block-size: 34px;
}
/* .createdby {
  margin: -31px 0 0 0px;
} */
.img-avatar {
  margin: -13px 0px -2px 0px;
  width: 38px;
  height: 48px;
  /* border-radius: 50em;; */
}
.imageUpload input[type="file"] {
  border: none !important;
}
.success {
  background: green;
  text-align: center;
  box-sizing: border-box;
  width: 7rem;
  color: white;
  float: right;
  line-height: 28px;
}
.failed {
  background: #e02500;
  text-align: center;
  box-sizing: border-box;
  width: 7rem;
  color: white;
  float: right;
  line-height: 28px;
}
.wait {
  background: orange;
  text-align: center;
  box-sizing: border-box;
  width: 7rem;
  color: white;
  float: right;
  line-height: 28px;
}
.score {
  display: inline-block;
}

#mainn {
  display: table;
  width: 100%;
  height: 100vh;
  text-align: center;
}

.fof {
  display: table-cell;
  vertical-align: middle;
}

.fof h1 {
  font-size: 50px;
  display: inline-block;
  padding-right: 12px;
  animation: type 0.5s alternate infinite;
}

@keyframes type {
  from {
    box-shadow: inset -3px 0px 0px #888;
  }
  to {
    box-shadow: inset -3px 0px 0px transparent;
  }
}
.crs-name {
  padding: 14px;
  background-color: #343a41;
  margin-bottom: 1px;
  color: white;
  font-size: 14px;
}
.result {
  text-align: center;
  margin-top: 16rem;
  background: #ccc;
  padding: 18px;
}
.quizze-submitted-msg {
  padding: 6px;
  text-align: center;
  background-color: red;
  color: white;
  font-size: 15px;
  margin-top: 23px;
}

.preview-quizze-right {
  background-color: green;
  padding-left: 9px;
  color: white;
  border-radius: 4px;
}
.preview-quizze-wrong {
  background-color: red;
  padding-left: 9px;
  color: white;
  border-radius: 4px;
}

.radio-button {
  position: absolute;
  top: 15px;
  margin-left: 8px;
}
.checked-icon {
  position: absolute;
  color: green;
}
.popular-courses-items .info {
  display: block;
  block-size: 340px;
  max-height: 330px !important;
}
/* .course-details-area .sidebar .sidebar-item .title h4::after {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 35px;
  position: absolute;
  width: 10px;
} */
.course-details-area .sidebar .sidebar-item .title .crs::before {
  background: #ffb606 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
.feedback {
  padding: 7px;
  font-size: 2rem;
  border: 1px solid;
  width: 116px;
  margin-top: 3rem;
  margin-left: 11px;
  background: #ccc;
  border-radius: 4px;
}
.feedback-internal {
  float: right;
}
.feedback-internal .crs {
  color: white;
  background: #ccc;
  padding: 2px 11px;
  border-radius: 4px;
  position: relative;
  top: 4px;
}
.feedback-tincan {
  padding: 1rem;
  font-size: 2rem;
  border: 1px solid;
  width: 13rem;
  margin-bottom: 9px;
  background: #ccc;
  border-radius: 4px;
}
.crs-name .name {
  position: relative;
  top: 4px;
}
.weekdays {
  position: absolute;
  top: 21px;
  margin-left: 19px;
  font-size: 14px;
}
/* chat css  */
.cstmimg {
  margin-left: 67px;
  position: relative;
  left: -60px;
  width: 41px;
  height: 43px;
  border-radius: 4px;
}
.mediabutton {
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
.media-heading span {
  font-size: 12px;
  color: #ccc;
}
.messages {
  height: 25rem;
  overflow: auto;
  flex: auto;
}
.inputside {
  display: flex;
}
.sendButton {
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  background: #2979ff;
  padding: 10px;
  display: inline-block;
  border: none;
  height: min-content;
  top: 10px;
  position: relative;
  right: 61px;
}
.messageBox {
  border-radius: 20px;
  padding: 5px 20px;
  color: white;
  display: inline-block;
  max-width: 80%;
}

.messageText {
  width: 100%;
  letter-spacing: 0;
  float: left;
  font-size: 1.1em;
  word-wrap: break-word;
}

.messageText img {
  vertical-align: middle;
}

.messageContainer {
  display: flex;
  justify-content: flex-end;
  padding: 0 5%;
  margin-top: 3px;
}

.sentText {
  display: flex;
  align-items: center;
  font-family: Helvetica;
  color: #828282;
  letter-spacing: 0.3px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.justifyStart {
  justify-content: flex-start;
}

.justifyEnd {
  justify-content: flex-end;
}

.colorWhite {
  color: white;
}

.colorDark {
  color: #353535;
}
/* password change css */
.password-change {
  background: #002147 none repeat scroll 0 0;
  border: medium none;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 10px 30px;
  text-transform: uppercase;
  color: #ffffff;
}

.fullscreen{
  position: relative;
  top: 3rem;
  z-index: 999;
  color: white;
  float: right;
  margin-right: 8px;
  cursor: pointer;

}
.coursetitle{
  display: inline-flex;
  margin-left: 9px;
  font-size: 16px;
  font-weight: bold;
}
.testimonial-btn{
  margin-bottom: 20px;
}
.testimonial-hdr{
  margin-top: 20px;
}
.css-2b097c-container input{
  min-height: 27px !important;
}
.react-datepicker__input-container input{
  min-height: 40px !important;
  padding-left: 13px;
}
.show{
  opacity: 0.8 !important;
}
.badge-width .badge{
  font-size: 10px !important;
}
.scrollable-table-user .table-responsive {
  height: "400px" !important;
}
.badge-width .success{
  float: none !important;
  line-height: 12px  !important;
}
.feedback-internal .crs-btn{
  color:#002147;
  background: #ffb606;
  padding: 2px 11px;
  border-radius: 4px;
  position: relative;
  top: 4px;
}

iframe {
  max-height: 350px;
  min-height: 350px ;
  }
  .react-sharing-button__text
  {
    color: #ffffff !important;
  }
  .panel-green
  {
    border-color: #5cb85c !important;
    background: #5cb85c !important;
    color: #ffffff !important;
  }
  .panel-yellow
  {
    border-color: #f0ad4e !important;
    color: #ffffff !important;
    background-color: #f0ad4e !important;
  }

  .panel-red
  {
    border-color: #d9534f !important;
    color: #ffffff !important;
    background-color: #d9534f !important;
  }
  

.navigation {
  width: 300px;
  background: #f4f4f4;
}

.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mainmenu a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #002147;
  text-transform:uppercase;
}
.mainmenu li {
  border-bottom: 1px solid #c5c4c4;
}
.mainmenu a:hover {
    background-color: #ffb606;
}
.mainmenu .active
{
  background-color: #ffb606;
}
/* .mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
  
} */

.mainmenu li .submenu {
  display: block;
  max-height: 200px;
  
}

.submenu a {
  text-transform:uppercase;
  border-bottom: 1px solid #c5c4c4;
  padding-left: 20px;
}
.submenu li {
  /* padding-left: 20px; */
  /* padding: 10px 10px 10px 30px;  */
  border-bottom:none ! important;
}
.submenu {
  color: #002147;
  background: #f4f4f4;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}
.students-profiel
{
  min-height: 350px;
}

.huge
{
  font-size: 30px ! important;
}
.border-0{
  border:none !important;
}


/* custom css  */
 .panel-body .radio-button1 {
  position: relative;
  top: -20px;
  margin-left: 5px; 
}
.panel-body .form-check input{
  min-height:1px;
}

.panel-body .form-check {
  padding-top: 4px;
}
.panel-body .form-check + span {
  position: relative;
  top: auto;
  margin-left: 10px;
}
.panel-body ul li{
  display:flex;
  padding-bottom: 10px;
  /* word-wrap: break-word !important; */
  word-break: break-all;
  

}

iframe img{
  width: 100% !important;
}