:root {
  /*用户设置页面  --- start*/
  --light-color-3: 162, 182, 219;
  --background-32: 0,0,0,0.30;
  --primary-border: 57, 69, 103;
  --background-41: 65, 172, 218;
  --white-color-2: 255,255,255;
  --background-35: 32, 44, 69;
  --primary-background-2: 46,65,102;
  --text-color-5: 47,141,235;
  --background-58: 39,52,82;
  --text-color-6: 88,101,131;
  --disabled-border-color-16: 173,176,186;
  --background-53: 29,39,64;
  --up-body-background-54: 29,39,64;
  --text-color-26: 134,150,181;
  --background-34: 32, 44, 69;
  --background-8: 20,30,51;
  --userInfo-right-btn-bg: 45, 103, 173;
  --userInfo-unset-text: 255,103,103;
  /*用户设置页面  --- end*/
  /*忘记密码页面  --- start*/
  --main-background-color: 32, 42, 66;
  --button-cancel-text-33:147, 181, 230;
  --cancel-button-background-11: 39, 58, 92;
  --button-background-72: 27, 43, 67;
  --border-color-3: 46, 65, 102;
  --color-text-1: 255, 255, 255;
  --red-color-7: 255, 0, 0;
  --input-inner-background-10: 20, 25, 41;
  --color-placeholder-text-5: 88, 101, 131;
  --button-default-background-14: 65, 172, 218;
  --button-confirm-background-21: 45, 103, 173;
  --primary-color: 47, 141, 235;
  --color-text-4: 170, 190, 230;
  --dateRangePicker-background-9: 32, 44, 69;
  --border-color-5: 57, 69, 103;
  /*忘记密码页面  --- end*/
  /*登录页面 --- start*/
    --color-text-37:var(--primary-color);
    --background-38:32, 44, 69;
    --border-color-13:47, 141, 235;
    --background-59:255,255,255;
    --border-color-7:var(--border-color-2);
	--cycle-button-background-18:var(--button-default-background-14);
  /*登录页面 --- end*/

  /*统一门户 --- start*/
  --border-color-10: 57, 69, 103;
  --border-color-11: 63, 118, 255;
  --background-11: 18, 24, 41;
  --background-14: 49, 51, 91;
  --background-25: 39, 47, 73;
  --background-26: 57, 70, 93;
  --background-29: 43, 50, 77;
  --background-44: 38, 39, 61;
  --background-45: 115, 174, 255;
  --background-52: 45, 121, 221;
  --background-55: 57, 81, 128;
  --background-56: 142, 144, 175;
  --background-57: 23, 30, 46;
  --text-color-13: 112, 125, 143;
  --text-color-27: 90, 240, 255;
  --text-color-34: 134, 150, 181;
  --text-color-53: 156, 175, 195;
  --text-color-55: 65, 172, 218;
  --text-color-20: 255, 255, 255;
  --button-dialog-background-13: 26, 33, 58;
  --tabs-item-active-background-75: 49, 51, 80;
  --box-shadow-4: 62, 72, 102;
  --black-color-1: 0, 0, 0;
  --red-color-22: 255, 0, 0;
  --liveAndReplay-div-background-49: 23, 30, 46;
  --hw-pagination-background-51: 40, 41, 64;
  --table-td-dialog-background-36: 32, 42, 66;
  --text-color-50: 134, 150, 181;
  --background-input: var(--background-38);
  
}

/*用户设置页面  --- start*/
#unified-portal .userInfo-right .main-item .item-last .text-clickable,
#unified-portal .userInfo-item .item-input .btn-common.active {
  background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.80), rgba(var(--button-confirm-background-21), 0.8)) !important;
  border: 1px solid var(--button-border-15);
}
#unified-portal .up-body .main-frame__personal .user-tab .userInfo .main-item {
  border: 1px solid rgba(var(--primary-border), 1);
}

#unified-portal .userInfo-right .main-item .item-label .no-small {
  color: rgba(var(--color-text-29), 1) !important;
}

#unified-portal .userInfo-right .main-item .item-label.font-normal .font-small {
  color: rgb(var(--color-text-29)) !important;
}
#unified-portal .userInfo-left .userInfo-head {
  background: rgb(var(--border-color-5)) !important;
}

#unified-portal .btn-deault {
  background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.80), rgba(var(--button-confirm-background-21), 0.8)) !important;
  border: 1px solid rgba(var(--primary-color),1);
  color: rgba(var(--color-text-1));
}

#unified-portal .btn-deault:hover {
    box-shadow: unset !important;
    background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.55), rgba(var(--button-confirm-background-21),0.55));
}

#unified-portal .btn-common:hover {
  box-shadow: unset !important;
}

#unified-portal .btn-cancel {
  background: linear-gradient(0deg,rgba(var(--cancel-button-background-11)), rgba(var(--button-background-72))) !important;
  border: 1px solid rgba(var(--border-color-3)) !important;
  color: rgba(var(--button-cancel-text-33));
}

#unified-portal .el-drawer .el-step__head.is-process, #unified-portal .el-drawer .el-step__head.is-success {
    color: rgba(var(--primary-color),1);
    border-color: rgba(var(--primary-color),1);
}
#unified-portal .up-body .main-frame__personal .user-tab .userInfo .unset {
    color: rgba(var(--userInfo-unset-text)) !important;
}

.hw-select .el-input__inner {
  border: 1px solid rgba(var(--border-color-5), 1);
  background: rgba(var(--background-input), 1);
}

.hw-cascader .el-input__inner {
  border: 1px solid rgba(var(--border-color-5), 1);
  background: rgba(var(--background-input), 1);
}

.el-cascader .el-input .el-input__inner {
  border: 1px solid rgba(var(--border-color-5), 1);
  background: rgba(var(--background-input), 1);
}

.hw-input .el-input__inner:hover {
  border: 1px solid rgba(var(--primary-color), 1);
}


.el-cascader:not(.is-disabled):hover .el-input__inner {
  border-color: rgba(var(--border-color-5), 1);
}

.hw-cascader .el-cascader .el-input.is-focus .el-input__inner {
  border: 0.063rem solid rgba(var(--primary-color), 1);
  box-shadow: none;
}

#unified-portal .userInfo-item .el-input .el-input__inner {
    color: rgba(var(--color-text-1),1);
    background: rgba(var(--input-inner-background),1) !important;
    border: 1px solid rgba(var(--color-placeholder-text-5),1) !important;
    box-shadow: unset !important;
}

#unified-portal .userInfo-item .el-input .el-input__inner::-webkit-input-placeholder{
    color: rgba(var(--color-placeholder-text-5),1);
}

#unified-portal .userInfo-item .el-input .el-input__inner:focus {
    border: 1px solid rgba(var(--primary-color),1) !important;
}

#unified-portal .userInfo-item.error .el-input .el-input__inner,
#unified-portal .userInfo-item.error .el-input .el-input__inner:focus{
    border: 1px solid rgba(var(--red-color-7),1) !important;
}
/*用户设置页面  --- end*/

/*忘记密码页面  --- start*/
#unified-portal .user-title .back {
    color: rgba(var(--button-cancel-text-33),1) !important;
    background: linear-gradient(0deg, rgba(var(--cancel-button-background-11),1), rgba(var(--button-background-72),1));
    border: 1px solid rgba(var(--border-color-3),1) !important;
}
#unified-portal .user-title .back:hover {
    color: rgba(var(--primary-color),1) !important;
    border: 1px solid rgba(var(--primary-color),1) !important;
}
#unified-portal .user-title {
    border-bottom: 1px solid rgba(var(--border-color-3),1) !important;
}
#ForgetPassword #unified-portal .el-drawer {
  background: none !important
}

#unified-portal .el-drawer .el-step__icon {
    background: linear-gradient(0deg, rgba(var(--main-background-color),1), rgba(var(--main-background-color),1));
}

#unified-portal .el-step__head.is-success .el-step__icon {
    background: rgba(var(--primary-color),1);
    color: rgba(var(--color-text-1),1);
}
#unified-portal .el-step__head.is-succes .el-step__icon-inner .is-status .el-icon-check{
  color: rgba(var(--color-text-1), 1)
}

#unified-portal .el-drawer .el-step__title.is-process {
    color: rgba(var(--primary-color),1);
}

#unified-portal .el-drawer .el-step__title.is-success {
    color: rgba(var(--primary-color), 1);
}

#unified-portal .el-drawer .el-step__line {
    background-color: rgba(var(--border-color-5),1);
}

#unified-portal .el-drawer .el-step__head.is-success .el-step__line {
    background-color: rgba(var(--primary-color), 1) !important;
}

#unified-portal .el-drawer .el-step__head.is-wait {
    color: rgba(var(--color-text-1),1);
    border-color: rgba(var(--primary-color),1);
}

#unified-portal .el-drawer .el-step__title.is-wait {
    color: rgba(var(--color-text-1),1);
}

#unified-portal .el-form-item.is-error.is-required .el-input .el-input__inner {
    border: 1px solid rgba(var(--red-color-7),1) !important;
    box-shadow: unset !important;
}

#unified-portal .el-form-item.is-success.is-required .el-input .el-input__inner:focus,
#unified-portal .el-form-item.is-success.is-required .el-input .el-input__inner:hover {
    border: 1px solid rgba(var(--primary-color),1) !important;
    box-shadow: unset !important;
}


.hw-messagebox.el-message-box {
    background-color: rgba(var(--dateRangePicker-background-9), 1) !important;
    color: rgba(var(--color-text-1),1) !important;
    border: 1px solid rgba(var(--primary-color), 1) !important;
    border-radius: 0;
    box-shadow: unset !important;
}

.hw-messagebox.el-message-box .el-message-box__header button.el-message-box__headerbtn .el-message-box__close {
    color: rgba(var(--color-text-4), 1);
}
.hw-messagebox.el-message-box .el-message-box__btns .el-button {
    background: linear-gradient(0deg, rgba(var(--cancel-button-background-11),1), rgba(var(--button-background-72),1)) !important;
    color: rgba(var(--button-cancel-text-33)) !important;
}
.hw-messagebox.el-message-box .el-message-box__btns .el-button:hover {
    border: 1px solid rgba(var(--primary-color), 1) !important;
}
.hw-messagebox.el-message-box .el-message-box__btns .el-button.el-button--primary {
    background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.80), rgba(var(--button-confirm-background-21),0.80)) !important;
    border: 1px solid rgba(var(--primary-color),1) !important;
	  color: rgba(var(--color-text-1),1) !important;
}

.hw-messagebox.el-message-box .el-message-box__btns .el-button.el-button--primary:hover {
    background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.55), rgba(var(--button-confirm-background-21),0.55)) !important;
}

.el-input .el-input__clear {
    color: rgba(var(--color-text-1), 1);
}

#unified-portal .userInfo-item .item-input .btn-common.active {
    color: rgba(var(--color-text-1)) !important;
    background: linear-gradient(0deg,rgba(var(--button-default-background-14),0.80), rgba(var(--button-confirm-background-21),0.80)) !important;
}
/*忘记密码页面  --- end*/
/*登录页面 --- start*/
#login-container .login-bg{
 background: rgba(var(--base-background-16),.2);
}

.private .userInfo-item__cancelButton{
    border:1px solid rgba(var(--border-color-7),1); 
}

#login-container  .userInfo-item__cancelButton, #login-container .userInfo-item__okButton{
    box-shadow: none;
}

#login-container .userInfo-item__cancelButton{
    background: linear-gradient(0deg,rgba(var(--cancel-button-background-11),1), rgba(var(--button-background-72),1));
    color:rgba(var(--color-text-4));
        border:1px solid rgba(var(--border-color-7),1);
}
#login-container .userInfo-item__cancelButton:hover{
    border:1px solid rgba(var(--primary-color),1);
}

#login-container .userInfo-item__okButton{
    background:  linear-gradient(0deg,rgba(var(--button-default-background-14),1), rgba(var(--button-confirm-background-21),1));
	border: 1px solid  rgba(var(--primary-color),.8);
}

#login-container .userInfo-item__okButton:hover{
	border-color: rgba(var(--button-hover-border-color-8), 1);
}
#login-container .login-box__button{
	background: linear-gradient(0deg,rgba(var(--button-default-background-14),1), rgba(var(--button-confirm-background-21),1));
    border: 1px solid rgba(var(--button-border-15), 1);
}
#login-container .login-box__button:hover{
    border-color: rgba(var(--button-hover-border-color-8), 1);
}
/*登录页面 --- end*/
/*统一门户 --- satrt*/
.hw-table .el-table th {
    background-color: rgba(var(--background-color-44), 0.2);
}
.hw-table .el-table thead, #unified-portal .hw-ok-check .copy-right span {
    color: rgba(var(--color-text-10));
}
#unified-portal .up-body .main-frame__content .body-left .dropdown .menu__main>span {
    color: rgba(var(--text-color-50));
}
#unified-portal .up-body .main-frame__content .body-left .dropdown.click .menu__main>span {
    color: rgba(var(--white-color-2));
}
#unified-portal .up-body .main-frame__content .body-left .menu__sub li.click, #unified-portal .up-body .main-frame__content .body-left .menu__sub li:hover,
#unified-portal .up-body .main-frame__content .body-left .dropdown:hover {
    background: linear-gradient(270deg,rgba(var(--background-52), 0) 1%, rgba(var(--background-52), 0.5) 99%);
}
#unified-portal .up-body .main-frame__content .body-left .dropdown:hover .menu__main>span {
    color: rgba(var(--white-color-2));
}
/*************/
.hw-button .el-button--primary {
    border-color: rgba(var(--border-color-3), 1);
    background: linear-gradient(0deg,rgb(var(--button-default-background-14)), rgb(var(--button-confirm-background-21)));
    border-radius: 2px;
}
.hw-button .el-button--primary:hover {
  background: linear-gradient(0deg,rgba(var(--button-default-background-14), 0.8), rgba(var(--button-confirm-background-21), 0.8));
  border: 1px solid rgb(var(--button-active-color-6));
}
.hw-button .el-button--info {
    border-color: rgba(var(--border-color-3), 1);
    background: linear-gradient(0deg,rgba(var(--cancel-button-background-11)), rgba(var(--button-background-72)));
    color: rgba(var(--button-cancel-text-33));
}
.portalprofileset .select-content p {
    font-size: 16px;
}
.hw-dialog .el-dialog__title {
    font-size: 20px;
    font-weight: 600;
}
.hw-dialog .el-dialog__header {
    background: rgba(var(--dateRangePicker-background-9));
    border-bottom: 0.063rem solid rgba(var(--border-color-4));
    padding: 18px 32px;
    height: 20px;
}
.hw-dialog .el-dialog__body {
    background-color: rgba(var(--dateRangePicker-background-9));
}
.portalprofileset .content {
    border-bottom: none;
}
.portalprofileset .select-header {
    display: none;
}

.hw-dialog .el-dialog__headerbtn .el-dialog__close {
    font-size: 22px;
}
.el-cascader__dropdown.el-popper .el-cascader-menu {
  color: rgba(var(--text-color-34), 1);
}
.el-cascader-node.in-active-path {
  color: rgba(var(--white-color-2), 1);
  background: rgba(var(--pagination-pagesize-background-13));
}
.el-cascader__dropdown.el-popper .el-cascader-node:not(.is-disabled):hover {
  color: rgba(var(--white-color-2), 1);
  background: rgba(var(--pagination-pagesize-background-13));
}
.el-cascader-node.is-active {
  color: rgba(var(--white-color-2), 1);
  background: rgba(var(--pagination-pagesize-background-13));
}

.hw-button .el-button--info:hover {
  background: linear-gradient(0deg,rgba(var(--cancel-button-background-11), 1), rgba(var(--button-background-72), 1));
  border: 1px solid rgba(var(--primary-color), 1);
}

.hw-select .el-select .el-input.is-focus {
  border: 0.063rem solid rgba(var(--primary-color), 1);
  box-shadow: none;
}
.el-select-dropdown {
  border: 0.063rem solid rgba(var(--primary-color), 1) !important;
  border-radius: 4px !important;
  box-shadow: none;
}
.el-select-dropdown__item:hover {
  background-color: rgb(var(--pagination-pagesize-background-13)) !important; 
}
.el-select-dropdown.el-popper .el-select-dropdown__item {
  color: rgba(var(--text-color-34), 1);
}
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover {
  background-color: rgba(var(--pagination-pagesize-background-13), 1) !important;
}
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover, .el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item:hover {
  color: rgba(var(--white-color-2), 1);
  background-color: rgb(var(--pagination-pagesize-background-13));
}
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected {
  color: rgba(var(--white-color-2), 1);
  background-color: rgb(var(--pagination-pagesize-background-13));
}

.el-switch__label {
  color: var(--white-color-2);
}
.el-radio{
    color:var(--text-color-20);
}
/*统一门户 --- end*/