.custom-form form input
  {
     width: 100%;
  }
  
  /* .custom-form input.submit-form {
      display: block;
      width: 18% !important;
      margin: 0 auto;
      border: 1px solid #000663;
      box-shadow: inset 0 1px 0 0 #2592c0;
      color: #fff;
      background-color: #0075b4;
      background-image: linear-gradient(to bottom,#0075b4 0%,#004393 50%,#002a84 50%,#002f86 100%);
      border-radius: 3px;
      letter-spacing: 1px;
      padding: 10px 0;
          text-decoration: none;
      text-shadow: 0 -1px 1px #000042;
  } */
  
  .modal-container {
      margin: 200px auto;
  }
  
  .modal-content label.fa.fa-times.close-btn {
      position: absolute;
      right: 9px;
      top: 5px;
  }
  
  .justify-content-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  
  
  .modal-open {
      overflow: hidden;
  }
  
  .p-0 {
      padding: 0!important;
  }
  
  .fade {
      opacity: 0;
      transition: opacity .15s linear;
  }
  
  
  .text-muted {
      color: #6c757d!important;
  }
  .pl-3, .px-3 {
      padding-left: 1rem!important;
  }
  
  .pr-3, .px-3 {
      padding-right: 1rem!important;
  }
  
  .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto;
  }
  
  .fade.show {
      opacity: 1;
  }
  
  /* .modal {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      display: none;
      overflow: hidden;
      outline: 0;
  } */
  

  .modal {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.signin-error-msg {
  color: red;
  font-weight: 500;
  margin-bottom: 10px;
  visibility: hidden;
}

.custom-form button {
    margin: 0 auto;
    text-align: center;
    display: block;
    background: #126f9a;
    border: none;
    border-radius: 0;
}

.custom-form button:hover {
  background: #065683;
}

.custom-form form label {
    font-family: "Cairo";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
}

.modal-header {
    padding-top: 33px;
}

.tabs:hover, .tabs.active h6 {
    font-size: 20px !important;
}

  .form-group {
      margin-bottom: 1rem;
  }
  
  .tabs:hover, .tabs.active {
      border-bottom: 1px solid #2196F3;
  }
  
  h6.font-weight-bold {
      margin-bottom: 0px;
      font-size: 15px;
      margin-top: 20px;
  }
  
   h6.text-muted {
    margin-bottom: 0px;
    font-size: 20px !important;
    margin-top: 20px;
}
  
  
  /* .btn-primary {
      color: #fff;
      background-color: #007bff;
      border-color: #007bff;
  }
   */
  
  
  .d-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      /* display: flex!important; */
  }
  
  .pb-5, .py-5 {
      padding-bottom: 3rem!important;
  }
  
  .pl-3, .px-3 {
      padding-left: 1rem!important;
  }
  
  .modal.show .modal-dialog {
      -webkit-transform: translate(0,0);
      transform: translate(0,0);
  }
  
  div#myModal {
      width: 580px;
      margin: 0 auto;
  }
  
  .custom-form {
    padding: 25px;
}

.custom-form h2 {
    letter-spacing: normal;
    font-family: "Cairo";
    color: #065683;
}

.my-modal div#myModal {
    background-color: transparent;
    box-shadow: none;
}

  .modal-content {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 100%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: 0.3rem;
      outline: 0;
  }
  
  .modal-dialog {
      position: relative;
      width: auto;
      margin: 0.5rem;
      pointer-events: none;
  }
  
    .public-dialog, .enterprise-dialog {
        display: none;
    }

  /*
  fieldset {
  display: none
  }
  */
  fieldset.show {
  display: block;
      margin: 0;
      border: transparent;
  }
  .custom-form select:focus,
  .custom-form input:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #2196F3 !important;
  outline-width: 0 !important;
  font-weight: 400;
  }
  
  .tabs {
    margin: 2px 125px 0px 5px;
    padding-bottom: 10px;
    cursor: pointer;
}

  .tabs:hover,
  .tabs.active {
  border-bottom: 1px solid #2196F3;
  }
  
.email-txt 
  {
    color: #414141;
  }

  .custom-form input {
    border-radius: 0 !important;
    border-color: #767676 !important;
    font-style: normal !important;
}

  .box {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  }
  .modal-backdrop {
  background-color: #64B5F6;
  }
  .line {
  background-color: #CFD8DC;
  height: 1px;
  width: 100%;
  }

$static-path: '..' !default;

.content-course .course-section-content .course-right .star-box{float:none;}
.content-course .course-section-content .course-right .course-link{padding-top:20px;}
.content-course .course-section-content .course-right .course-link a{color: #666;text-decoration: underline;font-size: 16px; line-height:20px;} 
// review-page
.review-page{background-color:#f4f4f4;}

.review-content {padding-top: 33px; min-height: 260px;}
.review-content .slide-content{width:68.37%; float: left; padding-right: 30px;}
.review-content .slide-content .slide-box{width:100%;  background-color:#ffffff;}
.review-content .slide-content .review-slide {display: block; padding: 36px 22px 26px 126px; position: relative; border-bottom:1px solid #dedede;}
.review-content .slide-content .review-slide .image-box{position: absolute; top:37px; left:20px; width:70px; height:70px; overflow: hidden; border-radius:50%;}
.review-content .slide-content .review-slide .image-box img{width:100%; height:100%;}
.review-content .slide-content .review-slide .right-box .top-head h3{margin: 0px; font-size:16px; font-weight:600; color:#000000; line-height: 25px; float:left;}
.review-content .slide-content .review-slide .right-box .top-head span{float: right; font-size: 14px; color:#666666; line-height:25px;}
.review-content .slide-content .review-slide .right-box .star-box{width:111px; height: 24px; position: relative; background: url("/static/ust-theme/images/start-yellow-empty.046bb71f53fb.svg") repeat-x left top; top:8px; bottom: 7px;}
.review-content .slide-content .review-slide .right-box .star-box .fill{height: 100%; position: absolute; top: 0px; left: 0px; background: url("/static/ust-theme/images/star-yellow.0b0247405b7f.svg") repeat-x left top;}
.review-content .right-review{width:28.62%; float: left; background-color:#fffffe; padding-top: 12px; padding-bottom: 20px; padding-left:17px; padding-right: 20px;}
.review-content .right-review h2{margin:0px; font-size: 24px; font-weight:600; color:#000000; line-height: 30px;}
.review-content .right-review .rate .form-input label{font-weight: 600; margin: 0px; font-size:15px; line-height: 20px; padding-bottom: 20px; display: block;}
.review-content .right-review .rate .form-input textarea{resize: none; font-size:15px; color:#000; line-height:20px; padding: 10px; border:1px solid #ccc; border-radius:4px;} 
.review-content .right-review .rate .btn-btn input{text-decoration:none; background-color:#b20000; width:auto;
    text-align:center; padding:0 20px; color:#fff;display: inline-block; line-height:40px;
    font-size:16px; border: 1px solid #de151a; line-height: 38px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    -ms-border-radius: 4px; -o-border-radius: 4px;
    box-shadow: 0 1px 1px #f45e62 inset; -webkit-box-shadow: 0 1px 1px #f45e62 inset;
    -moz-box-shadow: 0 1px 1px #f45e62 inset; -ms-box-shadow: 0 1px 1px #f45e62 inset;
    -o-box-shadow: 0 1px 1px #f45e62 inset; }

.course-information .left-content{display: inline-block; padding-right: 30px;}
.course-information .right-content{display: inline-block; vertical-align: top;}
.course-information .right-content h2{margin: 0px; font-size:21px; line-height: 30px; color:#333333;}
.course-information .right-content .rate-rate label{margin: 0px; font-size:15px; font-weight: 600; color:#000000; line-height: 20px; display:block;}
.course-information .right-content .rate-rate { padding-top: 66px; display: inline-block;    width: 100%;}
.course-information .right-content .rate-rate .star-box{width:110px;height: 24px; position: relative; background: url("/static/ust-theme/images/start-yellow-empty.046bb71f53fb.svg") repeat-x left top; top:5px; bottom: 7px;}
.course-information .right-content .rate-rate .fill{height: 100%; position: absolute; top: 0px; left: 0px; background: url("/static/ust-theme/images/star-yellow.0b0247405b7f.svg") repeat-x left top;}
.course-information{padding-bottom: 30px; border-bottom: 1px solid #cccccc; margin-bottom: 32px;}
.review-content .slide-content .review-slide .top-head{display: inline-block; width: 100%;}
.review-content .slide-content .review-slide .right-box{display:block;}
.review-content .slide-content .review-slide .right-box p{display: inline-block; max-width: 500px; font-size: 14px; line-height: 18px; color: #666; margin: 0; padding-top:20px;}
.review-content .right-review .rate .btn-btn{padding-top: 20px;}
.review-content .slide-content .review-slide .right-box .detail-box{display: inline-block; width: 100%;}


// start-box
.dashboard .wrapper-course-details .course-info .star-box {width: 95px; height: 24px; position: relative; background: url("/static/ust-theme/images/empty.85869a72238b.png") repeat-x left top; top: 13px; bottom: 7px;}
.dashboard .wrapper-course-details .course-info .star-box .fill {height: 100%; position: absolute; top: 0px; left: 0px; background: url("/static/ust-theme/images/star-yellow.0b0247405b7f.svg") repeat-x left top;}
.dashboard .wrapper-course-details .course-info{width:460px;}
.dashboard .wrapper-course-details .course-info .start-box-full{display: inline-block;}
.dashboard .wrapper-course-details .course-info .course-link{display: inline-block; padding-left: 77px;}
.dashboard .wrapper-course-details .course-info .course-link a{font-size: 16px; line-height: 20px; text-decoration:none;}
.star-box {float:left; width: 110px; height: 24px; position: relative; background: url("/static/ust-theme/images/start-yellow-empty.046bb71f53fb.svg") repeat-x left top; top:13px; bottom: 7px;}
.star-box .fill {height: 100%; position: absolute; top: 0px; left: 0px; background: url("/static/ust-theme/images/star-fill.2e59835e873f.png") repeat-x left top;}


  @media screen and (max-width: 768px) {
  .tabs h6 {
  font-size: 15px !important;
  }

  .tabs:hover, .tabs.active h6 {
    font-size: 15px !important;
}

  }

  @media screen and (max-width: 767px) {

div#myModal {
    width:90%;
}

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