/**
 * @file
 * PWA specific CSS.
 */
/*MY IDEA HEADER RESPONSIVE STARTS*/

.spb_close {
  border: 0;
  font-size: 27px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: 1;
}

.mobile_idea_display_content {
  display: none;
}

@media screen and (max-width: 850px) {
  .personal_details {
    font: normal normal bold 26px/34px Verdana;
    padding-bottom: 10px;
  }
  .page-user-register .label,
  .page-user-login .label,
  .page-user-password .label {
    font-size: 16px;
  }
}

@media screen and (max-width:767px) {
  .page-user-register .user-register-form .btn-send,
  .page-user-login .user-login-form .btn-send,
  .page-user-password .user-pass .btn-send {
    font: normal normal normal 20px/27px DINNextLTArabicRegular !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    height: 50px !important;
  }

  .user-pass .btn-send {
    text-transform: unset;
    margin: 25px 0 0;
  }

  .page-user-register #main-wrapper {
    margin-top: 0;
  }

  .page-user-register .sign_width:first-child {
    display: none;
  }

  /* .page-user-register .sign_width{
		width: 100%;
		background-color: #ffffff!important;
	} */
  .page-user-register .user-signup.card,
  .page-user-register #edit-actions {
    box-shadow: none;
    padding: 0 10px !important;
  }

  .page-user-register .sign_margin {
    width: 100%;
    margin: 0;
  }

  .page-user-register .sign_margin .controls p {
    margin: 0 10px;
  }

  .views-field-nothing {
    position: absolute !important;
    right: 0;
  }

  #block-gatesjourneyflow,
  .italent_list_view_img {
    display: none;
  }

  .view-my-idea .idea_view_tabs {
    display: block;
  }

  .idea-listing tbody .views-field-field-idea-status {
    margin: -3px 0px !important;
  }

  .idea-listing .views-field-uid {
    order: 1;
  }

  .idea-listing .views-field-uid {
    order: 2;
  }

  .table-overall .table,
  .idea-listing table {
    margin-top: 0 !important;
  }

  .table-overall,
  .idea-listing .table-responsive {
    margin: 0 !important;
  }

  .table_header,
  .idea-listing thead {
    display: none;
  }

  .table_body>tr,
  .idea-listing tbody>tr {
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 29%) !important;
    border-radius: 5px;
    margin: 10px 0 20px;
    padding: 0;
    border: 10px solid rgb(255 255 255 / 10%) !important;
  }

  .table_body>tr>td,
  .idea-listing tbody>tr>td {
    padding: 3.5px !important;
  }

  .idea-listing {
    padding: 10px;
  }

  .mobile_filter_button,
  .myidea_mobile_header {
    display: block;
  }

  .tabs-arrow .arrow_btns {
    display: none !important;
  }

  #myTab {
    overflow-x: auto;
  }

  #myTab::-webkit-scrollbar {
    visibility: hidden;
  }

  .view-header .idea_view_tabs .nav-tabs .nav-link {
    background-color: #ffffff00;
    color: #CBCBCB !important;
    margin: 0 !important;
    padding: 20px 10px 0px 20px !important;
    font-weight: bold;
  }

  .view-header .idea_view_tabs .nav-tabs .nav-link.active {
    color: #F26722 !important;
    background-color: #ffffff00 !important;
    text-decoration: underline;
  }

  .idea_view_tabs .nav-tabs .nav-link:after,
  .idea_view_tabs .nav-tabs .nav-link.active::after {
    display: none;
  }

  .view-header {
    flex-direction: column-reverse;
  }

  .myidea_mobile_header {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .myidea_mobile_header h2 {
    font: normal normal normal 24px/29px verdana;
  }

  .idea_mobile_calendar {
    display: block;
    margin-right: 10px;
    float: left;
    margin-top: -1px;
  }

  .table_body>tr,
  .idea-listing tbody>tr {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .table_body>tr>td::before,
  .idea-listing>tr>td::before {
    display: none;
  }

  .gates,
  .table_body .views-field-counter,
  .idea-listing tbody .views-field-counter,
  .views-field-field-idea-short-sentence,
  .my_idea_filter {
    display: none !important;
  }

  .views-field-field-idea-gate,
  .status_section,
  .views-field-field-idea-status {
    position: absolute !important;
    bottom: 3PX;
  }

  .status_section,
  .views-field-field-idea-status {
    right: 0;
    margin-bottom: -11px;
  }

  .views-field-field-idea-funding-type {
    order: 2;
    padding-top: 0px !important;
    padding-bottom: 5px !important;
    font-size: 13px !important;
    color: #F26722 !important;
  }

  .table_body .views-field-title,
  .idea-listing tbody .views-field-title {
    /* order: 3; */
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 18px !important;
    color: #323232 !important;
    font-family: Verdana Bold;
    width: 84%;
  }

  .views-field-field-subdomains,
  .views-field-field-tertiary {
    order: 4;
    margin: 5px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .table_body .views-field-body,
  .idea-listing tbody .views-field-body {
    order: 5;
  }

  .table_body .views-field-created,
  .idea-listing tbody .views-field-created {
    order: 6;
    padding-top: 0px;
    margin: 0 0 40px 0;
    border-bottom: 1px solid #EBEBEB !important;
  }

  .views-field-field-subdomains div,
  .views-field-field-tertiary div {
    margin: 0 10px 0 0;
  }

  .table_body .views-field-field-subdomains button,
  .idea-listing tbody .views-field-field-subdomains button {
    margin: 0 0 15px 0;
    padding: 10px 15px;
  }

  .idea-listing td:before {
    display: none
  }

  td {
    padding-left: 1% !important;
  }

  .table_body .views-field-field-subdomains button,
  .idea-listing tbody .views-field-field-subdomains button,
  .table_body .views-field-field-tertiary button,
  .idea-listing tbody .views-field-field-tertiary button {
    white-space: break-spaces;
  }

  .mobile_header_display .navbar {
    flex-direction: row;
  }

  .view-my-idea .navigation {
    margin-bottom: 10px;
  }
}

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

  .views-field-field-idea-gate,
  .status_border-radius {
    font-size: 13px !important;
  }

  .table_body .views-field-field-idea-status,
  .idea-listing tbody .views-field-field-idea-status {
    padding: 0px !important;
  }
}

@media screen and (max-width: 350px) {
  .views-field-field-idea-gate {
    order: 6;
    position: relative !important;
    width: 100%;
    margin-bottom: 5px;
    width: 100%;
  }

  .status_section,
  .views-field-field-idea-status {
    /*width:50%;*/
    order: 7;
    position: relative !important;
    width: 100%;
  }

  .idea-listing tbody .views-field-field-idea-status {
    margin: 0 !important;
    padding: 5px !important;
  }

  .table_body .views-field-created,
  .idea-listing tbody .views-field-created {
    margin: 0 0 5px 0;
  }

  .table_body .views-field-field-subdomains button,
  .idea-listing tbody .views-field-field-subdomains button {
    margin: 0 0 10px 0;
    white-space: normal;
    padding: 6px;
    text-align: center;
  }
}

@media screen and (max-width: 300px) {
  .language_ar .views-field-field-idea-gate {
    margin-bottom: 0;
  }

  .table_body .views-field-field-idea-status,
  .idea-listing tbody .views-field-field-idea-status {
    font: normal normal normal 14px/23px verdana;
  }
}

/** MY IDEAS LAB7 VIEW ENDS**/

/*** Error message starts ***/
.errormsg_overall {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  padding: 5%;
}

.errormsg_overall img {
  margin-bottom: 20px
}

.error_heading {
  text-align: center;
  font: normal normal normal 30px/36px verdana;
  letter-spacing: 0px;
  color: #1D2329;
}

.error_content {
  text-align: center;
  font: normal normal normal 18px/22px verdana;
  letter-spacing: 0px;
  color: #707070;
  margin: 15px 0;
}

.go_back_btn {
  width: 180px;
  height: 60px;
  font: normal normal normal 16px/35px verdana;
  color: #F26722;
  border: 1px solid #F26722;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 5px;
  margin: 10px;
}

.login_different_user_btn {
  width: 219px;
  height: 60px;
  font: normal normal normal 16px/35px verdana;
  color: #ffffff;
  border: none;
  background: #F26722 0% 0% no-repeat padding-box;
  border-radius: 5px;
  margin: 20px 0;
  white-space: nowrap;
  margin: 10px;
}

.pagenotfound {
  margin: 0 0 15px 0;
}

@media only screen and (max-width: 767px) {
  .errormsg_overall img {
    width: 79px;
  }

  .error_heading {
    font: normal normal normal 22px/28px verdana;
  }

  .error_content {
    font: normal normal normal 16px/20px verdana;
  }

  .go_back_btn {
    width: 100%;
    height: 50px;
    font: normal normal normal 14px/33px verdana;
  }

  .login_different_user_btn {
    width: 100%;
    height: 50px;
    font: normal normal normal 14px/33px verdana;
  }
}

@media only screen and (max-width: 450px) {
  .errormsg_overall img {
    width: 70px;
  }

  .error_heading {
    font: normal normal normal 18px/24px verdana;
  }

  .error_content {
    font: normal normal normal 14px/20px verdana;
  }

  .error_buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .go_back_btn,
  .login_different_user_btn {
    height: 40px;
    margin: 7px 0;
  }

  .go_back_btn {
    /* width: 117px; */
  }

  .error .login_different_user_btn {
    width: 165px;
  }

  .error_content {
    margin: 10px 0 15px 0;
  }

}

/*** Error message ends ***/

/*** Fliter - My Idea page start ***/

@media screen and (max-width:767px) {
  .idea-listing .spb-controls {
    display: block;
  }

  .simple-popup-blocks-global .views-exposed-form .cancel-button {
    display: none;
  }

  .spb-popup-main-wrapper {
    width: 100% !important;
    height: 100vh !important;
    overflow: auto !important;
    padding: 20px;
  }

  .mobile_filter_text {
    display: block;
    font-family: Verdana Bold;
    font-size: 24px;
    color: #323232;
  }

  .spb_top_left {
    position: relative;
    box-shadow: none;
    border-radius: unset;
    top: 0;
  }

  #spb-views-exposed-form-my-idea-page-1 .search,
  #spb-views-exposed-form-review-ideas-page-1 .search,
  #spb-views-exposed-form-review-ideas-expert-page-1 .search,
  #spb-views-exposed-form-review-ideas-supervisor-page-1 .search,
  #spb-views-exposed-form-review-ideas-lab7-admin-page-1 .search {
    padding: 20px 0 10px 0;
  }

  #spb-views-exposed-form-my-idea-page-1 .form-row>fieldset,
  .form-row>div,
  #spb-views-exposed-form-review-ideas-page-1 .form-row>fieldset,
  .form-row>div,
  #spb-views-exposed-form-review-ideas-expert-page-1 .form-row>fieldset,
  .form-row>div,
  #spb-views-exposed-form-review-ideas-supervisor-page-1 .form-row>fieldset,
  .form-row>div,
  #spb-views-exposed-form-review-ideas-lab7-admin-page-1 .form-row>fieldset,
  .form-row>div {
    padding-right: 0px;
    padding-left: 0px;
  }

  .filter_overall {
    flex-direction: column;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 25px !important;
  }

  .field_inner_subdomains {
    margin-right: 0;
  }

  .idea-listing .search .fa-search {
    position: absolute;
    top: 82px;
    left: 29px;
  }

  .spb-controls {
    top: 21px;
  }

  .spb_close {
    border: 0;
  }

  .sub_filter {
    flex-direction: row !important;
  }

  .filter_footer_bottom {
    display: flex;
  }
}

@media screen and (max-width:500px) {
  .sub_filter {
    flex-direction: column !important;
    align-items: flex-start;
    margin: 0 !important;
  }

  .reset-button,
  .reset-button:hover {
    padding: 10px !important;
    width: 130px;
    height: 40px;
    font-size: 13px;
  }

  .filter_apply_button {
    padding: 10px !important;
    width: 130px;
    height: 40px;
    font-size: 13px;
  }
}

@media screen and (max-width:360px) {
  .sub_filter {
    flex-direction: column !important;
    align-items: flex-start;
    margin: 0 !important;
  }

  .reset-button,
  .reset-button:hover {
    padding: 10px 0 !important;
    width: 120px;
    height: 40px;
    font-size: 13px;
  }

  .filter_apply_button {
    padding: 10px 0 !important;
    width: 120px;
    height: 40px;
    font-size: 13px;
    margin: 10px 0 0;
  }

  .filter_footer_bottom {
    display: flex;
    flex-direction: column;
  }

  #spb-views-exposed-form-my-idea-page-1 .mb-3 {
    margin-bottom: 0 !important;
  }
}

/* to be removed */
.notification-markasread-trigger {
  position: relative;
}

.notification-markasread-trigger>a {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.noti_innertext {
  position: relative;
  pointer-events: none;
  z-index: 1;
}

.noti_innertext a {
  pointer-events: all;
}

/*MY IDEA HEADER RESPONSIVE STARTS*/
.mobile_header_display,
.mobile_header_back_wrapper,
.mobile_login_logo {
  display: none;
}

@media screen and (max-width:767px) {
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    left: 0;
  }

  #navbar-main {
    margin: 0;
  }

  .mobile_header_display {
    display: block;
  }

  .mobile_login_logo {
    text-align: center;
    margin: 20px 0 0;
  }

  .page-user-login .mobile_login_logo {
    display: block;
  }

  .page-user-register .mobile-footer,
  .page-user-login .mobile-footer,
  .page-user-password .mobile-footer {
    display: none;
  }

  .home_footer {
    display: none !important;
  }

  /* body:has(.errormsg_overall) .home_footer{
		display: block!important;
	} */
  .page-user-reset .home_footer,
  .page-user-register .home_footer,
  .page-user-login .home_footer,
  .page-user-password .home_footer {
    display: block !important;
  }

  #block-pwaaddtohomescreen {
    display: block;
  }

  #block-lab7headerblock,
  #block-pwaaddtohomescreen,
  #block-notifications {
    display: none;
  }

  #block-lab7headerblock .logo {
    display: block !important;
  }

  #main-wrapper {
    margin-top: 70px;
    padding: 10px 5px 73px 5px;
  }

  .page-user-login .site-footer,
  .page-user-register .site-footer,
  .page-user-password .site-footer {
    display: none;
  }

  /* .webform-idea #main-wrapper{
		margin-top: 0px;
	} */

  .node--type-lab-7-idea .myidea_inno_container {
    margin-top: 0 !important;
  }

  .page-user-password .mobile_header_wrapper,
  .page-user-password .mobile_backarrow,
  .page-user-password .idea_detail_title,
  .page-user-password .submit_my_idea,
  .webform-idea .mobile_header_wrapper,
  .webform-idea .reset_password_title,
  .webform-idea.step1 .mobile_header_back_wrapper,
  .mobile_inner_header_text,
  .page-user-login .mobile_header_wrapper {
    display: none;
  }

  .page-user-password .mobile_header_back_wrapper,
  .webform-idea .mobile_header_back_wrapper,
  .webform-idea.step1 .mobile_header_wrapper {
    display: block;
    width: 100%;
    z-index: 3;
    position: relative;
  }

  /* .webform-idea.step1 .mobile_header_wrapper .mobile_inner_header_text {
		display: none;
	} */
  .webform-idea.step1 .mobile_header_wrapper .mobile_inner_header_text {
    display: block;
    width: 100%;
  }

  .nav-link {
    color: #202020 !important;
    padding: 20px 14px;
  }

  .mobile_header_main_center {
    background-color: #F26722;
    padding: 30px 20px !important;
    display: flex !important;
    align-items: center;
    height: 70px !important;
    margin-bottom: 20px !important;
    justify-content: space-between;
  }

  .page-user-login .mobile_header_display {
    display: none !important;
  }

  .mobile_header_center {
    display: flex;
    align-items: center;
    margin-top: 10px;
  }

  .mobile_header_center img {
    width: 56px;
    margin: 0 15px 0 0 !important;
    border: 2px solid #ffffff;
    border-radius: 50%;
  }

  .mobile_header_menu_center {
    float: left;
    width: 18px;
    height: 14px
  }

  .mobile_header_logo_center {
    width: 98%;
    display: flex;
    justify-content: center;
  }

  .mobile_header_logo_center_img {
    float: right;
    width: 61px;
    height: 43px
  }

  .px-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
  }

  .side-navbar {
    width: 80%;
    height: 100%;
    position: fixed;
    margin-left: 0px;
    background-color: #F6F6F6;
    transition: 0.5s;
    z-index: 1;
    top: 0;
    padding-top: 70px;
    left: 0;
    overflow-y: auto;
    display: none;
  }

  .mobile_header_logo_center {
    width: 92%;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 13px;
    z-index: 1;
  }

  .mobile_header_notification {
    z-index: 1;
  }

  .menu-text-line {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    z-index: 3;
    padding-left: 10px;
  }

  .mobile_menu_installapp {
    position: fixed;
    bottom: 0;
    height: 83px;
    background-color: #f6f6f6;
  }

  .signout_btn_text {
    z-index: 3;
  }

  .menu-line {
    width: 25px;
    height: 2px;
    background-color: #ffffff;
    margin: 5px 0;
  }

  .menu-line1 {
    width: 12px;
  }

  .menu_icon_mobile {
    width: 27px;
    height: 27px;
  }

  .mobile_header_display .side-navbar li {
    align-items: center
  }

  .language-switcher-language-url.arabic_lang .language-link {
    margin: 15px 20px;
    white-space: nowrap !important;
  }

  .active-cont .menu-line {
    background-color: #323232;
  }

  .my-container {
    transition: 0.4s;
    z-index: 2;
  }

  .active-nav {
    margin-left: 0;
    opacity: 1;
  }

  .active-cont {
    margin-left: 0px;
  }

  .menu_text {
    display: none;
    margin-left: 13px;
    text-decoration: none;
    color: #323232;
  }

  .active-cont .menu_text {
    display: block;

  }

  .menu_text h5 {
    margin: 0;
  }

  .mobile_header_display .active-cont .menu_text,
  .side-navbar .nav-link {
    font-family: verdana Bold;
    font-size: 14px;
    letter-spacing: 0;
    z-index: 999;
    word-break: break-all;
    color: #323232;
  }

  .mobile_header_display .second_menu {
    border-bottom: 0;
  }

  #menu-btn {
    color: #fff;
    margin-left: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    z-index: 2;
    text-decoration: none !important;
  }

  .my-container input {
    border-radius: 2rem;
    padding: 2px 20px;
  }

  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
  }

  .mobile_myidea_listing .view {
    padding: 5%;
    margin-top: 70px;
  }

  .pwa-a2hs-active {
    position: absolute;
    bottom: 0;
  }

  .mobile_header_display .pwa-a2hs-active button {
    margin: 20px;
    background-image: url(../images/menu_installapp.svg);
    background-repeat: no-repeat;
    border: 0;
    background-color: #f6f6f6;
    height: 32px;
    color: #F26722;
    font-family: Verdana Bold;
    font-size: 14px;
    text-align: left;
    padding-left: 38px;
  }

  .language-switcher-language-url {
    margin: 0 !important
  }

  .language-switcher-language-url a {
    font-size: 22px !important;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 13px 20px 15px;
  }

}

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

  .active-cont .menu_text,
  .side-navbar .nav-link {
    font-size: 13px;
  }
}

/*MY IDEA HEADER RESPONSIVE ends*/
/*MY IDEA Footer RESPONSIVE starts*/
@media screen and (max-width:767px) {
  .mobile-footer {
    display: block;
    width: 100%;
    height: 83px;
    background-color: #F6F7FA;
    position: fixed;
    bottom: 0;
    z-index: 3;
  }

  /* .page-user-login .footer, .page-user-register .footer {
		padding-top: 1rem!important;
	} */
  .page-user-login .footer,
  .page-user-register .footer,
  .page-user-password .footer {
    margin: auto;
  }

  .mobile_footer_button {
    display: flex;
    align-items: flex-start;
    height: 70px;
    padding-top: 15px;
    justify-content: space-between;
  }

  .mobile_footer_button_each {
    width: 33.3%;
    text-align: center;
  }

  .mobile_footer_button_each img {
    width: 22px;
    height: 22px;
  }

  .mobile_footer_button a {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
  }

  .footer_button_text {
    font: normal normal normal 10px/20px verdana;
    color: #A4A8B0;
  }

  .footer_button_text .active {
    color: #F26722;
  }

  .mobile_blackline {
    width: 33.3%;
    height: 5px;
    background-color: #000000;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
  }

  .mobile_header_display .side-navbar li {
    /* display:flex;*/
    padding-left: 10px;
    display: grid;
    grid-template-columns: 27px auto;
  }

  .mobile_header_display .navbar {
    flex-direction: row;
    margin-top: 0;
    gap: 0;
    cursor: pointer;
  }

  /* .node--type-lab-7-idea .mobile-footer {
		display: none;
	} */
  /* .node--type-lab-7-idea #main-wrapper{
		padding-bottom:0
	} */
  .sign_main_width {
    height: auto;
  }
}

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

@media screen and (max-width: 991px) {
  .navbar-light .navbar-toggler {
    margin-right: 15px !important;
    margin-top: 0.6rem !important;
  }
}

@media screen and (max-width: 2500px) {
  .sign_up_text {
    top: 35%;
  }

  jn kml .sign_margin {
    justify-content: flex-start;
    overflow: auto;
  }
}

@media screen and (max-width: 1500px) {
  .sign_up_text {
    top: 30%;
  }
}

@media screen and (max-width: 1150px) {
  #navbarSupportedContent a {
    font-size: 18px
  }

  .idea_view_tabs .nav-tabs .nav-link {
    font-size: 15px;
    /*margin: -1px 15px;*/
  }
}

@media screen and (max-width:990px) {
  .noti_bar {
    margin: 23px 10px 0 10px
  }

  .sign_up_text {
    top: 18%;
  }
}

@media screen and (max-width: 850px) {
  .idea_view_tabs .nav-tabs .nav-link {
    font-size: 15px;
    /* margin: -1px 13px; */
  }
}

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

  .table_body .views-field-field-idea-status,
  .idea-listing tbody .views-field-field-idea-status {
    margin: 0 !important;
    padding: 5px 0 !important;
  }
}

/*MY IDEA Footer RESPONSIVE ends*/
/******font update*********/
@font-face {
  font-family: "DINNextLTArabic-Medium";
  src: url("fonts/DINNextLTArabic-Medium.ttf");
}

.language_ar {
  font-family: "DINNextLTArabic-Medium" !important;
}



/******** Mobile new style starts here ***************/
.mobile_display_block {
  display: none;
}

.profile_button_display_flex a {
  text-decoration: none;
}

.submitmyidea_btn {
  display: none;
}

@media screen and (max-width:767px) {
  .cke_dialog_ui_html table tbody tr td {
    float: left;
  }

  .page-view-team-members-list .views-field.views-field-webform-submission-value-2 {
    font-size: 16px !important;
    font-weight: bold;
    color: #323232 !important;
    word-break: break-all;
  }

  .page-view-team-members-list .views-field.views-field-webform-submission-value {
    font-size: 16px !important;
    color: #323232 !important;
    word-break: break-all;
  }

  .page-view-team-members-list .views-field-nothing {
    bottom: 4px;
  }

  .user-signin {
    padding: 0px !important;
  }

  /********* profile mobile starts ********/
  .mobile_profile_name,
  .user_profile_img,
  .mobile_profile_editreset {
    flex: 0 0 auto;
  }

  .mobile_profile_name {
    word-break: break-word;
    flex-shrink: 2;
  }

  .profile_mt .user_profile_img .mobile_profile_edit {
    margin-left: -30px !important;
    width: 35px !important;
    height: auto !important;
    position: absolute;
  }

  .mobile_display_block {
    display: block;
  }

  .mobile_profile_editreset {
    display: flex;
    gap: 15px;
    justify-content: flex-end;
    flex: 1 0 auto;
    margin-right: 10px;
  }

  .user_profile .mobile_profile_editreset_btns {
    width: 30px;
    height: auto;
    margin: 0 !important;
  }

  /********* profile mobile ends ********/
  /********* edit profile mobile starts ********/
  .editprofile_header {
    font: normal normal normal 24px/29px verdana;
    padding: 5px;
  }

  .user-profile-box {
    width: 99%;
  }

  .user-profile-box .card-body,
  .user-full-profile-box .card-body {
    height: auto;
  }

  .profile_edit_mt_submit {
    float: none;
    margin-right: 0;
    width: 100%;
    display: flex;
    gap: 2%;
    margin: 0;
  }

  .profile_cancel {
    width: 30% !important;
    height: 50px !important;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  html[dir='rtl'] .profile_cancel {
    margin-left: 0;
  }

  .profile_save {
    width: 70% !important;
    height: 50px !important;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* .language_ar .profile_cancel {
	padding: 0 !important;
	margin-left: 0!important;
} */
  /********* edit profile mobile ends ********/

  /*********** Upload a new user picture starts ********/
  body.user-logged-in.path-user .ui-dialog,
  .path-comment .ui-dialog,
  .node--type-lab-7-idea .ui-dialog,
  .page-view-my-idea .ui-dialog {
    width: 90% !important;
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;
  }

  .cke_reset_all.cke_dialog_container {
    padding: 0 !important;
    width: 100% !important;
    transform: translate(-50%, -50%);
    top: 50% !important;
    left: 50% !important;
  }

  .cke_reset_all.cke_dialog_container td {
    padding: 0 !important;
  }

  .cke_dialog_title,
  .cke_dialog_ui_hbox_first,
  .cke_dialog_ui_hbox_child,
  .cke_dialog_ui_hbox_last {
    padding: 10px !important;
  }

  .cke_dialog_tabs {
    width: 96% !important;
    overflow-x: auto;
  }

  .cke_dialog_ui_hbox {
    display: flex;
    gap: 10px;
  }

  .cke_dialog_container .cke_dialog {
    width: 100% !important
  }

  form .user_profile .mobile_display_block,
  form .user_profile .mobile_profile_name,
  form .user_profile .mobile_profile_editreset {
    display: none !important;
  }

  form .user_profile .user-profile-icon {
    margin-left: 0;
  }

  /*********** Upload a new user picture ends ********/
  /*********** myidea starts ********/
  .submitmyidea_btn {
    font: normal normal normal 16px/35px Verdana;
    color: #ffffff;
    border: none;
    background: #F26722 0% 0% no-repeat padding-box;
    width: 100%;
    height: 44px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 50%);
    border-radius: 5px;
    display: flex;
    text-align: center;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
  }

  .submitmyidea_img {
    margin: 0 5px;
  }

  .submitmyidea_btn:hover {
    color: #ffffff;
  }

  .view-my-idea .table>:not(:first-child) {
    border-top: 0 !important;
  }

  body.language_ar .language_en,
  body.language_en .language_ar {
    display: none;
  }

  /*********** myidea ends ********/

  /** steps btn  starts**/
  .error_subdomain,
  .error_subdomain_category,
  .error_benefit {
    margin: 15px 0 !important;
  }

  .webform-submission-idea-form #edit-actions {
    display: flex;
    flex-direction: row-reverse;
    gap: 1%;
    margin: 20px 0 !important;
  }

  .webform-submission-idea-form #edit-actions button {
    flex: 1 0 auto;
    width: auto !important;
  }

  .webform-submission-idea-form .form-actions #edit-actions-wizard-prev {
    display: none;
  }

  .step3 .webform-submission-idea-form .form-actions #edit-actions-wizard-prev,
  .step4 .webform-submission-idea-form .form-actions #edit-actions-wizard-prev 	{
    display: block;
  }

  .webform-submission-idea-form .form-actions .cancel-button {
    margin-left: 0 !important;
  }

  .webform-idea #progressbar .progress-step .submit_steps .step_no {
    display: none;
  }

  .language_ar .webform-submission-idea-form .form-actions .cancel-button {
    margin-right: 0 !important;
    margin-left: 10px !important;
  }

  /** steps btn  ends**/
  /*********** submit step 1 starts ********/
  #step1,
  #step2,
  #step3,
  #step4,
  #step1::after,
  #step2::after,
  #step3::after {
    display: none !important;
  }

  #step1.active,
  #step2.active,
  #step3.active,
  #step4.active {
    display: block !important;
  }

  .submit_steps {
    display: flex;
    align-items: center;
    text-align: left;
    margin-top: -10px;
  }

  .progress-tracker {
    margin: 0;
  }

  #progressbar {
    padding: 0;
    margin: 0 !important;
  }

  #progressbar li {
    width: 100%;
  }

  #progressbar li.active,
  #progressbar li.is-complete {
    font: normal normal bold 16px Helvetica;
    color: #323232 !important;
  }

  /* .submit_subdomain {
	display: none;
} */
  .submit_overall_cotainer {
    flex-direction: column;
  }

  .submit_fourcards {
    width: 100%;
  }

  .infor_show {
    width: 25px;
    height: 25px;
    cursor: pointer;
  }

  .description_label {
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
  }

  #descripton_fieldset.mobile-display-description {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 12px;
    padding: 10px;
    margin-bottom: 10px !important;
    width: 100%;
  }

  .mobile-display-description {
    display: none;
  }

  .infor_close {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 5px 0;
  }

  .webform-idea #page-wrapper,
  .webform-idea #main-wrapper {
    background: #FAFAFA !important;
  }

  .submit_eachcard {
    background: #ffffff !important;
  }

  #progressbar img {
    width: 100px;
    height: 100px;
    margin-left: -20px;
  }

  .select_domain {
    font-size: 16px;
  }

  #descripton_fieldset .select_domain {
    display: none;
  }

  /*********** submit step 1 ends ********/
  /*********** submit step 3 starts ********/
  .aboutyouridea_container {
    flex-direction: column;
  }

  .aboutyouridea_container_sub {
    width: 100%;
  }

  .webform-submission-idea-form .aboutyouridea_text {
    text-align: left !important;
    font-size: 16px;
    margin-bottom: 20px;
  }

  .aboutyouridea_container {
    flex-direction: column;
    background-color: white;
    padding: 10px;
  }

  .aboutyouridea_container_sub {
    padding-bottom: 0px;
  }

  .step3-col-1 h3,
  .step3-col-2 h3 {
    margin-bottom: 10px;
  }

  .webform-submission-idea-form .mb-3 {
    margin-bottom: 1rem !important;
  }

  .webform-submission-idea-form .webform-document-file .js-form-type-checkbox {
    padding: 10px 20px;
  }

  .step3 .webform-submission-idea-form .form-actions #edit-actions-draft,
  .step3 .webform-submission-idea-form .form-actions .cancel-button,
  .step3 .webform-submission-idea-form .form-actions #edit-actions-wizard-next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
  }

  .step3 .aboutyouridea_container,
  .step4 .aboutyouridea_container {
    flex-direction: column;
    background-color: transparent;
    padding: 0;
  }

  .step3 .webform-submission-idea-form #edit-actions,
  .step4 .webform-submission-idea-form #edit-actions {
    display: grid !important;
    grid-gap: 10px;
  }

  .step3 .webform-submission-idea-form .form-actions #edit-actions-wizard-next,
  .step4 .webform-submission-idea-form .form-actions #edit-actions-wizard-next {
    order: 3;
    width: 100% !important;
    grid-column: 1 / span 2;
  }

  .step3 .webform-submission-idea-form .form-actions .cancel-button,
  .step4 .webform-submission-idea-form .form-actions .cancel-button {
    width: 50%;
    order: 1;
    grid-row: 1 / span 2;
  }

  .step3 .webform-submission-idea-form .form-actions #edit-actions-draft,
  .step4 .webform-submission-idea-form .form-actions #edit-actions-draft {
    width: 100% !important;
    order: 2;
    grid-row: 1 / span 2;
		height:60px;
  }

  /*********** submit step 3 ends ********/
  /*********** submit step 4 starts ********/
  .aboutyouridea_text_sub {
    text-align: left !important;
    font-size: 16px !important;
  }

  .idea-feedback-sec .aboutyouridea_container {
    padding: 10px
  }

  .myidea_inno_margin {
    height: auto !important;
  }

  .aboutyouridea_innercontainer {
    margin-top: 0;
  }

 /* #edit-actions-submit {
    display: block;
  }*/

  /*********** submit step 4 ends ********/
  /** congratulations popup **/
  .webform-idea-confirmation.ui-dialog {
    width: 90% !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }

  /** cancel popup **/
  #confirm {
    width: 90% !important;
  }

  .error_buttons .login_different_user_btn,
  .error_buttons .go_back_btn {
    width: 100% !important;
  }
}

@media screen and (max-width:400px) {
  .funding-type .form-item-funding-type label {
    padding: 20px 5px;
  }
}

.myidea_inno_comment_author_img {
  width: 25px;
  margin: 0 5px;
}

#confirm {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}