.el-message {
  border: 1px solid transparent;
  border-radius: 10px !important;
  font-size: 30px;
  box-shadow: rgba(54, 79, 199, 0.08) 0px 8px 36px,
    rgba(0, 0, 0, 0.1) 0px 12px 48px;
  z-index: 2102 !important;
}

.el-message__content {
  font-size: 16px;
}

.el-message--success {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

.el-message__icon.el-icon-success {
  color: lawngreen !important;
}

.el-message--success .el-message__content {
  color: white !important;
}

.el-message--error {
  background-color: #e91e63 !important;
  border-color: #e91e63 !important;
}

.el-message .el-icon-error,
.el-message--error .el-message__content {
  color: white !important;
}

.overwrite-input input{
  width: 100%;
  margin: 0;
  padding-left: 10px;
  font-weight: normal;
  outline: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.overwrite-input input:hover {
  border: 1px solid #333333 !important;
}
.overwrite-input input:focus {
  border: 1px solid #333333 !important;
  background-color: #ffffff;
}

.search-style input {
  background-color: #ffffff;
  border-radius: 5px !important;
  border: 1px solid #333333;
  height: 44px;
  font-size: 16px;
}

.search-style-mini input {
  background-color: #ffffff;
  border-radius: 5px !important;
  border: 1px solid #333333;
  height: 34px;
  font-size: 16px;
}

.search-style-mini input:hover {
  border: 1px solid #333333 !important;
}
.search-style-mini input:focus {
  border: 1px solid #333333 !important;
  background-color: #ffffff;
}

.mini-style input {
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  border-top:none;
  border-bottom:none;
  border-radius: 0;
  height: 30px;
  font-size: 14px;
  text-align: center;
}

.mini-style input:hover {
  border: 1px solid #e7e7e7;
  border-top:none;
  border-bottom:none;
}

.mini-style input:focus {
  border: 1px solid #e7e7e7 ;
  background-color: #ffffff;
  border-top:none;
  border-bottom:none;
}


.input-style-type1 input {
  background-color: #ffffff;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #333333;
  width: 100%;
  height: 44px;
  margin: 0;
  padding-left: 0;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}


.input-style-type1 input:hover
{
  border-color: #333333;
}

.input-style-type1 .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #333333;
  border-right-width: 1px !important;
}

.input-style-type1 input:focus {
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  border-bottom: 2px solid #333333;
  background-color: #ffffff;
}

.input-style-type2 input {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  width: 100%;
  height: 40px;
  margin: 0;
  padding-right: 10px;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  border-radius: 5px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-align: right;
}


.input-style-type2 input:hover
{
  border-color: #d7d7d7;
}

.input-style-type2 .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #d7d7d7;
  border-right-width: 1px !important;
}

.input-style-type2 input:focus {
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
}

.text-style textarea {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  border-radius: 5px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.text-style textarea:hover {
  border-color: #d7d7d7;
}

.text-style textarea:focus {
  border: 1px solid #d7d7d7;
  background-color: #ffffff;
}


.ant-input:hover {
  border-color: #333333;
  border-right-width: 1px !important;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #333333;
  border-right-width: 1px !important;
}

.ant-dropdown {
  border-radius: 5px;
  width: 150px;
}

.el-dropdown-menu__item {
  color: #606266 !important;
  width: 150px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.ant-dropdown-menu-item:hover,
.el-dropdown-menu__item:hover {
  background-color: #e7e7e5 !important;
}

.overwrite-modal .ant-modal-header {
  padding-left: 10px !important;
}
.overwrite-modal .ant-modal-body {
  padding: 10px !important;
}

.overwrite-modal.fit .ant-modal-body {
  padding: 0 !important;
}

.overwrite-modal .ant-modal-header {
  border-bottom: 0 solid #f5f5f5 !important;
}
.overwrite-modal .ant-modal-footer {
  border-top: 0 solid #f5f5f5 !important;
  height: 60px;
}

.ant-modal-content {
  border-radius: 14px !important;
}

.removefoot .ant-modal-footer {
  display: none;
}

.ant-checkbox-checked::after {
  border: 1px solid #333333 !important;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333 !important;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background: #333333 !important;
  border: 1px solid #333333 !important;
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: #333333 !important;
}

.bigger .ant-checkbox-wrapper{
  font-size:18px !important;
  font-weight: 700 !important;
  color:#333333 !important;
}
.bigger .ant-checkbox-inner{
  width:20px !important;
  height: 20px !important;
}

.large .ant-checkbox-wrapper{
  font-size:16px !important;
  font-weight: 700 !important;
  color:#333333 !important;
}
.large .ant-checkbox-inner{
  width:19px !important;
  height: 19px !important;
}

.middle .ant-checkbox-wrapper{
  font-size:14px !important;
  font-weight: 700 !important;
  color:#333333 !important;
}
.middle .ant-checkbox-inner{
  width:18px !important;
  height: 18px !important;
}

.pc.open .el-drawer.btt {
  top: 0 !important;
}

.el-drawer.btt {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.pc .el-drawer__wrapper {
  position: relative !important;
  height: 100vh;
  width: 100%;
}

.freeze .el-drawer__body{
  overflow:hidden;
}
.ant-tag{
  margin-right:0 !important;
  padding-top:1px !important;
}

#viewer img {
  width: 100%;
}

.ql-editor{
  overflow:hidden !important;
}
.ql-container{
  height: auto !important;
}


.ant-tabs-tab {
  color: #637381;
  font-weight: 600;
}

.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #000000 !important;
}

.ant-tabs-nav .ant-tabs-tab {
  font-weight: bold;
}

.ant-tabs-ink-bar {
  background-color: #000000 !important;
}

.ant-spin-dot-item{
  background-color: #ffffff !important;
}
@media (max-width: 800px) {
  .el-message {
    width: calc(100vw - 30px) !important;
    min-width: calc(100vw - 30px) !important;
    top:40px !important;
  }
}