/* new outer*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");


#toast-container {
  position: relative;
  z-index: 999999;
}

.toast-success {
  background-color: #329832;
}

.toast-top-right {
  top: 0;
  right: 0;
}

.toast-top-right.hidden {
  display: none;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
iOS requires the button element instead of an anchor tag.
If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 0.25rem;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #ffffff;
  opacity: 0.9;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
}

#toast-container .toast:hover {
  opacity: 1;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container .toast {
  background-image: none !important;
}

#toast-container .toast:before {
  position: relative;
  font-family: simple-line-icons;
  font-size: 24px;
  line-height: 18px;
  float: left;
  margin: 13px 0 0 -35px;
}

#toast-container .toast-warning:before {
  content: "\e01c";
}

#toast-container .toast-error:before {
  content: "\e082";
}

#toast-container .toast-info:before {
  content: "\e08b";
}

#toast-container .toast-success:before {
  content: "\e080";
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div {
  width: 300px;
  margin: auto;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
  width: 96%;
  margin: auto;
}

.toast {
  background-color: #36a9e1;
}

.toast-success {
  background-color: #bdea74;
}

.toast-error {
  background-color: #ff5454;
}

.toast-info {
  background-color: #67c2ef;
}

.toast-warning {
  background-color: #fabb3d;
}

progress-bar,
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: .2;
  -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
}

/*Animations*/

div[toast],
.toast {
  opacity: 1 !important;
}

div[toast].ng-enter,
.toast.ng-enter {
  opacity: 0 !important;
  transition: opacity .3s linear;
}

div[toast].ng-enter.ng-enter-active,
.toast.ng-enter.ng-enter-active {
  opacity: 1 !important;
}

div[toast].ng-leave,
.toast.ng-leave {
  opacity: 1;
  transition: opacity .3s linear;
}

div[toast].ng-leave.ng-leave-active,
.toast.ng-leave.ng-leave-active {
  opacity: 0 !important;
}

/*Responsive Design*/

@media all and (max-width: 240px) {
  #toast-container>div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container>div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }

  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container>div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


@media (min-width: 1024px) {
  .table th {
    padding: 0.40rem;
    vertical-align: top;
    border-top: 1px solid #e4e6eb;
    font-size: 12px;
  }

}


.toaster-icon.icon-info {
  display: none;
}

/* Css 1 May,2023 */
.ntftxt {
  font-size: 12px;
  margin: 18px 0px;
  word-wrap: wrap;
}

.user_list_sidebar {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 15px;
}

.report_area {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 15px 15px 40px 15px;
}

.user_list_sidebar .user_list ul {
  padding-left: 0;

}

.user_list_sidebar .user_list li {
  list-style: none;
}

.user_list_sidebar .user_list li.active {
  background: #ffffff;
}

.user_list_sidebar .user_list {
  max-height: 600px;
  overflow-y: auto;
  margin-top: 20px;
}



.user_list_sidebar .user_list li .user_box .media-body {
  padding: 10px 15px;
}

.user_list_sidebar .user_list li .user_box .media-body h4 {
  color: #2D2D2D;
  font-size: 14px;
  margin-bottom: 3px;
}

.user_list_sidebar .user_list li .user_box .media-body p {
  margin-bottom: 0;
  color: #404040;
  font-size: 12px;
}

.user_list_sidebar .user_list li .user_box .media-body p .user_status {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

.red_status {
  background: #ff0000;
}

.green_status {
  background: #3FBE4E;
}

.yellow_status {
  background: #FEB600;
}

.user_list_sidebar .user_list li .user_box img {
  max-width: 100%;
  height: auto;
}

.user_list_sidebar .user_list li .user_box .media-left {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 5px;
}

.user_report_header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #D6D6D6;
  border-radius: 5px 5px 0px 0px;
}

.user_header_name .media-body h4 {
  color: #2D2D2D;
  font-size: 14px;
  margin-bottom: 3px;
  margin-top: 10px;
}

.user_header_name .media-body p {
  margin-bottom: 0;
  color: #404040;
  font-size: 12px;
}

.user_header_name img {
  max-width: 100%;
  height: auto;
}

.user_header_name .media-left {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 5px;
}

.report_date {
  margin: 0px;
  padding-top: 15px;
  text-align: center;
}

.report_date span {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #000000;
  text-align: center;
  width: 15%;
}

.report_date span:before {
  right: 100%;
  margin-right: 15px;
}

.report_date span:before,
.report_date span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #111111;
  top: 3px;
  width: 360px;
}

.report_date span:after {
  left: 100%;
  margin-left: 15px;
}

.user_report_content {
  border-left: 0.5px solid #D6D6D6;
  border-right: 0.5px solid #D6D6D6;
  border-bottom: 0.5px solid #D6D6D6;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0px 0px 5px 5px;
  padding-bottom: 40px;
}

.user_report_content h4 {
  color: #2D2D2D;
  font-size: 14px;
}

.user_report_content .report_types ul {
  padding-left: 0;
  list-style: none;
}

.user_report_content .report_types ul li {
  margin-bottom: 10px;
}

.user_report_content .report_types ul li span {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #DDDDDD;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 12px;
  width: 200px;
  display: block;
  font-weight: 500;
}

.user_report_content .report_types ul li span .fa {
  float: right;
  font-size: 16px;
}

.green_check {
  color: #3FBE4E;
}

.yellow_check {
  color: #FEB600;
}

.report_types h4 {
  margin-top: 20px;
}

.report_types p {
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
}



.input_message {
  margin-left: 30px;
  margin-top: -20px;
}

.input_message input[type="text"] {
  border-right: none;
  border-radius: 25px 0 0 25px;
  background: #F0F0F0;
  font-size: 12px;
  color: #000;
}

.input_message input[type="text"]::placeholder {
  color: #000;
}

.input_message .input-group-text {
  border-bottom: none;
  background: #F0F0F0;
  border: 1px solid #ced4da;
  border-left: none;
  border-radius: 0 25px 25px 0;
  padding-right: 10px;
}

.input_message .input-group-text i {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  border-radius: 19px;
  padding: 4px 7px;
}

.message_send_btn {
  margin-left: 40px;
  margin-top: -15px;
}

.message_send_btn button {
  border: none;
  background: transparent linear-gradient(88deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 19px;
  padding: 3px 7px;
  color: #fff;
}

.user_report_time {
  float: right;
  color: #2D2D2D;
  font-size: 10px;
}

.subagent_img {
  max-width: 50px;
}

.action_icons a {
  color: #000;
  font-size: 18px;
}

.editpassword_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.editpassword_modal .modal-body {
  background: #F3F3F3;
}

.editpassword_modal .modal-dialog {
  max-width: 600px;
}

.password_box label {
  font-weight: 500;
  font-size: 14px;
}

.normal_box .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  min-height: 45px;
  font-weight: 500;

}

.normal_box label {
  font-weight: 500;
}

.password_box .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  min-height: 45px;
  font-weight: 500;
  border-right: none;
}

.password_box .input-group-addon {
  border: 1px solid #c4c4c4;
  border-left: none;
  border-radius: 0 8px 8px 0;
  height: 45px;
  padding: 10px;
  background: #fff;
}

.password_box .input-group-addon a {
  color: #000;
}

.password_center .input-group {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: table;
}

.password_center .input-group input {
  text-align: center;
  border: none;
  background: none;
}

/* Css 1 May,2023 */








/* crm css */
body {
  font-family: 'Roboto', sans-serif;
}

.login_page {
  background: #E5E5E5;
  padding-top: 5%;
  padding-bottom: 5%;

}

.login_container {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  -moz-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  border-radius: 5px;
  padding: 50px 30px;
  text-align: center;
}

.login_container h3 {
  margin-top: 20px;
  font-weight: 600;
  font-size: 22px;
}

.login_container p {
  font-weight: 500;
  margin-bottom: 40px;
}

.login_box,
.login_div {
  text-align: center;
}

.login_box form .form-control {
  margin-bottom: 10px;
}



.login__field {
  padding: 20px 0px;
  position: relative;
}

.login__icon {
  position: absolute;
  top: 30px;
  color: #000000;
  opacity: 0.5;
  right: 50px;
}

.login__input {
  border: none;
  border-bottom: 2px solid #000;
  opacity: 0.5;
  background: none;
  padding: 10px;
  font-weight: 700;
  width: 80%;
  transition: .2s;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
  outline: none;
  border-bottom-color: #494949;
}

.login-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  -moz-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 30px;
  padding: 8px 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.login-btn:hover,
.receptionform-btn:hover {
  color: #fff;
}

.login_footer {
  background: #1B1B1B;
  padding-top: 10px;
  padding-bottom: 10px;
}

.login_footer p {
  margin-bottom: 0px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  margin-left: 150px;
}

.login_footer p a {
  color: #fff;
  text-decoration: none;
}

.footer_socials li a {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
}

.footer_socials li i {
  margin-right: 5px;
}

.footer_email {
  float: right;
}

.brand-link .brand-image {
  margin-left: auto;
  margin-right: auto;
  max-height: 45px;

}

.main-header {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border: none;
}

.main-sidebar {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 9px 3px 16px #00000029;
}

.content-wrapper {
  /* background-color: #E5E5E5; */
  background-color: #fff;
}

.sidebar-mini.sidebar-collapse .main-header {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border: none;
}

[class*="sidebar-dark"] .brand-link {
  border-bottom: none;
}

[class*="sidebar-dark-"] {
  background-color: #141F2A;
}

.sidebar-mini.sidebar-collapse .brand-image {
  display: block;
}

.sidebar-mini .brand-image {
  display: none;
}

.brand-text img {
  max-width: 200px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}

.pushbtn {
  position: absolute;
  top: 73px;
  background: #fff;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  /* box-shadow: 0px 3px 6px #00000029; */
  border-radius: 6px;


}

.pushbtn-1 {
  position: absolute;
  top: 0px;
  background: #fff;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 6px;
  right: 12px;

}

.pushbtn a {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.pushbtn img {
  max-width: 28px;
}

/* header search */
#custom-search-input_header {
  max-height: 40px;
  padding: 3px;
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  background: #E5E5E5;
  margin-left: 100px;
}

#custom-search-input_header input {
  height: 34px;
  border: 0;
  box-shadow: none;
  background: #E5E5E5;
}

#custom-search-input_header button {
  margin: 1px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;

}

#custom-search-input_header button:hover {
  border: 0;
  box-shadow: none;

}

#custom-search-input_header .glyphicon-search {
  font-size: 23px;
}

/* header search */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link {
  margin-right: 0 !important;
  padding: 0.9rem 1rem;
  font-weight: 600;
  color: #000;
}

.main-header .nav-link {
  color: #000;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link img {
  margin-right: 10px;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
  width: 100%;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-left: 2px solid #EA282B;
  border-radius: 0;
  color: #EA282B;
  font-weight: 600;

}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_373,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_374,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_375,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_373,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_374,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_375 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Ellipse_3,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_394,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Ellipse_3,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_394 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Ellipse_3,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_394,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_395,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_396,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Ellipse_3,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_394,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_395,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_396 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_382,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Line_15,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Line_16,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Line_17,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_382,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Line_15,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Line_16,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Line_17 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Ellipse_1,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Line_22,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_385,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Ellipse_1,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Line_22,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_385 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Path_387,
.main-sidebar .nav-sidebar>.nav-item>.nav-link.active #Ellipse_2,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Path_387,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active #Ellipse_2 {
  stroke: #EA282B;
}

.main-sidebar .nav-sidebar>.nav-item>.nav-link.active img {
  filter: invert(70%);
}

.user-text {
  font-weight: 600;
}

.user-img {
  max-width: 40px;
  margin-top: -7px;
}

.notification-icon i {
  font-size: 25px;
  margin-top: 4px;
}

.header_dropdown {
  top: 45px;
}

.user_dropdown .dropdown-menu {
  background: #EBEBEB;
}

.dropdown-divider {
  border-top: 1px solid #cdcece;
}

.content-wrapper {
  padding-top: 5%;
  padding-left: 1%;
  padding-bottom: 400px;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 4rem;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
  margin-left: 4rem !important;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link img {
  max-width: 23px;
  margin-right: 5px;
}

.main-sidebar .nav-sidebar .nav-item:hover a {
  border-radius: 0;
}

.main-sidebar .nav-sidebar>.nav-item p {
  font-size: 15px;
}

.badge-black {
  background: #000;
  border-radius: 20px;
  color: #fff;
  margin-top: 6px;
  padding: 3px 5px;
}

.crm_header ul li .nav-link {
  padding: 0.3rem 1rem !important;
}

.content-header h1 {
  /* margin-bottom: 20px; */
  font-weight: 700;
  font-size: 24px;
}

.content-header p {
  font-weight: 500;
  /* font-size: 18px; */
}

.main-footer a {
  color: #FFFFFF;
}

.footer_socials {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer_socials li {
  display: inline;
}

.footer_socials li a img {
  max-width: 30px;
}

.footer_socials li a {
  padding: 5px;
}

.input-group-text {
  background: none;
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
}

.reception_form {
  max-height: 900px;
  overflow-y: auto;
}

::-webkit-scrollbar {
  width: 0.5em;
  border-radius: 30px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.reception_form .input-group {
  width: 90%;
}

.reception_form .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.reception_form label {
  font-size: 15px;
  font-weight: 700;
}

/* reception page radio buttons */
.reception_form .btn-group {
  display: inline;
}

.reception_form .btn-group.country_btn_group {
  display: inline-grid !important;
  width: 100%;
}

.reception_form .radio-btns .btn-default {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border-radius: 5px;
  margin-right: 10px;
  padding: 10px 25px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 25px;
}

.reception_form .browse_docs_btn {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border-radius: 5px;
  margin-right: 10px;
  padding: 10px 25px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  float: right;
  margin-right: 60px;
}

.docs_section {
  margin-bottom: 40px !important;
}

.reception_form .radio-btns .btn-default.active {
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  color: #ffffff;
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
}

.reception_form .radio-btns.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.reception_form .radio-btns.btn-group>.btn-group:not(:last-child)>.btn {
  border-radius: 7px;

}

.other_input {
  width: 25%;
  display: inline;
}

.sublabels {
  display: none;
  width: 150px;
  background: transparent linear-gradient(88deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #ffffffde;
  border-radius: 7px;
  color: #fff;
  position: absolute;
  left: 28%;
  top: 115px;
  padding: 5px;
}

.sublabels a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0 !important;
}

/* reception page radios buttons */

.upload_small_text {
  font-size: 13px;
}

/* test */
.input-file-box {
  margin-bottom: 25px;
  position: relative;
}

.form-style-fake {
  top: 0px;
}

.form-style-base {
  position: absolute;
  top: 0px;
  z-index: 1000;
  opacity: 0;
}

.form-control.form-style-base,
.form-control.form-style-fake {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: none;
  padding: 10px 0px;
  width: 90%;
}

.form-control.form-style-base::placeholder,
.form-control.form-style-fake::placeholder,
#custom-search-input input {
  color: #000;
}

.form-control.form-style-base::-webkit-input-placeholder,
.form-control.form-style-fake::-webkit-input-placeholder,
#custom-search-input input {
  color: #000;
}

.form-control.form-style-base:-moz-placeholder,
.form-control.form-style-fake:-moz-placeholder,
#custom-search-input input {
  color: #000;
}

.form-control.form-style-base::-moz-placeholder,
.form-control.form-style-fake::-moz-placeholder,
#custom-search-input input {
  color: #000;
}

.form-control.form-style-base:-ms-input-placeholder,
.form-control.form-style-fake:-ms-input-placeholder,
#custom-search-input input {
  color: #000;
}

.addrow_btn {
  float: right;
  margin-right: 23px;
  font-size: 20px;
  background: none;
  border: none;
}

.removerow_btn {

  font-size: 12px;
  padding: 3px 5px;
  color: #ffffff;
  border: none;
  margin-top: 4px;
}

.imgCircle {
  border-radius: 50%;
}

.form-input {
  height: 45px;
  border-radius: 0px;
}

.input-place {
  position: absolute;
  top: 11px;
  right: 30px;
  font-size: 23px;
  color: gray;
}

.upload-doc-modal .modal-body {
  padding: 1.3rem 2rem;
  background: #F3F3F3;
  box-shadow: 0px 0px 10px #00000029;
}

.upload_docs_heading {
  background: #F8F7F7 0% 0% no-repeat padding-box;
  border: 0.5px solid #D6D6D6;
  border-radius: 5px 5px 0px 0px;
  padding: 10px;
}

.upload_docs_heading h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.upload-doc-modal .modal-body .upload_docs_area {
  padding: 20px;
  border: 0.5px solid #D6D6D6;
  float: left;
  width: 100%;
}

.upload_docs_btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  -moz-box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  box-shadow: 2px 2px 14px 0px rgba(140, 140, 140, 1);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 30px;
  padding: 10px 40px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  float: right;
}

/* test */


.receptionform-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 30px;
  padding: 10px 40px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  float: right;
  margin-right: 10px;
}

.counsellors_box {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 45px 25px;
  max-width: 350px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.counsellors_box h3 {
  font-size: 20px;
  text-align: center;
}

.divider {
  height: 1px;
  background: #000;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
}

.counsellors_box ul {
  margin: 0;
  padding: 0;
}

.counsellors_box ul li {
  list-style: none;
  margin-bottom: 1px;
  background: #F0F0F0;
}

.counsellors_box ul li:last-child {
  margin-bottom: 0;
}

.counsellors_box ul li:hover {
  cursor: grabbing;
}

.counsellors_box ul li .media {
  padding: 5px 20px;
}

.counsellors_box ul li .media .media-left img {
  width: 60px;
}

.counsellors_box ul li .media .media-body p {
  padding: 0 15px;
  font-size: 14px;
}

.counsellors_box ul li .media .media-body h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 14px;
  margin-top: 12px;
}

.counsellors_box ul li.active {
  background: transparent linear-gradient(90deg, #EA282B 0%, #FF4500 100%) !important;
  box-shadow: inset -3px 3px 6px #00000029;
}

.counsellors_box ul li.active .media .media-body h4 {
  color: #ffffff;
}

.counsellors_box ul li.active .media .media-body p {
  color: #ffffff;
}

.counsellors_box ul li.inactive {
  opacity: 0.6;
}

.counsellors_box ul li .media .media-left {
  position: relative;
  height: 60px;
  width: 60px;
  overflow: hidden;
}

.active_dot {
  background: #0AB509;
}

.busy_dot {
  background: #E30A17;
}

.dot {

  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 50px;
  bottom: 4px;
  right: 2px;
}

.counsellors-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 50px;
  padding: 10px 40px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  float: right;
}




/* list of students page */
.btn-chat {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  display: inline-block;
  margin-top: -40px;
  margin-right: 15px;
}

.btn-chat img {
  max-height: 22px;
}

.right_icons_div {
  text-align: right;
  margin-bottom: 30px;
}

/* switch button */
.right_icons_div .switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}

.right_icons_div .switch input {
  display: none;
}

.right_icons_div .slider {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  border-radius: 21px;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.right_icons_div .slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

.right_icons_div input:checked+.slider {
  background-color: #E5E5E5;
  box-shadow: 2px 2px 3px #00000029;
}

.right_icons_div input:checked+.slider:before {
  transform: translateX(26px);
  background: transparent linear-gradient(0deg, #0AB509 0%, #348C34 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
}

.right_icons_div .slider.round {
  border-radius: 34px;
}

.right_icons_div .slider.round:before {
  border-radius: 50%;
}

/* switch button */
.white-badge {
  background: #fff;
  color: #F95030;
}

.studentfilter-btn .badge {
  border-radius: 20px;
  margin-left: 5px;
}

.studentfilter-btn {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  font-weight: 600;
  border-radius: 6px;
  margin: 1px;
}

/* search input */
#custom-search-input {
  max-height: 40px;
  padding: 3px;
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  background: #E5E5E5;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);

}

#custom-search-input input {
  height: 34px;
  border: 0;
  box-shadow: none;
  background: #E5E5E5;
}

#custom-search-input button {
  margin: 1px 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #666666;
  padding: 0 8px 0 10px;


}

#custom-search-input button:hover {
  border: 0;
  box-shadow: none;

}

#custom-search-input .glyphicon-search {
  font-size: 23px;
}

/* search input */

.select_filter {
  border-radius: 6px;
  background: #E5E5E5;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  width: 100%;
  padding: 7px 12px;
  height: 40px;
  border: none;
}

.students_list_table thead,
.left_2col_students_table thead {
  background: transparent linear-gradient(270deg, #FC411D 0%, #EA282B 100%) 0% 0% no-repeat padding-box;
  opacity: 0.9;
  color: #ffffff;

}

.active_student {
  background: linear-gradient(90deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box !important;
  color: #ffffff;
}

.students_list_table thead th {
  font-weight: 500;
  text-align: center;
  padding: 0.95rem 0.75rem;
  font-size: 15px;
}

.left_2col_students_table thead th {
  text-align: center;
  padding: 10px;
}

.left_search {
  margin-bottom: 25px;
  margin-top: 25px;
}

.left_search .btn {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  border-radius: 7px 0 0 7px;
  border: none;
  height: 38px;
}

.left_search input {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  border-radius: 7px;
  border: none;
}

.students_list_table tbody tr td,
.left_2col_students_table tbody tr td {
  text-align: center;
  font-size: 15px;
  padding: 0.95rem 0.15rem;
}

.left_2col_students_table tbody tr {
  background: #F0F0F0;
}

.left_2col_students_table tbody tr td {
  border: 1px solid #dee2e6;
  padding: 10px;
}

.students_list_table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #EDEFF0;
}

.students_list_table.table-striped tbody tr:nth-of-type(even) {
  background-color: #FAFAFA;
}

/* student table checkbox */

.student_table_checkbox.checkbox {
  height: 24px;
}

.student_table_checkbox.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.student_table_checkbox.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: .5em;
}



.student_table_checkbox.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 17%;
}



.student_table_checkbox.checkbox label input[type="checkbox"] {
  display: none;
}

.student_table_checkbox.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

.student_table_checkbox.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.student_table_checkbox.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}

/* student table checkbox */

.crm_pagination .pagination {
  background: #EBEBEB;
  border-radius: 4px;
  float: right;
  padding: 6px 17px;
}

.crm_pagination .pagination li,
.crm_pagination .pagination li a {
  color: #000000;
  background: #EBEBEB;
}

.crm_pagination .pagination li a {
  color: #000000;
  padding: 9px 14px;
}

.crm_pagination .pagination li.active a {
  background: transparent linear-gradient(90deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset -3px 3px 6px #00000029;
  color: #ffffff;
}

.details_container {
  position: relative;
}

.view_student_details {
  background: #fff;
  border: 0.5px solid #D5D5D5;
  width: 350px;
  height: 100;
  min-height: 100;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;

}

.view_student_details h3 {
  background: #F6F6F6;
  border-bottom: 1px solid #D5D5D5;
  font-size: 18px;
  padding: 12px 10px;
}

.view_student_details h3 span {
  float: right;
  cursor: pointer;
}

.details_table tr td {
  border: none;
  font-size: 13px;
}

.details_table tr td:first-child {
  font-weight: 600;
}

.view-btn,
.view-btn:focus {
  border: none;
  background: none;
}

.details_action_btns {
  text-align: right;
}

.editdetail-btn {
  border-radius: 7px;
  background: #E5E5E5;
  -webkit-box-shadow: -2px -2px 3px #FFFFFFDE;
  -moz-box-shadow: -2px -2px 3px #FFFFFFDE;
  box-shadow: -2px -2px 3px #FFFFFFDE;
  padding: 5px 30px;
  color: #000000;
  margin-right: 10px;
}

.savedetail-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  padding: 5px 30px;
  color: #ffffff;
}

.details_action_btns {
  padding: 20px;
}

.breadcrumbs_box .breadcrumb {
  text-align: right;
  float: right;
}

.breadcrumbs_box .breadcrumb li.breadcrumb-item {
  color: #000;
  font-weight: 500;
}

.breadcrumbs_box .breadcrumb li.breadcrumb-item a {
  color: #000;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #000;
  content: '\f105' !important;
  font-family: fontAwesome !important;
}

.apply_docs {
  max-width: 100%;
}

.apply_docs .modal-content {
  border-radius: 0;
}

.apply_docs .modal-body {
  background: #f2f2f2;
}

/* accordion css starts*/
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #EEEEEE;
}

.panel-default>.panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #FAFAFA;
  border-color: #EEEEEE;
}

.panel-title {
  font-size: 14px;
  margin-bottom: 0;
}

.panel-title>a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #000;
  font-size: 18px;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #EEEEEE;
}

/* accordion css ends */

.student_docs_list,
.marks_calculator_box {
  padding: 20px;
}

.student_docs_list ul {
  list-style: none;
  padding-left: 0;
}

.student_docs_list ul li a {
  color: #000;
  padding: 10px 0;
  display: block;
  font-size: 15px;
}

.marks_calculator_box .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  height: 20px;
}

.marks_calculator_box label {
  font-size: 15px;
  font-weight: 700;
}

.calculate-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  padding: 5px 30px;
  color: #ffffff;
  margin-top: 50px;
}

.documents_showcase {
  margin-top: 50px;
}

.showcase_box {
  max-height: 500px;
  overflow-y: auto;
}

.pre_visa_information_box,
.offer_letter_box {
  background: #fff;
  border: 0.5px solid #D5D5D5;
  width: 465px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.save_form_button {
  width: 465px;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.offer_letter_box {
  margin-top: 40px;
}

.pre_visa_information_box h3,
.offer_letter_box h3 {
  background: #F6F6F6;
  padding: 15px 15px;
  margin-bottom: 0;
  font-size: 18px;
  border: 0.5px solid #D5D5D5;
}

.pre_visa_information_box_inner,
.offer_letter_box_inner {
  padding: 20px 40px;
}

.pre_visa_information_form .form-control,
.remarks_box .form-control {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.pre_visa_information_form label {
  font-size: 15px;
  font-weight: 700;
}

.remarks_box label {
  font-size: 13px;
  font-weight: 700;
}

.addofferbox_btn {
  float: right;
  font-size: 20px;
  background: none;
  border: none;
  float: right;
  margin-top: -9px;
}

.removeofferbox_btn {
  color: #ffffff;
  border: none;
  font-size: 13px;
  padding: 3px 5px;
  margin: 10px 40px;
  float: right;
}

.pending-btn,
.rejected-btn {
  border-radius: 7px;
  background: #E5E5E5;
  -webkit-box-shadow: -2px -2px 3px #FFFFFFDE;
  -moz-box-shadow: -2px -2px 3px #FFFFFFDE;
  box-shadow: -2px -2px 3px #FFFFFFDE;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-right: 10px;
  float: right;
}

.list_of_students_box .student_list_table {
  max-height: 500px;
  overflow-y: auto;
}

.table th a {
  color: white;
}


.list_of_students_box {
  background: #E5E5E5;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 20px;
}

.list_of_students_box h3 {
  font-size: 17px;
}

.list_of_students_box .select_filter {
  box-shadow: none;
  font-size: 14px;
}

.student_info_center_box {
  background: #E5E5E5;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
}

.test_info_center_box {
  background: #E5E5E5;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
}

/* student info tabs */
.info_tabs .tabbable-responsive {
  display: block;
  min-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.info_tabs .tabbable {
  min-width: 100%;
}

.info_tabs .tabbable .nav-tabs {
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
  padding: 0px;
  border-bottom: 2px solid #dee2e6 !important;
}

.info_tabs .tabbable .nav-tabs .nav-item {
  display: inline-block;
  min-width: 145px;
  text-align: center;
  border-radius: 0px 0px 0px 0px;
}

.info_tabs .tabbable .nav-tabs .nav-item .nav-link {
  display: inline-block;

  text-align: center;
  font-weight: 600;
  text-transform: capitalize;
  color: #595959CC;
  border-radius: 0px 0px 0px 0px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  padding: 0.7rem 1rem;
}

.info_tabs .tabbable .nav-tabs .nav-item .nav-link.active {

  background: none;
  border-bottom: 5px solid #DB2525;
  color: #000;
  border-left: none;
  border-top: none;
  border-right: none;

}

.info_tabs .tabbable .nav-tabs .nav-item .nav-link img {
  max-height: 28px;
  opacity: 0.5;
}

.info_tabs .tabbable .nav-tabs .nav-item .nav-link.active img {
  opacity: 1 !important;
}

.info_tabs .tab-content {
  padding: 30px 20px;

}

/* student info tabs */

.designated_file_officer {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 20px 15px;
  float: left;
}

.designated_file_officer h3 {
  font-size: 17px;
  text-align: center;
}

.divider {
  height: 1px;
  background: #000;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
}

.designated_file_officer ul {
  margin: 0;
  padding: 0;
}

.designated_file_officer ul li {
  list-style: none;
  margin-bottom: 1px;
  background: #F0F0F0;
}

.designated_file_officer ul li:last-child {
  margin-bottom: 0;
}

.designated_file_officer ul li:hover {
  cursor: pointer;
}

.designated_file_officer ul li .media {
  padding: 5px 15px;
}

.designated_file_officer ul li .media .media-left img {
  width: 60px;
}

.designated_file_officer ul li .media .media-body p {
  padding: 0 15px;
  font-size: 14px;
}

.designated_file_officer ul li .media .media-body h4 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 14px;
  margin-top: 12px;
}

.designated_file_officer ul li.active {
  background: transparent linear-gradient(90deg, #EA282B 0%, #FF4500 100%) !important;
  box-shadow: inset -3px 3px 6px #00000029;
}

.designated_file_officer ul li.active .media .media-body h4 {
  color: #ffffff;
}

.designated_file_officer ul li.active .media .media-body p {
  color: #ffffff;
}

.designated_file_officer ul li.inactive {
  opacity: 0.6;
}

.designated_file_officer ul li .media .media-left {
  position: relative;
  height: 60px;
  width: 60px;
  overflow: hidden;
}

.active_dot {
  background: #0AB509;
}

.busy_dot {
  background: #E30A17;
}

.dot {
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  border-radius: 50px;
  bottom: 4px;
  right: 2px;
}

.file_officer-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 50px;
  padding: 10px 40px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  float: right;
}

.personal_info_card .card-header,
.offerletter_accordions .card-header,
.student_info_card .card-header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
}

.personal_info_card .card-body,
.offerletter_accordions .card-body {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 0 0 5px 5px;
}

.personal_info_card .card,
.offerletter_accordions .card,
.docs_accordions .card,
.student_info_card .card {
  box-shadow: none;
}

.personal_info_card .card-body .table td,
.offerletter_accordions .card-body .table td {
  border-top: none;
  font-size: 15px;
}

.offerletter_accordions .card-header h5 .btn {
  padding: 0;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
}

.offerletter_accordions .card-header h5 .btn .fa,
.docs_accordions .card-header h5 .btn .fa {
  text-align: right;
  float: right;
  margin-top: 3px;
}

.docs_accordions .card-header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
}

.docs_accordions .card-body {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 0 0 5px 5px;
}

:focus-visible {
  outline: none;
}

.docs_accordions .card-body .table td {
  border-top: none;
  font-size: 14px;
}

.docs_accordions .card-header h5 .btn {
  padding: 0;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
}

.docs_accordions .card-header h5 .btn .fa {
  text-align: right;
  float: right;
}

.docs_accordions .card-header h5 .btn img {
  float: right;
  margin-right: 20px;
  margin-top: 2px;
}

.student_info_text {
  margin-bottom: 25px;
}

.student_info_card .card-body {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 0 0 5px 5px;
}

.student_info_text h4 {
  font-size: 15px;
  font-weight: 500;
}

.student_info_text p {
  font-size: 14px;
}

.disabled_check {
  opacity: 0.5;
}

.visa_info_checkbox.checkbox {
  height: 24px;
  margin-bottom: 15px;
}

.visa_info_checkbox.checkbox label {
  font-size: 11px;
  width: 100%;
}

.visa_info_checkbox.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.visa_info_checkbox.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: right;
  margin-left: 1.5em;
  background: #fff;
}

.visa_info_checkbox.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 17%;
}

.visa_info_checkbox.checkbox label input[type="checkbox"] {
  display: none;
}

.visa_info_checkbox.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

.visa_info_checkbox.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.visa_info_checkbox.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}

.visa_doc_btn {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  font-weight: 400;
  border-radius: 7px;
  font-size: 14px;
  margin: 4px;
  padding: 8px 15px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;

}

.visa_doc_btn:hover {
  background: transparent linear-gradient(90deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  border: none;
  color: #ffffff;
}

.visa_doc_btn:disabled {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  font-weight: 400;
  border-radius: 7px;
  font-size: 14px;
  margin: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}













.input-file-box_01 {
  position: relative;
  margin-bottom: 8px;
}

.input-place_01 {
  position: absolute;
  top: 11px;
  left: 20px;
  font-size: 23px;

}

.form-style-base_01 {
  position: absolute;
  top: 0px;
  z-index: 1000;
  opacity: 0;
}

.form-style-fake_01 {
  top: 0px;
  cursor: pointer;
}

.form-control.form-style-base_01,
.form-control.form-style-fake_01 {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  font-weight: 600;
  border-radius: 6px;
  width: 170px;
  color: #000;
  padding-left: 50px;
  font-size: 15px;
}

.form-control.form-style-fake_01::placeholder {
  color: #000;
}

.small-text {
  font-size: 13px;
}

.visa_tab_action_btns {
  text-align: right;
}

.save_visa_info-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.edit_visa_info-btn {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);

  border-radius: 7px;
  margin-right: 10px;
  padding: 10px 30px;
  border: none;
  font-size: 15px;
  font-weight: 500;
}

/* student info tabs */
.modal_info_tabs .tabbable-responsive {
  display: block;
  min-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;

}

.modal_info_tabs .tabbable {
  min-width: 100%;
}

.modal_info_tabs .tabbable .nav-tabs {
  white-space: nowrap;
  display: inline-block;
  min-width: 100%;
  padding: 0px;
}

.modal_info_tabs .tabbable .nav-tabs .nav-item {
  display: inline-block;
  border-radius: 0px 0px 0px 0px;

}

.modal_info_tabs .tabbable .nav-tabs .nav-item .nav-link {
  display: inline-block;

  text-align: center;
  font-weight: 600;
  text-transform: capitalize;
  color: #595959CC;
  border-radius: 0px 0px 0px 0px;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: none;
  padding: 0.7rem 1rem;
}

.modal_info_tabs .tabbable .nav-tabs .nav-item .nav-link.active {

  background: none;
  border-bottom: 5px solid #DB2525;
  color: #000;
  border-left: none;
  border-top: none;
  border-right: none;

}

.modal_info_tabs .tabbable .nav-tabs .nav-item .nav-link img {
  max-height: 28px;
  opacity: 0.5;
}

.modal_info_tabs .tabbable .nav-tabs .nav-item .nav-link.active img {
  opacity: 1 !important;
}

.modal_info_tabs .tab-content {
  padding: 0;

}

.documents_box .panel-title>a img {
  float: right;
  margin-right: 30px;
}

.filing_documents_box .panel-default>.panel-heading {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
}

.filing_documents_box .panel-group .panel {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px;
}

.filing_documents_box .panel-default>.panel-heading+.panel-collapse>.panel-body {
  padding: 10px 20px;
}

.filing_documents_box .panel-default .panel-body .student_docs_list {
  padding: 20px 0 !important;
}

/* student info tabs */
.student_information_section {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 5px 3px 6px #00000029;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 40px;
}

.student_information_section h3 {
  font-size: 18px;
  text-align: left;
}

.input-group-text_01 {
  border: none;
  padding: 5px 10px;
}

.applysave-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  margin-top: 30px;
  padding: 10px 40px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  float: right;
}

.modal {
  padding-right: 8px;
  padding-left: 8px;
}

#GIC_Account_Applied_Modal .modal-body {
  padding-bottom: 100px;
}

.right_accountability_box {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 20px 15px;

}

.right_accountability_box h3 {
  font-size: 18px;
  text-align: left;
}

.right_accountability_box h3 span {
  float: right;
  margin-top: -6px;
}

.right_accountability_box h3 span button {
  border: none;
  background: none;
}

.right_accountability_box .table th,
.right_accountability_box .table td {
  border: none;
  padding: 10px;
  font-size: 14px;
}

.width_130 {
  width: 130px;
}

.visa_doc_btn img.tick_done {
  display: none;
}

.status_done img.tick_done {
  display: inline;
}

.student_information_section .table tr {
  border-top: 0;
}

.student_information_section .table tr td label {
  font-weight: 600;
}

.student_information_section .table tr td {
  padding: 10px 0;
  border: none;
}

/* tution fee checkboxes */
.tution_fee_checkbox.checkbox {
  height: 24px;
  margin-bottom: 10px;
}

.tution_fee_checkbox.checkbox label {
  font-size: 14px;
  width: 100%;
}

.tution_fee_checkbox.checkbox label:after {
  content: '';
  display: table;
  clear: both;
}

.tution_fee_checkbox.checkbox .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: .25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 1em;
  background: #fff;
}

.tution_fee_checkbox.checkbox .cr .cr-icon {
  position: absolute;
  font-size: .8em;
  line-height: 0;
  top: 50%;
  left: 17%;
}

.tution_fee_checkbox.checkbox label input[type="checkbox"] {
  display: none;
}

.tution_fee_checkbox.checkbox label input[type="checkbox"]+.cr>.cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all .3s ease-in;
}

.tution_fee_checkbox.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.tution_fee_checkbox.checkbox label input[type="checkbox"]:disabled+.cr {
  opacity: .5;
}

/* tution fee checkboxes */

.right_accountability_box h3.small-size {
  font-size: 15px;
}


.view_student_details_for_agent {
  background: #fff;
  border: 0.5px solid #D5D5D5;
  width: 450px;
  height: 100;
  min-height: 100;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;

}

.view_student_details_for_agent h3 {
  background: #F6F6F6;
  border-bottom: 1px solid #D5D5D5;
  font-size: 18px;
  padding: 12px 20px;
}

.view_student_details_for_agent h3 span {
  float: right;
  cursor: pointer;
}

.details_for_agent_inner_box {
  padding: 15px;
}

.details_for_agent_inner_box .table tr td {
  font-size: 15px;
}

.commission_details_box {
  border: 1px solid #D5D5D5;
}

.commission_details_box h3 {
  background: #F6F6F6;
  border-bottom: 1px solid #D5D5D5;
  font-size: 18px;
  padding: 12px 20px;
}

.commission_details_inner {
  padding: 10px 10px;
}

.commission_details_inner .radio-btns .btn-default {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border-radius: 5px;
  margin-right: 10px;
  padding: 6px 15px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
}

.commission_details_inner .radio-btns .btn-default.active {
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  color: #ffffff;
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
}

.commission_details_inner .radio-btns.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.commission_details_inner .radio-btns.btn-group>.btn-group:not(:last-child)>.btn {
  border-radius: 7px;

}

.v-small-heading {
  font-size: 16px;
  text-decoration: underline;
  font-weight: 600;
}

.commission_details_inner .table td {
  padding: 7px 3px;
  border-top: none;
}

.commission_details_inner .table td label {
  font-size: 14px;
}

.extra-small {
  font-size: 12px;
}

.right-align-radio-btns {
  margin-left: 100px;
}

.no-padding-btns {
  padding: 0 !important;
}


/* css Aug 13,2022 */
.breadcrumb-item.active {
  font-weight: 400 !important;
}

.student_profile_info_sec {
  padding-bottom: 40px;
}

.student_profile_img,
.student_name_box,
.student_file_status_box,
.visa_status_box {
  display: inline;
  float: left;
  margin-right: 40px;

}

.student_name_box,
.student_file_status_box,
.visa_status_box {
  padding-top: 20px;
}

.student_profile_img {
  max-height: 100px;
  max-width: 100px;
  border-radius: 50px;
  overflow: hidden;
}

.student_file_status_box span {
  padding: 2px 20px;
  font-size: 14px;
  border-radius: 20px;
  margin-bottom: 0.4rem;
  display: table;
}

.file_pending {
  background: #FFCE00;

}

.visa_status_box p {
  margin-bottom: 0;
  padding-top: 31px;
}

.filingprocess_steps_section ul {
  list-style: none;
  padding-left: 0;
  margin-left: auto;
  display: table;
  margin-right: auto;
  min-height: 300px;
  margin-top: 50px;
}

.filingprocess_steps_section ul li {
  float: left;
  margin-right: 140px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.filingprocess_steps_section ul li.active .step_box {
  display: block;
}

.filingprocess_steps_section ul li h5 {
  margin-top: 20px;
  font-weight: 500;
  font-size: 17px;
  max-width: 100px;
}

.line {
  position: absolute;
  top: 23px;
  z-index: -1;
  left: 64px;
  width: 200px;
  height: 4px;
  background: #ffffff;

}

.filingprocess_steps_section ul li:last-child {
  margin-right: 0;
}

.filingprocess_steps_section ul li span {
  background: transparent linear-gradient(88deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 5px #00000080;
  border: 2px solid #FFFFFF;
  border-radius: 25px;
  height: 50px;
  width: 50px;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
}

.inactive span {
  opacity: 0.5;
}

.filingprocess_steps_section ul li .step_box {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px #00000029;
  border-radius: 5px;
  position: absolute;
  min-height: 160px;
  top: 150px;
  width: 270px;
  left: -90px;
  padding: 10px;
  text-align: left;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.filingprocess_steps_section ul li .step_box {
  display: none;

}

.filingprocess_steps_section ul li:hover .step_box {
  display: block;

}

/*.filingprocess_steps_section ul li.inactive .step_box{
  display:none;
}*/
.filingprocess_steps_section ul li .step_box h6 {
  line-height: 30px;
  border-bottom: 1px solid #707070;
}

.filingprocess_steps_section ul li .step_box p {
  font-size: 14px;
}

.filingprocess_steps_section ul li .step_box:before {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  top: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 9999;
}

#adminradioBtn .notActive {
  color: #3276b1;
  background-color: #fff;
}

.right_admin_switch {
  float: right;
}

.right_admin_switch a.btn {
  border-radius: 4px;
  background: #E5E5E5;
  -webkit-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border: none;
  color: #000 !important;
  font-weight: 500;
  padding: 6px 12px;
}

.right_admin_switch a.btn.active {
  background: #EA282B 0% 0% no-repeat padding-box;
  border-radius: 4px;
  color: #fff !important;
}

.right_admin_switch a.btn.notActive {
  background: #E5E5E5 !important;

}

.admin_visa_table tbody tr {
  background: #EDEFF0;
}

/* css Aug 13,2022 */





/* css Oct 11,2022 */
.add_role {
  text-align: right;
}

.add_role_btn {
  border: 1px solid #6E6EFF !important;
  border-radius: 30px !important;
  opacity: 1;
  font: normal normal 600 12px / 16px Segoe UI;
  letter-spacing: 0px;
  color: #6E6EFF !important;

}

/* .add_role_btn:active {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box !important;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  border: none;
  color: #fff !important;

} */

.add_role_btn:hover {
  color: #fff !important;
  background-color: #6E6EFF;

}

.add_role_container {
  background: #F3F2F2 0% 0% no-repeat padding-box;
}

.add_role_heading {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.add_role_heading h3 {
  font-size: 20px;
}

.add_role_content_container {
  padding: 15px;
}

.add_role_content_container .form-label {
  font-weight: 600;
}



/* css Oct 11,2022 */


@media(max-width:576px) {
  .login_footer p {
    margin-left: auto;
  }

  .footer_email {
    float: none;
    display: table;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
  }

  .login_page {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .studentfilter-btn {
    margin-bottom: 15px;
  }

  #custom-search-input input::placeholder {
    color: #000;
  }

  #custom-search-input,
  .select_filter {
    margin-bottom: 15px;
  }

  .table-responsive {
    margin-bottom: 10px;
  }

  .crm_pagination .pagination {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .view_student_details {
    width: 100%;
  }
}

@media(min-width:768px) and (max-width:991px) {
  .login_page {
    padding-top: 20%;
    padding-bottom: 20%;
  }
}

/* crm css */


.pagination_section {
  padding-top: 20px;
  padding-bottom: 40px;
  font-family: 'Raleway', sans-serif;
}

.pagination_section .pagination .page-item:first-child {
  background: transparent linear-gradient(188deg, #DB2525 0%, #DB4545 100%) 0% 0% no-repeat padding-box;
}

.pagination_section .pagination {
  background: #232323 0% 0% no-repeat padding-box;
  border-radius: 4px;
  color: #ffffff;
  font-weight: 500;
  border: none;
  padding: 0.5rem 0.85rem;
  font-size: 18px;
  margin-right: 15px;
}

.pagination_section .pagination .active {
  background: transparent linear-gradient(188deg, #DB2525 0%, #DB4545 100%) 0% 0% no-repeat padding-box;
  border-radius: 4px;
  color: #ffffff;
}

.dashboard_pagination {
  float: right;
}







/* sample tabs */

.sample-test-list {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.sample-test-list li {
  display: inline-block;
  background: #FFFFFF;
  box-shadow: 0px 0px 0px #00000029;
  border: 1px solid #707070;
  border-radius: 10px;
  margin-right: 18px;
  margin-bottom: 20px;
}

.sample-test-box {
  padding: 20px;
  text-align: center;
  box-shadow: 0px 0px 0px #00000029;
}

.sample-test-box h4 {
  color: #DB2525;
  font-size: 24px;
  margin-top: 15px;
}

.sample-test-box span {
  font-weight: 600;
  font-size: 16px;
}

.sample-test-box .action_link {
  display: block;
  margin-top: 15px;
}

.sample_speaking_icon,
.sample_writing_icon,
.sample_reading_icon,
.sample_listening_icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #DFDFDF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  text-align: center;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
}

.sample_speaking_icon img,
.sample_writing_icon img,
.sample_reading_icon img,
.sample_listening_icon img {
  opacity: 0.5;
}

/* sample tabs */


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 50px;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 0px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }

  .sidenav a {
    font-size: 18px;
  }
}



.custom-padding {
  padding: 40px 8%;
}

.ml-2 {
  margin-left: 2% !important;
}

.disable {
  opacity: 0.4;
}









/* view answers page css */
.answer_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  min-height: 64px;
  padding: 7px;
  margin-bottom: 20px;
}

.answer_box span {
  font-size: 14px;
  font-weight: 600;
}

.badge-text {
  background: #F2F2F2;
  display: inline;
  padding: 3px;
  float: left;
  margin-right: 3px;
}

.ans_box_text {
  display: inline;
}

.green-badge {
  background: #D0F7C2;
}

.red-badge {
  background: #FBE3E3;
}

.yellow-badge {
  background: #FCFCD3;
}

/* css March 15,2023 */
.students_grid_boxes ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px;
  display: block;
  float: left;
}

.students_grid_boxes ul li {
  width: auto;
  float: left;
  margin-right: 19px;
  margin-bottom: 20px;

}

.students_grid_boxes ul li .student_grid_box {
  border-radius: 7px;
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  float: left;

}

.student_box_details {
  float: none;
}

.grid_box_info {
  padding: 10px;
  position: relative;
}

.grid_box_info .time_span {
  margin-bottom: 15px;
  display: block;
  font-size: 14px;
}

.student_box_img {
  max-height: 57px;
  max-width: 57px;
  border-radius: 50px;
  overflow: hidden;
  display: inline;
  float: left;
  margin-right: 40px;
}

.student_box_name {
  display: inline;
  float: left;
  margin-right: 40px;

}

.student_box_name h5 {
  font-size: 16px;
  margin-bottom: 0px;
}

.student_box_name p {
  font-size: 13px;
}

.grid_box_topbar {
  height: 30px;
  border-radius: 7px 7px 0 0;
}

.success_grid_box .grid_box_topbar {
  background: #3FBE4E 0% 0% no-repeat padding-box;
}

.student_progress_box .progress {
  height: 0.3rem;
  background-color: #D1D1D1;
  margin-top: 5px;
}

.student_progress_box .progress_values {
  float: right;
}

.student_progress_box .progress_text {
  font-size: 13px;
}

.student_box_border_bar {
  border: 1px dashed #D2D2D2;
  display: block;
  margin-top: 10px;
}

.more_box_details {
  padding-top: 10px;
  padding-bottom: 5px;

}

.more_box_details .box_users_stack {
  display: inline;
}

.more_box_details .box_date_info {
  font-size: 13px;
  text-align: right;
  display: inherit;
}

.user_img_div {
  max-height: 22px;
  max-width: 21px;
  border-radius: 50px;
  overflow: hidden;
  position: absolute;
}

.move_01 {
  left: 5px;
  z-index: 0;
}

.move_02 {
  left: 12px;
}

.add_more_user {
  height: 22px;
  width: 21px;
  border-radius: 50px;
  padding: 0px 0px 0px 5px;
  background: #FFFFFF;
  border: 1px solid #707070;
  position: absolute;
  left: 15px;
  bottom: 11px;
}

.add_more_user a {
  color: #000;
}

.student_info_div {
  float: left;
  display: block;
  margin-bottom: 10px;
}

.warning_grid_box .grid_box_topbar {
  background: #FEB600;
}

.danger_grid_box .grid_box_topbar {
  background: #EA282B;
}

.crm_pagination {
  margin-top: 30px;
}

.countries_table thead {
  background: transparent linear-gradient(270deg, #FC411D 0%, #EA282B 100%) 0% 0% no-repeat padding-box;
  opacity: 0.9;
  color: #ffffff;

}

.countries_task_heading h3 {
  margin-bottom: 0;
}

.visa_tasks_list .card-header {
  background: #F8F7F7;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
}

.visa_tasks_list .card-body {
  background: #F3F3F3;
  border: 0.5px solid #d5d5d5;
  border-radius: 0 0 5px 5px;
}

.countries_task_content_area {
  padding: 15px;
}

.visa_tasks_list .card-body ul {
  list-style: none;
  padding-left: 0;
}

.visa_tasks_list .card-body ul li {
  border: 0.5px solid #DBDBDB;
  border-radius: 2px;
  margin-bottom: 10px;
  padding: 8px 10px;
  font-size: 14px;
}

.countries_task_heading h3 button {
  float: right;
  border: none;
  background: none;
}

.addcountry_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.addcountry_modal .modal-body {
  background: #F3F3F3;
}

.addcountry_modal .modal-dialog {
  max-width: 800px;
}

.add_tasks_in_list {
  margin-bottom: 20px;
}

.add_tasks_in_list .input-group-prepend .input-group-text {
  border: none;
  background: #838383;
  color: #fff;
  border-radius: 0px 4px 4px 0px;
}

.modal_add_task_list .card-body {
  background: #fff;
}

.modal_add_task_list .card-body ul li {
  border-radius: 2px;
}

.modal_add_task_list .card-body ul li .del-btn {
  color: #838383;
  float: right;
}

.add_tasks_in_list .form-control {
  font-size: 14px;
}

.add_tasks_country_modal .form-group label {
  font-size: 14px;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.add_country_save_button {
  text-align: right;
  padding-bottom: 20px;
  padding-right: 15px;
}

.add_country_btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.add_role_content_area {
  padding: 15px;
}

.add_role_content_area .form-group label {
  font-weight: 500;
}

.country_visa_things_box {
  min-height: 791px;
}

.country_visa_things_box_heading {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.country_visa_things_box_heading h3 {
  font-size: 20px;
  margin-bottom: 0;
}

.country_visa_things_box_heading h3 img {
  float: right;
}

.country_visa_things_content_container,
.country_boxes_area {
  padding: 15px;
}

table.visa_list_table td {
  padding: 0.35rem !important;
  font-size: 14px;
  background: #EFEFEF;
  border: 1px solid #CECECE;
}

table.visa_list_table tr th {
  background: #F8F7F7;
  border: 1px solid #D3D3D3;
  font-size: 14px;
}

.country_visa_things_box .card-body {
  padding: 10px;
}

.visa_list_table {
  margin-bottom: 20px;
}

.role_table thead,
.list_of_employees_table thead {
  background: transparent linear-gradient(270deg, #FC411D 0%, #EA282B 100%) 0% 0% no-repeat padding-box;
  opacity: 0.9;
  color: #ffffff;

}

.role_table tr th {
  font-size: 14px;
}

.role_table tr td {
  background: #ECEEEE;
  font-size: 14px;
}

.list_of_employees_table tr td,
.list_of_employees_table tr th {
  font-size: 14px;
  vertical-align: middle;
}

.table-striped.list_of_employees_table tbody tr:nth-of-type(odd) {
  background: #ffffff;
}

.table-striped.list_of_employees_table tbody tr:nth-of-type(even) {
  background: #EDEFF0;
}

/* Switch 1 Specific Styles Start */

.box_1 {
  background: none;
}

input[type="checkbox"].switch_1 {
  /* font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #E5E5E5;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  vertical-align: middle; */
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2.1em;
  height: 1.1em;
  background: #ffffff;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  vertical-align: middle;
  border: 1px solid #7d848c;
}

input[type="checkbox"].switch_1:checked {
  /* background: #E5E5E5; */
  background: #ffffff;
}

input[type="checkbox"].switch_1:after {
  /* position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
  box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  left: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; */
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #adb5bd;
  -webkit-box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
  box-shadow: 0 0 .25em rgba(0, 0, 0, .3);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  left: 0px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  top: -0.5px;
}

input[type="checkbox"].switch_1:checked:after {
  /* left: calc(100% - 1.5em);
  background: #3FBE4E; */
  left: calc(100% - 1em);
  background: #2E9851;
}

/* Switch 1 Specific Style End */

.select_filing_officer label {
  font-size: 14px;
  margin-right: 10px;
}

.select_filing_officer select {
  font-size: 14px;
}

.save-filing-officer-btn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border: none;
  border-radius: 7px;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
}

.assign_tasksModal .modal-footer {
  border-top: none;
}

.assign_tasksModal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.assign_tasksModal .modal-header .modal-title {
  font-size: 20px;
}

/* css March 15,2023 */




/* css April 26,2023 */
.employees_grid_boxes ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px;
  display: block;
  float: left;
}

.employees_grid_boxes ul li {
  width: auto;
  float: left;
  margin-right: 19px;
  margin-bottom: 20px;

}

.employees_grid_boxes ul li .employee_grid_box {
  border-radius: 7px;
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  float: left;
  position: relative;
}

.employee_box_img {
  max-height: 57px;
  max-width: 57px;
  border-radius: 50px;
  overflow: hidden;
  display: inline;
  float: left;
  margin-right: 40px;
}

.round_border {
  border: 1px solid #707070;
}

.employee_box_name {
  display: inline;
  float: left;
  margin-right: 40px;

}

.employee_box_name h5 {
  font-size: 16px;
  margin-bottom: 0px;
}

.employee_box_name p {
  font-size: 13px;
  margin-bottom: 0;
}

.employee_box_border_bar {
  border: 0.5px solid #d2d2d273;
  display: block;
  float: left;
  width: 100%;
  margin-top: 25px;
}

.employee_info_div {
  float: left;
}

.employee_grid_box_info {
  float: left;
  padding: 6px;
  border-bottom: 3px solid #EA282B;
}

.employee_moreinfo_box {
  float: left;
  padding-top: 5px;
  width: 100%;
}

.emp_contact_details {
  display: inline-grid;
  float: left;
  width: 70%;
}

.emp_switch_box {
  display: inline-grid;
  margin-top: 10px;
  float: right;
  text-align: right;
  width: 30%;
}

.emp_contact_details .emp_phone_no,
.emp_contact_details .emp_email,
.emp_contact_details .emp_location {
  font-size: 13px;
  margin-bottom: 2px;
}

.emp_action_box_icon {
  float: right;
}

.emp_action_box_icon i {
  cursor: pointer;
}

.emp_action_box {
  background: #ffffff;
  padding: 10px;
  position: absolute;
  right: 5px;
}

.emp_action_box a {
  width: 100%;
  color: #000;
  font-size: 13px;
  display: block;
  padding-bottom: 5px;
}

.emp_action_box a img {
  max-height: 20px;
  margin-right: 3px;
}

.addemployee_modal .modal-header,
.addsubagent_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.addemployee_modal .modal-dialog,
.addsubagent_modal .modal-dialog {
  max-width: 700px;
}

.addemployee_modal label,
.addsubagent_modal label {
  font-weight: 500;
}

.calendar_input_icon {
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  padding: 7px 10px 0px 10px;
  cursor: pointer;
}

.side_datepicker {
  padding-top: 7px;
  padding-right: 5px;
}

.side_datepicker .form-group {
  margin-bottom: 0;
}

/* css April 26,2023 */


/* css April 28,2023 */
.view_btns {
  text-align: right;
}

.view_btns button {
  border: none;
  background: none;
}

.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0)
}


/* css March 15,2023 */



@media(min-width:992px) {}

@media(min-width:768px) and (max-width:991px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

  .pushbtn {
    top: 8px;
  }

  .custom-padding {
    padding: 40px 2%;
  }

  .ml-2 {
    margin-left: 0 !important;
  }
}

@media(max-width:576px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

  .pushbtn {
    top: 8px;
  }

  .ml-2 {
    margin-left: 0 !important;
  }

  .custom-padding {
    padding: 40px 1%;
  }

}


.chat-img {
  max-width: 40px;
  margin-top: 3px;
}

.docfram {
  height: 950px;
}

.content-wrapper {
  padding-bottom: 50px !important;
}

.backgroundClass {
  background-color: #EBEBEB;
}

.dashboard {
  padding: 34px 20px 0px 20px;
}


/************** date 15-07-2023 ****************/
.libtn {
  padding: 0px;
}

.libtn .abtn {
  color: black;
  display: block;
  padding: 15px 0px 15px 25px;
}




/************** date 15-07-2023 ****************/




.libtn .abtn {
  color: black;
  padding-left: 25px;
}

.iconImg {
  max-width: 16%;
  margin-left: -4px;
}

.libtn:hover,
.abtn:hover {
  background-color: white;
  color: #DB2525;
}

.libtn:hover a {
  background-color: white;
  color: #DB2525;
}

.gAp {
  column-gap: 0px;
  row-gap: 15px;
}

.New_drop {
  width: 14rem !important;
}

.huge {
  font-size: 40px;
}

.box-footer {
  padding-top: 10px;
  padding-bottom: 33px;
  padding-left: 10px;
  padding-right: 10px;
  color: black;

}

.switch_1 {
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #E5E5E5;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  vertical-align: middle;
}

.switch_1:after {
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #11dc33;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  right: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}




/* new css */

.uploadbtn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  border-radius: 7px;
  float: right;
}

.form-style {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: none;
  padding: 10px 0px;
  width: 90%;
}



.libtn.active {

  background: white;
  border: none;
  border-left: 3px solid red;
  color: red;
}

.libtn.active a {
  color: red;
}

.libtn.active {
  background: white;
  border-left: 3px solid red;
  border-right: none;
  border-top: none;
  border-bottom: none;
  color: red;
}



/* #css# */


.firstRow {
  box-shadow: 0px -10px 9px #FFFFFF80, 11px 9px 10px #111a2524;
}

.rightBodr {
  border-right: 2px solid gray;
  margin-right: -26px;
}

.allBox {
  padding: 18px 12px 18px 12px;
  border-bottom: 2px solid #EA282B;
  margin: 0px 6px 0px 6px;



}

/* second row */

.applied_student {
  text-align: end;
}



.secondRow-box {
  padding: 16px 9px 12px 8px;
  border-bottom: 2px solid #00CF66;

}

.secondRow-box1 {
  border-bottom: 2px solid #EA282B;
}

.secondRow-box2 {
  border-bottom: 2px solid #FEB600;
}

.secondRow-box,
.secondRow-box1,
.secondRow-box2 {

  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  opacity: 1;

}

.customimg {
  /* max-width: 22%; */
  max-height: 50px;
}

/* chart bar start */



/* chat end */

.visaStatus {
  width: 100%;
  height: 324px;
  padding: 16px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

.applicationBar {
  width: 100%;
  height: 324px;
  padding: 16px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

/* 3rd row */
.CommissionBox {
  width: 100%;
  height: 324px;
  padding: 16px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

.StudentVisaBox {
  width: 100%;
  height: 324px;
  padding: 16px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

.RecentVisaBox {
  width: 100%;
  height: 324px;
  padding: 16px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;

}

.calenderCustome {
  background-color: transparent;

}

.hh {
  background: #ffffff;
  padding: 15px;
  width: 100%;
  height: 248px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ccc;
}

.sutdentTable tbody tr td {
  border-bottom: 1px solid rgb(146, 146, 146);
  padding: 10px;
  width: 100%;
}

.dotes {
  height: 10px;
  width: 10px;
  background-color: #1cbd29;
  border-radius: 50%;
  display: inline-block;
}

hr {
  border-top: 2px solid rgb(148 148 148);
}

/* 4th row */

.VisaStatus {
  width: 100%;
  height: 324px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

.TopEarner {
  width: 100%;
  height: 324px;
  font-weight: 800;
  margin: 0px 10px;
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: -5px -7px 15px #FFFFFF80, 5px 3px 6px #cac7c7;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 2px solid #EA282B;
  opacity: 1;
}

.v {
  border-bottom: 1px solid;
}


/* css April 28,2023 */

@media(min-width:992px) {}

@media(min-width:768px) and (max-width:991px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

  .pushbtn {
    top: 8px;
  }

  .custom-padding {
    padding: 40px 2%;
  }

  .ml-2 {
    margin-left: 0 !important;
  }
}

@media(max-width:576px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .main-footer,
  .sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
  }

  .pushbtn {
    top: 8px;
  }

  .ml-2 {
    margin-left: 0 !important;
  }

  .custom-padding {
    padding: 40px 1%;
  }

}


.scrollable {
  overflow-y: auto;
  max-height: 40vh;
}


/* css 12 May 2023 */
.dashboard_counter_boxes .counter_box {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border-radius: 5px 5px 0px 0px;
  padding: 15px;
  margin-bottom: 10px;
}

.green_border_box {
  border-bottom: 3px solid #00CF66;
}

.red_border_box {
  border-bottom: 3px solid #D87779;
}

.yellow_border_box {
  border-bottom: 3px solid #FEB600;
}

.c_box_image_icon {
  display: inline-grid;
  float: left;
}

.c_box_info {
  text-align: right;
  display: inline-grid;
  width: 73%;
}

.c_box_info h5 {
  letter-spacing: 0.63px;
  color: #9B9B9B;
  font-size: 16px;
}

.c_box_info p {
  letter-spacing: 1.13px;
  color: #000000;
  font-size: 30px;
  font-weight: 600;
}

.dashboard_visa_status_box {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border-radius: 5px 5px 0px 0px;
  padding: 15px;
  width: 100%;

  min-height: 393px;
}

.light_red_border-box {
  border-bottom: 3px solid #EA282B;
}

.dashboard_visa_status_box h3 {
  font-size: 16px;
  font-weight: 600;
}

.dashboard_visa_status_box h3 span {
  float: right;
}

.remove_field {
  color: #EA282B;
}

.black_border_bar {
  height: 1px;
  background: #000;
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dashboard_student_applied_box,
.commissions_by_quarter_box {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border-radius: 5px 5px 0px 0px;
  padding: 15px;
  width: 100%;
  min-height: 393px;
}

.dashboard_student_applied_box h3,
.commissions_by_quarter_box h3 {
  font-size: 16px;
  font-weight: 600;
}

.dashboard_student_applied_box h3 span,
.commissions_by_quarter_box h3 span {
  float: right;
}

.mb-20 {
  margin-bottom: 20px;
}

.visa_receivers_box {
  background: #ffffff;
  max-height: 320px;
  overflow-y: auto;
}

.visa_receivers_box ul {
  list-style: none;
  padding: 10px;
}

.visa_receivers_box ul li {
  padding: 10px 0px 10px 0;
  border-bottom: 1px solid #52575D;
  font-size: 14px;
  font-weight: 500;
}

.online_status {
  height: 10px;
  width: 10px;
  background: #47BF7A;
  border-radius: 50%;
  display: inline-block;
  float: right;
  margin-top: 5px;

}

.profile_table {
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border: 0.5px solid #d5d5d5;
}

.profile_table tr:first-child {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
}

.profile_table tr td {
  border: none;
  font-size: 14px;
}

.sub_agent_about p {
  font-size: 15px;
}

.no-padding-body {
  padding: 0;
}

.sub_agent_about {
  padding: 15px 20px;
}

.personal_info_table tr td {
  padding-left: 20px;
  padding-right: 20px;
}

.edit_profile_icon_white {
  float: right;
}

.subagent_status {
  color: #ffffff;
  background: #3FBE4E;
  border-radius: 13px;
  padding: 3px 8px;
  font-size: 12px;
}

.subagent_city {
  display: block;
}

.subagent_name_box h5 {
  font-size: 22px;
  font-weight: 600;
}

.subagent_id,
.subagent_city {
  font-size: 14px;
  font-weight: 500;
}

.subagent_change_password_box .card-header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
}

.subagent_change_password_box .card-body {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #d5d5d5;
  border-radius: 0px 0px 5px 5px;
  font-weight: 600;
}

.password_box_01 .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  min-height: 40px;
  font-weight: 500;
  border-right: none;
}

.password_box_01 label {
  font-size: 14px;
}

.password_box_01 .input-group-addon {
  border: 1px solid #c4c4c4;
  border-left: none;
  border-radius: 0 8px 8px 0;
  height: 40px;
  padding: 7px;
  background: #fff;
}

.password_box_01 .input-group-addon a {
  color: #000;
}

.editprofile_modal .modal-dialog {
  max-width: 550px;
}

.editprofile_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.editprofile_modal .form-group label {
  font-weight: 500;
}

.editprofile_modal .form-group input,
.editprofile_modal .form-group textarea {
  font-size: 14px;
}

.subagent_report_header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #D6D6D6;
  border-radius: 5px 5px 0px 0px;
}

.subagent_report_content {
  border-left: 0.5px solid #D6D6D6;
  border-right: 0.5px solid #D6D6D6;
  border-bottom: 0.5px solid #D6D6D6;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0px 0px 5px 5px;
  padding-bottom: 40px;
}

.subagent_report_content h4 {
  color: #2D2D2D;
  font-size: 14px;
}

.subagent_report_content .report_types ul {
  padding-left: 0;
  list-style: none;
}

.subagent_report_content .report_types ul li {
  margin-bottom: 10px;
}

.subagent_report_content .report_types ul li span {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #DDDDDD;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 12px;
  width: 500px;
  display: block;
  font-weight: 500;
}

.subagent_report_content .report_types ul li span .fa {
  float: right;
  font-size: 16px;
}

.subagent_report_header {
  padding: 10px;
}

.subagent_header_name h5 {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 7px;
}

.subagent_report_box .report_date span:before,
.subagent_report_box .report_date span:after {
  width: 470px;
}

.side_datepicker .form-group {
  margin-bottom: 0;
}

.subagent_report_time {
  float: right;
  color: #2D2D2D;
  font-size: 10px;
}

.commissions_calculation_tabs li .nav-link {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  border-radius: 7px !important;
  margin-right: 10px;
  padding: 6px 15px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 25px;
  color: #000;
}

.commissions_calculation_tabs li .nav-link.active {
  -webkit-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  -moz-box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  box-shadow: 2px 2px 5px 0px rgb(205 205 205);
  color: #ffffff;
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
}

.commissions_calculation_tabs li .nav-link:not(.active):hover {
  color: #000;
}

.com_cal_table tr td {
  border: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.education_box,
.experience_box {
  margin-bottom: 20px;
}

.box-bar {
  list-style: none;
  padding-left: 0;
}

.box-bar>li {
  position: relative;
}

.box-bar>li:before {
  content: '\25CF';
  margin-right: 10px;
  font-size: 20px;
  color: #B3B3B3;
}

.box-bar>li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  border-left: 2px solid #B3B3B3;
  margin-left: 5px;
  height: 100%;
}

.box-bar>li:first-of-type:after {
  top: 24%;
}

.box-bar>li:last-of-type:after {
  top: -24%;
}

.bar_txt {
  display: inline-grid;
}

.bar_txt .course_txt {
  margin-bottom: 3px;
}

.bar_txt .course_txt,
.bar_txt .duration_txt {
  font-size: 12px;
}

.employee_educational_info_modal .modal-dialog {
  max-width: 95%;
}

.employee_educational_info_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.employee_educational_info_modal .form-group label {
  font-weight: 500;
}

.employee_educational_info_modal .form-group input,
.employee_educational_info_modal .form-group textarea {
  font-size: 14px;
}

.experience_popup_box .card-header,
.qualification_popup_box .card-header,
.inner_experience_popup_box .card-header,
.inner_qualification_popup_box .card-header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
  padding: 0.55rem 1.25rem;
}

.inner_experience_popup_box .card-body,
.inner_qualification_popup_box .card-body {
  background: #F9F9F9;
}

.del_button_01 {
  float: right;
}

.add_more_section a {
  color: #000000;
  font-weight: 600;
  font-size: 15px;
}

.editemployeeprofile_modal .form-group label {
  font-weight: 500;
}

.editemployeeprofile_modal .form-group input,
.editemployeeprofile_modal .form-group textarea {
  font-size: 14px;
}

.visa_tasks_box .card-header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #C8C8C8;
  border-radius: 5px 5px 0px 0px;
}

.visa_tasks_box .card {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  border: 0.5px solid #C8C8C8;
  border-radius: 5px;
}

.visa_tasks_box .tasks_list ul {
  list-style: none;
  padding-left: 0;
}

.visa_tasks_box .tasks_list ul li {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #D5D5D5;
  margin-bottom: 7px;
  padding: 7px 9px;
  font-size: 14px;
  font-weight: 500;
}

.active_r_date {
  padding-top: 0 !important;
}

.active_r_date span {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000029;
  border-radius: 0px 0px 10px 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.notactive {
  opacity: 0.5;
}

/* css 12 May 2023 */




/* Css 1 May,2023 */
.user_list_sidebar {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 15px;
}

.report_area {
  background: #E5E5E5 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 7px 0px rgb(205 205 205);
  border-radius: 5px;
  padding: 15px 15px 40px 15px;
}

.user_list_sidebar .user_list ul {
  padding-left: 0;

}

.user_list_sidebar .user_list li {
  list-style: none;
}

.user_list_sidebar .user_list li.active {
  background: #ffffff;
}

.user_list_sidebar .user_list {
  max-height: 600px;
  overflow-y: auto;
  margin-top: 20px;
}



.user_list_sidebar .user_list li .user_box .media-body {
  padding: 10px 15px;
}

.user_list_sidebar .user_list li .user_box .media-body h4 {
  color: #2D2D2D;
  font-size: 14px;
  margin-bottom: 3px;
}

.user_list_sidebar .user_list li .user_box .media-body p {
  margin-bottom: 0;
  color: #404040;
  font-size: 12px;
}

.user_list_sidebar .user_list li .user_box .media-body p .user_status {
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
}

.red_status {
  background: #ff0000;
}

.green_status {
  background: #3FBE4E;
}

.yellow_status {
  background: #FEB600;
}

.user_list_sidebar .user_list li .user_box img {
  max-width: 100%;
  height: auto;
}

.user_list_sidebar .user_list li .user_box .media-left {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 5px;
}

.user_report_header {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #D6D6D6;
  border-radius: 5px 5px 0px 0px;
}

.user_header_name .media-body h4 {
  color: #2D2D2D;
  font-size: 14px;
  margin-bottom: 3px;
  margin-top: 10px;
}

.user_header_name .media-body p {
  margin-bottom: 0;
  color: #404040;
  font-size: 12px;
}

.user_header_name img {
  max-width: 100%;
  height: auto;
}

.user_header_name .media-left {
  width: 45px;
  height: 45px;
  overflow: hidden;
  margin: 5px;
}

.report_date {
  margin: 0px;
  padding-top: 15px;
  text-align: center;
}

.report_date span {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: #000000;
  text-align: center;
  width: 15%;
}

.report_date span:before {
  right: 100%;
  margin-right: 15px;
}

.report_date span:before,
.report_date span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #111111;
  top: 3px;
  width: 360px;
}

.report_date span:after {
  left: 100%;
  margin-left: 15px;
}

.user_report_content {
  border-left: 0.5px solid #D6D6D6;
  border-right: 0.5px solid #D6D6D6;
  border-bottom: 0.5px solid #D6D6D6;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0px 0px 5px 5px;
  padding-bottom: 40px;
}

.user_report_content h4 {
  color: #2D2D2D;
  font-size: 14px;
}

.user_report_content .report_types ul {
  padding-left: 0;
  list-style: none;
}

.user_report_content .report_types ul li {
  margin-bottom: 10px;
}

.user_report_content .report_types ul li span {
  background: #EFEFEF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #DDDDDD;
  border-radius: 5px;
  padding: 5px 7px;
  font-size: 12px;
  width: 200px;
  display: block;
  font-weight: 500;
}

.user_report_content .report_types ul li span .fa {
  float: right;
  font-size: 16px;
}

.green_check {
  color: #3FBE4E;
}

.yellow_check {
  color: #FEB600;
}

.report_types h4 {
  margin-top: 20px;
}

.report_types p {
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font-size: 12px;
  line-height: 20px;
  padding: 5px;
}

.input_message {
  margin-left: 30px;
  margin-top: -20px;
}

.input_message input[type="text"] {
  border-right: none;
  border-radius: 25px 0 0 25px;
  background: #F0F0F0;
  font-size: 12px;
  color: #000;
}

.input_message input[type="text"]::placeholder {
  color: #000;
}

.input_message .input-group-text {
  border-bottom: none;
  background: #F0F0F0;
  border: 1px solid #ced4da;
  border-left: none;
  border-radius: 0 25px 25px 0;
  padding-right: 10px;
}

.input_message .input-group-text i {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 3px #00000029;
  border-radius: 19px;
  padding: 4px 7px;
}

.message_send_btn {
  margin-left: 40px;
  margin-top: -15px;
}

.message_send_btn button {
  border: none;
  background: transparent linear-gradient(88deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 19px;
  padding: 3px 7px;
  color: #fff;
}

.user_report_time {
  float: right;
  color: #2D2D2D;
  font-size: 10px;
}

.subagent_img {
  max-width: 50px;
}

.action_icons a {
  color: #000;
  font-size: 18px;
}

.editpassword_modal .modal-header {
  background: #F3F2F2 0% 0% no-repeat padding-box;
  width: 100%;
  border-bottom: 2px solid #F49395;
  padding: 10px 15px;
}

.editpassword_modal .modal-body {
  background: #F3F3F3;
}

.editpassword_modal .modal-dialog {
  max-width: 600px;
}

.password_box label {
  font-weight: 500;
  font-size: 14px;
}

.normal_box .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  min-height: 45px;
  font-weight: 500;

}

.normal_box label {
  font-weight: 500;
}

.password_box .form-control {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  min-height: 45px;
  font-weight: 500;
  border-right: none;
}

.password_box .input-group-addon {
  border: 1px solid #c4c4c4;
  border-left: none;
  border-radius: 0 8px 8px 0;
  height: 45px;
  padding: 10px;
  background: #fff;
}

.password_box .input-group-addon a {
  color: #000;
}

.password_center .input-group {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: table;
}

.password_center .input-group input {
  text-align: center;
  border: none;
  background: none;
}

.employee_status {
  color: #ffffff;
  background: #3FBE4E;
  border-radius: 13px;
  padding: 3px 8px;
  font-size: 12px;
}

.employee_id {
  display: block;
  margin-bottom: 5px;
}

.employee_name_box h5 {
  font-size: 22px;
  font-weight: 600;
}

.employee_id,
.employee_status {
  font-size: 14px;
  font-weight: 500;
}

.employee_desg {
  color: #3A3A3A;
  font-weight: 500;
  font-size: 14px;
}

/* Css 1 May,2023 */












/* Laoder */

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00000079;
  z-index: 100000;
  transition: opacity 0.75s, visiblity 0.7s;
}

.loader-hidden {
  opacity: 0;
  visibility: hidden;
}

.loader::after {
  content: "";
  width: 40px;
  height: 40px;
  border: 4px solid #EA2B2B;
  border-top-color: #f43b5500;
  border-radius: 101%;
  animation: loading 0.75s ease infinite;

}

.rotate {
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}



@keyframes loading {
  form {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}




.spinner {
  margin: 0px auto;
  width: 56px;
  height: 28px;
  text-align: end;
  font-size: 4px;
  float: right;
  margin-right: 19px;

}

.spinner>div {
  background-color: #3333334a;
  height: 100%;
  width: 3px;
  margin-left: 2px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }

  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {

  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* .alert {
  color: #FF0000;
} */

.inputalert {
  border: 1px solid #FF0000;
}



.listtype {
  gap: 10px;
}

.viewbtn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
}

.countery_img {
  width: 35px;
  height: auto;
}

.chat-scroll {
  height: 80vh;
  overflow-y: auto;
}

.inset {
  box-shadow: inset 0px 0px 8px 0.5px rgba(0, 0, 0, 0.47);
}

.text-area {
  width: 100%;
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  height: 60px;
  border-radius: 0px 0px 18px 18px;
  height: 60px;

}

.uploadbtn {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  border-radius: 7px;
  float: right;
}

.form-style {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 2px solid #000;
  background: none;
  padding: 10px 0px;
  width: 90%;
}

.chat-massage {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 18px 18px 0px 0px;
}

.user-image {
  height: 50px;
  margin-left: 20px;
}

.user-info {
  display: flex;
  align-items: center;
}

.sand-message {
  position: absolute;
  right: 10px;
  top: 4px;
}

.sand-message>img {
  height: 30px;
}

.text-mass {
  width: 100%;
  margin: auto;
  position: relative;
}















.mass-box {
  width: 65%;
  box-shadow: 0px 0px 5px 0.2px gray;
  margin-top: 2%;
}

.sand>p {
  margin: 2%;
  text-align: justify;
  overflow-wrap: anywhere;
}

.recive>p {
  margin: 2%;
  text-align: justify;
  overflow-wrap: anywhere;
}

.sand {
  margin-right: 10px;
  float: right;
  border-radius: 16px 5px 5px 5px;
}

.recive {
  margin-left: 10px;
  float: left;
  border-radius: 5px 16px 5px 5px;
}

.sand>img {
  float: right;
  margin: 3px;
}

.recive>img {
  float: left;
  margin: 3px;
}

/* opps page */

.OopsBox h1 {
  color: #EA282B;
  font-size: 50px;
}

.contentBox {
  padding-right: 12px;
}


/* Add test */

.textInfoBox {
  font-weight: 500;

  padding: 0.95rem 0.75rem;
  font-size: 35px !important;
}

.Colorofhr {
  border: 1px solid #EA282B;
}

.lightText {
  font-size: 15px;
}

.table-color {
  background-color: rgb(241 239 239 / 93%);
}

.optionValue {
  float: left;
  margin-right: 15px;
  margin-bottom: 7px;
}

.btnpublish {
  display: flex;
  align-items: center;
}

.roundCorner {
  border-radius: 13px 13px 0px 0px;
  box-shadow: -4px -3px 9px 0px #fffcfc, 2px 0px 10px -1px #979494;
  border-bottom: 2px solid #EA282B;
  padding: 15px 43px 0px 43px;
}

.roundCorner.text-center:active {
  color: white;
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
}

.roundCorner.text-center:hover {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
}

.roundCorner.text-center p a {
  color: black;
  font-size: 14px;
}

.roundCorner.text-center:hover a {
  color: white;
}


/* 14-06 css */

.roundCorner.text-center {
  width: 150px;

}


.student_img {
  max-width: 160px;
  background: #fff;
  padding: 3px;
  position: relative;
}

.Student_img_Custom {
  max-width: 150px;

}

.form-group.input-file-box_ {
  position: absolute;
  top: 7px;
  right: 12px;
}

.yellow-box {
  background: #ffff7c;
}



.labelwidth {
  width: 90px;
}

.img-avatar {
  width: 36px;
  height: 36px;
}

.rowgap {
  gap: 11px;
  display: flex;
  flex-direction: column;
}

.studentfilter-btn.active {
  background: white;
  border-left: none;
  border-right: none;
  border-top: none;
  color: red;
  border-bottom: 2px solid red;
}

span.label.label-danger {
  border: 1px solid red;
  padding: 6px 15px;
  color: red;
}

span.label.label-success {
  border: 1px solid green;
  padding: 6px 8px;
  color: green;
}

@media only screen and (min-width: 992px) {
  .minWidthCrossBtn {
    display: none
  }
}

.minWidthCrossBtn {
  width: 44px !important;
}



/*  start practice libarry css here */
.selection_box select {
  background: none;
  border: none;
  width: 70px;
  float: right;
}

.practice_portal_tabs {
  margin-bottom: 100px;
}

.practice_portal_tabs select {
  display: inline;
  margin-right: 45px;
  width: 170px;
  font-weight: 600;
  font-size: 14px;
}

.practice_portal_tabs .tabbable {
  background: #ffffff;
  padding-left: 15px;
}

.practice_portal_tabs .tabbable ul {
  display: inline !important;
}

.practice_portal_tabs .tab-content {
  background: none;
}

.purple_test_box {
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.purple_speaking_box {
  background: #fff;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.purple_speaking_box img.icon_img {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.purple_speaking_box h3 {
  text-align: center;
  margin-top: 10px;
  font-size: 18px;
}

.purple_speaking_box ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  margin-top: 20px;
}

.purple_speaking_box ul li {
  font-weight: 600;
  font-size: 15px;
  line-height: 32px
}

.purple_speaking_box ul li:nth-child(2) {
  font-weight: 500;
}

.purple_speaking_box ul li>span {
  float: right;
}

.bar_icon {
  position: absolute;
  bottom: 4px;
  right: 5px;
}

.purple_test_box .earned_points {
  color: #553E93;
}

.yellow_test_box .earned_points {
  color: #E87034;
}

.action_buttons_div .btn {
  float: left;
  width: 50%;
  display: inline;
  border: 1px solid #D5D5D5;
  border-radius: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  font-size: 14px;
  font-weight: 600;
}

.action_buttons_div .btn:hover {
  background: #553E93;
  color: #ffffff;
}

.action_buttons_div .btn:hover svg #Path_8593 {
  fill: #ffffff;
}

.action_buttons_div .btn:hover svg #Path_8593,
.action_buttons_div .btn:hover svg #Rectangle_1966 {
  fill: #ffffff;
}

.yellow_test_box {
  background: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.yellow_test_box .earned_points {
  color: #E87034;
}

.action_buttons_div .btn {
  float: left;
  width: 50%;
  display: inline;
  border: 1px solid #D5D5D5;
  border-radius: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  font-size: 14px;
  font-weight: 600;
}

.action_buttons_div .btn.yellow:hover {
  background: #FF8548;
  color: #ffffff;
}

.action_buttons_div .btn:hover svg #Path_8593 {
  fill: #ffffff;
}

.action_buttons_div .btn:hover svg #Path_8593,
.action_buttons_div .btn:hover svg #Rectangle_1966 {
  fill: #ffffff;
}

@media(min-width:768px) and (max-width:1024px) {
  .practice_portal_tabs select {
    margin-right: 10px;
  }
}

@media(max-width:576px) {
  .practice_portal_tabs .tabbable-responsive {
    background: #ffffff;
  }
}



.purple_border {
  border-bottom: 2px solid #553E93;
}

.question_practice_div {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 20px 20px 0 15px;
  position: relative;
  margin-bottom: 40px;
}

.practice_questions_text ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  display: table;
  margin-bottom: 0;
}

.practice_questions_text ul li {
  display: grid;
  float: left;
}

.practice_questions_text ul li .q_summarize_box {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.practice_questions_text ul li .q_summarize_box h3 {
  font-size: 13.5px;
  word-wrap: break-word;
  margin-top: 10px;
  width: 150px;
  font-weight: 600;
}

.practice_questions_text ul li .q_summarize_box p {
  color: #E87034;
  font-size: 13px;
}

.question_practice_div .progress_box h4 {
  color: #E87034;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.question_practice_div .progress_box .progress {
  height: 0.3rem;
  margin-top: 25px;
  max-width: 65%;

}

.question_practice_div .progress_box {
  padding-top: 13px;
}

.question_practice_div .progress_box span {
  display: grid;
  float: right;
  margin-top: -11px;
  font-size: 11px;
}

.question_practice_div .progress_box .progress .progress-bar {
  background-color: #E87034 !important;
}

.practice_q_button {
  text-align: center;
  margin-top: 25px;
}

.purple_q_btn {
  background: #553E93;
  color: #fff;
  font-size: 14px;
  border-radius: 0;
  font-weight: 600;
}

.ribbon_img {
  position: absolute;
  right: 0;
  top: 0;
}

.lock_img {
  position: absolute;
  top: 10px;
  right: 15px;
}

.q_div_disabled {
  opacity: 0.7;
}

@media(min-width:768px) and(max-width:1024px) {
  .question_practice_div .progress_box span {
    display: block;
    float: none;
  }

  .question_practice_div .progress_box .progress {
    max-width: 100%;
  }
}

@media(max-width:576px) {
  .question_practice_div {
    padding: 20px 20px 20px 20px;
  }

  .practice_questions_text {
    padding: 20px;
  }

  .practice_questions_text ul li {
    float: none;
  }
}




/* end practice css */

.addqridio {
  display: flex;
  gap: 10px;
}

.error-message {
  color: red;
}

/* 14-07 */
.imgWIdthCustome {
  max-width: 70px;
}

.test_icon_assign {
  width: 15px;
  margin-left: 2px;
}

.user_img_png {
  width: 70px;
}



/* 09-10-2023 */

.support_header .raiseText {
  font-family: Raleway;
  font-weight: 700;
  letter-spacing: 0px;
  color: #DB2525;
  text-transform: uppercase;
  opacity: 1;
}

.support_header .just3step {
  font-family: Poppins;
  letter-spacing: 0px;
  color: #232F3B;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 1;
}

.Support_ticketBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0px 0px 10px 10px;
  opacity: 1;
  padding-top: 40px;
  border-top: 2px solid #DB2525;
  margin-bottom: 50px;
}


.can_weHelp {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #707070;
  border-radius: 7px;
  opacity: 1;
  width: 100%;
}

.can_weHelp_top {
  background: #232F3B 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  opacity: 1;

}

.can_weHelp_top p {
  text-align: left;
  font: normal normal 600 18px/21px Raleway;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0px;
}

.can_we-help_form .form-group {
  text-align: left;
  font: normal normal 600 14px/15px Raleway;
  letter-spacing: -0.14px;
  color: #202020;
  opacity: 1;
}

.uploade_screenshotBtn {
  font-size: 10px;
  text-wrap: wrap;
}

.important_notes p {
  text-align: left;
  font: normal normal 700 14px/11px Raleway;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.important_notes ol {
  text-align: left;
  font: normal normal 600 14px/21px Raleway;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.uploadBtn_supportticke {
  background: #676767 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
  width: 100%;
  color: white !important;
}

.sendBtn_supportticke {
  background: #DB2525 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
  width: 100%;
  height: 53px;
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}


/* 13-10-2023 Ticket Details */

.ticket_details {
  background: #EDEFF0 0% 0% no-repeat padding-box;
  opacity: 1;
}

.ticket_details_rowOne {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 5px;
  opacity: 1;
  /* padding: 13px 11px; */
  gap: 12PX;
  padding: 24px 8px;
  width: 100%;
  height: 100%;
}

.topRowimg_ticketD {
  border-radius: 5px;
  opacity: 1;
  padding: 10px;
}

.gs_background {
  background: #FECDCD 0% 0% no-repeat padding-box;
}

.tech_background {
  background: #FFE0D1 0% 0% no-repeat padding-box;
}

.rt_background {
  background: #C9F8FF 0% 0% no-repeat padding-box;
}

.pending_background {
  background: #FFEAB6 0% 0% no-repeat padding-box;
}

.completed_background {
  background: #ccffce 0% 0% no-repeat padding-box;
}

.case_details_section {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
}

.case_details_head h4,
.audio_not_record h4 {
  text-align: left;
  font: normal normal bold 20px/27px Segoe UI;
  letter-spacing: 0px;
  color: #DB2525;
  opacity: 1;
}

.case_details_table tbody tr th {
  border-top: none;
  font: normal normal 600 16px/21px Segoe UI;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}

.case_details_table tbody tr td {
  border-top: none;
  text-align: left;
  font: normal normal normal 14px/19px Segoe UI;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}

.audio_not_record p {
  font: normal normal normal 16px/26px Segoe UI;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}

.pbar {
  height: 8px !important;
  width: 80px;
}

.audio_not_record {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  opacity: 1;
}

/* .audio_not_record_head h4 {
  font: normal normal bold 16px/21px Segoe UI;
  letter-spacing: 0px;
  color: #DB2525;
  opacity: 1;
}

.audio_not_record_head p {
  font: italic normal 600 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #323232;
  opacity: 1;
} */

.audio_not_record_head h4 {
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0;
}

.audio_not_record_head p {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0;
}

.chat_box_1 {
  background: #F9F9F9 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #dfdfdf;
}

.chat_box_2 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  opacity: 1;
}

.data_date {
  text-align: left;
  font: italic normal 400 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #DB2525;
  opacity: 1;
}

.audio_not_recordSecond_1 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  opacity: 1;
  max-height: 673px;
  overflow-y: auto;
}

.chatbox_inside_text h6 {
  font: normal normal 600 14px/19px Segoe UI;
  letter-spacing: 0px;
  color: #262626;
  opacity: 1;
}

.chatbox_inside_text p {
  text-align: left;
  font: normal normal normal 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}

.sendBtn_ticketDetails {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  opacity: 1;
  color: white;
}

.sendBtn_ticketDetails:hover {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  opacity: 1;
  color: white;
}

.sendBtn_ticketDetails:active {
  background: transparent linear-gradient(89deg, #EA282B 0%, #FF4500 100%) 0% 0% no-repeat padding-box !important;
  box-shadow: inset 1px 3px 6px #00000029, -2px -2px 3px #FFFFFFDE;
  border-radius: 7px;
  opacity: 1;
  color: white;
}

.sendBtn_ticketDetails img {
  filter: brightness(8);

}


/* 05-04-2024 new add css */
.students_list_table tbody tr a {
  color: #212529 !important;
}


.sidenav a {
  font-size: 15px;
}



/* NEW INSTITUTIONAL DASHBOARD SATAR 06-05-2024 */

/* nav&aside bar */

.pushbtn {
  position: absolute;
  top: 12px;
  left: 4px;
}

.pushbtni {
  background: #ffff !important;
  border-radius: 100% !important;
  width: 23px !important;
  box-shadow: 1px 1px 7px -1px #d8d8d8 !important;
}

.mainContaent_section {
  /* padding: 50px 13px; */
  padding: 40px 13px;
  font-size: 14px;
  font-family: lato, sans-serif;
}



.main-header {
  /* background: #E5E5E5 0% 0% no-repeat padding-box; */
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 8px #15223214;
  border: none;

}

.main-header .nav-link {
  height: auto !important;
}

.badgeCustome {
  font-size: 60% !important;
}




.wrapper {
  background-color: #ECF0F4;
  /* overflow-x: hidden; */

}

.sidebar-mini .brand-image {
  display: none;
}

.sidebar-mini.sidebar-collapse .brand-image {
  display: block;
}

#sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}

#sidebar {
  min-width: 220px;
  max-width: 220px;
  background: #fff;
  color: black;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


.loginBox {
  height: 100vh;
}

.login_container {
  background: #fff 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 14px #8c8c8c;
  border-radius: 5px;
  padding: 50px 30px;
  text-align: center;
}

.borderargest {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0px !important;
  border-bottom: 2px solid #737578 !important;
}

.borderargest:focus {
  box-shadow: none !important;
}

.login_form {
  display: flex;
  justify-content: right;
}

.submitBtn {
  background: #ED2024 0% 0% no-repeat padding-box !important;
  border: 0.5px solid #ED2024;
  border-radius: 5px;
  opacity: 1;
}

/* nav bar */
.navbarCustome {
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  /* box-shadow: 0px 3px 6px #00000029; */
  box-shadow: 7px 1px 12px 0px #00000029;
  opacity: 1;
}

/* aside bar */

.customeAsidebar {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  opacity: 1;
}

.colsingBtn {
  top: -62px;
  z-index: 1;
  right: -232px;
}



.li_effect:hover {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border-radius: 0px 24px 24px 0px;
  opacity: 1;
  color: black !important;
}

.li_effect.active {
  border-left: 2px solid red;
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border-radius: 0px 24px 24px 0px;
  opacity: 1;
}

.asidebarCustome {
  float: left;
  /* position: fixed; */
  height: 100%;

}

.pte_academicbox {
  margin-right: 0 !important;
  padding: 0.9rem 1rem;
  font-weight: 600;
  color: #000;
}

.pte_academicbox img {
  margin-right: 10px;
}


.inSideColapsbtn {
  padding: 0.4rem 0.8rem;
}

.asideBar_edit {
  /* position: absolute;
  background: #FFFFFF 0% 0% no-repeat padding-box; */
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  top: 0;

}

.asidebar_field {
  font: normal normal 600 14px/21px Poppins !important;
  letter-spacing: 0px;
  color: #484848 !important;
}

.showcount_entery {
  max-width: 60px;
  box-shadow: none;
}

.showcount_entery:focus {
  box-shadow: none;
  border-color: none;
}


/* footer section */
.footerbodySec {
  background-color: #1B1B1B;
  box-shadow: 0px 3px 6px #00000029;
}

/* body section */

.contant-wrapper {
  margin-left: 260px;
  margin-right: auto;

  .showcount_entery {
    width: 50px;
  }

  font-family: Lato,
  Arial,
  Helvetica,
  sans-serif;
}

.mainBodyBoxSection {
  background: #FFFFFF 0% 0% no-repeat padding-box !important;
}

/* Institute Console Dashboard 05-06-2024 */
.p24_TopBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 10px #00000024;
  border-radius: 10px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.p24_TopBox h4 {
  font: normal normal 600 20px / 15px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 9px;
}

.distPreText_indes {
  border-radius: 7px;
  font: normal normal normal 9px/11px Poppins;
  letter-spacing: 0px;
  padding: 1px 6px;
}

.distPreText_indesbtn {
  background: #E2FFEC 0% 0% no-repeat padding-box;
  border: 0.5px solid #2E9851;
  color: #2E9851;
}

.prettyGoodbtn {
  background: #FFF1CE 0% 0% no-repeat padding-box;
  border: 0.5px solid #FEB603;
  color: #FEB603;
}

.boosterbtn {
  background: #FFE7E7 0% 0% no-repeat padding-box;
  border: 0.5px solid #EF5151;
  color: #EF5151;
}

.textNotebottom {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
}

.LiveText {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #FF0000;
  font: normal normal 500 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #FF0000;
  opacity: 1;
  float: right;
  padding: 2px 11px;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
}

.LiveText i {
  font-size: 8px;
}

.scorTextCLass h3 {
  font: normal normal bold 24px/22px Poppins;
  letter-spacing: 0px;
  opacity: 1;
}

.scorTextCLass p {
  font: normal normal normal 10px/13px Poppins;
  letter-spacing: 0px;
  color: #838383;
  opacity: 1;
  margin: 0;
}

.orangeScorTest {
  color: #EA7640;
}

.greenScorTest {
  color: #2E9851;
}

.darkYellowtest {
  color: #FEB603;
}

.redScorTest {
  color: #EF5151;
}

/* section Second */

.premium_Paradigm_Partner_box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 10px #00000029;
  border-radius: 10px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.planNotificationAlert {
  background: #FDF5DD 0% 0% no-repeat padding-box;
  border-radius: 15px 15px 0px 0px;
  padding: 4px 21px;
}

.planNotificationAlertTxt {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #D39600;

}

.institute_UpgradeNow {
  text-decoration: underline;
  font: normal normal normal 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #D39600;
}

.institute_UpgradeNow:hover {
  color: #D39600;
}

.instituteNameLine .instituteName {
  background: #ECF7FF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #05487D;
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #05487D;
  padding: 0px 7px;
  display: inline-block;
}

.instituteNameLine span {
  font: normal normal 500 16px/25px Poppins;
  letter-spacing: 0px;
  color: #05487D;
  padding-left: 6px;
}

.instituteNameLine p {
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: 0px;
  color: #2D2D2D;
  margin: 0;
}

.instituteIdNew {
  background: #EBFFF2 0% 0% no-repeat padding-box;
  opacity: 1;
  display: inline-block;
}

.instituteIdNew p {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  margin: 0;
  padding: 2px 5px;
}

.instituteIdNew span {
  color: #30AB59;
}

.institute_upgradeNowBtn {
  background: #E7E7FF 0% 0% no-repeat padding-box !important;
  border: 0.5px solid #6E6EFF !important;
  border-radius: 15px !important;
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF !important;
  padding: 3px 12px !important;
}

.institute_upgradeNowBtn:hover {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  color: #fff !important;
}

.headerSectionText {
  font: normal normal 600 18px/27px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0;
}

.headerSectionTextbottom {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
}

.normalTextForpg {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #838383;
}

.headerSectionTextbottomExtraSmall {
  font: normal normal normal 8px/12px Poppins;
  letter-spacing: 0px;
  color: #5D5D5D;
  margin: 0;
}

.offerTExtINpage {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #232323;
  margin: 0;
}

/* .offerImginDashboardClass {
  max-width: 216px;
} */


.reception_form label {
  font-size: 15px;
  font-weight: 700;
}

.getStudentClass label {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #232323;
  opacity: 1;
}

.getStudentClass input,
.getStudentClass select {
  background: #F6F6F6 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #e0e0e0;
  border-radius: 5px;
}

.getStudentClass input:focus,
.getStudentClass select:focus {
  box-shadow: none;
}

.inputboxCenterBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.5px dashed #6E6EFF;
  border-radius: 7px;
  opacity: 1;
  cursor: pointer;
}

.inputboxCenter p {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #525252;
  opacity: 1;
  margin: 0;
}

.save_new_btn {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  border: 1px solid #6E6EFF;
  border-radius: 15px;
  opacity: 1;
  color: #fff !important;
}

.save_new_btn:focus {
  box-shadow: none !important;
}

.getStudentClass ul {
  margin: 0;
  padding: 0;
}

.addFileDisplay_name {
  display: flex;
  justify-content: space-between;
  opacity: 1;
  padding: 4px 10px;
  font: italic normal normal 8px/11px Segoe UI;
  letter-spacing: 0px;
  color: #000000;
  margin: 2px;
  background: transparent !important;
  border: 0.20000000298023224px solid #cccccc;
  border-radius: 3px;
}

.addFileDisplay_name span {
  cursor: pointer;
  color: #EA282B;
}

.chartBox_Dashboard {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  background: white;
  color: #3D3D3D;
  border: 0 !important;
}

.chartBox_Dashboard:hover {
  border: 0 !important;
}

.chartBox_Dashboard.active {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF !important;
  border: 0 !important;
  border-bottom: 1px solid #6E6EFF !important;
}


.tabBtnforCourse {
  background: #E6E6E6 0% 0% no-repeat padding-box !important;
  font: normal normal 600 14px/24px Segoe UI;
  letter-spacing: 0px;
  color: #313131 !important;
  padding: 0px 7px !important;
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100%;
}

.tabBtnforCourse.active {
  background: #05487D 0% 0% no-repeat padding-box !important;
  font: normal normal 600 14px/24px Segoe UI;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.tabBtnforCourse:focus {
  box-shadow: none !important;
}

.s_tPerformanceTabelScroll {
  height: 218px;
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}


.s_tPerformanceTabel thead tr th {
  background: #F3F3F3 0% 0% no-repeat padding-box;
  font: normal normal medium 14px/24px Poppins;
  letter-spacing: 0px;
  color: #313131;
  position: sticky;
  top: 0;
  z-index: 1;
}

.viewAll_link {
  text-decoration: underline;
  font: normal normal 600 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #05487D;
}

.s_tPerformanceTabel_Result thead tr th {
  background: rgb(121, 121, 121);
  background: linear-gradient(180deg, rgba(121, 121, 121, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 1) 99%, rgba(121, 121, 121, 1) 100%);
  position: sticky;
  top: 0;
  z-index: 1;
}

.s_tPerformanceTabelScroll_Main {
  max-height: 318px;
  overflow: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.s_tPerformanceTabelScroll_Main::-webkit-scrollbar {
  display: none;
}

.realPteResult {
  font: normal normal normal 14px/21px Poppins;
  letter-spacing: 0px;
  color: #000000;
  cursor: all-scroll;
}

.realPteResult tr td {
  border: 0px;
  border-bottom: 0.5px solid #ececec !important;
}

.download_viewGap {
  gap: 6px;
}


.distinctionTExtClass span {
  background: #DAF4EB 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 1;
  font: normal normal normal 11px/17px Poppins;
  letter-spacing: 0px;
  color: #34C7B6;
  padding: 0px 5px;
}

.fairTExtClass span {
  background: #FCF1DF 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 1;
  font: normal normal normal 11px/17px Poppins;
  letter-spacing: 0px;
  color: #F1B44C;
  padding: 0px 5px;
}

.boosterTExtClass span {
  background: #FDE4E4 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 1;
  font: normal normal normal 11px/17px Poppins;
  letter-spacing: 0px;
  color: #EF5151;
  padding: 0px 5px;
}


.numberOFStudet {
  writing-mode: vertical-lr;
  float: left;
  padding: 0;
  margin: 0;
  font-size: 10px;
  color: #c8c8c8;
}


/* ./././././././ */
.topBannerImag_header {
  gap: 5px;
}

/* .topBannerImag_header img {
  width: 180px;
  max-width: 100%;
} */

/* .myChartCustome canvas{
  width: 500px;
  height: 250px;
  max-width: 500px;
  max-height: 250px;
} */

/* ./././././././ */

/* Institute Console Dashboard 05-06-2024 */

/* Dashboard Responsive */

@media screen and (min-width:998px) and (max-width:1440px) {
  .p24_TopBox h4 {
    font: normal normal 600 1.389vw / 15px Poppins;
  }

  .LiveText {
    font: normal normal 500 0.772vw / 21px Poppins;
    padding: 0px 6px;
  }

  .textNotebottom {
    font: normal normal normal 0.694vw / 16px Poppins;
  }

  .scorTextCLass h3 {
    font: normal normal bold 1.667vw / 22px Poppins;
  }

  .scorTextCLass p {
    font: normal normal normal 0.694vw / 13px Poppins;
  }

  .topBannerImag_header img {
    width: 180px;
    max-width: 100%;
  }

  .instituteNameLine .instituteName {
    font: normal normal 600 1.111vw / 25px Poppins;
  }

  .instituteNameLine p {
    font: normal normal normal 1.111vw / 25px Poppins;

  }

  .instituteNameLine span {
    font: normal normal 500 1.111vw / 25px Poppins;

  }

  .instituteIdNew p {
    font: normal normal normal 0.972vw / 21px Poppins;
  }

  .institute_upgradeNowBtn {

    font: normal normal normal 0.833vw / 18px Poppins !important;

  }

  .headerSectionText {
    font: normal normal 600 1.25vw / 27px Poppins;

  }

  .offerTExtINpage {
    font: normal normal normal 0.830vw / 18px Poppins;

  }

  .getStudentClass label {
    font: normal normal normal 0.972vw / 21px Poppins;

  }

  .getStudentClass input,
  .getStudentClass select {
    font-size: 0.864vw;
  }

  .inputboxCenter p {
    font: normal normal normal 0.694vw / 12px Poppins;

  }

  .normalTextForpg {
    font: normal normal normal 0.694vw / 15px Poppins;
  }

  .chartBox_Dashboard {
    font: normal normal normal 0.833vw / 18px Poppins;
  }

  .chartBox_Dashboard.active {
    font: normal normal normal 0.833vw / 18px Poppins;
  }

  .tabBtnforCourse {
    font: normal normal 600 0.772vw / 20px Segoe UI !important;
  }

  .tabBtnforCourse.active {
    font: normal normal 600 0.772vw / 20px Segoe UI;
  }

  .s_tPerformanceTabel thead tr th {
    font: normal normal 500 0.972vw / 24px Poppins;
    padding: 2px 1px !important;
  }

  .listOfStudentTablebody {
    font: normal normal normal 0.772vw / 21px Poppins !important;
  }

  .realPteResult {
    font: normal normal normal 0.972vw / 21px Poppins;

  }

  /* module test css resopnsive 11-07-2024 */
  .nw_textBoxmockTest h2 {
    font: normal normal 600 0.972vw / 19px Poppins !important;
  }

  .nw_textBoxmockTest p {
    font: normal normal normal 0.833vw / 15px Poppins !important;
  }

  .searchBoxGap .d-flex.justify-content-between.flex-wrap.searchBoxGap {
    gap: 0 !important;
  }

  .nw_textBoxmockTest .d-flex.searchBoxGap {
    gap: 7px !important;
  }

  .moduleTestBoxSize {
    padding: 15px 7px !important;
  }

  .myMOduleTestIMg_leftside {
    width: 100%;
  }



}

/* Start Real like Pearson Exam 10-06-2024 */

.beginnerBtnClass {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #6E6EFF;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF;
  padding: 0px 11px;
  border-left: 3px solid #6E6EFF;
  display: inline-block;
  background: linear-gradient(to right, #6E6EFF 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.beginnerBtnClass:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}

.intermediateBtnClass {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #2BC7F9;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #6ABBFD;
  padding: 0px 11px;
  border-left: 3px solid #6ABBFD;
  display: inline-block;
  background: linear-gradient(to right, #2BC7F9 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.intermediateBtnClass:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}

.advanceBtnClass {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #EF5151;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #EF5151;
  padding: 0px 11px;
  border-left: 3px solid #EF5151;
  display: inline-block;
  background: linear-gradient(to right, #EF5151 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.advanceBtnClass:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}

.test_boxBeginner {
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #E1E1FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #6E6EFF;
}

.test_boxIntermediate {
  background: #CEF3FF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #2BC7F9;
}

.test_boxAdvance {
  background: #FFFEEF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #EF5151;
}

.test_boxGreen {
  background: #F6FFF9 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #2E9851;
}

.textinner_allBox {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  padding: 10px 16px;
}

.textinner_allBox h2 {
  font: normal normal 600 14px/19px Poppins;
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
}

.textinner_allBox p {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
}

/* End Real like Pearson Exam 10-06-2024 */

/* Start Practice Test 11-06-2024 */
.hoverTitle {
  position: relative;

}

.hoverTitle:hover .assign_test_hover {
  display: block;

}

.hoverTitle:hover {
  text-decoration: none !important;

}

.assign_test_hover::before {
  content: ' ';
  background: white;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 44%;
  rotate: 135deg;
}

.assign_test_hover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 4px 3px 6px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
  left: -33px;
  bottom: -38px;
}

.assign_test_hover p {
  font: normal normal normal 12px / 16px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
  text-wrap: nowrap;
  padding: 6px 12px;
}

.moduleTab_new {
  border: 0;
  gap: 5px;
  display: flex !important;
  align-items: center;
  font: normal normal 500 14px / 2px Poppins;
  letter-spacing: 0px;
  color: #414141 !important;
  background-color: #fff !important;
}


.moduleTab_new:hover {
  border: 0 !important;

}

.moduleTab_new.active {
  border: 0 !important;
  border-bottom: 1px solid #414141 !important;
}

/* End Practice Test 11-06-2024 */
/* Start Answers List 12-06-2024 */

.headerBtnBox_top {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.allbtninHeader {
  font: normal normal 500 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 4px #00000029;
  border-radius: 0px 5px 5px 0px !important;
  display: flex !important;
  align-items: center;
  gap: 6px;
}

.allbtninHeader:focus {
  box-shadow: 2px 2px 4px #00000029 !important;
}

.allbtninHeader span {
  font: normal normal 600 9px/12px Segoe UI;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 3px;
  box-shadow: 2px 2px 4px #00000029;
  border-radius: 25px !important;
}

.header_allbtn {
  border-left: 3px solid #707070 !important;
}

.header_allbtn span {
  background: #707070 0% 0% no-repeat padding-box;
}

.header_allbtn.active {
  background: #eeeeee;
}

.header_monckbtn {
  border-left: 3px solid #6E6EFF !important;
}

.header_monckbtn span {
  background: #6E6EFF 0% 0% no-repeat padding-box;
}

.header_monckbtn.active {
  background: #efefff;
}


.header_Sectionalbtn {
  border-left: 3px solid #FEB603 !important;
}

.header_Sectionalbtn span {
  background: #FEB603 0% 0% no-repeat padding-box;
}

.header_Sectionalbtn.active {
  background: #fff8e6;
}

.header_Samplebtn {
  border-left: 3px solid #05487D !important;
}

.header_Samplebtn span {
  background: #05487D 0% 0% no-repeat padding-box;
}

.header_Samplebtn.active {
  background: #e6f4ff;
}

.header_Tsubmittedbtn {
  border-left: 3px solid #3FBE4E !important;
}

.header_Tsubmittedbtn span {
  background: #3FBE4E 0% 0% no-repeat padding-box;
}

.header_Tsubmittedbtn.active {
  background: #e4fbe6;
}

.header_Tpendingbtn {
  border-left: 3px solid #EF5151 !important;
}

.header_Tpendingbtn span {
  background: #EF5151 0% 0% no-repeat padding-box;
}

.header_Tpendingbtn.active {
  background: #fff1f1;
}

.searchInputinHeader input:focus,
.searchInputinHeader button:focus {
  box-shadow: none;
}

.searchIcon_btn {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 0px 3px #00000029;
  border: 0.5px solid #6E6EFF;
  border-radius: 2px;
  color: white !important;
}

.instantReport_text {
  font: normal normal normal 12px/16px Segoe UI;
  letter-spacing: 0px;
  color: #6E6EFF;
}

.answerListTable {
  cursor: context-menu;
}

.successProgressbar {
  height: 8px !important;
  border: 1px solid #9b9b9b;
}

.instantReportDropbox {
  background: #F2F2FF 0% 0% no-repeat padding-box !important;
  border: 0.5px solid #6E6EFF !important;
  border-radius: 15px !important;
  font: normal normal normal 12px / 16px Segoe UI !important;
  letter-spacing: 0px;
  color: #6E6EFF !important;
}

.submit_hoverText {
  bottom: -32px;
}

.userNAme_details {
  left: -20px;
  box-shadow: 0px 1px 9px 1.3px #00000029;
}

.realPteResult tr td a {
  color: #000000;
}


.hoverTitle {
  position: relative;

}

.hoverTitle:hover .submittedAt_task,
.hoverTitle:hover .user_detailsHover,
.hoverTitle:hover .completdeProgressPopup {
  display: block;

}

.hoverTitle:hover {
  text-decoration: none !important;

}

.submittedAt_task::before,
.user_detailsHover::before,
.completdeProgressPopup::before {
  content: ' ';
  background: white;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 44%;
  rotate: 135deg;
}


.submittedAt_task {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 1px 0px 9px 1px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
}

.submittedAt_task span {
  font: normal normal normal 8px / 6px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
  text-wrap: nowrap;
  padding: 6px 12px;
}

.submittedAt_task p {
  font: normal normal normal 10px / 6px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
  text-wrap: nowrap;
  padding: 6px 12px;
}


/* .boxPosition_name {
  left: -23px;
  bottom: -38px;
} */

.boxPosition_Test {
  left: -23px;
  bottom: -38px;
}

.boxPosition_StudentDetails {
  left: -6px;
  bottom: -35px;
}


.popup_hoverBox {
  padding: 9px 12px 0px 12px;
}

.userDetails_id {
  padding: 9px 12px 9px 12px;
}




.user_detailsHover {
  font: normal normal normal 10px / 6px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
  text-wrap: nowrap;
}

.user_detailsHover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 1px 0px 9px 1px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
}

.user_detailsHover p {
  /* font: normal normal 500 10px / 18px Poppins; */
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
  padding: 4px;
}

.user_detailsHover span {
  font: normal normal normal 10px/16px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
}


.completdeProgressPopup {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 1px 0px 9px 1px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
}

.completdeProgressPopup p {
  font: normal normal normal 10px / 6px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
  text-wrap: nowrap;
  padding: 6px 12px;
}

.completdeProgressPopup {
  padding: 9px;
}

.boxPosition_CompletedProgress {
  left: 11px;
  bottom: -29px;
}

.progressBox_report {
  vertical-align: middle !important;
}

.customeLableSwitch::before {
  border: 0.5px solid #707070 !important;
  background-color: #fff !important;
}

.custom-switch .custom-control-input:checked~.customeLableSwitch::after {
  background-color: #2E9851 !important;
}

.mainSwitchBox {
  z-index: 0 !important;
}

/* End Answers List 12-06-2024 */
/* Start Module Test page 13-06-2024 */
.heading_ofQuestion {
  background: #E8E8E8 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 100%;
}

.heading_ofQuestion h2 {
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  padding: 8px 22px;
  color: #3C3C3C;
  margin: 0;
}

.audioControls {
  width: 351px;
  height: 34px;
  border: 1px solid gray;
  border-radius: 25px;
  background: white !important;
}

.extraWordinTable {
  padding: .75rem;
}

.extraWordinTable p {
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #000000;
}

.questionWise_testtable table tbody tr th {
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #000000;
  border: 0px;
}

.submitAnsReview {
  gap: 7px;
}

.submitAnsReview p {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: #404040;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}

.orangeDot i {
  color: #E87034;
  font-size: 6px;
}

.greenDot i {
  color: #008B09;
  font-size: 6px;
}

.wrongWord i {
  color: #FF0000;
  font-size: 6px;
}

.ansSubmited {
  font: normal normal normal 14px/26px Poppins;
  letter-spacing: 0px;
}

.rightAns {
  color: #008B09;
}

.wrightAns {
  color: #FF0000;
}

.missWordinAns {
  color: #E87034;
}

.correctAns_marked {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #7EB769;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #7EB769;
  padding: 0px 11px;
  border-left: 3px solid #7EB769;
  display: inline-block;
  background: linear-gradient(to right, #7EB769 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.correctAns_marked:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}

.wrongAnsClass {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #FD6A6A;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #FD6A6A;
  padding: 0px 11px;
  border-left: 3px solid #FD6A6A;
  display: inline-block;
  background: linear-gradient(to right, #FD6A6A 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.wrongAnsClass:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}

.allCorrect_ans {
  background: #FFFFFF42 0% 0% no-repeat padding-box;
  border: 0.5px solid #FEB603;
  opacity: 1;
  font: normal normal normal 10px / 23px Poppins;
  letter-spacing: 0px;
  color: #FEB603;
  padding: 0px 11px;
  border-left: 3px solid #FEB603;
  display: inline-block;
  background: linear-gradient(to right, #FEB603 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .5s ease-out;
}

.allCorrect_ans:hover {
  text-decoration: none;
  color: #fff;
  background-position: left;
}


.newDetailedAnalytics {
  background: #E7E7FF 0% 0% no-repeat padding-box;
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #3A3A3A;
}

.customemoduleTab.active {
  background: #F9F9FF 0% 0% no-repeat padding-box !important;
  border: 0.20000000298023224px solid #707070 !important;
  font: normal normal normal 12px/2px Poppins;
  letter-spacing: 0px;
  color: #414141 !important;
  border-radius: 0px !important;
}

/* End Module Test page 13-06-2024 */
/* Start Predictive Questions page 15-06-2024 */

.predictiveQuestion {
  background: #FFF8F5 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  border-bottom: 1.5px solid #EA7640;
  position: relative;
  padding: 30px 20px;
}

.new_QuestionBoxAdd {
  right: 0;
  top: 0;
}

.lockIcon {
  right: 10px;
  top: 10px;
}


.startBtn_question {
  border: 0.5px solid #EA7640 !important;
  border-radius: 18px !important;
  font: normal normal 500 14px/20px Poppins;
  letter-spacing: 0px;
  color: #EA7640 !important;
  padding: 5px 20px !important;

}

.startBtn_question span {
  font-size: 10px;
}

.main_questionTest {
  font: normal normal 500 20px/30px Poppins;
  letter-spacing: 0px;
  color: #4A4A4A;
  margin: 0;
}

.main_questionTestPara {
  font: normal normal 500 14px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
}


.colorOFprogressbr {
  background: #E87034 0% 0% no-repeat padding-box !important;
  border-radius: 10px;
}

.repeatRatio {
  font: normal normal 500 10px/20px Poppins;
  letter-spacing: 0px;
  color: #1D1D1D;
  margin: 0;
}

.passworBlur {
  filter: blur(3px);
}

.passworBlur:hover {
  filter: blur(0px);
}

.addTeacherBtn {
  border: 1px solid #6E6EFF !important;
  border-radius: 15px !important;
  opacity: 1;
  font: normal normal 600 12px/16px Segoe UI !important;
  letter-spacing: 0px;
  color: #6E6EFF !important;
  transition: transform 0.1s ease-in-out;
}

.addTeacherBtn:active {
  transform: scale(0.95);
}

.addTeacherBtn:hover {
  color: #fff !important;
  background-color: #6E6EFF;
}

.backgroundChangeinTable thead tr th,
.backgroundChangeinTable tbody tr td {
  background: #F3F3FF 0% 0% no-repeat padding-box;
}

/* End Predictive Questions page 15-06-2024 */

/* Start Add Teacher Page 17-06-2024 */
.addTeacherBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  border: 0.20000000298023224px solid #e9e9e9;
  border-radius: 2px;
}

.addTEacher_head {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border-bottom: 1px solid #6E6EFF;
}

.addTEacher_head h2 {
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  padding: 10px 20px;
}

.addTeacherForm form label {
  font: normal normal normal 14px/21px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  text-wrap: nowrap;
}

.addTeacherForm form input {
  box-shadow: none !important;
  color: #868686;
}

.addTeacherForm form select {
  color: #868686;
}

.customePagination_new li .page-link {

  color: #3C3C3C;
  font-size: 13px;
  padding: 2px 5px;
  letter-spacing: 1px;
  opacity: 0.9;
}

.customePagination_new li a {

  color: #3C3C3C;
  /* font-size: 13px;
  padding: 2px 5px;
  letter-spacing: 1px;
  opacity: 0.9; */
}

.customePagination_new li .page-link:hover {
  background: #fff 0% 0% no-repeat padding-box !important;
  border-radius: 4px;
  opacity: 1;

}

.customePagination_new li.active .page-link {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  border-radius: 4px;
  opacity: 1;
  padding: 2px 8px;
}


/* End Add Teacher Page 17-06-2024 */

/* Start p24 popup 18-06-2024 */
.modalBackground_imgp24 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.logout_popuppCloseBtn {
  z-index: 1;
}

.do_you_wish_to_logout {
  font: normal normal 600 14px / 20px Poppins;
  letter-spacing: 0px;
  color: #2D2D2D;
  opacity: 1;
}

.logout_yesbtn {
  border: 1px solid #2E9851 !important;
  border-radius: 20px !important;
  opacity: 1;
  font: normal normal 500 12px/14px Poppins !important;
  letter-spacing: 0px;
  color: #2E9851 !important;
  padding: 6px 13% !important;
}

.logout_nobtn {
  border: 1px solid #EF5151 !important;
  border-radius: 20px !important;
  opacity: 1;
  font: normal normal 500 12px/14px Poppins !important;
  letter-spacing: 0px;
  color: #EF5151 !important;
  opacity: 1;
  padding: 6px 13% !important;
}

.logout_yesbtn:hover {
  border: 1px solid #2E9851 !important;
  border-radius: 20px !important;
  opacity: 1;
  font: normal normal 500 12px/14px Poppins !important;
  letter-spacing: 0px;
  color: #fff !important;
  background-color: #2E9851;

}

.logout_nobtn:hover {
  border: 1px solid #EF5151 !important;
  border-radius: 20px !important;
  opacity: 1;
  font: normal normal 500 12px/14px Poppins !important;
  letter-spacing: 0px;
  color: #fff !important;
  opacity: 1;
  background-color: #EF5151;

}

.logout_main_btnBox {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.gotoDashboard {
  padding: 8px 11px !important;
}

.great_all h6 {
  font: normal normal 600 21px/30px Poppins;
  letter-spacing: 0px;
  color: #EF5151;
}

.great_all p {
  font: normal normal normal 10px/18px Poppins;
  letter-spacing: 0px;
  opacity: 1;
}

.contact_us_inGreatSet a {
  color: #EF5151;

}

.contact_us_inGreatSet a:hover {
  color: #EF5151;
  text-decoration: none;

}

/* End p24 popup 18-06-2024 */
/* Start Enrolled Students 19-06-2024 */
.location_teacher {
  font: normal normal normal 12px / 11px Segoe UI;
  letter-spacing: 0px;
  color: #313131;
}

.studentTable_escore {
  cursor: context-menu;
}

.test_trfStudent {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  border-radius: 5px;

}

.main_heading_trf {
  font: normal normal 600 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  padding: 12px 13px;
  border-bottom: 1px solid gray;
}

.student_searchBox {
  width: 351px;
  max-width: 100%;
}

.inputTagCheck_box label {
  margin: 0;
}

/* End Enrolled Students 19-06-2024 */

/* start time range selected 19-06-2024 */

#time-range p {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  color: #333;
}

.ui-slider-horizontal {
  height: 8px;
  background: #D7D7D7;
  border: 1px solid #BABABA;
  box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
  clear: both;
  margin: 8px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100%;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 8px;
  font-size: .7em;
  display: block;
  border: 1px solid #5BA8E1;
  box-shadow: 0 1px 0 #AAD6F6 inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background: #81B8F3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #6E6EFF), color-stop(100%, #6E6EFF));
  background-image: -webkit-linear-gradient(top, #6E6EFF, #6E6EFF);
  background-image: -moz-linear-gradient(top, #6E6EFF, #6E6EFF);
  background-image: -o-linear-gradient(top, #6E6EFF, #6E6EFF);
  background-image: linear-gradient(top, #6E6EFF, #6E6EFF);
}

.ui-slider .ui-slider-handle {
  border-radius: 50%;
  background: #F9FBFA;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
  background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: linear-gradient(top, #C7CED6, #F9FBFA);
  width: 22px;
  height: 22px;
  -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -webkit-transition: box-shadow .3s;
  -moz-transition: box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: default;
  border: none;
  cursor: pointer;
}

.ui-slider .ui-slider-handle:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #6E6EFF;
  -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
  -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
  box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.5em;
  margin-left: -.6em;
}

.ui-slider a:focus {
  outline: none;
}

#slider-range {
  width: 100%;
  margin: 0 auto;
}

#time-range {
  width: 100%;
}

/* end time range selected 19-06-2024 */

/* Start Weekly Report 20-06-2024 */
.parallelogram-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ffffff;
  text-decoration: none;
  transform: skewX(20deg);
  overflow: hidden;
  font: normal normal 500 14px / 21px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF;
}

.parallelogram-button:hover {
  border-color: transparent !important;
}

.parallelogram-button.active {
  background-color: #6E6EFF !important;
  color: #F0F0F0 !important;
}

.parallelogram-button span {
  display: inline-block;
  transform: skewX(-20deg);
}


/*End Weekly Report 20-06-2024 */
/* Start sorry page 21-06-2024 */
.sorry_message h1 {
  font: normal normal 600 32px/48px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF;
  text-transform: uppercase;
}

.sorry_message p {
  font: normal normal 600 24px/35px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  margin: 0;
}

/* End sorry page 21-06-2024 */

/* Start create ticket page 24-06-2024 */

.createTicketBtn {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  border-radius: 25px !important;
  font: normal normal normal 12px / 18px Poppins !important;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  padding: 4px 8px;
  border: 0px;
  transition: transform 0.1s ease-in-out;
}

.createTicketBtn:active {
  transform: scale(0.95);
}

.uploadtext_seting {
  font: italic normal normal 8px/12px Poppins;
  letter-spacing: -0.08px;
  color: #414141;
}

.uploadBtn_here {
  background: #6E6EFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #6E6EFF;
  border-radius: 2px;
  font: normal normal normal 12px/11px Poppins;
  letter-spacing: -0.12px;
  color: #FFFFFF;
  opacity: 1;
  transition: transform 0.1s ease-in-out;
}

.fileInputTicket {
  display: none;
}

.uploadBtn_here {
  display: inline-block;
  background: #6E6EFF 0% 0% no-repeat padding-box;
  border: 0.5px solid #6E6EFF;
  border-radius: 2px;
  font: normal normal normal 12px/11px Poppins !important;
  letter-spacing: -0.12px;
  color: #FFFFFF !important;
  opacity: 1;
  padding: 5px 8px;
  cursor: pointer;
  transition: transform 0.1s ease-in-out;
}

.uploadBtn_here:hover {
  color: #FFFFFF;
}

.uploadBtn_here:active {
  transform: scale(0.95);
}

.ifany_tezxt {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
}

.inportent_NotesSection h2 {
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
}

.inportent_NotesSection li {
  font: normal normal normal 12px/25px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
}


.uploadeIssue_compress {
  font: normal normal normal 12px / 11px Poppins;
  letter-spacing: -0.12px;
  color: #6E6EFF;
  border: 0.5px solid #6E6EFF;
  border-radius: 2px;
  padding: 2px 9px;
}

.uploadeIssue_compress:hover {
  color: #6E6EFF;
  text-decoration: none;
}

/* End create ticket page 24-06-2024 */

/* Start ticket_details css 25-06-2024 */

.useProfileimggg {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border-radius: 5px;
}

.technicalIssue {
  background: #FFE0D1 0% 0% no-repeat padding-box;
  border-radius: 5px;
}

.resovledTIme_taken {
  background: #FFE1F0 0% 0% no-repeat padding-box;
  border-radius: 5px;
}

.processingTImeTaken {
  background: #FFEAB6 0% 0% no-repeat padding-box;
  border-radius: 5px;
}

.topRowimg_ticketD {
  border-radius: 5px;
  opacity: 1;
  padding: 0px;
}

.ticketPage_head h2 {
  font: normal normal bold 0.972vw/21px Poppins;
  letter-spacing: 0px;
  color: #363636;
  margin: 0;
}

.ticketPage_head p {
  font: normal normal normal 0.833vw/18px Poppins;
  letter-spacing: 0px;
  color: #363636;
  margin: 0;
}

@media (max-width:1303px) {
  .topRowimg_ticketD {
    width: 29px;
  }

  .ticket_details_rowOne {
    padding: 15px 7px;

  }
}

.anyDeskLink {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border: 0.5px solid #6E6EFF;
  border-radius: 2px;
  font: normal normal normal 12px/11px Poppins;
  letter-spacing: -0.12px;
  color: #6E6EFF;
  padding: 6px 12px;
  transition: transform 0.1s ease-in-out;
}

.anyDeskLink:active {
  transform: scale(0.95);
}




.discription_ticketDetails p {
  font: normal normal normal 14px/20px Segoe UI;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
  text-align: justify;
}

.pbar {
  height: 8px !important;
  width: 80px;
  border-radius: 0;
  border: 1px solid #f9d026;
  background: white;
}

.link_attachmenturl,
.link_attachmenturl:hover {
  text-decoration: none;
  color: #000000;
}

.attachmentTable_tktSup tbody tr td {
  font: italic normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.normal_dateTkt {
  font: normal normal normal 13px/20px Poppins !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.userName_ticketGernate {
  font: normal normal 500 13px/20px Poppins;
  letter-spacing: 0px;
  color: #262626;
  opacity: 1;
}

.ticket_messageTIme {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  text-wrap: nowrap;
}

.ticket_massageResive li {
  list-style: none;
}

/* End ticket_details css 25-06-2024 */

/* Start Profile PAge html 26-06-2024 */
.holebox_profileHead {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #e6e6e6;
  opacity: 1;
}

.profileTop_color {
  /* background: transparent linear-gradient(90deg, #6E6EFF 0%, #FF9FCF 100%) 0% 0% no-repeat padding-box; */
  background: transparent linear-gradient(90deg, #A7A7FF 0%, #FF9FCF 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  width: 100%;
  height: 72px;
}

.profile_basicText {
  gap: 3px;
}

.profile_basicText p {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.userName_instituteNAme h2 {
  font: normal normal 600 20px/30px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

.companyLogoMain {
  position: relative;
}


.companyLogoimg {
  margin-top: -65px;
  border-radius: 100px;
  width: 87px;
  height: 87px;
}

.changeProfileImg {
  position: absolute;
  right: 0;
  bottom: -6px;
}

.changeProfileImg img {
  width: 20px;
  cursor: pointer;
}

.renew_NowBtn {
  font: normal normal 600 12px / 16px Segoe UI !important;
  letter-spacing: 0px;
  color: #EF5151;
  border: 1px solid #EF5151 !important;
  border-radius: 15px !important;
  transition: transform 0.1s ease-in-out;
}

.renew_NowBtn:active {
  transform: scale(0.95);
}

.renew_NowBtn:hover {
  color: #EF5151;
}

.renewBtnHover_efect {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 4px 3px 6px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
  left: 0px;
  bottom: -31px;
}

/* .......calender..selector................................................ */

.date-input-container {
  position: relative;
  display: inline-block;
}

.date-input-container input[type="text"] {
  padding-right: 30px;
  /* Make space for the icon */
}

.date-input-container .calendar-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  pointer-events: none;
}

.date-input-container input[type="date"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* ......................................................... */


/* tab section  */
.tabSectionBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #e6e6e6;
  opacity: 1;
}

.tabSectionBox ul {
  padding: 16px 0px 10px 0px;
}

.personalInfromationTAb tbody tr th {
  font: normal normal 500 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  border: 0;
}

.personalInfromationTAb tbody tr td {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  padding: 0.40rem;
}

.buy_reportBtn {
  background: #6E6EFF 0% 0% no-repeat padding-box;
  color: #FFFFFF !important;
  border: 0px !important;
}

/* End Profile PAge html 26-06-2024 */

/* Start New Pearson Exam html Css 26-06-2024 */
.left_boxPearsoneExam {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  padding: 1px 10px 11px 10px;
  height: 100%;

}

.listOfStudent_perasonExamBox ul {
  list-style: none;
  padding: 0;
}

.listOfStudent_perasonExamBox ul li {
  margin-top: 3px;
}

.listOfStudent_perasonExamBox ul li:hover {
  background: #f1f1f1;
}

.listOfStudent_perasonExam {
  display: flex;
  align-items: center;
  font: normal normal normal 13px / 20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  padding: 5px 7px;
  justify-content: space-between;
}

.listOfStudent_perasonExam:hover {
  text-decoration: none;
  color: #000;
}

.userRedBox {
  background: #FDF1F7 0% 0% no-repeat padding-box;
  border: 0.5px solid #DB006D;
  border-radius: 2px;
  opacity: 0.9;
}

.userGreenBox {
  background: #F6FFF9 0% 0% no-repeat padding-box;
  border: 0.5px solid #2E9851;
  border-radius: 2px;
  opacity: 0.9;
}

.userOrangeBox {
  background: #FFFEEF 0% 0% no-repeat padding-box;
  border: 0.5px solid #FEB603;
  border-radius: 2px;
  opacity: 0.9;
}

/* End New Pearson Exam html Css 26-06-2024 */

/* Start reset Password 28-06-2024 */
.reset_passwordClass {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #6E6EFF;
}

.reset_passwordFormField label {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

/* End reset Password 28-06-2024 */
/* Start Test details Pearson Exam 28-06-2024 */

.testDetails_box {
  border: 0.2px solid #d8d8d8;
  opacity: 1;
}

.testDetails_boxinSide {
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #E1E1FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  border: 0.5px solid #6E6EFF;
  opacity: 1;
}

.testDetails_boxText h6 {
  font: normal normal 500 16px/25px Poppins;
  letter-spacing: 0px;
  color: #414141;
}

.testDetails_boxText p {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
}

.assingTEstFOrStudent {
  box-shadow: 0px 3px 6px #00000029;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #DB006D;
  background: #FDF1F7 0% 0% no-repeat padding-box;
  border-radius: 2px;
  opacity: 0.9;
}

.prevent-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.boxStyle {
  cursor: pointer;
}

/* custome check box color with div click */

.myGreenCustomeCheck {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}


.myGreenCustomeCheck:checked {
  background-color: white;
  border-color: #bebebe;
}

.myGreenCustomeCheck:checked::before {
  content: '\2713';
  color: green;
  display: block;
  text-align: center;
  line-height: 14px;
  font-size: 14px;
  font-weight: 900;
}

/* custome check box color with div click */
.customeTask_height {
  /* height: 400px; */
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-top: 10px;
  padding-bottom: 15px;
}

/* End Test details Pearson Exam 28-06-2024 */
/* Start Student details Pearson Exam 01-07-2024 */
.studentDetails_boxinSide {
  background: #FDF1F7 0% 0% no-repeat padding-box;
  border: 0.5px solid #DB006D;
  border-radius: 2px;
  opacity: 1;
}

.mainBox_studentDetails {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #6E6EFF;
  border-radius: 2px;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #E1E1FF 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
}

/* End Student details Pearson Exam 01-07-2024 */


























/* List of students with detailed Analytics */
.listOfStudentTitle h2 {
  font: normal normal 600 25px/38px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
}

.QuestionMArkNewTHeme {
  font: normal normal normal 12px/18px Poppins;
  letter-spacing: 0px;
  color: #05487D;
  margin: 0;

}

.searchBoxGap {
  gap: 15px;
}

.inPutBoxSearch {
  max-width: 372px;
}

.inPutBoxSearch input {
  border: 0.5px solid #b1b1b1;
  border-radius: 4px;
}

.inputSearchBoxTxt {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
}

.toastCustome {
  background: #6ABBFD42 0% 0% no-repeat padding-box !important;
  padding: 6px 11px;
}

.QuestionMArkNewTHemespan {
  background: #05487D 0% 0% no-repeat padding-box;
  color: white;
  padding: 2px 6px;
  border-radius: 25px;
}

.tableCustomecheckBox {
  margin: 0 !important;

}

.tableCustomecheckBox input {
  border: 1px solid gray;
  margin: -21px;
  padding: 0;
  position: relative;
}

.listOfStudentTablehead {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  /* border: 0.5px solid #b1b1b1; */
  /* border: 0.5px solid #dadada; */
}

.listOfStudentTablebody {
  font: normal normal normal 14px/21px Poppins;
  letter-spacing: 0px;
  color: #000000;
}

.listOfStudentTablebody tr td {
  border: 0px;
  border-bottom: 0.5px solid #ececec !important;
}


.constentUrl {
  font: normal normal 500 16px/25px Poppins;
  letter-spacing: 0px;
  color: #343434;
}

.constentUrlChange {
  font: normal normal 400 16px/25px Poppins;
  letter-spacing: 0px;
  color: #343434;
}

.pageFlowLink {
  gap: 10px;
}



/* List of students with detailed Analytics */




/* NEW INSTITUTIONAL DASHBOARD SATAR 06-05-2024 */
/*Start offline Css Add 08-07-2024 */
/*Start Student Console css */
.scorinTop {
  position: absolute;
  right: 0;
  bottom: 0;
}

.scorinTopText p {
  font: normal normal 500 13px/20px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0;
}

.scorinTopText h4 {
  font: normal normal 600 28px/30px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0;
}

.myModuleClassName {
  background: #FAFAFA 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #414141;
  border-radius: 3px;
  opacity: 1;
  padding: 9px 6px;
}


/* modal page in student console Set Exam Target modal */
.myModuleClassName p {
  font: normal normal normal 10px/16px Poppins;
  letter-spacing: 0px;
  color: #4D4D4D;
  opacity: 0.6;
  margin: 0;
}

.myModuleClassName.active {
  border: 0.5px solid #6E6EFF;
}

.myModuleClassName.active p {
  color: #6E6EFF;
}

.setExamTargetModal {
  width: 388px;
  max-width: 100%;
}

.myOpacityClass {
  opacity: 0.5;
}

/* modal page in student console Set My Test Target */
.mySelectedTest label {
  font: normal normal 600 14px/15px Poppins;
  letter-spacing: 0px;
  color: #414141;
}

.mySelectedTest input {
  background: #E9E9E9 0% 0% no-repeat padding-box;
}


.moduleName_scor {
  /* left: -35px; */
  left: -50px;
  /* bottom: -105px; */
  width: 150px;
}

.myInnerText p {
  font: normal normal normal 13px/2px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.myInnerText img {
  width: 12px;
}

.myInnerTextSubmitt {
  bottom: -32px;
  left: -20px;
  padding: 12px 10px;
}

.submittedColorRText {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #2E9851;
  opacity: 1;
}

.pendingColorRText {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #EF5151;
  opacity: 1;
}

.gifClasssIMg {
  width: 19px;
}

.pendingOpacityCheck {
  opacity: 0.5;
}

.mySeriesOfTest table tbody tr th {
  border: 0px !important;

}

/* yourScore Popup */

.ansYourScore {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

/* not in use classs  bottom */
.myTraficLight {
  position: relative;
}

.myRedLigth {
  position: absolute;
  width: 50%;
  left: 35px;
  top: 10px;
}

.myyellowLigth {
  position: absolute;
  width: 50%;
  left: 35px;
  bottom: 63px;
}

.myGreenLigth {
  position: absolute;
  width: 50%;
  left: 35px;
  bottom: 11px;
}

/* not in use classs top  */
.yourScoreBoxMain {
  border: 0.20000000298023224px solid #c6c6c6;
  border-radius: 11px;
  opacity: 1;
  width: 100%;
  height: 100%;
}

.myboxText_trafic {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.scoreCounternumberRed {
  background: #FF0E000F 0% 0% no-repeat padding-box !important;
  border: 0.20000000298023224px solid #FF0E00 !important;
  border-radius: 5px;
  opacity: 1;
  padding: 6px 16px;
  color: #FF0E00 !important;
}

.scoreCounternumberYellow {
  background: #FEB6031A 0% 0% no-repeat padding-box !important;
  border: 0.20000000298023224px solid #FEB603 !important;
  border-radius: 5px;
  opacity: 1;
  padding: 6px 16px;
  color: #FEB603 !important;
}

.scoreCounternumberGreen {
  background: #2E985126 0% 0% no-repeat padding-box !important;
  border: 0.20000000298023224px solid #2E9851 !important;
  border-radius: 5px;
  opacity: 1;
  padding: 6px 16px;
  color: #2E9851 !important;
}

.allMainTop p {
  font: normal normal 500 13px/20px Poppins !important;
  letter-spacing: 0px;
  margin: 0;
}

.textSpacingForall {
  padding: 2px 11px;
}

.allScoreReporttext h6 {
  font: normal normal normal 12px/20px Poppins;
  letter-spacing: 0px;
  /* text-wrap: nowrap; */
  margin: 0;
}

.allScoreReporttext p {
  font: normal normal 300 11px/17px Poppins;
  padding-top: 4px;
  letter-spacing: 0px;
  /* text-wrap: nowrap; */
  margin: 0;
}

.allScoreReporttext span {
  padding-right: 8px;
}

.myPerformaceRecord {
  display: grid;
  gap: 14px;
  padding-right: 14px;
}

.myPreformaceNote {
  background: #A3A3A326 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #2E9851;
  border-radius: 5px;
  opacity: 1;
  padding: 3px 16px;
}

.noteClassINTrafic p {
  font: normal normal 500 12px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  text-wrap: nowrap;
  margin: 0;
}

.fullNotesinTrafic p {
  font: normal normal normal 12px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.voicecheckBox {
  border: 0.20000000298023224px solid #c6c6c6;
  border-radius: 11px;
  opacity: 1;
}

.checkStatusAudio {
  background: #E9E9E9 0% 0% no-repeat padding-box;
  border: 0.5px solid #000000;
  border-radius: 30px;
  opacity: 1;
  height: 36px;
  width: 100%;
}

.myAnswerSubmit {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: 0px;
}

.voicecheckBox .heading_ofQuestion {
  border-radius: 10px 10px 0px 0px;
}

/*End Student Console css */
/*Start PTE Academic Mock Test css 10-07-2024 */
.nw_textBoxmockTest {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  padding: 10px 16px;
}

.nw_textBoxmockTest h2 {
  font: normal normal 600 14px/19px Poppins;
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
}

.nw_textBoxmockTest p {
  font: normal normal normal 12px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  margin: 0;
}

.scorPointIN_mock p {
  font: normal normal normal 12px/19px Poppins;
  letter-spacing: 0px;
  color: #414141;
}

.scorPointIN_mock p span {
  color: #05487D;
}

.myMockgraph {
  width: 100%;
  /* height: 250px; */
}

.myCharINMock {
  width: 100% !important;
  height: 100% !important;
}

.pte_accademicTitleName {
  font: normal normal normal 14px/8px Poppins;
  letter-spacing: 0px;
  color: #EF5151 !important;
  border: 0.5px solid #EF5151;
}

/*End PTE Academic Mock Test css 10-07-2024 */



/*End offline Css Add 08-07-2024 */
/* live Css Edit 04-07-2024 */
/*Start Pagination design */
.customePagination_new li.prev a {
  color: #3C3C3C;
  font-size: 13px;
  padding: 2px 5px;
  letter-spacing: 1px;
  opacity: 0.9;
}

.customePagination_new li.active {
  background: #6E6EFF 0% 0% no-repeat padding-box !important;
  border-radius: 4px;
  opacity: 1;
  padding: 0px 2px;
}

.customePagination_new li.active a {
  color: white;
}

.customePagination_new li a {
  color: #3C3C3C;
  color: #3C3C3C;
  font-size: 13px;
  padding: 2px 5px;
  letter-spacing: 1px;
  opacity: 0.9;
}

/*End Pagination design */
/* Start Answer List Date Picker CSS */
.myInputBoxCustome {
  position: relative;
  max-width: 136px !important;
}

.myInputBoxCustome span {
  position: absolute;
  right: 0;
  padding: 9px;
  z-index: 0;
  cursor: pointer;
}

input#datepicker {
  color: #999;
}

.searchIcon_btn {
  border-radius: 0.25rem !important;
}

.select2-container .select2-selection--single {
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {

  line-height: 23px !important;
  color: #999 !important;
}

.select2-container--default .select2-results__option {
  font-size: 12px !important;
  border-bottom: 0.2px solid #efefef;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #6E6EFF;
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  height: 0px !important;
  color: #999;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #6E6EFF !important;
  color: white;
}

.paginationCountDetails {
  color: #3C3C3C;
  font-size: 13px;
  margin: 0;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ccc !important;
}


/* End Answer List Date Picker CSS */

/* Predictive Question */
.successProgressbar {
  border-radius: 13px;
}

/* Predictive Question */

.buy_reportBtn {
  display: flex;
  align-items: center;
  gap: 6px;
}

.testAssignUserImg {
  width: 31px;
  border-radius: 38px;

}

.customeTask_height {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-top: 10px;
  padding-bottom: 15px;
}

.customeCheckBoxAlign {
  padding: 0.75rem !important;
}

.listOfStudentTablehead tr th {
  vertical-align: middle;
}

.listOfStudentTablehead {
  font: normal normal 600 16px / 16px Poppins;

}

.pagination {
  align-items: center !important;
}

.writingBOxCOlor {
  background: #FFF8F5 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #EA7640;
}

.listeningBOxCOlor {
  background: #FFFEEF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 3px #00000029;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #EF5151;
}

.documentView_StudentPagebox {
  width: 100%;
  height: 500px !important;
}

.documentView_StudentPage {
  width: 100% !important;
  /* height: 500px !important; */
}

.logoutCustomeonline {
  width: 85px;
  max-width: 100%;
}

.select2-container {
  width: 100% !important;
}

/* live Css Edit 04-07-2024 */

/* Start Predictive Question Wise 15-07-2024 */
.nw_pqWise {
  font: normal normal 600 20px/31px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.main_questionTestParaQUestion {
  font: normal normal normal 12px/19px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

.myboxGapInPQWise {
  /* gap: 2px; */
}

.predictiveQuestionwiseBox {
  padding: 30px 20px;
  width: 189px;
  height: 150px;
  margin-top: 26px;
  opacity: 1;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid white;
}

.pqWiseSpeak {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  border-bottom: 2px solid #6653C8 !important;
}

.pqWiseWrite {
  background: #FFF8F5 0% 0% no-repeat padding-box;
  border-bottom: 2px solid #EA7640 !important;
}

.pqWiseRead {
  background: #F6FFF9 0% 0% no-repeat padding-box;
  border-bottom: 2px solid #2E9851 !important;
}

.pqWiseList {
  background: #FFFEEF 0% 0% no-repeat padding-box;
  border-bottom: 2px solid #EF5151 !important;
}

/* End Predictive Question Wise 15-07-2024 */
/* Start Knowledge Zone 15-07-2024 */
.nw_knowladgeBoxpte {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  /* border: 0.20000000298023224px solid #6E6EFF; */
  border: 0.20000000298023224px solid #dcdcff;
  border-radius: 5px;
  opacity: 1;
}

.nw_knowladgeBoxpteHeadingtxt h6 {
  font: normal normal 500 16px/25px Poppins;
  letter-spacing: 0px;
  color: #141414;
  opacity: 1;
}

.nw_knowladgeBoxpteHeadingtxt p {
  font: normal normal normal 14px/24px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  margin: 0;
}

.pte_introductionKnowldgeHubtable table thead {
  background: #005AA1 0% 0% no-repeat padding-box;
  border-radius: 5px 5px 0px 0px;
  opacity: 1;
  font: normal normal 500 14px/22px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;

}

.pte_introductionKnowldgeHubtable table tbody {
  font: normal normal 500 14px / 22px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;

}

/* End Knowledge Zone 15-07-2024 */


/* Student Login Design 27-07-2024 */
.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 4rem;
}

.new_toggleImg {
  rotate: 182deg;
}

.elevation-4 {
  box-shadow: 0px 3px 6px #00000029 !important;
}




/* Student Login Design 27-07-2024 */


/**********Start Restart pending test ***************/

.restartModal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  width: 340px !important;
}

.popupRightModalbody {
  overflow: auto;
}

.restartModal .modal-content {
  height: 100vh;
}

.popup_testRight thead {
  background: #F6F6FF 0% 0% no-repeat padding-box !important;
  position: sticky;
  top: -18px;
}

.popup_testRight thead tr th {
  color: #000 !important;
  text-align: left;
}

.popup_testRight tbody tr td {
  font: normal normal normal 13px/20px Poppins !important;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

.popup_testRight tbody {
  font: normal normal normal 13px/20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

.custome_padingPopup {
  padding: 5px 16px;
  border-radius: 0px !important;
  border-left: 3px solid red !important;
}

.custome_padingPopup a {
  text-decoration: none;
  font: normal normal normal 14px/21px Poppins !important;
  letter-spacing: 0px;
  color: #484848 !important;
  opacity: 1;
}

/**********End Restart pending test ***************/

/* S test page css */
.testPageCommanBtn {
  background-color: #FFF;
  border: 1px solid #6E6EFF !important;
  border-radius: 15px !important;
  opacity: 1;
  font: normal normal 600 15px/16px Segoe UI !important;
  letter-spacing: 0px;
  color: #6E6EFF !important;
  transition: transform 0.1s ease-in-out;
  padding: 6px 16px;
}

.testPageCommanBtn:active {
  transform: scale(0.95);
}

.testPageCommanBtn:hover {
  color: #fff !important;
  background-color: #6E6EFF;
}

.customeTestProgress {
  background-color: #6C6C6C !important;
}

/* E test page css */


/* landing pageCSS */
/* all  */


.pointerElement {
  cursor: pointer;
}


.top_menuInputBox {
  border-radius: 25px;
  background: transparent !important;
  border: 1px solid white;
  color: white !important;
  padding: 6px;
  font-size: 13px;
  width: 212px;
  max-width: 100%;
}

.top_menuInputBox:focus {
  background-color: white !important;
  color: #000 !important;
}

.ld_dropdownmenu {
  padding: 0px;
}

.ld_dropdownmenu .dropdown-item {
  padding: 8px 21px;
}

.ld_dropdownmenu .dropdown-item:active {

  color: #000;
  text-decoration: none;
  background-color: #c5d289;
}

.blink {
  animation: blinker 1s infinite;
}

@keyframes blinker {
  from {
    opacity: 1.0;
  }

  50% {
    opacity: 0;
  }

  to {
    opacity: 1.0;
  }
}

.noneBoxdesign {
  display: block;
}

.displayBoxdesign {
  display: none;
}



/* all  */

.ld_newNavContent li a {
  /* text-align: center; */
}


.ld_navbarToptext {
  font: normal normal 500 14px / 20px Poppins !important;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;

}





.ld_navbarMain {
  background: #C5D289 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 8px #15223214;
  opacity: 1;
  /* position: absolute; */
  z-index: 10;
  width: 100%;
}

/* Request Demo button styling */
.ld_requestForDemobtn {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 23px;
  opacity: 1;
  font: normal normal normal 16px/20px Poppins;
  letter-spacing: 0px;
  color: #000 !important;
  padding: 8px 22px;
  transition: all 0.3s ease;
}

/* Hover effect */
.ld_requestForDemobtn:hover {
  background: #E5213B;
  border: 1px solid #E5213B;
  color: #fff !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}


.ld_profileBtnNav {
  background: #E5213B 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #E0424252;
  border-radius: 21px;
  opacity: 1;
  border: transparent;
  font: normal normal normal 16px/20px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  padding: 8px 22px;
}

.ld_profileBtnNav:hover {
  box-shadow: none;
  color: #fff;
  transform: translate(1px);
}

.ld_navBadgenew {
  top: -4px;
  position: absolute;
  right: 0px;
  background: #ED4F9B;
  border-radius: 25px;
  color: white;
  opacity: 1;
  font: normal normal 500 12px / 11px Poppins;
}

.bannerSection {
  padding-top: 95px;
}

.ld_mainBoxSection1 {
  /* overflow: hidden; */
  /* padding-bottom: 50px; */
}

.ld_backshap {
  top: -9px;
  right: -60px;
}

.top_bar {
  position: relative;
  z-index: 1;
}

/* let banner  */

.ld_navbarMainBox {
  padding-top: 50px;
}

.ld_navbarMainleft {
  position: relative;
}

.ld_navbarMainleftimg {
  position: absolute;
  top: 32px;
  z-index: 0;
  width: 72%;
  animation: moveBackAndForth 4s ease-in-out infinite;
}

.ld_navbarMainleftimgText {
  padding: 0px 46px;
  position: relative;
  z-index: 1;
  padding-top: 67px;
}

.ld_navbarMainleftimgText h1 span {
  font: normal normal bold 38px/46px Poppins;
  letter-spacing: 0px;
  color: #343434;
}

.ld_navbarMainleftimgText p {
  font: normal normal 600 26px/60px Poppins;
  letter-spacing: 0px;
  color: #343434;
  position: relative;
  z-index: 1;
  display: inline;
}

.ld_navbarMainleftimgText p::after {
  content: " ";
  height: 19px;
  background-color: #FBD3DF;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: -10;
  width: 100%;
}

.myEarthOnpeople {
  top: 8px;
  position: relative;
  /* left: 59px; */
}


@keyframes moveBackAndForth {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

/* section 2 */

.ld_offerBanner {}

.ld_offerBannerBoxdesign {
  /* border-radius: 0px 50px; */
  /* margin: 10px; */
  overflow: hidden;

}

.ld_offerBannerBoxdesign img {
  width: 100%;
  height: 100%;
}

.changePositionRequest {
  top: -14px;
  right: -17px;
}

/* section 3 */

.ld_banner3 h2 {
  font: normal normal bold 24px/28px Poppins;
  letter-spacing: 0px;
  color: #343434;
}

.ld_banner3 h2 span {
  color: #E04242;
  position: relative;
}


.ld_banner3 h2 span::after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-image: url('/images/home/ld_stars.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -3px;
  right: -37px;
  opacity: 0;
  transform: scale(0.8);
  animation: popup 2s infinite;
}

@keyframes popup {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0.5;
    transform: scale(0.8);
  }
}






#wave {
  height: 563px;
  position: relative;
}


.waveImg {
  position: absolute;
  width: 100%;
  /* margin-top: -50px; */
}

.waveImgIndise {
  display: flex;
  justify-content: center;
  position: relative;
}

.waveClasshight {
  height: 10px;
  display: inline-block;
}

.stepbyStep h6 {
  font: normal normal 600 24px/41px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
  margin: 0;
}

.stepbyStep p {
  font: normal normal normal 18px/17px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}

.waveImg.position {
  width: 75%;
  top: 38%;
  left: 51%;
  transform: translate(-36%, -37%);
}


.styleshBorderHeading {
  font: normal normal bold 24px/41px Poppins;
  letter-spacing: 0px;
  color: #343434;
  position: relative;
  z-index: 1;
  display: inline;
}

.styleshBorderHeading::after {
  content: " ";
  height: 17px;
  background-color: #FBD3DF;
  position: absolute;
  left: 0;
  bottom: -1px;
  z-index: -10;
  width: 100%;
}

.styleshBorderDiscription {
  font: normal normal normal 14px/24px Poppins;
  letter-spacing: 0px;
  color: #343434;
  width: 63%;
}

.ld_pteBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #343434;
  border-radius: 5px;
  opacity: 1;
}

.ld_pteBox h5 {
  font: normal normal 600 20px/25px Poppins;
  letter-spacing: 0px;
  color: #343434;
}

.ld_pteBox img {
  margin-top: 4px;
}

.ld_pteBox p {
  font: normal normal normal 14px/22px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}

.ld_PTeAcc:hover {
  box-shadow: 3px 3px 10px #00000029;
  opacity: 1;
  transition: .4s ease-in-out;
}

.ld_PTeAcc:hover h5,
.ld_PTeAcc:hover p,
.ld_PTeAcc:hover img {
  color: white;
  transition: .2s ease-in-out;
}

.ld_PTeAcc:hover img {
  transform: scale(1.2);
  transition: .2s ease-in-out;
}

.ld_blueBox:hover {
  background: #6E6EFF 0% 0% no-repeat padding-box;

}

.ld_orangeBox:hover {
  background: #FFA079 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #343434;
}

.ld_greenBox:hover {
  background: #B2C94D 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 10px #00000029;
}

.ld_4miracles {
  margin-top: 91px;
}

.cuttingMIgeBAckg {
  position: absolute;
  right: 0;
  width: 100%;
  overflow: hidden;
  height: 550px;
}



/* <!-- Why Paradigm 24? --> */


.ld_whyp24 {
  position: relative;
}

.ld_whyp24bgImg {
  position: absolute;
  width: 100%;
  top: 25px;
  left: -110px;
}

.ld_whyp24Text p {
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
  margin: 0;
}

.ld_whyp24Point1 {
  background: #F3F3FF 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 10px #00000029;
  border: 0.20000000298023224px solid #6E6EFF;
  opacity: 1;
  padding: 9px 11px;
}

.ld_whyp24Point2 {
  background: #FBFFE8 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #93A541;
  opacity: 1;
  padding: 9px 11px;
}

.ld_whyp24Point3 {
  background: #FFEFEF 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #E5213B;
  opacity: 1;
  padding: 9px 11px;
}

.ld_whyp24Point4 {
  background: #FEF0F7 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #ED4F9B;
  opacity: 1;
  padding: 9px 11px;
}





.ld_videoplayerBox {
  border: 15px solid #121212;
  /* height: 92%; */
  width: 100%;
  overflow: hidden;
  margin-left: 80px;
  border-radius: 10px;
}

.ld_videoplayerBoy {
  position: absolute;
  left: -8px;
  top: 37px;
  z-index: 2;
}

.ld_byvideo {
  background-color: #121212;
  height: 100%;

}

/* Read and improve  */

.ld_readImprove {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  opacity: 1;
  overflow: hidden;
  height: 100%;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.ld_readImproveIMg {
  width: 100%;
  /* height: 200px; */
}

.ld_readImproveDate {
  padding: 4px 0px 15px 0px;
}

.ld_readImproveDate p {
  font: normal normal 500 12px/18px Poppins;
  letter-spacing: 0px;
  color: #553E93;
  opacity: 1;
  margin: 0;
}

.ld_readImproveTextBox {
  padding: 10px 14px 15px 15px;
}

.ld_readImprove:hover {
  box-shadow: 0px 6px 12px #00000029;
  transform: translateY(-5px) scale(1.02);
}

/* old is gold section */

.oldIsGoldBox {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 15px;
  opacity: 1;
  width: 393px;
  max-width: 100%;
  height: 100%;
}

.oldIsGoldBox span i {
  background: transparent linear-gradient(90deg, #E2BF30 0%, #FFCE00 58%, #F8F3BC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.oldIsGoldBox .commentstext {
  font: normal normal normal 14px/24px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
  margin: 0;
  padding-top: 10px;
}

.oldIsGoldBox .reviweBy h6 {
  font: normal normal 600 14px/28px Poppins;
  letter-spacing: 0px;
  color: #525252;
  opacity: 1;
  margin: 0;
}

.oldIsGoldBox .reviweBy p {
  font: normal normal normal 14px/26px Poppins;
  letter-spacing: 0px;
  color: #525252;
  opacity: 1;
  margin: 0;
}


/* Why our portal is talk-of-the countries */

/* .talkOfTheCountriesWidth {
    position: relative;
    overflow: hidden;

}

.talkOfTheCountriesWidthBAck {
    position: relative;



}

.talkOfTheCountriesWidthBAck img {
    position: absolute;
    right: -73px;
    bottom: -52px;

} */

.ld_bannertopheading .text {
  padding: 10px 48px;
  margin: 0;
}

.talkOfTheCountries {
  background: #f2f2ff 0% 0% no-repeat padding-box;
  border-radius: 129px 20px 20px 20px;
  position: relative;
}


.talkOfTheCoun_img1 {
  position: absolute;
  right: 7px;
  opacity: 0.1;
  width: 31%;
}

.talkOfTheCoun_img2 {
  position: absolute;
  opacity: 0.1;
  rotate: 0deg;
  left: -102px;
  bottom: 0;
}

.ld_ratingOverviewClass {
  justify-content: center;
  position: relative;
  top: 40px;
  gap: 37px;
}

.ld_box1background {
  background: #DDD4F3 0% 0% no-repeat padding-box;
}

.ld_box2background {
  background: #FFE0D1 0% 0% no-repeat padding-box;
}

.ld_box3background {
  background: #FBFFE8 0% 0% no-repeat padding-box;
}

.ld_box4background {
  background: #FEF0F7 0% 0% no-repeat padding-box;
}

.ld_box1 {
  box-shadow: 3px 3px 10px #00000029;
  border-radius: 10px;
  opacity: 1;
  width: 227px;
  padding: 16px 8px;
  /* margin-top: 25px; */
}

.ld_box1 h5 {
  font: normal normal bold 24px/35px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}

.ld_box1 p {
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
  margin: 0;
}

.ld_box1 h6 {
  font: normal normal 600 22px/33px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}

.owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 10px;
}

.thousandsOfCustomer {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #343434;
  opacity: 1;
}

.ld_footerLinks .ld_whatsap {
  font: normal normal normal 14px/29px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.ld_usefullHeading h4 {
  font: normal normal 600 16px/35px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.ld_usefullHeading .ulList-Footer li a {
  font: normal normal normal 14px/37px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  opacity: 1;
  text-decoration: none;
}

/* crousel Css */
.owl-carousel.customeOwlCarousel .owl-nav {
  position: absolute;
  right: 0px;
  bottom: 0;
}

.owl-carousel.customeOwlCarousel .owl-nav .owl-prev,
.owl-carousel.customeOwlCarousel .owl-nav .owl-next {
  width: 22px;
  background: black;
  color: white;
  height: 22px;
  right: auto;
}

.owl-carousel.customeOwlCarousel .owl-nav .owl-prev:hover,
.owl-carousel.customeOwlCarousel .owl-nav .owl-next:hover {
  background: #6E6EFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 0px #00000029;
  opacity: 1;
}

.customeOwlCarousel .owl-item {
  height: 100%;
}

.customeOwlCarousel .item {
  height: 100%;
}


/* crousel Css */
.ld_partnerImgset {
  width: 150px !important;
  height: 150px;
}


@media (max-width:1205px) {
  .ld_bannerRightCustome {
    margin-bottom: 0px;
  }

  .ld_bannerRightCustome img {
    width: 102%;
  }

  .ld_bannerRightCustome .ld_eorthonpeoplediv {
    margin-left: -103px;
  }

  .ld_navbarMainleftimgText {
    padding-bottom: 32px;
  }

  .ld_trainYourSelfbox {
    margin-top: -150px;
  }
}

@media (max-width:991px) {
  .ld_navbarMainleftimgText {
    position: relative;
    z-index: 1;
    padding-top: 14px;
  }

  .ld_backshap {
    width: 46%;
  }

  .ld_bannerRightCustome img {
    width: auto;
    width: 100%;
  }

  .ld_bannerRightCustome .ld_eorthonpeoplediv {
    margin-left: 0px;
  }

  .ld_bannerRightCustome {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }

  .ld_offerBannerBoxdesign {
    border-radius: 0px 34px;

  }

  .ld_4miracles {
    margin-top: 41px;
  }

  #wave {
    height: auto;
  }

  .waveImg {
    display: none;
  }

  .noneBoxdesign {
    display: none;
  }

  .displayBoxdesign {
    display: block;
  }

  .plainIMagResponsiveBox {
    position: relative;
    display: flex;
    justify-content: center;
  }

  .plainIMagResponsiveBoximg1 {
    position: relative;
    z-index: 1;
  }

  .plainIMagResponsiveBoximg2 {
    position: absolute;
    top: 3px;
    z-index: 0;
    rotate: -18deg;
    width: 69%;
  }

  .ld_trainYourSelfbox {
    margin-top: 60px;
  }

  .styleshBorderDiscription {
    width: 100%;
  }

  .ld_videoplayerBorder {
    bottom: auto;
  }

  .talkOfTheCountriesWidth {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .ld_navBadgenew {
    right: auto;
  }

}

@media (max-width:768px) {
  .ld_videoplayerBoy {
    display: none;
  }

  .ld_videoplayerBox {
    margin-left: 0px;
    border: 6px solid #121212;
  }

  .top_bar {
    display: none;
  }

  .ld_newNavContent li a {
    text-align: center;
  }

  .myLdDropdownPTe {
    text-align: center;
  }

  .ld_profileBtnNav {
    margin-bottom: 20px;

  }

  .centerBtn {
    justify-content: center;
  }

  .ld_navbarMain {
    padding: 0px 15px !important;
  }

}

@media (max-width:560px) {
  .ld_navbarMainleftimgText {
    padding: 0px 0px;
  }

  .ld_offerBannerBoxdesign {
    border-radius: 0px 18px;
  }

  .plainIMagResponsiveBoximg2 {
    width: 100%;
  }

  .talkOfTheCountries {
    border-radius: 0px;
  }


}

@media (max-width:1336px) and (min-width:978px) {
  .ld_trainYourSelfbox {
    position: relative;
    top: -58px;
  }
}

/* landing pageCSS */


/* all testBtn */
.allTestShowProfile {
  background-color: #6E6EFF;
  border: 1px solid #6E6EFF !important;
  border-radius: 15px !important;
  opacity: 1;
  font: normal normal 600 15px / 16px Segoe UI !important;
  letter-spacing: 0px;
  color: #fff !important;
  transition: transform 0.1s ease-in-out;
  padding: 6px 16px;
}

/* .allTestShowProfile:hover {
  background-color: #6E6EFF; 
  color: #fff; 
  transition: transform 0.1s ease-in-out;
} */
/* all testBtn */
.testTargetPopupbtn {
  background-color: #FFF;
  border: 1px solid #6E6EFF !important;
  border-radius: 15px !important;
  opacity: 1;
  font: normal normal 600 15px / 16px Segoe UI !important;
  letter-spacing: 0px;
  color: #6E6EFF;
  transition: transform 0.1s ease-in-out;
  padding: 6px 16px;
}

.testTargetPopupbtn:hover {
  background-color: #6E6EFF;
  color: #fff;
  transition: transform 0.1s ease-in-out;
}

.ldUserProfileImg {
  width: 47px !important;
  height: 49px !important;
  border-radius: 8px;
}

/* all testBtn */

/* Filter Page Css 03-08-2024 */
.dateSelectorBoxWidth {
  max-width: 140px;
}


/* .dropdown-menu-custom {
  max-width: 200px; 
}
.dropdown-item-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
/* .dropdown-menu-custom {
  max-width: 200px; 
} */

/* .dropdown-item-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.selected-badge {
  display: flex;
  align-items: center;
} */

.dropdown-menu-custom {
  max-width: 200px;
}

.dropdown-item-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filterBox {
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: #495057;
  opacity: 1;
  border: 1px solid #ced4da;

}

/* Filter Page Css 03-08-2024 */

/* S new overall Score box View Answer 07-08-2024 */
.nw_overallScoreBox {
  background: #F2F2F2 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #707070;
  border-radius: 5px;
  opacity: 1;
  padding: 22px;
}

.nw_overallScoreBox h5 {
  font: normal normal 600 20px/20px Poppins;
  letter-spacing: 0px;
  /* color: #DF0000F2; */
  opacity: 1;
}

.nw_overallScoreBox p {
  font: normal normal 500 16px/21px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
}

.nw_overallScoreBox h6 {
  font: normal normal 500 16px / 21px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
}

.nw_overallScoreBoxDetails {
  text-align: center;
}

.nw_overallScoreBoxDetails p {
  font: normal normal 500 14px/24px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
}

.nw_overallScoreBoxDetails h6 {
  font: normal normal bold 16px/4px Poppins;
  letter-spacing: 0px;
  opacity: 1;
}

.nw_overallScoreBoxDetails h6.ContentText {
  color: #E87034;
}

.nw_overallScoreBoxDetails h6.GrammarText {
  color: #553E93;
}

.nw_overallScoreBoxDetails h6.VocabularyText {
  color: #305A9A;
}

.nw_overallScoreBoxDetails h6.StructureText {
  color: #00919B;
}

.nw_overallScoreBoxDetails h6.SpellingText {
  color: #9B4400;
}


.nw_overAllScoreTable th {
  border-top: 0px !important;
}

/* E new overall Score box View Answer 07-08-2024 */

/*S Remark Your Score Popup 07-08-2024 */
.nw_checkStatusScore {
  width: 139px;
  max-width: 100%;
}

.nw_checkStatusScore h6 {
  font: normal normal 600 30px/44px Poppins;
  letter-spacing: 0px;
  opacity: 1;
  margin: 0;
}

.nw_checkStatusScore p {
  font: normal normal 500 14px/24px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
  margin: 0;
  text-wrap: nowrap;
}

.nw_suggestionbox table thead {
  background: #A3A3A326;
  font: normal normal 500 14px/21px Poppins;
  letter-spacing: 0px;
  color: #414141;
}

.nw_suggestionbox table tbody {
  font: normal normal normal 14px/24px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
}

.nw_suggestionbox table tbody tr td {
  border: 1px solid #a3a3a330;
}

.nw_suggestionbox table tbody tr td.notes {
  font: normal normal normal 14px/20px Poppins;
  letter-spacing: 0px;
  color: #2B2B2B;
}

/*E Remark Your Score Popup 07-08-2024 */

/* small change */
.myInstituteIdNum {
  border: 1px solid #e2378b;
  border-left: 3px solid #e2378b;
}

.myInstituteIdNum p {
  color: #e2378b;
  padding: 1px 7px;
}



/* small change */

/* add all popup inside report analatics box 21-08-2024 */
/* #scoreChart{
  height: 600px !important;
} */

.analyticsReportList {
  background-color: #F1F1F1 !important;
  border-radius: 0;
  padding: 8px;

}

.analyticsReportList.active {
  background-color: white !important;
  border-bottom: 1px solid #c8c8c8 !important;

}

.analyticsReportList button {
  font: normal normal normal 12px/2px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;

}

/* add all popup inside report analatics box 21-08-2024 */

/* start online edit css  22-08-2024*/
.heading_ofQuestionWrong {
  background: #FD6A6A !important;
}

.heading_ofQuestionWrong h2 {
  color: #fff !important;
}

.byPteVouchernew {
  background: white;
  /* padding: 10px; */
  border-radius: 25px;
  width: 44px;
  display: inline-block;
  height: 44px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  border: 1px solid #acacac;
}

.new_ld_signupBtn {
  background: #E5213B 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #E0424252;
  opacity: 1;
  border: transparent;
  font: normal normal normal 16px/20px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  border-radius: 30px;
  font-weight: 600;
  padding: 10px 60px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: table;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-align: center;
}

/* 26-08 */

.myRangeSelectorbox {
  position: relative;
}

.mytooltipCls {
  position: absolute;
  top: 30px;
  width: 34px;
  height: 20px;
  background: #fff;
  font: normal normal 600 13px/15px Poppins;
  color: #9D43C8;
  border-radius: 73% 79% 81% 100% / 81% 77% 96% 100%;
  text-align: center;
  line-height: 21px;
  z-index: 2;
  box-shadow: 0px 3px 6px #00000038;
  left: 0px;
}

div#myTooltip::before {
  content: ' ';
  width: 10px;
  height: 10px;
  position: absolute;
  background: #fff;
  bottom: -2px;
  left: 13px;
  rotate: 43deg;
  z-index: -2;
}

.myRangeSelectorbox:hover .mytooltipCls {
  visibility: visible;
}

.myTestTargetRange {
  margin-top: 12px;
}

#rangeval {
  width: 32px;
  display: inline-block;
  border: 1px solid gray;
  text-align: center;
}

.nw_targetScorReport p {
  margin: 0;
  font: normal normal normal 14px/20px Poppins;
}

.myModuleClassName {
  width: 45px;
  text-align: center;
}

.myModuleClassName.active p {
  opacity: 1;
}

.myModuleClassName.active p span {
  font-weight: 700;
}


.myScorCardhover {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 4px -1px 8px -1px #00000029;
  opacity: 1;
  border-radius: 7px;
  display: none;
  position: absolute;
  z-index: 1;
  left: -13px;
  bottom: -30px;
}

.hoverTitle:hover .myScorCardhover {
  display: block;
}

.myScorCardhover::before {
  content: ' ';
  background: white;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 44%;
  rotate: 135deg;
}

.myScorCardhover p {
  font: normal normal normal 12px / 20px Poppins;
  letter-spacing: 0px;
  color: #414141 !important;
  margin: 0;
  text-wrap: nowrap;
  padding: 6px 12px;
  opacity: 1 !important;
}

/* login page */
.addInloginText {
  font-weight: 500;
  font-size: 21px;
  color: #000;
  text-align: center;
  margin-bottom: 42px;
  line-height: 2;
}

.ld_blogPageHeading h6 a {
  font: normal normal 600 16px/25px Poppins;
  letter-spacing: 0px;
  color: #000000 !important;
  opacity: 1;
}

.ld_blogPageHeading span p {
  font: normal normal normal 14px/25px Poppins;
  letter-spacing: 0px;
  color: #000000;
}

/* login page */

/* Custome range color change */
.customeRangeSlider::-webkit-slider-runnable-track {
  /* background: linear-gradient(to right, #6E6EFF, #e9ecef); */
  /* background: #e9ecef; */
  height: 8px;
  border-radius: 5px;
}

.customeRangeSlider::-webkit-slider-thumb {
  /* position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #6E6EFF;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px; */
}

.customeRangeSlider::-moz-range-track {
  /* background: linear-gradient(to right, #6E6EFF, #e9ecef); */
  /* background: #e9ecef; */
  height: 8px;
  border-radius: 5px;
}

.customeRangeSlider::-moz-range-thumb {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background: #6E6EFF !important;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #ffffff;
}

.customeRangeSlider::-webkit-slider-thumb {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #6E6EFF !important;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  border: 2px solid #ffffff;
}

.customeRangeSlider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  /* background: linear-gradient(to right, #6E6EFF, #e9ecef); */
  /* background: #e9ecef; */
  height: 8px;
  border-radius: 5px;
  outline: none;
}

.customeRangeSlider::-ms-thumb {
  appearance: none;
}

/* range bottom count */
.slider-container {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 20px auto;

}

.slider-values {
  display: flex;
  justify-content: space-between;
  /* top: 30px; */
  width: 100%;
}

/* .slider-values span {
  user-select: none; 
  font-size: 10px;
  margin-top: 7px;
  color: #333;
  position: relative;
} */

.slider-values span {
  /* cursor: pointer; */
  user-select: none;
  /* padding: 5px; */
  font-size: 10px;
  margin-top: 7px;
  color: #333;
  position: relative;
  width: 1px;
  height: 5px;
  background: gray;
  line-height: 3;
  display: flex;
  justify-content: center;
}

/* .slider-values span::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 5px;
  top: -4px;
  left: 6px;
  border-left: 1px solid #b7b7b7;
  z-index: 0;
} */

/* .slider-values span:hover {
  color: #ff7e5f;
} */

/* range bottom count */







/* Custome range color change */
.fullWidthForDateSelector {
  width: 100%;
}

.dragdropConnection {
  position: absolute;
  content: '';
  width: 0px;
  height: 105%;
  background: black;
  left: 0;
  /* z-index: 1; */
  border-left: 6px solid #65a00d;
  top: 6px;
}

.myCustomeprofileDropdown:active {
  background: transparent linear-gradient(90deg, #A7A7FF 0%, #FF9FCF 100%) 0% 0% no-repeat padding-box !important;
  color: white !important;
}

.new_notificationForStudent:active {
  color: #05487d !important;
  background-color: #d8edfe !important;

}

/* Exit online edit css */


/* microphone page 26-08-2024 */
.microPhone_head h1 {
  font: normal normal 600 16px/35px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
  text-align: center;
}

.microPhone_text h2 {
  font: normal normal 600 14px/21px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
  margin: 0;
  text-align: left;
}

.microPhone_text p {
  font: normal normal normal 14px/24px Poppins;
  letter-spacing: 0px;
  color: #3D3D3D;
  opacity: 1;
  margin: 0;
  text-align: left;
}

.checkYourMicPhoneMainpage {
  background: #F3F3FF 0% 0% no-repeat padding-box;
}

.checkYourMicPhoneMainpage h2 {
  font: normal normal 500 16px/25px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
  padding: 8px 16px;
}

.microPhoneBoxMain {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  opacity: 1;
}

.microPhoneBoxPlayIcon {
  padding: 25px;
  height: 190px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.voiceBoxCustome {
  display: block;
  width: 40%;
}

/* microphone page 26-08-2024 */



/* System required page 30-08-2024 */
.microPhone_textNote p {
  font: normal normal normal 13px / 20px Poppins;
  letter-spacing: 0px;
  color: #414141;
  opacity: 1;
}

.new_spedometerChartText {
  text-transform: uppercase;
  font-weight: 300;
  color: #6D6E71;
  font-size: 20px;
  text-align: center;
  padding-top: 16px;
}


@media (max-width: 1280px) {
  .microPhoneBoxPlayIcon {
    padding: 0px;
    height: 190px;
    display: flex;
    justify-content: space-between;
    align-items: end;
  }

}



/* System required page 30-08-2024 */

/* title hover on text answer view 04-09-2024 */
.new_wordTextforHovBox {
  position: relative;
}

.new_wordTextforHov {
  background: #05487d;
  color: white;
  padding: 0px 6px;
  position: relative;
  cursor: help;
}

.new_ansHoverText_ans {
  position: absolute;
  display: none;
  width: 135px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 1px 4px 6px 0px #0000004a;
  opacity: 1;
  border-radius: 7px;
  bottom: 26px;
  left: -40px;
  text-align: center;
}

.new_ansHoverText_ans p {
  font: normal normal normal 12px / 22px Poppins;
  letter-spacing: 0px;
  margin: 0;
  padding: 7px 6px;
  color: #000;
}

.new_ansHoverText_ans::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffffff;
  bottom: -4px;
  rotate: 44deg;
}

.new_wordTextforHovBox:hover .new_ansHoverText_ans {
  display: block;
}

.blueDot i {
  color: #05487d;
  font-size: 6px;
}

.addHeadin_instudentAns{
  font: normal normal 600 16px / 15px Poppins;

}

/* 06-09 */
.new_hoverRedText{
  position: relative;
  cursor: help;
}
/* 06-09 */




/* New Payment Details page html css 06-09-2024 */
.sd_purchaseReport_h2 {
    font: normal normal bold 16px/25px Poppins;
    letter-spacing: 0px;
    color: #484848;
    opacity: 1;
}

.sd_purchaseReport_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 5px #0000000A;
    border: 0.5px solid #E1E1E1;
    opacity: 1;
}

.sd_purchaseReport_left {
    background: #EEE8F8 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
}



.sd_purchaseReport_Showtable table tbody tr {
    justify-content: space-between;
    display: flex;
    padding: 10px;
}

.sd_purchaseReport_input {
    width: 65px;
    font-size: 14px;
    padding-left: 6px;
}

.sd_purchaseReport_Showtable table tbody tr th {
    font-size: 14px;
    font-weight: 600;
    /* font: normal normal 600 14px/1px Poppins; */
    letter-spacing: 0px;
    color: #232323;
}

.sd_purchaseReport_Showtable table tbody tr td {
    font: normal normal 500 16px/25px Poppins;
    letter-spacing: 0px;
    color: #484848;
    text-wrap: nowrap;
}

.sd_purchaseReport_subtotal th {
    font: normal normal bold 16px/25px Poppins !important;
    letter-spacing: 0px;
    color: #484848;
    opacity: 1;
}

.package_box img { 

    width: 70px !important; 

} 


/* New Payment Details page html css 06-09-2024 */