/* Styling for Fonts */

@font-face {
  font-family: OpenSans-Bold;

  src: url(../fonts/OpenSans-Bold.ttf);

  font-display: swap;
}

@font-face {
  font-family: OpenSans-Regular;

  src: url(../fonts/OpenSans-Regular.ttf);

  font-display: swap;
}

@font-face {
  font-family: OpenSans-SemiBold;

  src: url(../fonts/OpenSans-SemiBold.ttf);

  font-display: swap;
}

@font-face {
  font-family: OpenSans-Light;

  src: url(../fonts/OpenSans-Light.ttf);

  font-display: swap;
}

@font-face {
  font-family: Montserrat-Bold;

  src: url(../fonts/Montserrat-Bold.ttf);

  font-display: swap;
}

@font-face {
  font-family: Montserrat-Regular;

  src: url(../fonts/Montserrat-Regular.ttf);

  font-display: swap;
}

@font-face {
  font-family: Montserrat-SemiBold;

  src: url(../fonts/Montserrat-SemiBold.ttf);

  font-display: swap;
}

@font-face {
  font-family: Montserrat-Medium;

  src: url(../fonts/Montserrat-Medium.ttf);

  font-display: swap;
}

/* Global stying for background */

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #f6f6f8;
}

#main-wrapper {
  background: #f6f6f8;
  margin-bottom: 20px;
}

/* Global stying for Site branding name */

.site-branding__name {
  color: #fffeff;
}

/* Ajax throbber Styling */

.phd-application-form .ajax-progress-throbber {
  position: fixed;
  z-index: 1000;
  top: 48.5%;
  left: 49%;
  background-image: url(../images/loading-small.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
}

.phd-application-form .ajax-progress-throbber .throbber {
  background-image: none;
}

/* Header Styling */

.application-form-login-signup #header .site-branding__logo,
.otp-generate #header .site-branding__logo,
.verify-otp #header .site-branding__logo,
.nias-create-account-form #header .site-branding__logo,
.application-list #header .site-branding__logo,
.phd-application-form #header .site-branding__logo {
  width: 70px;
  margin-top: 3%;
}

.application-form-login-signup #header .clearfix.menu,
.otp-generate #header .clearfix.menu,
.verify-otp #header .clearfix.menu,
.nias-create-account-form #header .clearfix.menu,
.application-list #header .clearfix.menu,
.phd-application-form #header .clearfix.menu {
  display: none;
}

.application-form-login-signup #header,
.otp-generate #header,
.verify-otp #header,
.nias-create-account-form #header,
.application-list #header,
.phd-application-form #header {
  background: #ffffff;
  height: 80px;
}

.application-form-login-signup #header #block-nias-branding,
.otp-generate #header #block-nias-branding,
.verify-otp #header #block-nias-branding,
.nias-create-account-form #header #block-nias-branding,
.application-list #header #block-nias-branding,
.phd-application-form #header #block-nias-branding {
  margin: 0;
}

.application-form-login-signup .site-branding__name div,
.otp-generate .site-branding__name div,
.verify-otp .site-branding__name div,
.nias-create-account-form .site-branding__name div,
.application-list .site-branding__name div,
.phd-application-form .site-branding__name div,
.application-form-login-signup .site-branding__slogan,
.otp-generate .site-branding__slogan,
.verify-otp .site-branding__slogan,
.nias-create-account-form .site-branding__slogan,
.application-list .site-branding__slogan,
.phd-application-form .site-branding__slogan {
  color: #000000;
  opacity: 0.4;
  font-style: normal;
  font-size: 13px;
  font-family: "Montserrat-Medium";
}

.application-form-login-signup .site-branding__name div,
.otp-generate .site-branding__name div,
.verify-otp .site-branding__name div,
.nias-create-account-form .site-branding__name div,
.application-list .site-branding__name div,
.phd-application-form .site-branding__name div {
  text-transform: uppercase;
  font-size: 20px;
  opacity: 1;
  font-family: "Montserrat-Medium";
}

.application-form-login-signup .view-current-user-info .views-field a,
.otp-generate .view-current-user-info .views-field a,
.verify-otp .view-current-user-info .views-field a,
.nias-create-account-form .view-current-user-info .views-field a,
.application-list .view-current-user-info .views-field a,
.phd-application-form .view-current-user-info .views-field a {
  font-size: 13px;
  color: #000000;
  font-family: "OpenSans-Regular";
}

.application-form-login-signup .view-current-user-info .views-field a.logout,
.otp-generate .view-current-user-info .views-field a.logout,
.verify-otp .view-current-user-info .views-field a.logout,
.nias-create-account-form .view-current-user-info .views-field a.logout,
.application-list .view-current-user-info .views-field a.logout,
.phd-application-form .view-current-user-info .views-field a.logout {
  font-family: "OpenSans-Bold";
}

.application-form-login-signup .featured-top img,
.otp-generate .featured-top img,
.verify-otp .featured-top img,
.nias-create-account-form .featured-top img,
.application-list .featured-top img,
.phd-application-form .featured-top img {
  height: 325px;
  width: 1255px;
}

.application-form-login-signup .featured-top,
.otp-generate .featured-top,
.verify-otp .featured-top,
.nias-create-account-form .featured-top,
.application-list .featured-top,
.phd-application-form .featured-top {
  background: none !important;
  border: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.application-form-login-signup #header .logout,
.otp-generate #header .logout,
.verify-otp #header .logout,
.nias-create-account-form #header .logout,
.application-list #header .logout,
.phd-application-form #header .logout {
  background: #3946b1;
  color: white;
  padding: 10px 25px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #3946b1;
  border-radius: 20px;
}

.application-form-login-signup #header .logout:hover,
.otp-generate #header .logout:hover,
.verify-otp #header .logout:hover,
.nias-create-account-form #header .logout:hover,
.application-list #header .logout:hover,
.phd-application-form #header .logout:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

.application-form-login-signup #block-nias-resetpassword-2,
.otp-generate #block-nias-resetpassword-2,
.verify-otp #block-nias-resetpassword-2,
.nias-create-account-form #block-nias-resetpassword-2,
.application-list #block-nias-resetpassword-2,
.phd-application-form #block-nias-resetpassword-2 {
  display: none;
}

.application-form-login-signup .view-current-user-info .views-field-nothing-1,
.otp-generate .view-current-user-info .views-field-nothing-1,
.verify-otp .view-current-user-info .views-field-nothing-1,
.nias-create-account-form .view-current-user-info .views-field-nothing-1,
.application-list .view-current-user-info .views-field-nothing-1,
.phd-application-form .view-current-user-info .views-field-nothing-1 {
  padding: 0;
  padding-right: 20px;
  border-right: 1px solid rgba(112, 112, 112, 0.3);
  background: #ffffff;
  color: rgb(0, 0, 0, 0.7);
}

.application-form-login-signup .view-current-user-info .views-field-nothing,
.otp-generate .view-current-user-info .views-field-nothing,
.verify-otp .view-current-user-info .views-field-nothing,
.nias-create-account-form .view-current-user-info .views-field-nothing,
.application-list .view-current-user-info .views-field-nothing,
.phd-application-form .view-current-user-info .views-field-nothing {
  padding: 0;
  padding-left: 15px;
  background: #ffffff;
}

/* Footer Styling */

.application-form-login-signup .site-footer,
.otp-generate .site-footer,
.verify-otp .site-footer,
.nias-create-account-form .site-footer,
.application-list .site-footer,
.phd-application-form .site-footer {
  padding-top: 75px;
  padding-bottom: 0;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.application-form-login-signup .site-footer .site-footer__bottom,
.otp-generate .site-footer .site-footer__bottom,
.verify-otp .site-footer .site-footer__bottom,
.nias-create-account-form .site-footer .site-footer__bottom,
.application-list .site-footer .site-footer__bottom,
.phd-application-form .site-footer .site-footer__bottom {
  border-top: none;
}

.application-form-login-signup .site-footer .left-row1 ul,
.otp-generate .site-footer .left-row1 ul,
.verify-otp .site-footer .left-row1 ul,
.nias-create-account-form .site-footer .left-row1 ul,
.application-list .site-footer .left-row1 ul,
.phd-application-form .site-footer .left-row1 ul,
.application-form-login-signup .site-footer .row2 .bottom-left,
.otp-generate .site-footer .row2 .bottom-left,
.verify-otp .site-footer .row2 .bottom-left,
.nias-create-account-form .site-footer .row2 .bottom-left,
.application-list .site-footer .row2 .bottom-left,
.phd-application-form .site-footer .row2 .bottom-left,
.application-form-login-signup .site-footer .row2 .bottom-right,
.otp-generate .site-footer .row2 .bottom-right,
.verify-otp .site-footer .row2 .bottom-right,
.nias-create-account-form .site-footer .row2 .bottom-right,
.application-list .site-footer .row2 .bottom-right,
.phd-application-form .site-footer .row2 .bottom-right {
  list-style-type: none;
  font-size: 14px;
}

.application-form-login-signup .site-footer .content,
.otp-generate .site-footer .content,
.verify-otp .site-footer .content,
.nias-create-account-form .site-footer .content,
.application-list .site-footer .content,
.phd-application-form .site-footer .content {
  color: rgba(255, 255, 255, 1) !important;
}

.application-form-login-signup .site-footer .content a,
.otp-generate .site-footer .content a,
.verify-otp .site-footer .content a,
.nias-create-account-form .site-footer .content a,
.application-list .site-footer .content a,
.phd-application-form .site-footer .content a {
  color: rgba(255, 255, 255, 1) !important;
  font-family: "OpenSans-Regular";
}

.application-form-login-signup .site-footer .left-row1 ul li a:hover,
.otp-generate .site-footer .left-row1 ul li a:hover,
.verify-otp .site-footer .left-row1 ul li a:hover,
.nias-create-account-form .site-footer .left-row1 ul li a:hover,
.application-list .site-footer .left-row1 ul li a:hover,
.phd-application-form .site-footer .left-row1 ul li a:hover,
.application-form-login-signup .site-footer .row2 a,
.otp-generate .site-footer .row2 a,
.verify-otp .site-footer .row2 a,
.nias-create-account-form .site-footer .row2 a,
.application-list .site-footer .row2 a,
.phd-application-form .site-footer .row2 a {
  border: none !important;
}

.application-form-login-signup .site-footer .right-row1 p,
.otp-generate .site-footer .right-row1 p,
.verify-otp .site-footer .right-row1 p,
.nias-create-account-form .site-footer .right-row1 p,
.application-list .site-footer .right-row1 p,
.phd-application-form .site-footer .right-row1 p {
  font-size: 14px;
  font-family: "OpenSans-Regular";
}

.application-form-login-signup .social_icons a img:last-child,
.otp-generate .social_icons a img:last-child,
.verify-otp .social_icons a img:last-child,
.nias-create-account-form .social_icons a img:last-child,
.application-list .social_icons a img:last-child,
.phd-application-form .social_icons a img:last-child {
  display: none;
}

.application-form-login-signup .social_icons a:hover img:last-child,
.otp-generate .social_icons a:hover img:last-child,
.verify-otp .social_icons a:hover img:last-child,
.nias-create-account-form .social_icons a:hover img:last-child,
.application-list .social_icons a:hover img:last-child,
.phd-application-form .social_icons a:hover img:last-child {
  display: inline-block;
}

.application-form-login-signup .social_icons a:hover img:first-child,
.otp-generate .social_icons a:hover img:first-child,
.verify-otp .social_icons a:hover img:first-child,
.nias-create-account-form .social_icons a:hover img:first-child,
.application-list .social_icons a:hover img:first-child,
.phd-application-form .social_icons a:hover img:first-child {
  display: none;
}

/* Stying for page title */

/* Application Form (Login/SignUp) */

.application-form-login-signup .page-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

.application-form-login-signup .page-title #first_line_title_text {
  text-transform: uppercase;
  font-family: "Montserrat-Bold";
  font-size: 24px;
  /* font-weight: bold; */
  color: black;
  height: 37px;
  background: rgba(82, 97, 216, 0.24);
}

.application-form-login-signup .page-title #second_line_title_text {
  text-transform: uppercase;
  font-family: "Montserrat-Bold";
  font-size: 24px;
  color: black;
  /* font-weight: bold; */
}

/* Login form for Applicant, Faculty (OTP Generate) */

.otp-generate .login-page-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

.otp-generate .login-page-title #first_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  background: rgba(82, 97, 216, 0.24);
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}

.otp-generate .login-page-title #second_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Login form for Applicant, Faculty (OTP verify) */

.verify-otp .login-page-title,
.verify-otp .create-account-page-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

.verify-otp .login-page-title #first_line_title_text,
.verify-otp .create-account-page-title #first_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  background: rgba(82, 97, 216, 0.24);
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}

.verify-otp .login-page-title #second_line_title_text,
.verify-otp .create-account-page-title #second_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* NIAS Create Account */

.nias-create-account-form .create-account-page-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

.nias-create-account-form .create-account-page-title #first_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  background: rgba(82, 97, 216, 0.24);
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}

.nias-create-account-form .create-account-page-title #second_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Application List Page (Applicant and Faculty) */

.application-list #block-nias-pagetitle .page-title {
  margin-bottom: 20px;
  margin-top: 10px;
}

.application-list #block-nias-pagetitle .page-title #first_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  background: rgba(82, 97, 216, 0.24);
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}

.application-list #block-nias-pagetitle .page-title #second_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.application-list .view-apply-now-webform-submissions .view-header {
  display: none;
}

/* Application Form */

.phd-application-form #block-niasapplications2021 .create-account-page-title {
  margin-bottom: 20px;
  margin-top: 30px;
}

.phd-application-form
  #block-niasapplications2021
  .create-account-page-title
  #first_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  background: rgba(82, 97, 216, 0.24);
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
  display: inline-block;
}

.phd-application-form
  #block-niasapplications2021
  .create-account-page-title
  #second_line_title_text {
  font-weight: bold;
  font-family: "Montserrat-Bold";
  margin: 0;
  font-size: 24px;
  color: black;
  height: 37px;
  letter-spacing: 0;
  text-transform: uppercase;
}

/* Styling for page card */

/* Styling for input font for all pages */

.nias-create-account-form input,
.verify-otp input {
  font-family: "OpenSans-Regular";
}

/* Application Form (Login/SignUp) */

.application-form-login-signup #block-nias-content .content {
  padding-left: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular";
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Login form for Applicant, Faculty (OTP Generate) */

.otp-generate #block-nias-content .content {
  padding-left: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular";
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Login form for Applicant, Faculty (OTP verify) */

.verify-otp #block-nias-content .content {
  padding-left: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular";
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* NIAS Create Account */

.nias-create-account-form #block-nias-content .content {
  padding-left: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular";
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

.nias-create-account-form #block-nias-content .content #user-register-form {
  position: relative;
}

/* Application List Page (Applicant and Faculty) */

.application-list .view-apply-now-webform-submissions .view-content {
  padding: 50px;
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Application Form */

/* Basic details */

.phd-application-form #edit-basic-details--2 {
  padding: 20px 40px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular" !important;
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Attachment details */

.phd-application-form #edit-upload-file--2 {
  padding: 20px 40px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular" !important;
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Preview Page */

.phd-application-form #edit-preview {
  padding: 20px 40px;
  padding-bottom: 50px;
  font-family: "OpenSans-Regular" !important;
  background: white;
  box-shadow: 0px 10px 25px #00000014;
}

/* Styling for card elements */

/* Application Form (Login/SignUp) */

.application-form-login-signup
  .node--type-article
  .field--name-body
  .signup_login_title {
  font-size: 24px;
  font-family: "Montserrat-Bold";
}
.application-form-login-signup
  .node--type-article
  .field--name-body
  .signup_text {
  font-size: 16px;
  color: #27282c;
}
.application-form-login-signup
  .node--type-article
  .field--name-body
  .signup_login_link {
  color: #3946b1;
  font-family: "OpenSans-Bold";
  border: none;
  font-size: 16px;
}

/* Login form for Applicant, Faculty (OTP Generate) */

.otp-generate .highlighted .messages--error {
  background-image: none;
  box-shadow: none;
  background: white;
}

.otp-generate .nias-login-form .form-item-email label,
.verify-otp .nias-verify-form .form-item-user-email label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.otp-generate .nias-login-form .form-item-email input,
.verify-otp .nias-verify-form .form-item-user-email input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  padding: 10px;
  width: 1030px;
  font-size: 13px;
}

.otp-generate .nias-login-form .form-item-email #edit-email--description {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  opacity: 0.7;
}

.otp-generate .nias-login-form #edit-generate-otp {
  background: #3946b1;
  color: white;
  /* font-weight: bold; */
  font-family: "OpenSans-Bold";
  text-transform: uppercase;
  width: 360px;
  height: 40px;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
  margin-right: 36px;
}

.otp-generate .nias-login-form #edit-generate-otp:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

/* Login form for Applicant, Faculty (OTP verify) */

.verify-otp .highlighted .messages--error,
.verify-otp .highlighted .messages--status,
.verify-otp .form-item--error-message,
.application-list .highlighted .better-messages-content .messages--status {
  display: none;
}

.verify-otp .nias-verify-form .form-item-otp label,
.verify-otp .nias-user-register-form .form-item-otp label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.verify-otp .nias-verify-form .form-item-otp input,
.verify-otp .nias-user-register-form .form-item-otp input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  padding: 10px;
  width: 1030px;
  font-size: 13px;
}

.verify-otp .nias-verify-form .form-item-otp #edit-otp--description,
.verify-otp .nias-user-register-form .form-item-otp #edit-otp--description {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  opacity: 0.7;
}

.nias-create-account-form .form-item--error-message::before,
.otp-generate .form-item--error-message::before,
.phd-application-form .form-item--error-message::before {
  display: none;
}

.nias-create-account-form .highlighted,
.otp-generate .highlighted,
.phd-application-form div.better-messages-has-errors {
  display: none !important;
}

.verify-otp .nias-verify-form .form-item-otp .nias_login_error_msgs,
.verify-otp .nias-user-register-form .form-item-otp .nias_login_error_msgs,
.nias-create-account-form .form-item--error-message,
.otp-generate .form-item--error-message,
.phd-application-form .form-item--error-message {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  opacity: 0.7;
  color: #cc0000;
  font-weight: 500;
}

.verify-otp .nias-verify-form .form-item-otp .error,
.verify-otp .nias-user-register-form .form-item-otp .error,
.nias-create-account-form #user-register-form .form-item--error input,
.otp-generate .form-item--error input,
.phd-application-form .form-item--error div.js-webform-document-file {
  border: 1px solid #cb383e !important;
}

.verify-otp .nias-verify-form #edit-actions input,
.verify-otp .nias-user-register-form #edit-actions input {
  background: #3946b1;
  color: white;
  /* font-weight: bold; */
  font-family: "OpenSans-Bold" !important;
  text-transform: uppercase;
  width: 360px;
  height: 40px;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
  margin-right: 36px;
}

.verify-otp .nias-verify-form #edit-actions input:hover,
.verify-otp .nias-user-register-form #edit-actions input:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

.verify-otp .nias-verify-form #edit-actions a,
.verify-otp .nias-user-register-form #edit-actions a,
.otp-generate .nias-login-form a,
.nias-create-account-form .user-register-form #edit-customtext a {
  background: #3946b1;
  color: white;
  font-family: "OpenSans-Bold";
  /* font-weight: bold; */
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
  padding: 9.5px;
  padding-left: 65px;
  padding-right: 65px;
}

.nias-create-account-form .user-register-form #edit-customtext a {
  position: absolute;
  left: 34.5%;
  top: 99.5%;
}

.verify-otp .nias-verify-form #edit-actions a:hover,
.verify-otp .nias-user-register-form #edit-actions a:hover,
.otp-generate .nias-login-form a:hover,
.nias-create-account-form .user-register-form #edit-customtext a:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

.verify-otp .nias-verify-form .help-block,
.verify-otp .nias-user-register-form .help-block {
  text-decoration: underline;
  font-size: 16px;
  letter-spacing: 0;
}

/* NIAS Create Account */

.nias-create-account-form .custom-user-register #edit-account .form-item-roles {
  display: none;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-field-first-name-wrapper
  label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-field-first-name-wrapper
  input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  padding: 10px;
  width: 500px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-field-last-name-wrapper
  .form-item {
  top: 0;
  position: absolute;
  margin-left: 530px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-field-last-name-wrapper
  label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-field-last-name-wrapper
  input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  width: 500px;
  padding: 10px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  .form-item-mail
  label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  .form-item-mail
  input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  padding: 10px;
  width: 1030px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  .form-item-mail
  #edit-mail--description {
  display: none;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-parent {
  max-width: initial;
}

.nias-create-account-form .custom-user-register .password-confirm-message span {
  text-transform: uppercase;
}

.nias-create-account-form .custom-user-register #edit-account #edit-pass label {
  font-size: 16px;
  opacity: 0.7;
  margin-bottom: 10px;
}

.nias-create-account-form .custom-user-register #edit-account #edit-pass input {
  border: 1px solid #27282c33;
  background: #efeff480;
  border-radius: 20px;
  display: block;
  padding: 10px;
  width: 1030px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-strength {
  padding-top: 8px;
  position: relative;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-strength
  .password-strength__meter {
  width: 248px;
  background: #f6f6fd;
  border: 1px solid rgba(57, 70, 177, 0.2);
  border-radius: 10px;
  opacity: 1;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-strength
  .password-strength__meter
  .password-strength__indicator {
  border-radius: 10px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-strength
  .password-strength__title {
  font-size: 12px;
  opacity: 0.7;
  position: absolute;
  left: 266px;
  top: 35%;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .confirm-parent {
  max-width: initial;
  margin-top: 15px;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-confirm-message {
  padding-top: 10px;
  font-size: 12px;
  opacity: 0.7;
  visibility: visible;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  .password-suggestions {
  display: none !important;
}

.nias-create-account-form
  .custom-user-register
  #edit-account
  #edit-pass
  #edit-pass--description {
  display: none;
}

.nias-create-account-form .custom-user-register #edit-actions #edit-submit {
  position: absolute;
  background: #3946b1;
  font-family: "OpenSans-Bold" !important;
  color: white;
  /* font-weight: bold; */
  text-transform: uppercase;
  width: 360px;
  height: 40px;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
}

.nias-create-account-form
  .custom-user-register
  #edit-actions
  #edit-submit:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

.nias-create-account-form .custom-user-register #edit-cutomtext {
  margin-left: 400px;
  position: relative;
  bottom: 5px;
}

.nias-create-account-form .custom-user-register #edit-cutomtext a {
  background: #3946b1;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
  padding: 9.5px;
  padding-left: 65px;
  padding-right: 65px;
}

.nias-create-account-form .custom-user-register #edit-cutomtext a:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

/* Application List Page (Applicant and Faculty) */

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  thead
  th {
  background: #2b314e;
  color: #ffffff !important;
}

.application-list table {
  font-family: "OpenSans-Regular";
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  thead
  th {
  text-align: center;
  border: 1px solid #2b314e;
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  tbody
  tr
  td {
  background: #ffffff;
  text-align: center;
  border: 1px solid #2b314e;
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  tbody
  tr
  td
  a {
  text-decoration: underline;
  border: none;
  color: #27282c;
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  tbody
  tr
  td
  a:hover {
  text-decoration: none;
  color: #4ee4ff;
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  #view-counter-table-column {
  width: 50px;
}

.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  th,
.application-list
  .view-apply-now-webform-submissions
  .view-content
  .views-table
  td {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  color: #27282c;
}

.application-list .pager {
  margin: 37px 0 20px;
}

.application-list .pager ul li a {
  font-size: 14px;
  color: rgba(39, 40, 44, 0.4);
}

.application-list .pager ul .pager__item {
  padding: 0 10px;
}

.application-list .pager ul .pager__item a,
a.link {
  border: none;
}

.application-list .pager ul li a:hover {
  cursor: pointer;
}

.application-list .pager ul .is-active a {
  border-radius: 50%;
  background: #2b2eff;
  padding: 6px 12px;
  color: #ffffff !important;
}

.application-list .pager ul .is-active {
  padding: 0 !important;
}

.application-list .pager .pager__items {
  font-family: "OpenSans-Regular";
}

.application-list .pager ul .pager__item--last a span {
  font-family: "OpenSans-Bold";
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #212529;
}

.application-list .pager ul .pager__item--first a span {
  font-family: "OpenSans-Bold";
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  color: #212529;
}

.application-list .pager ul .pager__item--last a:hover {
  background: none !important;
  padding: 0;
  color: unset !important;
}

.application-list .pager ul .pager__item--first a:hover {
  background: none !important;
  padding: 0;
  color: unset !important;
}

.application-list .pager ul .pager__item--next,
.pager__item--previous {
  display: none;
}

/* Application Form */

/* For progress bar */

.phd-application-form .webform-progress ul li .progress-text {
  position: relative;
  bottom: 100%;
  font-family: "OpenSans-Regular";
  letter-spacing: 0px;
  color: #27282c;
  opacity: 0.5;
}

.phd-application-form .webform-progress ul .is-active .progress-text {
  opacity: 1 !important;
}

.phd-application-form .progress-marker::before {
  padding-bottom: 0;
  width: 19px;
  height: 19px;
}

.phd-application-form .progress-marker::after {
  top: 10px;
  height: 2px;
}

.phd-application-form
  .webform-progress-tracker
  .progress-step:not(.is-active)
  .progress-marker::before,
.webform-progress-tracker .progress-step:hover .progress-marker::before,
.webform-progress-tracker .progress-step .progress-marker::after {
  /* background-color: #3946b1;  */
  color: #3946b1;
}

.phd-application-form
  .webform-progress-tracker
  .progress-step.is-complete
  .progress-marker::before,
.phd-application-form
  .webform-progress-tracker
  .progress-step.is-complete
  .progress-marker::before,
.phd-application-form
  .webform-progress-tracker
  .progress-step.is-complete
  .progress-marker::after {
  background-color: #3946b1 !important;
  color: #3946b1 !important;
}

.phd-application-form
  .webform-progress-tracker
  .progress-step:not(.is-active)
  .progress-marker::before,
.phd-application-form
  .webform-progress-tracker
  .progress-step:hover
  .progress-marker::before,
.phd-application-form
  .webform-progress-tracker
  .progress-step
  .progress-marker::after {
  background-color: #b6b6b6;
  color: #b6b6b6;
}

.phd-application-form .progress-step.is-active .progress-marker::before {
  background-color: #3946b1 !important;
  border: 1px solid #f6f6f8;
  opacity: 1;
  color: #3946b1;
  border-radius: 50%;
}

.phd-application-form .webform-progress-tracker .progress-title[role="link"] {
  color: unset;
  text-decoration: none;
}

.phd-application-form
  .webform-progress-tracker
  .progress-step.is-active:hover
  .progress-marker::before {
  background-color: #3946b1;
  color: #3946b1;
}

/* For the form elements */

.phd-application-form input,
.phd-application-form textarea {
  font-family: "OpenSans-Regular";
}

.phd-application-form .webform-required {
  display: none;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row1,
.phd-application-form #edit-basic-details--2 #edit-pd-row2,
.phd-application-form #edit-basic-details--2 #edit-pd-row3 {
  font-size: 13px;
  opacity: 1;
  color: #222222;
}

.phd-application-form #edit-basic-details--2 .js-form-type-webform-markup,
.phd-application-form
  #edit-basic-details--2
  #education_table
  .form-item-education
  label,
.phd-application-form #edit-basic-details--2 .form-item-research-interest label,
.phd-application-form #edit-basic-details--2 .form-item-why-nias label,
.phd-application-form
  #edit-basic-details--2
  .form-item-acadmics-experience-activities
  label,
.phd-application-form #edit-upload-file--2 #edit-markup-09,
.phd-application-form #edit-upload-file--2 #edit-markup-14,
.phd-application-form
  #edit-basic-details--2
  .form-item-other-relevant-details
  label {
  color: #5261d8;
  font-size: 16px;
  width: 90%;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .form-item-education
  label.visually-hidden,
.phd-application-form
  #education_table
  div[id^="edit-education"]
  > label:first-child {
  height: 4rem;
}

.phd-application-form #education_table .description {
  position: absolute;
  top: 30px;
  color: #222222 !important;
  font-size: 13px !important;
  font-weight: bold;
  margin: 20px 0;
  font-family: "OpenSans-Regular";
}

.phd-application-form #edit-upload-file--2 #edit-markup-10,
.phd-application-form #edit-upload-file--2 #edit-markup-15 {
  width: 47%;
}

.application-list .form-type-select label,
.phd-application-form #edit-basic-details--2 .form-item-program-of-study label,
.phd-application-form
  #edit-basic-details--2
  #education_table
  #edit-education
  .description,
.phd-application-form
  #edit-basic-details--2
  .form-item-research-interest
  #edit-research-interest--description,
.phd-application-form
  #edit-basic-details--2
  .form-item-why-nias
  #edit-why-nias--description,
.phd-application-form
  #edit-basic-details--2
  .form-item-acadmics-experience-activities
  #edit-acadmics-experience-activities--description,
.phd-application-form #edit-markup-16 {
  color: #222222 !important;
  font-size: 13px !important;
  font-weight: bold;
  margin: 15px 0;
  font-family: "OpenSans-Regular";
}

.phd-application-form #edit-basic-details--2 #edit-markup-03,
.phd-application-form #edit-basic-details--2 #edit-markup-04 {
  font-size: 14px;
  color: #27282c;
}

.phd-application-form #edit-basic-details--2 select.select-options {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-small.png);
  background-position: 98%;
  background-repeat: no-repeat;

  border: 1px solid #cccccc;
  border-radius: 20px;
  opacity: 1;
  width: 284.5px;
  height: 40px;
  padding-left: 10px;
  color: #666666;
  font-family: "OpenSans-Regular";
  font-size: 12px;
}

.phd-application-form #edit-basic-details--2 select.select-options:hover {
  border: 1px solid #5261d8;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-hover.png);
  background-position: 98%;
  background-repeat: no-repeat;
}

.application-list .form-type-select select option,
.phd-application-form #edit-basic-details--2 select.select-options option {
  background: white;
  border-radius: 20px !important;
  color: #202020;
  font-size: 13px;
  font-family: "OpenSans-Regular";
}

.phd-application-form
  #edit-basic-details--2
  select.select-options
  option:hover {
  color: #5261d8 !important;
  background: #f6f6f8 !important;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies,
.phd-application-form #edit-basic-details--2 #edit-school-of-humanities,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering,
.phd-application-form #edit-basic-details--2 #edit-school-of-social-science {
  background: rgba(246, 246, 253, 1);
  padding: 30px 10px;
  border-radius: 12px;
  position: relative;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .form-item
  ul,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .form-item
  ul,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .form-item
  ul,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .form-item
  ul,
.phd-application-form #edit-upload-file--2 #edit-markup-10 ul,
.phd-application-form #edit-upload-file--2 #edit-markup-15 ul {
  margin-top: 20px;
  font-size: 13px;
  color: #27282c;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .form-item
  ul
  li,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .form-item
  ul
  li,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .form-item
  ul
  li,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .form-item
  ul
  li,
.phd-application-form #edit-upload-file--2 #edit-markup-10 ul li,
.phd-application-form #edit-upload-file--2 #edit-markup-15 ul li {
  margin-bottom: 10px;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .fellowship-details,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .fellowship-details,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .fellowship-details,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .fellowship-details {
  border: 1px solid rgba(82, 97, 216, 0.32);
  border-radius: 11px;
  padding: 30px;
  right: 2%;
  position: absolute;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .fellowship-details
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .fellowship-details
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .fellowship-details
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .fellowship-details
  label {
  font-size: 16px;
  color: #3946b1;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .fellowship-details
  #edit-fellowship-details
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .fellowship-details
  #edit-fellowship-details2
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .fellowship-details
  #edit-fellowship-details3
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .fellowship-details
  #edit-fellowship-details4
  label {
  font-size: 13px !important;
  color: #27282c !important;
}

.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .fellowship-details
  #edit-fellowship-details
  input[name="fellowship_details"],
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .fellowship-details
  #edit-fellowship-details2
  input[name="fellowship_details2"],
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .fellowship-details
  #edit-fellowship-details3
  input[name="fellowship_details3"],
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .fellowship-details
  #edit-fellowship-details4
  input[name="fellowship_details4"],
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-gender-radio--wrapper
  #edit-gender-radio
  input[name="gender_radio"],
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-category--wrapper
  #edit-category
  input[name="category"],
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-differently-abled--wrapper
  #edit-differently-abled
  input[name="differently_abled"] {
  accent-color: #5261d8;
  width: 19px;
  height: 19px;
}

.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-category--wrapper
  #edit-category
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-gender-radio--wrapper
  #edit-gender-radio
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-differently-abled--wrapper
  #edit-differently-abled
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-humanities
  .fellowship-details
  #edit-fellowship-details
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-natural-science-and-engineering
  .fellowship-details
  #edit-fellowship-details2
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-social-science
  .fellowship-details
  #edit-fellowship-details3
  label,
.phd-application-form
  #edit-basic-details--2
  #edit-school-of-conflict-and-security-studies
  .fellowship-details
  #edit-fellowship-details4
  label {
  position: relative;
  bottom: 5px;
}

/* Personal Details */

.phd-application-form #edit-basic-details--2 #edit-pd-row1 label,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 label,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row1
  #edit-gender-radio--wrapper
  #edit-gender-radio,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row2
  #edit-city-container
  #edit-city-default,
.phd-application-form #edit-basic-details--2 #edit-pd-row4 #edit-email {
  font-size: 13px !important;
  color: rgba(34, 34, 34, 1) !important;
}

.phd-application-form #edit-basic-details--2 #edit-refer1-row1,
.phd-application-form #edit-basic-details--2 #edit-refer1-row2,
.phd-application-form #edit-basic-details--2 #edit-refer2-row1,
.phd-application-form #edit-basic-details--2 #edit-refer2-row2 {
  font-size: 13px;
  color: #222222;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row1 #edit-name,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-date-of-birth,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-address,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-street,
.phd-application-form #edit-basic-details--2 #edit-pd-row3 input,
.phd-application-form #edit-basic-details--2 #edit-pd-row4 #edit-email,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row1
  .js-form-item
  input,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row2
  .js-form-item
  input,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row1
  .js-form-item
  input,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row2
  .js-form-item
  input {
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  padding: 0 10px;
  height: 40px;
  /* width: auto; */
}

.phd-application-form #edit-basic-details--2 #edit-pd-row4 #edit-email,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row2
  .js-form-item
  .form-email,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row2
  .js-form-item
  .form-email,
.phd-application-form #edit-contact-nor,
.phd-application-form #edit-contact-no- {
  width: 284.5px;
}

.phd-application-form #edit-basic-details--2 .form-item-email-ref1,
.phd-application-form #edit-basic-details--2 .form-item-email-ref2 {
  position: absolute;
  left: 22rem;
}

.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row1
  .js-form-item
  input:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row2
  .js-form-item
  input:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row1
  .js-form-item
  input:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row2
  .js-form-item
  input:hover {
  border: 1px solid #5261d8;
  background: #f6f6f8 !important;
}

.phd-application-form
  #edit-basic-details--2
  .form-item-research-interest
  .form-textarea-wrapper
  textarea,
.phd-application-form
  #edit-basic-details--2
  .form-item-why-nias
  .form-textarea-wrapper
  textarea,
.phd-application-form
  #edit-basic-details--2
  .form-item-acadmics-experience-activities
  .form-textarea-wrapper
  textarea,
.phd-application-form
  #edit-basic-details--2
  .form-item-other-relevant-details
  .form-textarea-wrapper
  textarea {
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  padding: 10px 10px;
  height: 121px;
}

.phd-application-form
  #edit-basic-details--2
  .form-item-research-interest
  .form-textarea-wrapper
  textarea:hover,
.phd-application-form
  #edit-basic-details--2
  .form-item-why-nias
  .form-textarea-wrapper
  textarea:hover,
.phd-application-form
  #edit-basic-details--2
  .form-item-acadmics-experience-activities
  .form-textarea-wrapper
  textarea:hover,
.phd-application-form
  #edit-basic-details--2
  .form-item-other-relevant-details
  .form-textarea-wrapper
  textarea:hover {
  border: 1px solid #5261d8;
  background: #f6f6f8 !important;

  background-image: url(../images/dropdown-icon-hover.png);
}

.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-state,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  select,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  .js-webform-select-other
  select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-small.png);
  background-position: 98%;
  background-repeat: no-repeat;

  border: 1px solid #cccccc;
  border-radius: 20px;
  height: 40px;
  width: -webkit-fill-available;
  padding-left: 10px;
  color: #666666;
  font-family: "OpenSans-Regular";
  font-size: 13px;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-state:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row2
  #edit-city-container
  select:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  fieldset
  .fieldset-wrapper
  select:hover {
  border: 1px solid #5261d8 !important;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-hover.png);
  background-position: 98%;
  background-repeat: no-repeat;
}

.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  .webform-readonly,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  fieldset {
  margin-top: 0 !important;
  position: relative;
  /* bottom: 2px; */
}

.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  .city-default-input-box {
  margin-bottom: 35px;
}

.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  fieldset
  select {
  position: relative;
  bottom: 0.75rem;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row4 .form-item-email {
  position: relative;
  bottom: 38px;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row1 #edit-name:hover,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row2
  #edit-date-of-birth:hover,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-address:hover,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-street:hover,
.phd-application-form #edit-basic-details--2 #edit-pd-row3 input:hover,
.phd-application-form #edit-basic-details--2 #edit-pd-row4 input:hover,
.nias-create-account-form #edit-account input:hover,
.otp-generate .form-item-email input:hover,
.verify-otp .form-item-otp input:hover {
  border: 1px solid #5261d8 !important;
  background: #f6f6f8 !important;
}

.phd-application-form #edit-basic-details--2 #edit-pd-row3 #edit-country- {
  background: #f6f6f8;
}

/* Education */
.phd-application-form #edit-basic-details--2 #edit-markup-02 {
  font-size: 13px !important;
  color: rgba(34, 34, 34, 1) !important;
  font-weight: bold;
}

.phd-application-form #edit-basic-details--2 #education_table table {
  font-family: "OpenSans-Regular";
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .tabledrag-toggle-weight-wrapper,
.phd-application-form #edit-basic-details--2 #education_table table thead,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  tr
  .webform-multiple-table--handle,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  tr
  .webform-multiple-table--operations
  #education_table-items-0-operations-add,
.phd-application-form #edit-education-items-0-operations-remove,
.phd-application-form
  .webform-multiple-table--operations
  input[name="education_table_remove_0"] {
  display: none;
}

.phd-application-form #edit-basic-details--2 #education_table table tbody td {
  background: rgb(255, 255, 255);
  padding-left: 0px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  label {
  font-size: 13px !important;
  color: rgba(34, 34, 34, 1) !important;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  input,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  textarea {
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  padding: 0 10px;
  height: 40px;
  /* width: 284.5px; */
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  input:hover,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  textarea:hover {
  border: 1px solid #5261d8;
  background: #f6f6f8 !important;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  select:hover {
  border: 1px solid #5261d8;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-hover.png);
  background-position: 95%;
  background-repeat: no-repeat;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-small.png);
  background-position: 95%;
  background-repeat: no-repeat;

  border: 1px solid #cccccc;
  border-radius: 20px;
  width: 284.5px;
  min-width: 150px;
  height: 40px;
  padding-left: 10px;
  color: #666666;
  font-family: "OpenSans-Regular";
  font-size: 13px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  textarea {
  padding: 10px;
  height: 121px;
  font-size: 13px;
  margin-bottom: 30px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add {
  text-align: right;
}

.phd-application-form #edit-basic-details--2 #edit-education-flexbox {
  position: relative;
}
.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .button {
  background: #ffffff;
  color: rgba(34, 34, 34, 1);
  font-size: 25px;
  font-family: "OpenSans-Regular";
  font-weight: bold;
  border: none;
  padding: 0px;
  position: absolute;
  top: 5px;
  left: 8%;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .form-item-education-add-more-items
  input {
  /* border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  padding: 0 10px;
  height: 35px;
  width: auto;
  max-width: 50px; */
  display: none;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .form-item-education-add-more-items
  .field-suffix {
  font-size: 13px;
  color: rgba(34, 34, 34, 1);
  font-weight: bold;
  text-decoration: underline;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .form-item-education-add-more-items
  .field-suffix:hover,
.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .button:hover {
  color: rgba(57, 70, 177, 1);
}

/* Attachment Details  */

.phd-application-form #edit-upload-file--2 #edit-upload-page-container {
  background: rgba(246, 246, 253, 1);
  position: relative;
  padding: 10px;
  padding-left: 30px;
  border-radius: 12px;
  margin-top: 20px;
}

.phd-application-form #edit-upload-file--2 #edit-upload-files-container {
  width: 500px;
  position: absolute;
  left: 50%;
  top: 5%;
  border: 1px solid rgba(82, 97, 216, 0.32);
  border-radius: 11px;
  padding: 0 20px;
  padding-left: 35px;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  .better-messages-overlay {
  display: none;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row1 {
  margin-bottom: 0px;
  margin-left: 10px;
  margin-top: 5px;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row2,
.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row3 {
  margin-top: 0px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row2
  .form-item,
.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row3
  .form-item {
  margin: 5px 0px;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-files-container
  #edit-upload-row2
  .form-item-curriculum-vita {
  margin-top: 10%;
}

.phd-application-form #edit-upload-file--2 .webform-element-description {
  position: absolute;
  width: auto;
  top: 102%;
  left: 0;
  font-size: 12px;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input.form-file::-webkit-file-upload-button,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input.form-file::-webkit-file-upload-button,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input.form-file::-webkit-file-upload-button,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input.form-file::-webkit-file-upload-button,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input.form-file::-webkit-file-upload-button,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input.form-file::-webkit-file-upload-button {
  visibility: hidden;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input.form-file::before,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input.form-file::before,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input.form-file::before,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input.form-file::before,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input.form-file::before,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input.form-file::before {
  content: "Choose your file";
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input.form-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input.form-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input.form-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input.form-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input.form-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input.form-file {
  width: 200px;
  overflow: hidden;
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  padding: 7px 12px;
  height: 40px;
  cursor: pointer;
}
.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  .js-webform-document-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  .js-webform-document-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  .js-webform-document-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  .js-webform-document-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  .js-webform-document-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input.form-file:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input.form-file:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  .js-webform-document-file:hover {
  border: 1px solid #5261d8;
  background: #f6f6f8 !important;
}

.phd-application-form #edit-upload-file--2 .form-item-ug-certificate a:hover,
.phd-application-form #edit-upload-file--2 .form-item-ug-certificate a:focus,
.phd-application-form #edit-upload-file--2 .form-item-ug-certificate a:hover,
.phd-application-form #edit-upload-file--2 .form-item-choose-drop-files a:hover,
.phd-application-form #edit-upload-file--2 .form-item-choose-drop-files a:focus,
.phd-application-form #edit-upload-file--2 .form-item-choose-drop-files a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  a:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  a:hover,
.phd-application-form #edit-upload-file--2 .form-item-curriculum-vita a:hover,
.phd-application-form #edit-upload-file--2 .form-item-curriculum-vita a:focus,
.phd-application-form #edit-upload-file--2 .form-item-curriculum-vita a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  a:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  a:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  a:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  a:hover {
  border: none;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  .description,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  .description,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  .description,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  .description {
  display: none;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  .js-webform-document-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  .js-webform-document-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  .js-webform-document-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  .js-webform-document-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  .js-webform-document-file,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  .js-webform-document-file {
  padding: 0 10px;
  width: 200px;
  overflow: hidden;
  border: 1px solid rgba(204, 204, 204, 1);
  border-radius: 20px;
  height: 40px;
  margin-top: 10px;
  background: #f6f6f8;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input[name="ug_certificate_remove_button"],
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input[name="choose_drop_files_remove_button"],
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input[name="other_award_letter_remove_button"],
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input[name="curriculum_vita_remove_button"],
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input[name="differently_abled_certificate_remove_button"],
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input[name="category_certificate_remove_button"] {
  background: transparent;
  color: rgba(34, 34, 34, 1);
  border: none;
  float: right;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  font-weight: bold;
  font-size: 10px;
  width: 40px;
  padding-left: 0;
}

.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input[name="files[ug_certificate]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input[name="files[choose_drop_files]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input[name="files[other_award_letter]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input[name="files[curriculum_vita]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input[name="files[differently_abled_certificate]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input[name="files[category_certificate]"],
.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input[name="files[ug_certificate]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input[name="files[choose_drop_files]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input[name="files[other_award_letter]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input[name="files[curriculum_vita]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input[name="files[differently_abled_certificate]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input[name="files[category_certificate]"]:hover,
.phd-application-form
  #edit-upload-file--2
  .form-item-ug-certificate
  input[name="files[ug_certificate]"]:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-choose-drop-files
  input[name="files[choose_drop_files]"]:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-other-award-letter
  input[name="files[other_award_letter]"]:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  input[name="files[curriculum_vita]"]:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-differently-abled-certificate
  input[name="files[differently_abled_certificate]"]:focus,
.phd-application-form
  #edit-upload-file--2
  .form-item-category-certificate
  input[name="files[category_certificate]"]:focus {
  border: none;
}

.phd-application-form #edit-upload-file--2 .file-upload-js-error {
  position: absolute;
  left: 0;
  top: 105%;
  background: none;
  width: 30rem;
  background-image: none;
  box-shadow: none;
  color: #cc0000;
  font-size: 12px;
  opacity: 0.7;
}

.phd-application-form #edit-upload-file--2 .form-item--error-message {
  padding: 0;
}

.phd-application-form
  #edit-upload-file--2
  .better-messages-overlay
  .messages--error,
.phd-application-form .better-messages-overlay .messages--error {
  background: none;
  background-image: none;
  box-shadow: none;
  color: #cc0000;
  font-size: 13px;
  text-align: center;
}

.phd-application-form #edit-upload-file--2 .js-webform-document-file span.file {
  padding-top: 10px;
  font-size: 13px;
  padding-left: 5px;
  padding-bottom: 0;
  width: 150px;
  height: 20px;
  overflow: hidden;
  background-image: none;
}

.phd-application-form
  #edit-upload-file--2
  #edit-upload-row1
  .webform-flex--container,
.phd-application-form
  #edit-upload-file--2
  #edit-upload-row2
  .webform-flex--container,
.phd-application-form
  #edit-upload-file--2
  #edit-upload-row3
  .webform-flex--container {
  margin: 0;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  input {
  width: 284.5px !important;
  font-size: 13px;
}
.phd-application-form
  #edit-upload-file--2
  .form-item-curriculum-vita
  .description {
  margin-top: 10px;
  display: block;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .name-of-institution {
  position: absolute;
  left: 25.3%;
  top: 2px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .year-of-completion {
  position: absolute;
  left: 50.5%;
  top: 2px;
}

.phd-application-form #edit-basic-details--2 #education_table .marks {
  position: absolute;
  left: 75.5%;
  top: 2px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .other-relevant-remarks {
  position: sticky;
  width: 106.5%;
}

.phd-application-form #edit-basic-details--2 #education_table tbody .draggable {
  position: relative;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-table--operations
  input {
  background: url(../images/close-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  border: none;
  width: 0px !important;
  padding: 0 unset;
  position: absolute;
  left: 100%;
  top: 0;
  height: 0px;
  padding: 10px;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-table--operations
  input:hover {
  background: url(../images/close-icon.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  opacity: 1;
  border: none;
}

/* Apply now Basic details */

/* Buttons */

.phd-application-form #edit-actions {
  float: right;
}

.phd-application-form #edit-actions #edit-actions-draft,
.phd-application-form #edit-actions #edit-actions-wizard-next,
.phd-application-form #edit-actions #edit-actions-wizard-prev,
.phd-application-form #edit-actions #edit-actions-preview-next,
.phd-application-form #edit-actions #edit-actions-preview-prev,
.phd-application-form #edit-actions #edit-actions-submit {
  background: #3946b1;
  color: white;
  font-weight: bold;
  font-family: "OpenSans-Bold";
  margin-right: 25px;
  text-transform: uppercase;
  width: 130px;
  height: 40px;
  border: 1px solid #3946b1;
  border-radius: 20px;
  margin: 0;
  margin-right: 20px;
}

.phd-application-form #edit-actions #edit-actions-draft:hover,
.phd-application-form #edit-actions #edit-actions-wizard-next:hover,
.phd-application-form #edit-actions #edit-actions-wizard-prev:hover,
.phd-application-form #edit-actions #edit-actions-preview-next:hover,
.phd-application-form #edit-actions #edit-actions-preview-prev:hover,
.phd-application-form #edit-actions #edit-actions-submit:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

.phd-application-form
  #edit-basic-details--2
  #education_table
  .form-item-education-add-more-items
  label.visually-hidden {
  display: none;
}

/* Setting Outline none for all input fields */

.phd-application-form #edit-basic-details--2 #edit-program-of-study:focus,
.phd-application-form
  #edit-basic-details--2
  .form-item-research-interest
  .form-textarea-wrapper
  textarea:focus,
.phd-application-form
  #edit-basic-details--2
  .form-item-why-nias
  .form-textarea-wrapper
  textarea:focus,
.phd-application-form
  #edit-basic-details--2
  .form-item-acadmics-experience-activities
  .form-textarea-wrapper
  textarea:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row1 #edit-name:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row2
  #edit-date-of-birth:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-address:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-street:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row2 #edit-state:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row2
  #edit-city-container
  select:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-pd-row3
  #edit-city-container
  fieldset
  .fieldset-wrapper
  select:focus,
.phd-application-form
  #edit-basic-details--2
  .form-item-other-relevant-details
  .form-textarea-wrapper
  textarea:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row3 input:focus,
.phd-application-form #edit-basic-details--2 #edit-pd-row4 input:focus,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  input:focus,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  select:focus,
.phd-application-form
  #edit-basic-details--2
  #education_table
  table
  tbody
  td
  textarea:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row1
  .js-form-item
  input:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-refer1-row2
  .js-form-item
  input:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row1
  .js-form-item
  input:focus,
.phd-application-form
  #edit-basic-details--2
  #edit-refer2-row2
  .js-form-item
  input:focus,
.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .button:focus,
.phd-application-form
  #edit-basic-details--2
  #education_table
  .webform-multiple-add
  .form-item-education-add-more-items
  input:focus,
.nias-create-account-form input,
.application-form-login-signup input,
.otp-generate input,
.verify-otp input,
.application-list input {
  outline: none;
}

/* Preview Page */

/* Heading style */

.phd-application-form #edit-preview summary {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
  color: #5261d8;
}

.phd-application-form #edit-preview summary::marker {
  color: #000000;
  font-size: 20px;
}

/* Fields styling */

.phd-application-form .details-wrapper > strong {
  font-size: 14px;
  color: black;
  text-decoration: underline;
}

.phd-application-form #edit-preview #apply_now--basic_details .details-wrapper,
.phd-application-form
  #edit-preview
  #apply_now--upload_file
  .webform-section-wrapper {
  font-size: 13px !important;
  color: #707070;
}

.phd-application-form
  #edit-preview
  #apply_now--basic_details
  .details-wrapper
  label,
.phd-application-form
  #edit-preview
  #apply_now--upload_file
  .webform-section-wrapper
  label,
.phd-application-form
  #edit-preview
  #apply_now--basic_details
  #apply_now--education
  ul
  li
  b,
.phd-application-form
  #edit-preview
  #apply_now--basic_details
  .details-wrapper
  p {
  font-size: 13px !important;
  color: #222222;
  font-weight: bold;
}

.phd-application-form
  #edit-preview
  #apply_now--basic_details
  #apply_now--education
  label {
  margin-bottom: 10px;
}

.phd-application-form #edit-preview #apply_now--basic_details,
.phd-application-form #edit-preview #apply_now--upload_file {
  border: 1px solid #dbdbdb;
  border-radius: 7px;
}

.phd-application-form .highlighted .better-messages-content .messages--warning {
  padding: 10px;
  background: none;
  box-shadow: none;
  color: #333333;
  text-align: center;
  font-size: 16px;
}

/* Draft pop-up */

#better-messages-default.better-messages-overlay {
  z-index: 510;
  position: absolute;
  background: #ffffff;
  padding: 1em;
  box-shadow: 0 10px 15px #00000014;
  border-radius: 10px;
}

#better-messages-default.better-messages-overlay .better-messages-close {
  display: block;
  float: right;
  margin-right: 35%;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  text-transform: uppercase;
  width: 115px;
  background: #5261d8;
  border-radius: 20px;
  font-family: "OpenSans-Bold";
}

#better-messages-default.better-messages-overlay .better-messages-close:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c;
}

#better-messages-default.better-messages-overlay .better-messages-footer {
  border-top: none;
  margin-top: 10px;
  padding-top: 5px;
  text-align: right;
}

.better-message-custom-title {
  font-size: 24px;
  line-height: 23px;
  font-weight: bold;
  margin-top: 7px;
  letter-spacing: 0px;
  color: #19b737;
  text-transform: uppercase;
  font-family: "OpenSans-Bold";
}

.messages__wrapper {
  font-family: "OpenSans-Regular";
}

.messages--status {
  text-align: center;
  font-weight: normal;
  letter-spacing: 0px;
  color: rgba(39, 40, 44, 0.7);
  background-color: white !important;
  border-color: none;
  background-image: none;
  box-shadow: none;
  padding-top: 40px;
}

.messages {
  padding: 0px 0px 0px 0px;
  word-wrap: break-word;
  border: none;
  border-width: none;
  overflow-wrap: break-word;
}

.messages:last-child {
  margin-bottom: 17px;
}

.messages:first-child {
  margin-top: 6px;
}

#better-messages-default.better-messages-overlay .better-messages-close span {
  display: none;
}

a,
a.link {
  text-decoration: none;
  border-bottom: none;
}

/* completion dialog box */

.ui-dialog .ui-dialog-titlebar {
  border: none;
  display: none;
}

.ui-widget-overlay {
  opacity: 0.7;
  background: none;
}

.ui-dialog {
  position: absolute;
  z-index: 0;
  overflow: visible;
  padding: 0;
  text-align: center;
  align-items: center;
  color: rgba(39, 40, 44, 0.7);
  background: #ffffff;
  box-shadow: 0px 10px 15px #00000014;
  border-radius: 10px;
}

.completion-close {
  padding: 2% 5% 2% 5%;
  margin-top: 18%;
  margin-bottom: 10%;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #ffffff !important;
  text-transform: uppercase;
  background: #5261d8;
  outline: none !important;
  border-radius: 20px;
  font-family: "OpenSans-Bold";
}

.completion-close:hover {
  background: #4ee4ff;
  border: 1px solid #4ee4ff;
  color: #27282c !important;
  outline: none !important;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  background: none;
  overflow: auto;
  padding-bottom: 15px;
  padding-top: 25px;
  margin-bottom: 26px;
  font-family: "OpenSans-Regular";
}
/*School filter styling*/

select[id^="edit-webform-submission-value"].form-select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-small.png);
  background-position: 98%;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  border-radius: 20px;
  opacity: 1;
  width: 284.5px;
  height: 40px;
  padding-left: 10px;
  color: #666666;
  font-family: "OpenSans-Regular";
  font-size: 12px;
}

select[id^="edit-webform-submission-value"].form-select:hover {
  border: 1px solid #5261d8;

  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url(../images/dropdown-icon-hover.png);
  background-position: 98%;
  background-repeat: no-repeat;
  outline: none;
}
select[id^="edit-webform-submission-value"].form-select:focus {
  outline: none;
}

@media only screen and (min-width: 768px) {
  input[id^="edit-submit-apply-now-webform-submissions"].button.js-form-submit.form-submit {
    background: #2b314e;
    color: white;
    font-weight: bold;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    width: 80px;
    height: 40px;
    border: 1px solid #2b314e;
    border-radius: 20px;
    margin: 0;
    position: absolute;
    margin-left: 304px;
    margin-top: -64px;
  }
  input[id^="edit-submit-apply-now-webform-submissions"].button.js-form-submit.form-submit:hover {
    background: #4ee4ff;
    border: 1px solid #4ee4ff;
    color: #27282c;
  }
}
@media only screen and (max-width: 768px) {
  input[id^="edit-submit-apply-now-webform-submissions"].button.js-form-submit.form-submit {
    background: #2b314e;
    color: white;
    font-weight: bold;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    width: 80px;
    height: 40px;
    border: 1px solid #2b314e;
    border-radius: 20px;
    margin: 0;
    margin-bottom: 20px;
  }
  input[id^="edit-submit-apply-now-webform-submissions"].button.js-form-submit.form-submit:hover {
    background: #4ee4ff;
    border: 1px solid #4ee4ff;
    color: #27282c;
  }
  .application-list .view-apply-now-webform-submissions .view-content {
    padding: 50px;
    background: white;
    box-shadow: 0px 10px 25px #00000014;
    overflow-x: scroll;
  }
}

/* Styling for responsiveness  */

@media only screen and (max-width: 300px) {
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .webform-multiple-add
    .button {
    top: -5px !important;
    left: 50% !important;
  }
  .phd-application-form #education_table .description {
    top: 10px !important;
  }
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .form-item-education
    label.visually-hidden,
  .phd-application-form
    #education_table
    div[id^="edit-education"]
    > label:first-child {
    height: 6rem;
  }
}

@media only screen and (max-width: 950px) and (min-width: 750px) {
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .webform-multiple-add
    .button {
    top: 5px !important;
    left: 20% !important;
  }
  .phd-application-form #education_table .description {
    top: 25px !important;
  }
}

@media only screen and (max-width: 850px) {
  .phd-application-form .better-messages-overlay {
    left: -25.5px !important;
  }
  .application-form-login-signup .featured-top img,
  .otp-generate .featured-top img,
  .verify-otp .featured-top img,
  .nias-create-account-form .featured-top img,
  .application-list .featured-top img,
  .phd-application-form .featured-top img {
    height: auto;
    width: auto;
  }
  .application-form-login-signup #block-nias-content .content,
  .nias-create-account-form #block-nias-content .content,
  .otp-generate #block-nias-content .content,
  .verify-otp #block-nias-content .content {
    padding-left: 30px;
  }
  .application-form-login-signup #header,
  .otp-generate #header,
  .verify-otp #header,
  .nias-create-account-form #header,
  .application-list #header,
  .phd-application-form #header {
    height: unset;
  }
  .application-form-login-signup #header #block-nias-branding,
  .otp-generate #header #block-nias-branding,
  .verify-otp #header #block-nias-branding,
  .nias-create-account-form #header #block-nias-branding,
  .application-list #header #block-nias-branding,
  .phd-application-form #header #block-nias-branding {
    padding-left: 25px;
    line-height: 1.75;
    padding-top: 5px;
  }
  .nias-create-account-form
    .custom-user-register
    #edit-account
    #edit-field-last-name-wrapper
    .form-item {
    position: unset;
    margin-left: unset;
  }
  .nias-create-account-form .custom-user-register input,
  .otp-generate .nias-login-form .form-item-email input,
  .verify-otp .nias-verify-form .form-item-user-email input,
  .verify-otp .nias-verify-form .form-item-otp input,
  .verify-otp .nias-user-register-form .form-item-otp input {
    width: 280px !important;
  }
  .nias-create-account-form
    .custom-user-register
    #edit-account
    #edit-pass
    .password-strength
    .password-strength__title,
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .name-of-institution,
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .year-of-completion,
  .phd-application-form #edit-basic-details--2 #education_table .marks,
  .phd-application-form
    #edit-basic-details--2
    #edit-school-of-humanities
    .fellowship-details,
  .phd-application-form
    #edit-basic-details--2
    #edit-school-of-natural-science-and-engineering
    .fellowship-details,
  .phd-application-form
    #edit-basic-details--2
    #edit-school-of-social-science
    .fellowship-details,
  .phd-application-form
    #edit-basic-details--2
    #edit-school-of-conflict-and-security-studies
    .fellowship-details {
    position: unset;
  }
  .nias-create-account-form .custom-user-register #edit-actions #edit-submit,
  .otp-generate .nias-login-form #edit-generate-otp,
  .verify-otp .nias-verify-form #edit-actions input,
  .verify-otp .nias-user-register-form #edit-actions input {
    width: 150px !important;
  }
  .verify-otp .nias-verify-form #edit-actions a,
  .verify-otp .nias-user-register-form #edit-actions a,
  .otp-generate .nias-login-form a,
  .nias-create-account-form .user-register-form #edit-customtext a {
    padding-left: 22px;
    padding-right: 22px;
  }
  .phd-application-form #edit-basic-details--2 .form-item-email-ref1,
  .phd-application-form #edit-basic-details--2 .form-item-email-ref2 {
    position: unset;
  }
  .nias-create-account-form .user-register-form #edit-customtext a,
  .otp-generate .nias-login-form a {
    left: 52%;
  }
  .verify-otp .nias-verify-form #edit-actions input,
  .verify-otp .nias-user-register-form #edit-actions input {
    margin-bottom: 15px;
  }
  .phd-application-form #edit-actions #edit-actions-wizard-next {
    margin-top: 15px;
  }
  .verify-otp .nias-verify-form #edit-actions input#edit-resend,
  .verify-otp .nias-user-register-form #edit-actions input#edit-resend {
    width: 250px !important;
    margin-bottom: 25px;
  }
  .verify-otp .nias-verify-form #edit-actions input#edit-submit,
  .verify-otp .nias-user-register-form #edit-actions input#edit-submit {
    width: 100px !important;
  }
  .application-form-login-signup .view-current-user-info .views-field-nothing-1,
  .otp-generate .view-current-user-info .views-field-nothing-1,
  .verify-otp .view-current-user-info .views-field-nothing-1,
  .nias-create-account-form .view-current-user-info .views-field-nothing-1,
  .application-list .view-current-user-info .views-field-nothing-1,
  .phd-application-form .view-current-user-info .views-field-nothing-1 {
    padding-right: 10px;
    float: right;
  }
  .application-form-login-signup .view-current-user-info tr,
  .otp-generate .view-current-user-info tr,
  .verify-otp .view-current-user-info tr,
  .nias-create-account-form .view-current-user-info tr,
  .application-list .view-current-user-info tr,
  .phd-application-form .view-current-user-info tr {
    border: none;
    background: white;
  }
  .phd-application-form
    #edit-basic-details--2
    #education_table
    tbody
    .draggable {
    background: none;
    border-bottom: none;
  }
  .phd-application-form
    #edit-basic-details--2
    #education_table
    table
    tbody
    td
    input,
  .phd-application-form
    #edit-basic-details--2
    #education_table
    table
    tbody
    td
    select,
  .phd-application-form
    #edit-basic-details--2
    #education_table
    table
    tbody
    td
    textarea,
  .phd-application-form
    #edit-basic-details--2
    #edit-pd-row2
    #edit-date-of-birth,
  .phd-application-form #edit-basic-details--2 select.select-options,
  .phd-application-form #edit-basic-details--2 #edit-pd-row4 #edit-email,
  .phd-application-form
    #edit-basic-details--2
    #edit-refer1-row2
    .js-form-item
    .form-email,
  .phd-application-form
    #edit-basic-details--2
    #edit-refer2-row2
    .js-form-item
    .form-email {
    width: 100% !important;
  }
  .phd-application-form #edit-basic-details--2 select.select-options {
    padding-right: 40px;
  }
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .webform-multiple-add
    .button {
    top: -5px;
    left: 30%;
  }
  .phd-application-form #education_table .description {
    top: 10px;
  }
  .phd-application-form #edit-basic-details--2 #edit-pd-row4 .form-item-email {
    bottom: 10px;
  }
  .application-form-login-signup #header .logout,
  .otp-generate #header .logout,
  .verify-otp #header .logout,
  .nias-create-account-form #header .logout,
  .application-list #header .logout,
  .phd-application-form #header .logout {
    padding: 8px 10px;
  }
  .phd-application-form
    #edit-basic-details--2
    #education_table
    .webform-multiple-table--operations
    input {
    left: 90%;
  }
  .phd-application-form #edit-upload-file--2 #edit-upload-files-container {
    position: unset;
    width: auto;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .phd-application-form #edit-upload-file--2 #edit-upload-page-container {
    height: auto !important;
    padding-left: 15px;
  }
  .phd-application-form #edit-upload-file--2 #edit-markup-10,
  .phd-application-form #edit-upload-file--2 #edit-markup-15,
  .phd-application-form
    #edit-basic-details--2
    #edit-refer1-row2
    .js-form-item
    input,
  .phd-application-form
    #edit-basic-details--2
    #edit-refer2-row2
    .js-form-item
    input {
    width: auto;
  }
  .phd-application-form
    #edit-upload-file--2
    .form-item-ug-certificate
    .js-webform-document-file,
  .phd-application-form
    #edit-upload-file--2
    .form-item-choose-drop-files
    .js-webform-document-file,
  .phd-application-form
    #edit-upload-file--2
    .form-item-other-award-letter
    .js-webform-document-file,
  .phd-application-form
    #edit-upload-file--2
    .form-item-curriculum-vita
    .js-webform-document-file,
  .phd-application-form
    #edit-upload-file--2
    .form-item-differently-abled-certificate
    .js-webform-document-file,
  .phd-application-form
    #edit-upload-file--2
    .form-item-category-certificate
    .js-webform-document-file {
    width: 160px;
  }
  .phd-application-form
    #edit-upload-file--2
    .form-item-ug-certificate
    input.form-file::before,
  .phd-application-form
    #edit-upload-file--2
    .form-item-choose-drop-files
    input.form-file::before,
  .phd-application-form
    #edit-upload-file--2
    .form-item-other-award-letter
    input.form-file::before,
  .phd-application-form
    #edit-upload-file--2
    .form-item-curriculum-vita
    input.form-file::before,
  .phd-application-form
    #edit-upload-file--2
    .form-item-differently-abled-certificate
    input.form-file::before,
  .phd-application-form
    #edit-upload-file--2
    .form-item-category-certificate
    input.form-file::before {
    font-size: 14px;
  }
  .phd-application-form #edit-upload-file--2 .webform-element-description {
    top: 100%;
    left: 20px;
  }
  .phd-application-form #edit-upload-file--2 .file-upload-js-error {
    width: auto;
    left: 20px;
    top: 104%;
  }
  .phd-application-form #edit-actions #edit-actions-draft {
    margin-top: 75px;
  }
  .phd-application-form #edit-actions #edit-actions-wizard-prev,
  .phd-application-form #edit-actions #edit-actions-preview-next,
  .phd-application-form #edit-actions #edit-actions-preview-prev,
  .phd-application-form #edit-actions #edit-actions-submit {
    margin-top: 10px;
  }
  .phd-application-form
    #edit-upload-file--2
    .js-webform-document-file
    span.file {
    width: 100px;
  }
  .application-form-login-signup .view-current-user-info .views-field-nothing,
  .otp-generate .view-current-user-info .views-field-nothing,
  .verify-otp .view-current-user-info .views-field-nothing,
  .nias-create-account-form .view-current-user-info .views-field-nothing,
  .application-list .view-current-user-info .views-field-nothing,
  .phd-application-form .view-current-user-info .views-field-nothing {
    width: 35%;
  }
  .phd-application-form #edit-basic-details--2 .form-item-country- {
    margin-top: 0;
  }
  .better-messages-overlay.better-messages-position-fixed {
    width: 100%;
  }
  .verify-otp .nias-verify-form .form-item-otp label,
  .verify-otp .nias-user-register-form .form-item-otp label {
    width: 90%;
  }
}