/*--------------- BEGIN:purple color   -------------------- */
.InputIcon .fa {color: #4b0082;}
.my-form header {color: #ffffff;}
.my-form a {color: #4b0082; text-decoration: none;}
.my-form .toggle i::before {background-color: #4b0082;}
.my-form .button {background-color: #4b0082;/* box-shadow: 0px 0px 21px #FFF; */border: 1px solid rgba(175, 175, 175, 0.91);}
.my-form .rating input + label:hover, .my-form .rating input + label:hover ~ label {color: #4b0082;}
.my-form .radio input + i::after { background-color: #4b0082;}
.my-form .checkbox input + i::after {color: #4b0082;}
.my-form .radio input:checked + i, .my-form .checkbox input:checked + i, .my-form .toggle input:checked + i {border-color: #4b0082;}
.my-form .rating input:checked ~ label {color: #4b0082;}
.fa.fa-arrow-circle-down, .fa.fa-arrow-circle-up {color:#4b0082;}
span.form_link {color: #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.my-form .input input:focus, .my-form .select select:focus, .my-form .textarea textarea:focus, .my-form .radio input:focus + i, .my-form .checkbox input:focus + i, .my-form .toggle input:focus + i {box-shadow: 0 0px 10px #4b0082;}
.my-form .input input, .my-form .select select, .my-form .textarea textarea, .my-form .radio i, .my-form .checkbox i, .my-form .toggle i, .my-form .icon-append, .my-form .icon-prepend {border-color: #4b0082;}
.my-form .icon-append, .my-form .icon-prepend {color: #4b0082;}
.my-form .input:hover input, .my-form .select:hover select, .my-form .textarea:hover textarea, .my-form .radio:hover i, .my-form .checkbox:hover i, .my-form .toggle:hover i {border-color: #4b0082;}
.color_picker_button,.color_picker_box {border: 1px solid #4b0082 !important;}
.divider {background-color: rgba(77, 176, 226, 0.13);}
.input.state-disabled {background-color: rgba(77, 176, 226, 0.13);}
i.icon-circle-arrow-left, i.icon-home, i.icon-cog {color: rgb(255, 255, 255);}
i.icon-circle-arrow-left:hover {color: #4b0082;}
i.icon-home:hover {color: #4b0082;}
i.icon-cog:hover {color: #4b0082;}
.my-form footer {color: #4b0082;}
td.smrecordstitle {background-color: #4b0082;}
.my-form {background:rgba(75, 0, 130, 0.51);}
.pattern {background-color: rgba(75, 0, 130, 0.45);}
.pagerCurrent {border: 1px solid;background-color: black;color: #4b0082;}
.pagerDefault:hover {border: 1px solid;background-color: #4b0082; color: white;}
.pagerCurrent{border: 1px  solid #4b0082;background-color: rgb(159, 160, 160);color: #4b0082;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: default;display: block;float: left;}
.pagerDefault{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:link{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:visited{border: 1px  solid #c1c1c1;background-color: #ffffff;color: #4b0082;margin-right: 2px;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;display: block;float: left;}
.pagerDefault:hover{border: 1px  solid #4b0082;background-color: #4b0082;color: #ffffff;font-size: 12px;font-family: Verdana;padding: 5px;text-decoration: none;cursor: pointer;}
.ticket_word {border-right: 1px solid rgba(75, 0, 130, 0.21);}
.ticket_content {border-bottom: 1px solid rgba(75, 0, 130, 0.21);}
.client_reply {background: rgba(75, 0, 130, 0.21);}
/*--------------- End:purple color -------------------- */.hpe-article-detail {
  margin-top: 13px;
}
.cus-border {
  border-top: 2px solid #496AB2;
  border-bottom: 1px solid #496AB2;
}
a {
  text-decoration: none;
}
.cus-heading {
  font-family: Verdana;
}

.cus-color {
  color: #447D94 !important;
}
.cus-color-body {
  color: #000066 !important;
}

.list-unstyled {
  padding-left: 0;
  list-style: disc !important;
  color: #6b82b5 !important;
}
.fs-7 {
  font-size: 0.5rem;
}
div img {
  max-width: 100%;
}
.cus-section-104-block img {
  height: auto !important;
}
.cus-section-104-block iframe {
  width: 100%;
}

.text-dark.h6.fw-bold.text-red-hover.cus-heading.cus-color.cus-font-heading {
  font-size: 0.80rem;
}
div[data-cus-src*="lib/images/blank.png"]::after {
content:"" !important;
}

.addthis_toolbox.addthis_default_style {
  display: none;
}

.cus-section-104-block {
  color: #000066 !important;
}
.pull-right.imgshadow {
	padding: 20px;
	padding-right: 5px;
}
.cus-fm-submenusx > a {
  display: flex;
  align-items: center;
}
.cus-fm-submenusx > a i {
  padding-right: 10px !important;
}