@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/*--Reset--------------------------------------------------*/
body {
    /* overflow: hidden !important; */
    font-size: 11px;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 400;
}

table {
    color: black;
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #D9EAFF;
    overflow: hidden;
    font-family: 'Red Hat Text', sans-serif !important;
}

.auth-captcha #isliveInstance {
    margin-top: 44px;
    margin-left: 59px;
    position: inherit;
    color: #000;
    width: 193px;
}
.auth-captcha .login_form #alert-banner {
    margin-top: 358px;
    margin-left: 36px;
}
input#login_label_captcha  {
    background: #FFFFFF !important;
    border: 1px solid #A5A5A4 !important;
    border-radius: 4px !important;
    padding: 9px 14px !important;
    width: 100%;
    margin: 6px 0px !important;
    max-width: 180px !important;
    color: #797979;
}
.auth-captcha #version {
    margin-top: -412px;
    margin-left: 158px;
}
.mwebDateTimeCombo input {
    font-size: 11px;
    font-family: 'Red Hat Text', sans-serif !important;
}

.ui-draggable>h1 {
    height: auto !important;
    padding: 0px !important;
    background: none Transparent !important;
    font-family: 'Red Hat Text', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #000 !important;
}
span#adminInfo {
    font-family: 'Red Hat Text', sans-serif !important;
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    max-width: 78%;
    display: block;
    padding-left: 47px;
    padding-top: 10px;
}

/*:focus{border:2px dotted #f64b0a!important}*/

.mwebDateTimeCombo input {
    font-size: 11px;
    font-family: 'Red Hat Text', sans-serif !important;
}
.ui-draggable>h1 {
    height: auto !important;
    padding: 0px !important;
    background: none Transparent !important;
    font-family: 'Red Hat Text', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #000 !important;
}
#topHeaderDiv {
    background: #000000 !important;
    padding: 10px 0px;
    width: 100% !important;
    left: 0px !important;
    top: 0px !important;
    overflow: visible;
}

.ui-draggable>h1 {
    height: auto !important;
    padding: 0px !important;
    background: none Transparent !important;
    font-family: 'Red Hat Text', sans-serif !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #000 !important;
}
thead td {
    background: none #F6F6F6 !important;
}
tbody tr:nth-child(even) {
    background: #EDEDED;
}
.ui-jqgrid tr.ui-search-toolbar select {
    border-radius:2px;
    height:28px;
    border: 1px solid #cccc;
}
/* --------------- left navigation ------------------- */
#sideBarDashboard_button {
    background: url(/images/MoveON-icons/dashboard.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

#sideBarHome_button {
    background: url(/images/MoveON-icons/home.png);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

#sideBarFunding_button {
    background: url(/images/MoveON-icons/wallet.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

#sideBarHeDirectory_button {
    background: url(/images/MoveON-icons/he-directory.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

#sideBarEnominations_button {
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarRelations_button {
    background: url(/images/MoveON-icons/relations.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarSettings_button {
    background-image: url(/images/MoveON-icons/settings.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarHelp_button {
    background-image: url(/images/MoveON-icons/mo-help-icon-new.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarMobilities_button {
    background-image: url(/images/MoveON-icons/mobility.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarModern_wrapper {
    background: none !important;
}
#sideBarModern_button {
  /*  background: url(/images/MoveON-icons/modern.png);*/
    background-position: 10px 5px;
    background-repeat: no-repeat;
    background-color: #489aa9 !important;
    border-radius: 5px;
    border: 1px solid #263c4b;
    padding: 0;
    width: 80%;
    margin: 0px auto;
    margin-bottom: 10px;
    color: white;
    text-shadow: none;
    margin-top: 18px;
    cursor: pointer !important;
}
#sideBarModern_button > div {
    padding: 1px 0 0 31px;
    word-break: break-all;
}
#NewUIShow {
    display: none;
}
#sideBarModern {
    display: none !important;
}
#sideBarReporting_button {
    background: url(/images/MoveON-icons/report.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarEwp_institutions_button {
    background: url(/images/MoveON-icons/ewp.svg);
    background-position: 15px 50%;
    background-repeat: no-repeat;
}
#sideBarAgents_button {
    background: url(/images/bluetabs/agents.svg);
    background-position: 15px 50%;
    color: white;
    background-repeat: no-repeat;
}
/*------------- leftmenu ------------*/
.dijitAccordionInnerContainer {
    background: url(/images/MoveON-icons/leftarrow.png);
    background-position: 92% 50%;
    background-repeat: no-repeat;
}
.ui-jqgrid .ui-pg-table td {
    background-color: #FFFFFF !important;
    box-shadow: 0px 1px 1px 0px #1D1D1B0F;
}
/*li.actionsToolbarItem_right.saveAsIcon.ui-menu-item {
    margin-left: 15px;
}*/
li.actionsToolbarItem_right.saveAsIcon.ui-menu-item a {
    padding: 0;
    margin-left: -5px;
}
.newIcon {
    background-image: url("/images/MoveON-icons/new.png") !important;
}
.newIcon:hover {
    background-image: url(/images/MoveON-icons/new.png) !important;
    background-position: 3px center, bottom left !important;
    background-repeat: no-repeat, repeat-x !important;
    padding-left: 15px !important;
}
.saveAsIcon {
    background-image: url("/images/MoveON-icons/save-as.png") !important;
    background-repeat: no-repeat;
    background-position: 1px center;
}
.saveAsIcon:hover {
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-image: url(/images/MoveON-icons/save-as.png) !important;
    background-position: 1px center, bottom left !important;
    background-repeat: no-repeat, repeat-x !important;
}
.ActionmeniitemIcon {
    background-image: url("/images/MoveON-icons/actions.png") !important;
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 18px !important;
}
.ActionmeniitemIcon:hover {
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-image: url(/images/MoveON-icons/actions.png) !important;
    background-position: 5px center, bottom left !important;
    background-repeat: no-repeat, repeat-x !important;
}
.showasTreeIcon {
    background-image: url("/images/MoveON-icons/show-tree.png") !important;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.showasTreeIcon:hover {
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-image: url(/images/MoveON-icons/show-tree.png) !important;
    background-position: 5px center, bottom left !important;
    background-repeat: no-repeat, repeat-x !important;
}
.showListIcon {
    background-image: url("/images/bluetabs/showlist.png") !important;
    background-repeat: no-repeat;
    background-position: 5px center;
}
.showListIcon:hover {
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-image: url(/images/bluetabs/showlist.png) !important;
    background-position: 5px center, bottom left !important;
    background-repeat: no-repeat, repeat-x !important;
}
.saveIcon {
    background-image: url("/images/MoveON-icons/save.png") !important;
    background-repeat: no-repeat;
    background-position: 5px center;
}


.message {
    width: 100%;
    max-width: 1000px;
    background-color: #DAFBE4 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    margin-left: 24px;
}
.main-input-form fieldset button, .customForm button:not(.actionsBar button) {
    padding: 16px 10px;
    background-position: -3px;
    line-height: 0px;
    font-size: 14px;
    border-radius: 4px;
    color: rgb(10 102 194);
}
/*Dropdown Arrow*/
/*.ActionmeniitemIcon > ul.ui-menu:nth-of-type(1):before {
    position: absolute;
    top: -10px;
    left:50%;
    margin-left: -10px;
    content:"";
    display:block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e7e7e7;
}*/

/*Drop down overlap */

/*ul.ui-menu.ui-widget.ui-widget-content.ui-front {
    border: 1px solid #dfdfdf !important;
    padding: 6px 9px 7px 1px;
    line-height: 20px;
    border-radius: 4px;
    margin-top: 13px;
}*/
ul.ui-menu.ui-widget.ui-widget-content.ui-front li a {
    margin: 6px 0;
    color: #000000;
}
.InnerContainer ul.ui-menu.ui-widget.ui-widget-content.ui-front li a:hover {
    background: #D5E2F4;
}
.ExportIcon {
    background-image: url("/images/MoveON-icons/export.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    padding-left: 18px !important;
    background-size: contain !important;
}
.timeframe {
    background-image: url("/images/MoveON-icons/icon-timeframe.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    padding-left: 18px !important;
}
.ui-jqgrid-view td .edit {
    background-image: url(/images/MoveON-icons/edit.png) !important;
}
#w-dashboard>div>div>div[type=widget] .ui-jqgrid-view {
    margin: 0 !important;
}
#w-dashboard>div>div>div[type=widget] {
    border: 1px solid #F6F6F6  !important;
    border-radius: 0px !important;
}
#w-dashboard>div>div>div[type=widget]>h2 {
    justify-content: space-between;
    padding: 12px 16px;
    background: #F6F6F6 !important;
    color: #1D1D1B !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: 700;
}
#w-dashboard>div>div>div[type=widget]>h2 span {
    font-size: 12px;
}
#w-dashboard>div>div>div[type=widget]>h2>.closeButton {
    margin-right: -116px !important;
}
/*#w-dashboard>div>div[type=column] {
    min-height: 0px !important;
}*/
.loginbtn button {
    padding: 12px 0px !important;
    background: #F7A70D !important;
    border-radius: 4px;
    border: 1px solid #F7A70D !important;
    width: 100%;
    max-width: 245px;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 10px;
    color: #1D1D1B !important;
    margin-top: 10px;
    cursor: pointer;
}
.login_form .formRow .labelContainer .rowLabel {
    float: left;
    margin-left: 1px;
    margin-top: 13px;
    color: #1D1D1D;
    position: absolute;
    background: white;
    top: -10px;
    z-index: 1;
    padding: 0px 2px;
    font-size: 15px;
}
.login_form span.validationMark {
    position: absolute;
    top: -2px;
    margin-left: 1px;
    font-size: 14px;
}

div[class="login_form"] > .formInner {
    min-height: 0px;
    margin-left: 45px;
    margin-top: 10px !important;
}
.login_form .formRow .labelContainer {
    width: 100%;
    line-height: 21px;
    overflow: inherit;
    word-wrap: break-word;
    position: inherit;
    margin-left: 13px;
}
 #alert-banner {
     margin: 0 auto;
     width: 100%;
     max-width: 100%;
     padding: 10px 2px;
     margin-left: 16px;
     line-height: 15px;
     margin-top: 10px;
     font-size: 14px;
     background: #FFF0F1;
     background-color: #FFF0F1;
     border-color: #FFF0F1;
     color: #1d1d1b;
     font-weight: 500 !important;
     border-radius: 2px;
 }
.auth-captcha #alert-banner {
    padding: 9px 5px 10px 20px;
    margin-left: -15px;
}
div#alert-banner span {
    font-size: 12px;
}
.auth-captcha {
    background: white;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
    padding: 48px 66px;
    max-width: 352px;
}

[aria-describedby="change-profile-password-dialog-1"] {
    background: #fff !important;
    padding: 10px !important;
}
#change-profile-password-dialog-1 {
    height: 100% !important;
}
[aria-describedby="change-profile-password-dialog-1"] .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle span {
    margin-left: -15px !important;
}
form[id^="changePassword_user"] fieldset dt {
    width: 30%;
    padding-bottom: 3px;
}

form#changePassword_user_1 dd input {
    background: #FFFFFF;
    color: #797979;
    border: 1px solid #A5A5A4;
    border-radius: 4px;
    font-size: 10px;
    height: 24px;
}
.NewLayout .lableContain .rowControl {
    width: 100% !important;
}

#version {
    text-align:right;
    float:right;
    margin-right:-13px;
    color: #1D1D1B;
    position: absolute;
    margin-top: -222px;
    margin-left: 130px;
}

.login_form .formRow .rowControl {
    width: 100%;
    max-width: 100%;
}

.ui-icon-closethick {
    background-image: url(/images/bluetabs/iconClose.png) !important;
    background-position: center center !important;
    margin-right: 5px !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content .ui-icon-plus {
    background-image: url(/images/bluetabs/iconPlus.png) !important;
    background-position: center center !important;
    margin-right: 5px !important;
    width: 30px;
    height: 30px;
}


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content .ui-icon-minus {
    background-image: url(/images/bluetabs/iconRemove.jpg) !important;
    background-position: center center !important;
    margin-right: 5px !important;
    width: 30px;
    height: 30px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content  .selected .ui-helper-clearfix {
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F5FB', endColorstr='#F1F5FB' ) !important;
    background: -webkit-gradient(linear, center top, center bottom, from(#F1F5FB), to(#F1F5FB) ) !important;
    background: -moz-linear-gradient(top, #F1F5FB, #F1F5FB) !important;
    border-bottom: 0px solid #02426B !important;
    background: #F1F5FB;
}
.available .ui-helper-clearfix {
    background-image: none !important;
    line-height: 38px;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F5FB', endColorstr='#F1F5FB' ) !important;
    background: -webkit-gradient(linear, center top, center bottom, from(#F1F5FB), to(#F1F5FB) ) !important;
    background: -moz-linear-gradient(top, #F1F5FB, #F1F5FB) !important;
    border-bottom: 0px solid #02426B !important;
}
.multiselect-dropdown-row select {
    border: 1px solid #d7d7d7 !important;
    padding: 1px 7px 2px 1px !important;
    margin: -10px 4px 7px 7px !important;
    z-index: 9999 !important;
    border-radius: 4px !important;
    color: #1D1D1B !important;
}
.multiselect-dropdown-row {
    border-bottom: 0px solid #02426B !important;
}

/* MOD-51: Removed below font family because font family is not working in ui-dialog for rich text editor*/
/*.ui-dialog .ui-dialog-content * {*/
/*    font-family: 'Red Hat Text', sans-serif;*/
/*}*/
.ui-dialog-titlebar {
    border-bottom: 0px solid #C7C7C7 !important;
}
.treeview select, dd>.hasDatepicker, dd>input[type=file] {
    height: 34px;
}
.ui-icon-pin-s {
    background-image: url("/images/MoveON-icons/icon-search.jpg") !important;
    background-position: center !important;
}

.ui-icon-search {
    background-image: url("/images/MoveON-icons/adv-search.png") !important;
    background-position: center !important;
}

.ui-pager-control .ui-icon-refresh {
    background-image: url("/images/MoveON-icons/search-filter.png") !important;
    background-position: center !important;
}

.ui-icon-newwin {
    background-image: url("/images/MoveON-icons/columns.png") !important;
    background-position: center !important;
    width: 16px !important;
    height: 16px;
    background-size: contain;
}
.multiselect-search #searchField {
    float: left;
    height: 12px;
    margin-right: 2px;
    position: absolute;
    right: 43px;
    top: 4px;
}
/*
.ui-front:before {
    position: absolute;
    top: -10px;
    left:50%;
    margin-left: -10px;
    content:"";
    display:block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e7e7e7;
}
.arrow-top-new:before {
    position: absolute;
    top: 97px;
    left: 50%;
    margin-left: 428px;
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3f1f1;
    z-index: 99999;
}
*/

.ui-multiselect div.available {
    border-color: #fff5f5 !important;
}

ul.dashboard-list {
    border: 1px solid #E5E5E5 !important;
}

/*
tbody td {
    background: none #F6F6F6 !important;
}*/

/*------------- login screeen -------------*/
.auth {
    background: url(/themes/moveon/images/login_back1.png) no-repeat top left;
}
.auth-logo {
    background: url(/themes/moveon/images/MoveON-logo-new.svg) no-repeat;
    margin-top: 3.8px;
}
/* .loginPopupSessionExpire .auth-logo.auth-logo-new {
    background: url(/themes/moveon/images/logos-login-main.png) no-repeat !important;
}
.auth-logo.auth-logo-new {
    background: url(/themes/moveon/images/logos-login-main.png) no-repeat !important;
} */
.auth * {
   font-family: 'Red Hat Text', sans-serif !important;
}
#auth,#auth body {
    background: #fff;
    background: url(/images/MoveON-icons/mo-bg.svg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.auth-logo {
    background: url(/images/MoveON-icons/MoveON-logo.svg) no-repeat;
    margin: 0 auto !important;
    padding: 9px 18px;
}
.auth {
    background: #FFFFFF;
    margin: 0 auto;
    margin-top: 15%;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 14%) !important;
    border-radius: 4px !important;
    padding: 51px 30px 50px 0px !important;
}
.mo-newui-section {
    margin-left: 28px;
    position: absolute;
    bottom: -5px;
}
.mo-newuI-title {
    color: #fff;
    line-height: 44px;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Red Hat Display';
}
.mo-newuI-subTitle {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    font-family: 'Red Hat Display';
}
.loginFormFields .rowControl > input[type="text"], .loginFormFields .rowControl > input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #A5A5A4 !important;
    border-radius: 4px;
    padding: 12px 10px !important;
}
.loginFormFields .rowControl > input[type="text"], .loginFormFields .rowControl > input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #A5A5A4 !important;
    border-radius: 4px;
    padding: 12px 14px !important;
    width: 100%;
    margin: 12px 0px !important;
    max-width: 215px !important;
}
.formRow.hideLabelText.hideLabel.onetimePaymentText .rowControl {
    margin-top: -39px;
}
.advancedIcon {
    background-image: url("/images/MoveON-icons/advanceed-view.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}
.saveIcon {
    background-image: url("/images/MoveON-icons/save.png") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}

.cancelIcon {
    background-image: url("/images/MoveON-icons/refresh.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}
.resetIcon {
    background-image: url("/images/MoveON-icons/home-reset-dashboard.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
}
li.ui-icon-refresh.dashboard-icon-show {
    background-repeat: no-repeat !important;
}
a.entityLink,table[id^="grid"] a.entityLink {
    color: #005fcc !important;
    text-decoration: none !important;
    cursor: pointer;
    font-weight: 500;
}
.entityLink {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
}
.entityLink:focus {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
}
.relation-language-level .remove,
.relation-isceds .remove,
.iia-language-level .remove,
.iia-isceds .remove {
    top: -11px;
    right: 50px;
    width: 20px !important;
    height: 20px !important;
}
.nicEdit-main {
    height: 170px !important;
}

/* new option into bulk edit */
.only-label {
    width	: 14% !important;
}

/*-----Multiselect Dropdown & search-----*/
.multiselect-dropdown-row {
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#FFFFFF)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
    border-bottom: 0px solid #02426B !important;
    margin-bottom: 2px;
    padding: 5px !important;
    height: 20px !important;
}

/*.available .ui-helper-clearfix {
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF' ) !important;
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffff) ) !important;
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
    border-bottom: 1px solid #02426B !important;
}*/

.ui-multiselect .count {
    margin-top: 10px !important;
    padding: 6px 10px;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: none !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #79b7e7;
  /*  background: #d0e5f5  url("/js/jquery/css/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;*/
    background: #D5E2F4;
    font-weight: bold;
    color: #1d5987;
}

.relationIscedField, .iiaIscedField {
    float: left !important;
}
.iia-partner-contacts .contactField, .iia-home-contacts .contactField {
    width: 49% !important;
}
.relation-language-level .relationLanguageLevelField, .iia-language-level .iiaLanguageLevelField {
    width: 49% !important;
}
.newIcon a {
    padding-left: 14px !important;
}
.customForm fieldset[namex=name_translated] {
    border-bottom: 0px solid #cccccc;
}
.customForm fieldset[namex=name_translated]:last-of-type {
    border-bottom:0px solid #0b2e13;
}
#isliveInstance {
    left: 70px !important;
    top: 35px !important;
}
 /*Datepicker*/
.ui-datepicker .ui-widget-header {
    background: #0A66C2 !important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    color: #1D1D1B !important;
}
.ui-datepicker-calendar tbody td:first-child {
    border-right: 0px none;
    padding-left: 0px !important;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
    font-weight: 400 !important;
    Color: #1D1D1B !important;
    padding: 4px 10px 0px 0px;
}
/*Datepicker end */
div[id^="bulkFormContainer"].popupMod .formRow,
div[id^="bulkFormContainer"].popupMod .plainText {
    margin-top:20px !important;
}
.popupMod .rowCenter-bulk-40 .rowControl label {
    font-weight: 400 !important;
}
div[id^="bulkFormContainer"] .rowCenterBulkPopup .rowControl .listFilterCover {
    width: 73.2% !important;
    height: 34px !important;
    border-radius: 4px;
}
div[id^="bulkFormContainer"].popupMod dd button[id^="selectorbutton"] {
    font-size: 14px;
    height: 40px;
    top: 0;
}
div[id^="bulkFormContainer"] .lableContain .rowControl  {
    width: 99.9% !important;
}
[aria-describedby^="assignSeatToWishContainer"] .popupMod .formRow.fullWidth .labelContainer {
    width: 23%;
}
button#seat_wish_btn, .ui-dialog-buttonset#importSettingBtn {
    background: #F7A70D !important;
    padding: 12px 24px 12px 24px;
    color: #1D1D1B !important;
    font-weight: 500;
    font-size: 14px;
}
div#confirmBox {
    font-size: 14px;
}
div#popUpCustom {
    min-height: 76px !important;
    font-size: 14px;
    padding-left: 20px !important;
    padding-right: 10px !important;
    text-align: left !important;
}
[id^="info_Custom_form_"]  .actionsBar li a, [id^="tab_application_portal"] .actionsBar li a {
    padding-left: 6px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px !important;
}
[id^="info_Custom_form_"]  .actionsToolbarItem > a.formBuilderSave {
    background: #F7A70D;
    padding: 8px 16px !important;
    color: #1D1D1B;
    line-height: 18px !important;
    margin-right: 1px;
    font-size: 14px !important;
}

.refreshButton {
    margin-left: 50px;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
}
.refreshButton:hover {
    background-color: #e9e9e9;
}

/* ==================== QS Insights Tab Styling ==================== */
/* Scoped styles for QS Insights charts - apply to containers with qsInsightsContainer class */
.qsInsightsContainer {
    width: 100%;
    min-height: 220px;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
    overflow: visible;
}
.qsInsightsContainer .charts-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 8px;
}
.qsInsightsContainer .chart-card {
    flex: 1 1 calc(33.333% - 16px);
    min-width: 280px;
    max-width: 400px;
    padding: 12px;
    box-sizing: border-box;
    min-height: 300px;
}
.qsInsightsContainer .chart-card-large {
    flex: 1 1 480px;
    min-width: 360px;
    max-width: 760px;
    padding: 8px 6px 18px 6px;
    box-sizing: border-box;
    min-height: 320px;
}
.qsInsightsContainer .chart-card-large canvas {
    max-width: 100%;
    display: block;
}
.qsInsightsContainer canvas.chart-canvas {
    width: 100% !important;
    height: 260px !important;
    display: block;
}
.qsInsightsContainer canvas.chart-canvas.small {
    height: 110px !important;
}
.qsInsightsContainer .chart-card-large canvas.chart-canvas {
    height: 300px !important;
}
.qsInsightsContainer .chart-card,
.qsInsightsContainer .chart-card-large,
.qsInsightsContainer .header-chart {
    border: 1px solid #e9e9e9;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    background: #fff;
    padding: 6px;
}
.qsInsightsContainer .charts-header-grid {
    display: grid;
    grid-template-columns: 240px 200px 1fr;
    gap: 12px;
    align-items: start;
}
.qsInsightsContainer .charts-header-grid .left {
    display: flex;
    align-items: center;
}
.qsInsightsContainer .charts-header-grid .middle {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.qsInsightsContainer .charts-header-grid .right {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[id^="chartContainer_heInstitution"], [id^="chartContainer_institution"], [id^="chartContainer_internal_institution"] {
    min-height: calc(100% - 125px) !important;
}
/* Chat Interface */
.qsInsightsContainer .chart-chat-input-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}
.qsInsightsContainer .chart-chat-input {
    flex: 1;
    padding: 12px 14px;
    border: 1px solid #c8d2dd;
    border-radius: 8px;
    font-size: 15px;
    color: #22313f;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    transition: border-color .2s, box-shadow .2s;
    resize: vertical;
    min-height: 88px;
}
.qsInsightsContainer .chart-chat-input:focus {
    outline: none;
    border-color: #4c6ef5;
    box-shadow: 0 0 0 3px rgba(76,110,245,0.25);
}
.qsInsightsContainer .chart-chat-input::placeholder {
    color: #adb5bd;
}
.qsInsightsContainer .chart-chat-send-btn {
    padding: 12px 24px;
    background: linear-gradient(145deg,#4c6ef5 0%, #375de5 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3px;
    cursor: pointer;
    box-shadow: 0 4px 10px -3px rgba(76,110,245,0.5);
    transition: background .25s, transform .15s, box-shadow .25s;
}
.qsInsightsContainer .chart-chat-send-btn:hover {
    background: linear-gradient(145deg,#4767e8 0%, #2f54d5 100%);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px -4px rgba(76,110,245,0.55);
}
.qsInsightsContainer .chart-chat-send-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px -3px rgba(76,110,245,0.45);
}
.qsInsightsContainer .chart-chat-suggestion {
    padding: 10px 18px;
    background: #f0f3f6;
    color: #2f3b4a;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background .25s, color .25s, box-shadow .25s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.qsInsightsContainer .chart-chat-suggestion:hover {
    background: #e2e8f0;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Query controls */
.qsInsightsContainer .query-controls-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 6px;
}
.qsInsightsContainer .query-controls-grid .right-controls {
    grid-column: 2;
    justify-self: start;
}

/* Rank bars */
.dynamic-chart-title {
    font-weight: 700;
    color: #243240;
    font-size: 16px;
}
.rank-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}
.rank-row .rank-label-row {
    display: flex;
    align-items: center;
    gap: 6px;
}
.rank-row .rank-label {
    font-weight: 400;
    color: #243240;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rank-row .rank-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
}
.rank-row .rank-track {
    position: relative;
    height: 10px;
    background: #e9ecef;
    border-radius: 999px;
    flex: 1;
}
.rank-row .rank-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #007bff;
    border-radius: 999px;
}
.rank-row .rank-tick {
    position: absolute;
    top: -8px;
    width: 2px;
    height: 26px;
    background: #111;
    transform: translateX(-50%);
}
.rank-row .rank-value {
    position: absolute;
    top: calc(100% + 6px);
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 14px;
    color: #111;
    white-space: nowrap;
}
.rank-row .rank-note {
    font-size: 13px;
    color: #586173;
    text-align: right;
    white-space: nowrap;
    min-width: 180px;
}
.rank-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
    font-size: 14px;
}

/* Dropdown styling */
.qsInsightsContainer #predefinedQuerySelect,
.qsInsightsContainer #predefinedQuerySelect_d3 {
    background: #ffffff;
    color: #2f3b4a;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.qsInsightsContainer #chartQueryEditor_d3 {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
}
.qsInsightsContainer #predefinedQuerySelect:hover,
.qsInsightsContainer #predefinedQuerySelect_d3:hover {
    background: #ffffff;
    border-color: #cfcfcf;
}
.qsInsightsContainer #predefinedQuerySelect:focus,
.qsInsightsContainer #predefinedQuerySelect_d3:focus {
    outline: none;
    background: #ffffff;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102,126,234,0.12);
}
.qsInsightsContainer #predefinedQuerySelect option,
.qsInsightsContainer #predefinedQuerySelect_d3 option {
    color: #000000;
}
.qsInsightsContainer #predefinedQuerySelect optgroup,
.qsInsightsContainer #predefinedQuerySelect_d3 optgroup {
    background: #ffffff;
    color: #333333;
    font-weight: 600;
    font-size: 12px;
}

.qsInsightsContainer .chart-chat-response {
    margin-top: 8px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.95);
    border-radius: 10px;
    color: #333;
    font-size: 13px;
    line-height: 1.4;
    display: none;
}
.qsInsightsContainer .chart-chat-response.show {
    display: block;
    animation: slideIn 0.3s ease;
}
@keyframes slideIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.qsInsightsContainer .chart-chat-response.loading::after {
    content: '...';
    animation: dots 1.5s infinite;
}
@keyframes dots { 0%, 20% { content: '.'; } 40% { content: '..'; } 60%, 100% { content: '...'; } }

/* Toggles */
.qsInsightsContainer .generate-examples-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
}
.qsInsightsContainer .generate-examples-toggle input {
    width: 16px;
    height: 16px;
}
.qsInsightsContainer .section-toggle-btn {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 4px;
    color: white;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 8px;
    margin-left: auto;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
}
.qsInsightsContainer .section-toggle-btn:hover {
    background: rgba(255,255,255,0.3);
    border-color: rgba(255,255,255,0.5);
}
.qsInsightsContainer .section-toggle-btn svg {
    transition: transform 0.3s ease;
}
.qsInsightsContainer .section-toggle-btn.collapsed svg {
    transform: rotate(-90deg);
}
.qsInsightsContainer .chart-chat-content {
    max-height: 2000px;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    opacity: 1;
}
.qsInsightsContainer .chart-chat-content.collapsed {
    max-height: 0;
    opacity: 0;
}

/* Container styling */
.qsInsightsContainer .chart-chat-container {
    background: linear-gradient(135deg, #f7f9fc 0%, #eef3f8 100%);
    border-radius: 12px;
    padding: 16px 18px;
    margin-bottom: 18px;
    box-shadow: 0 6px 12px -6px rgba(30,50,70,0.12), 0 1px 4px rgba(0,0,0,0.04);
    position: relative;
}
.qsInsightsContainer .chart-chat-container:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    pointer-events: none;
    box-shadow: inset 0 0 0 1px rgba(120,140,160,0.12);
}

/* Tabs */
.qsInsightsContainer .tab-button {
    padding: 8px 16px;
    margin-right: 8px;
    border: 1px solid #d0d7e2;
    background: #ffffff;
    color: #2f3b4a;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}
.qsInsightsContainer .tab-button:hover {
    background: #edf3ff;
    box-shadow: 0 0 0 2px rgba(76,110,245,0.25);
}
.qsInsightsContainer .tab-button.active {
    background: #4c6ef5;
    color: #ffffff;
    border-color: #4c6ef5;
    box-shadow: 0 0 0 2px rgba(76,110,245,0.35);
}
.qsInsightsContainer .tabs-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: flex-start;
    margin-bottom: 12px;
}
.qsInsightsContainer .tab-button {
    text-align: left;
    padding: 8px 12px;
    width: 100%;
}

/* Chart placeholder */
.qsInsightsContainer #dynamicChartsPlaceholder_d3 {
    padding: 12px 14px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 14px -6px rgba(40,60,80,0.14), 0 2px 6px rgba(0,0,0,0.04);
    position: relative;
    overflow: visible;
}
.qsInsightsContainer #dynamicChartsPlaceholder_d3,
.qsInsightsContainer #dynamicChartsPlaceholder_d3 .charts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    align-items: start;
}
.dynamic-chart-card.one-column .ph-grid,
.dynamic-chart-card.one-column #performance-highlights {
    grid-template-columns: 1fr !important;
}
.dynamic-chart-card.two-column .ph-grid,
.dynamic-chart-card.two-column #performance-highlights {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
}

/* Compact mode */
#performance-highlights-container.compact {
    padding: 12px 16px;
}
#performance-highlights-container.compact .ph-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: stretch;
    justify-content: flex-start;
}
#performance-highlights-container.compact .highlight-metric {
    padding: 16px 12px;
    min-height: 120px;
    flex: 0 1 160px;
    box-sizing: border-box;
}
.qsInsightsContainer #dynamicChartsPlaceholder_d3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}
.qsInsightsContainer .dynamic-chart-card.half {
    box-sizing: border-box;
}

/* Drag & drop */
.qsInsightsContainer .dynamic-chart-card[draggable="true"] {
    cursor: grab;
}
.qsInsightsContainer .dynamic-chart-card.dragging {
    opacity: 0.6;
    cursor: grabbing;
    transform: scale(0.99);
}
.qsInsightsContainer .dynamic-chart-card.drop-target {
    outline: 2px dashed rgba(76,110,245,0.35);
}

.qsInsightsContainer .dynamic-chart-card {
    display: block;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 12px;
    box-shadow: 0 6px 14px -6px rgba(40,60,80,0.04);
    min-height: 140px;
    width: auto;
    align-self: stretch;
    box-sizing: border-box;
}
.qsInsightsContainer .dynamic-chart-card.half {
    width: auto;
}
.qsInsightsContainer .dynamic-chart-card.full {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: visible;
    align-self: stretch;
}
.qsInsightsContainer .dynamic-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.qsInsightsContainer .dynamic-chart-header {
    position: relative;
    z-index: 5;
}
.qsInsightsContainer .dynamic-chart-title {
    font-weight: 700;
    color: #243240;
    font-size: 14px;
}
.qsInsightsContainer .chart-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}
.qsInsightsContainer .chart-action-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #344055;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
.qsInsightsContainer .chart-action-btn:hover {
    background: #f7f7fb;
    border-color: #d6d9e6;
}
.qsInsightsContainer .chart-remove-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #7b8794;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
.qsInsightsContainer .chart-remove-btn:hover {
    background: #fff5f5;
    border-color: #ffd6d6;
    color: #b91c1c;
}

/* Spinners */
.qsInsightsContainer .btn-spinner {
    display: none;
    width: 14px;
    height: 14px;
    margin-left: 8px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.6);
    border-top-color: rgba(255,255,255,1);
    animation: btn-spin 0.8s linear infinite;
    vertical-align: middle;
}
.qsInsightsContainer .chart-chat-send-btn .btn-spinner {
    border-color: rgba(0,0,0,0.12);
    border-top-color: rgba(0,0,0,0.5);
}
@keyframes btn-spin {
    to { transform: rotate(360deg); }
}
.qsInsightsContainer .d3-spinner {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,0.08);
    border-top-color: rgba(0,0,0,0.45);
    animation: d3-spin 0.8s linear infinite;
    z-index: 9999;
    background: transparent;
}
@keyframes d3-spin {
    to { transform: rotate(360deg); }
}

/* Highlight animation */
.qsInsightsContainer .query-loaded-highlight {
    animation: pulseHighlight 1.6s ease-out;
    box-shadow: 0 0 0 4px rgba(102,126,234,0.12) !important;
    border-color: #667eea !important;
}
@keyframes pulseHighlight {
    0% { box-shadow: 0 0 0 0 rgba(102,126,234,0.18); }
    50% { box-shadow: 0 0 0 8px rgba(102,126,234,0.06); }
    100% { box-shadow: 0 0 0 0 rgba(102,126,234,0); }
}

/* Performance Highlights */
#performance-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 1200px) {
    #performance-highlights { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    #performance-highlights { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    #performance-highlights { grid-template-columns: 1fr; }
}
#performance-highlights .highlight-metric {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    padding: 12px 10px 10px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    min-width: 0;
    min-height: 110px;
}

.qsInsightsContainer .ph-container {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    align-self: start;
}
.qsInsightsContainer .ph-header {
    margin-bottom: 12px;
}
.qsInsightsContainer .ph-title {
    font-weight: 700;
    color: #243240;
    font-size: 15px;
}
.qsInsightsContainer .ph-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
@media (max-width: 1200px) {
    .qsInsightsContainer .ph-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    .qsInsightsContainer .ph-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .qsInsightsContainer .ph-grid { grid-template-columns: 1fr; }
}

.qsInsightsContainer .ph-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
}
.qsInsightsContainer .ph-icon img {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    object-fit: contain;
}
.qsInsightsContainer .ph-icon svg {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}
.qsInsightsContainer .ph-value {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e3a5f;
    line-height: 1.2;
    margin: 4px 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
.qsInsightsContainer .ph-delta {
    display: inline-flex;
    align-items: center;
    margin-left: 2px;
}
.qsInsightsContainer .ph-delta img {
    width: 14px;
    height: 14px;
}
.qsInsightsContainer .ph-delta svg {
    width: 14px;
    height: 14px;
}
.qsInsightsContainer .ph-delta-up {
    color: #22c55e;
}
.qsInsightsContainer .ph-delta-down {
    color: #f59e0b;
}
.qsInsightsContainer .ph-label {
    font-size: 0.8rem;
    color: #1e3a5f;
    margin-bottom: 2px;
    font-weight: 400;
    line-height: 1.3;
}
.qsInsightsContainer .ph-note {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 400;
}

/* Performance Highlights Static */
#performance-highlights-container {
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    padding: 12px 12px 18px 12px;
    margin-top: 0;
    margin-bottom: 0;
    align-self: start;
}
#performance-highlights-container .dynamic-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
#performance-highlights-container .dynamic-chart-title {
    font-weight: 700;
    color: #243240;
    font-size: 16px;
}
#performance-highlights-container .chart-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}
#performance-highlights-container .chart-action-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #344055;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
#performance-highlights-container .chart-action-btn:hover {
    background: #f7f7fb;
    border-color: #d6d9e6;
}
#performance-highlights-container .chart-remove-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #7b8794;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
#performance-highlights-container .chart-remove-btn:hover {
    background: #fff5f5;
    border-color: #ffd6d6;
    color: #b91c1c;
}

/* Global Ranking Trend Card */
.qsInsightsContainer #global-ranking-trend-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
    box-shadow: 0 6px 14px -6px rgba(40,60,80,0.04);
}
.qsInsightsContainer #global-ranking-trend-card .chart-title {
    font-weight: 700;
    color: #243240;
    font-size: 16px;
    margin-bottom: 12px;
}
.qsInsightsContainer #global-ranking-trend-card .d3-line-chart {
    width: 100%;
    height: 300px;
    position: relative;
}

/* Scroll management */
.qsInsightsContainer {
    overflow-y: auto;
}
.charts-scroll-wrapper {
    overflow-y: visible;
    max-height: unset;
}

/* Rankings Position Card */
#rankings-position-container {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 12px;
    box-shadow: 0 6px 14px -6px rgba(40,60,80,0.04);
}
#rankings-position-container .dynamic-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
#rankings-position-container .dynamic-chart-title {
    font-weight: 700;
    color: #243240;
    font-size: 18px;
}
#rankings-position-container .chart-actions {
    display: flex;
    gap: 8px;
    align-items: center;
}
#rankings-position-container .chart-action-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #344055;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
#rankings-position-container .chart-action-btn:hover {
    background: #f7f7fb;
    border-color: #d6d9e6;
}
#rankings-position-container .chart-remove-btn {
    background: transparent;
    border: 1px solid #e6e9ef;
    color: #7b8794;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}
#rankings-position-container .chart-remove-btn:hover {
    background: #fff5f5;
    border-color: #ffd6d6;
    color: #b91c1c;
}
.rank-row {
    margin-bottom: 16px;
}
.rank-label {
    font-size: 14px;
    font-weight: bold;
    color: #344055;
}
.rank-note {
    font-size: 12px;
    color: #586173;
}

/* QS Header */
.qsInsightsContainer .qs-header-row {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0px 0;
    margin-bottom: -15px;
    grid-column: 1 / -1;
}
.qsInsightsContainer .qs-logo {
    height: 48px;
    width: auto;
}
.qsInsightsContainer .qs-rank-display {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-left: 36px;
}
.qsInsightsContainer .qs-rank-value-container-name {
    display: inline-block;
    position: absolute;
    margin-left: -51px;
    margin-top: 8px;
}
.qsInsightsContainer .qs-rank-label {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.qsInsightsContainer .qs-rank-value {
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.2;
}
.qsInsightsContainer .qs-rank-value div {
    font-size: 0.5em;
    color: #999;
    font-weight: 400;
    margin-top: 4px;
}

[id^="tab_he_institution"] p.mo-expand-minimize {
    margin-top: 10px;
    margin-right: 38px;
}
/* ==================== End QS Insights Tab Styling ==================== */


@media only screen and (min-width :768px) and (max-width :1366px) {
    [id^="tab_he_institution"] p.mo-expand-minimize {
        margin-top: 8px;
        margin-right: 25px;
    }
    .auth-logo {
        margin-left: 64px !important;
    }
    [id^="tab_application_new_portal"] .plainText.fullWidth[name="form_authentication_hr"] {
     margin-bottom: 5px;
    }
    #version {
        margin-top: -222px;
        margin-left: 145px;
    }
    .mo-newui-section {
        margin-left: 28px;
        position: absolute;
        bottom: -5px;
    }
    .mo-newuI-title {
        color: #fff;
        line-height: 34px;
        font-size: 32px;
        font-weight: 700;
        font-family: 'Red Hat Display';

    }
    .mo-newuI-subTitle {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        margin-top: -20px;
        font-family: 'Red Hat Display';
    }
     .setContainer legend {
        margin: -5px 0px;
    }
    [id^="tab_generalsettings"] .setContainer legend {
        margin: 5px 0px;
    }

    .main-input-form fieldset button, .customForm button:not(.actionsBar button) {
        padding: 15px 10px;
    }
    dd button {
        right: 13px !important;
    }
    .auth {
        margin: 0 auto;
        margin-top: 7%;
        padding: 30px 28px 40px 0px !important;
    }
    .mo-newuI-title {
        line-height: 38px;
        font-size: 34px;
    }
    .mo-newuI-subTitle {
        font-size: 18px;
        line-height: 28px;
    }
    .actionsToolbarItem a.delete {
        padding: 6px 22px !important;
        background-size: contain;
    }

    #otpFixedMessage {
        padding: 20px 0px 0px 15px;
        margin-right: -25px;
    }

    #resendotp {
        margin: 3px 10px !important;
        float: right;
    }
    a.resend-otp {
        color: #0A66C2 !important;
        text-decoration: underline;
        cursor: pointer;
        font-weight: 500;
    }
    .otp-hidden {
        display: none;
    }
    .auth-captcha {
        margin-top: 18px;
    }
    [id^="info_Ewp_learning_agreement"] button.linkToStay {
        margin-top: 8px;
    }
}