@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
}

/* eazybale accessibility icon */

@font-face {
  font-family: "ea";
  src: url("../fonts/ea.ttf?mun8o1") format("truetype"),
    url("../fonts/ea.woff?mun8o1") format("woff"),
    url("../fonts/ea.svg?mun8o1#ea") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ea-icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ea" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 8px;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ea-icons-accessibility-1:before {
  content: "\e900";
}
.ea-icons-accessibility-2:before {
  content: "\e901";
}
.ea-icons-accessibility-3:before {
  content: "\e902";
}
.ea-icons-accessibility-4:before {
  content: "\e903";
}
.ea-icons-accessibility-5:before {
  content: "\e904";
}
.ea-icons-accessibility-6:before {
  content: "\e905";
}
.ea-icons-accessibility-0:before {
  content: "\e906";
}
.ea-icons-angle-down:before {
  content: "\e907";
}
.ea-icons-angle-left:before {
  content: "\e908";
}
.ea-icons-angle-right:before {
  content: "\e909";
}
.ea-icons-angle-up:before {
  content: "\e90a";
}
.ea-icons-black-cursor:before {
  content: "\e90b";
}
.ea-icons-center-align:before {
  content: "\e90c";
}
.ea-icons-cross:before {
  content: "\e90d";
}
.ea-icons-dark-contrast:before {
  content: "\e90e";
}
.ea-icons-doc:before {
  content: "\e90f";
}
.ea-icons-dyslexia-friendly:before {
  content: "\e910";
}
.ea-icons-eazyable:before {
  content: "\e911";
}
.ea-icons-gear-alt:before {
  content: "\e912";
}
.ea-icons-gear:before {
  content: "\e913";
}
.ea-icons-help:before {
  content: "\e914";
}
.ea-icons-hide-image:before {
  content: "\e915";
}
.ea-icons-hide:before {
  content: "\e916";
}
.ea-icons-high-contrast:before {
  content: "\e917";
}
.ea-icons-high-saturation:before {
  content: "\e918";
}
.ea-icons-highlight-focus:before {
  content: "\e919";
}
.ea-icons-highlight-hover:before {
  content: "\e91a";
}
.ea-icons-info:before {
  content: "\e91b";
}
.ea-icons-keyboard:before {
  content: "\e91c";
}
.ea-icons-left-align:before {
  content: "\e91d";
}
.ea-icons-light-contrast:before {
  content: "\e91e";
}
.ea-icons-link:before {
  content: "\e91f";
}
.ea-icons-low-saturation:before {
  content: "\e920";
}
.ea-icons-magnifier:before {
  content: "\e921";
}
.ea-icons-mark:before {
  content: "\e922";
}
.ea-icons-minus:before {
  content: "\e923";
}
.ea-icons-monochrome:before {
  content: "\e924";
}
.ea-icons-mute-sound:before {
  content: "\e925";
}
.ea-icons-nevigation-keys:before {
  content: "\e926";
}
.ea-icons-plus:before {
  content: "\e927";
}
.ea-icons-pro:before {
  content: "\e928";
}
.ea-icons-read-mode:before {
  content: "\e929";
}
.ea-icons-readable-font:before {
  content: "\e92a";
}
.ea-icons-reading-guide:before {
  content: "\e92b";
}
.ea-icons-reading-mask:before {
  content: "\e92c";
}
.ea-icons-reset-alt:before {
  content: "\e92d";
}
.ea-icons-reset:before {
  content: "\e92e";
}
.ea-icons-right-align:before {
  content: "\e92f";
}
.ea-icons-save:before {
  content: "\e930";
}
.ea-icons-slider:before {
  content: "\e931";
}
.ea-icons-star:before {
  content: "\e932";
}
.ea-icons-statement:before {
  content: "\e933";
}
.ea-icons-stop-animation:before {
  content: "\e934";
}
.ea-icons-text:before {
  content: "\e935";
}
.ea-icons-volume:before {
  content: "\e936";
}
.ea-icons-white-cursor:before {
  content: "\e937";
}

/* eazyable admin header */

.toplevel_page_eazyable-admin-view #wpcontent {
  background-color: #eef0f3;
}

.toplevel_page_eazyable-admin-view .wrap {
  margin-top: 20px;
}

.eazyable-header {
  width: 100%;
  height: 70px;
  background: #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.eazyable-logo-box,
.eazyable-navbar {
  min-height: 30px;
  float: left;
}

.eazyable-logo-box {
  width: 200px;
}

.eazyable-navbar {
  width: calc(100% - 200px);
}

.eazyable-logo {
  display: inline-block;
  height: 30px;
  margin: 20px;
}

.eazyable-logo img{
  max-width: 100%;
  height: 30px;
}

.eazyable-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.eazyable-nav-item {
  display: inline-block;
  margin: 0;
  margin-right: 15px;
}

.eazyable-nav-item a {
  height: 66px;
  display: inline-block;
  border-bottom: 4px solid transparent;
  padding: 0 20px;
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #6e7191;
  line-height: 68px;
  text-decoration: none;
}

.eazyable-nav-item a:hover,
.eazyable-nav-item a:active,
.eazyable-nav-item a:focus {
  border-bottom-color: #0f55de;
}

.eazyable-nav-item a:hover .ea-icons,
.eazyable-nav-item a:active .ea-icons,
.eazyable-nav-item a:focus .ea-icons {
  color: #0f55de;
}

.eazyable-nav-item a .ea-icons {
  font-size: 16px;
  margin-right: 5px;
}

.eazyable-nav-item.active a {
  border-bottom-color: #0f55de;
  color: #161a31;
}

.eazyable-nav-item.active a .ea-icons {
  color: #0f55de;
}

/* eazyable options */

.wea-updated {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-left-width: 4px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
  margin: 50px 15px 0px;
  padding: 1px 12px;
  border-left-color: #00a32a;
}

.eazyable-main {
  display: table;
  margin: 30px auto 0;
  width: 100%;
}

.eazyable-option-page {
  width: calc(100% - 380px);
  margin-right: 30px;
  float: left;
}

.eazyable-option-sidebar {
  width: 350px;
  float: left;
}

.eazyable-option-form-wrap {
  padding-left: 80px;
}

.eazyable-option-page-title {
  font-family: "Manrope";
  font-size: 36px;
  font-weight: 600;
  line-height: 49px;
  letter-spacing: 0px;
  text-align: left;
}

.eazyable-field-divider {
  height: 25px;
}
.eazyable-field-divider.divider-large {
  height: 50px;
}

.eazyable-widget-opt-form .eazyable-opt-field-label,
.eazyable-opt-field-icons .icon-item .icon-desc-text {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 20px;
  color: #4a4e66;
}

.eazyable-widget-opt-form .eazyable-opt-field-label {
  margin-top: 0;
  text-transform: capitalize;
}

.eazyable-widget-opt-form .eazyable-opt-field-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}

.eazyable-widget-opt-form .eazyable-opt-field-icons .icon-item {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 0;
}

.eazyable-widget-opt-form .eazyable-opt-field-icons .icon-box-area {
  display: inline-block;
  height: 56px;
  width: 56px;
  vertical-align: middle;
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  cursor: pointer;
  color: #4a4e66;
  text-align: center;
}

.eazyable-opt-field-icons .icon-item .ea-icons {
  font-size: 32px;
  line-height: 56px;
}

.eazyable-opt-field-icons .icon-item:hover .icon-box-area,
.eazyable-opt-field-icons .icon-item.active .icon-box-area {
  color: #ffffff;
  background: #0f55de;
  /* box-shadow: none; */
}

.eazyable-opt-field-icons .icon-item.small .icon-box-area {
  height: 38px;
  width: 38px;
}

.eazyable-opt-field-icons .icon-item.small .ea-icons {
  font-size: 24px;
  line-height: 38px;
}

.eazyable-opt-field-icons .icon-item.medium .icon-box-area {
  height: 48px;
  width: 48px;
}

.eazyable-opt-field-icons .icon-item.medium .ea-icons {
  font-size: 28px;
  line-height: 48px;
}

.eazyable-opt-field-icons .icon-item .icon-desc-text {
  margin-left: 5px;
  text-transform: capitalize;
}

.eazyable-opt-field-icons.opt-icon-size .icon-item {
  margin-right: 60px;
}

.side-by-side-field-wrap {
  display: table;
}

.side-by-side-field-wrap .left-side-box,
.side-by-side-field-wrap .right-side-box {
  float: left;
}

.side-by-side-field-wrap .left-side-box {
  margin-right: 100px;
}

.eazyable-widget-position {
  height: 160px;
  width: 250px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background-color: #ffffff;
  position: relative;
}

.eazyable-widget-position .eazyable-widget-position-topbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 18px;
  background: #d9dbe9;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.eazyable-widget-position .eazyable-widget-position-topbar span {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ff5352;
  margin-right: 4px;
  display: inline-block;
}

.eazyable-widget-position-topbar span:nth-child(1) {
  margin-left: 10px;
}

.eazyable-widget-position-topbar span:nth-child(2) {
  background: #ffb53c;
}

.eazyable-widget-position-topbar span:nth-child(3) {
  background: #00c242;
}

.eazyable-widget-position .position-top-left,
.eazyable-widget-position .position-top-right,
.eazyable-widget-position .position-bottom-left,
.eazyable-widget-position .position-bottom-right {
  position: absolute;
  height: 12px;
  width: 12px;
  border: 4px solid #d9dbe9;
  border-radius: 50%;
  cursor: pointer;
}

.eazyable-widget-position .position-top-left {
  left: 10px;
  top: 30px;
}

.eazyable-widget-position .position-top-right {
  right: 10px;
  top: 30px;
}

.eazyable-widget-position .position-bottom-left {
  bottom: 10px;
  left: 10px;
}

.eazyable-widget-position .position-bottom-right {
  bottom: 10px;
  right: 10px;
}

.eazyable-widget-position .position-top-left.active,
.eazyable-widget-position .position-top-right.active,
.eazyable-widget-position .position-bottom-left.active,
.eazyable-widget-position .position-bottom-right.active {
  width: 8px;
  height: 8px;
  border: 8px solid #0f55de;
}

.eazyable-opt-field-input .eazyable-opt-icon-shapes,
.eazyable-opt-field-input .eazyable-opt-field-colors {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
}

.eazyable-opt-icon-shapes .shape-item {
  display: inline-block;
  height: 44px;
  width: 44px;
  background: rgb(159, 161, 183);
  opacity: 0.3;
  cursor: pointer;
  margin-right: 35px;
  margin-bottom: 35px;
  text-align: center;
}

.eazyable-opt-icon-shapes .shape-item .ea-icons {
  line-height: 44px;
  font-size: 22px;
  color: #ffffff;
  visibility: hidden;
}

.eazyable-opt-icon-shapes .shape-item.circle {
  border-radius: 50%;
}

.eazyable-opt-icon-shapes .shape-item.square-rd {
  border-radius: 6px;
}

.eazyable-opt-icon-shapes .shape-item.circle-lt {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.eazyable-opt-icon-shapes .shape-item.circle-rt {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.eazyable-opt-icon-shapes .shape-item.active {
  background: #0f55de;
  opacity: 1;
}

.eazyable-opt-icon-shapes .shape-item.active span {
  visibility: visible;
}

.eazyable-opt-field-input .eazyable-opt-field-colors {
  grid-template-columns: repeat(5, auto);
}

.eazyable-opt-field-colors .color-item {
  position: relative;
  border: 3px solid #ffffff;
  border-radius: 9px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  margin-right: 35px;
  margin-bottom: 30px;
  cursor: pointer;
  width: 108px;
}

.eazyable-opt-field-colors .color-item .ea-icons-mark {
  position: absolute;
  right: -16px;
  top: -16px;
  display: none;
  height: 30px;
  width: 30px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  line-height: 30px;
  font-size: 16px;
  background-color: #0f55de;
  text-align: center;
}

.eazyable-opt-field-colors .color-item.active .ea-icons-mark {
  display: block;
}

.eazyable-opt-field-colors .color-item .color-pattern {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 9px;
}

.eazyable-opt-field-colors .color-item .color-pattern span {
  height: 40px;
  width: 36px;
  display: block;
  float: left;
}

.eazyable-opt-field-colors .color-pattern.ea-theme1 span:nth-child(1) {
  background-color: #0E4BC3;
}

.eazyable-opt-field-colors .color-pattern.ea-theme1 span:nth-child(2) {
  background-color: #0F55DE;
}

.eazyable-opt-field-colors .color-pattern.ea-theme1 span:nth-child(3) {
  background-color: #F1F2FB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme2 span:nth-child(1) {
  background-color: #0363AB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme2 span:nth-child(2) {
  background-color: #2084D0;
}

.eazyable-opt-field-colors .color-pattern.ea-theme2 span:nth-child(3) {
  background-color: #F1F8FB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme3 span:nth-child(1) {
  background-color: #28A0AE;
}

.eazyable-opt-field-colors .color-pattern.ea-theme3 span:nth-child(2) {
  background-color: #3ABCCB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme3 span:nth-child(3) {
  background-color: #F1F9FB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme4 span:nth-child(1) {
  background-color: #BF0527;
}

.eazyable-opt-field-colors .color-pattern.ea-theme4 span:nth-child(2) {
  background-color: #E10029;
}

.eazyable-opt-field-colors .color-pattern.ea-theme4 span:nth-child(3) {
  background-color: #FBF1F1;
}

.eazyable-opt-field-colors .color-pattern.ea-theme5 span:nth-child(1) {
  background-color: #C16E0D;
}

.eazyable-opt-field-colors .color-pattern.ea-theme5 span:nth-child(2) {
  background-color: #D87C10;
}

.eazyable-opt-field-colors .color-pattern.ea-theme5 span:nth-child(3) {
  background-color: #FBF8F1;
}

.eazyable-opt-field-colors .color-pattern.ea-theme6 span:nth-child(1) {
  background-color: #5A0F9F;
}

.eazyable-opt-field-colors .color-pattern.ea-theme6 span:nth-child(2) {
  background-color: #7922CA;
}

.eazyable-opt-field-colors .color-pattern.ea-theme6 span:nth-child(3) {
  background-color: #F8F1FB;
}

.eazyable-opt-field-colors .color-pattern.ea-theme7 span:nth-child(1) {
  background-color: #0BA07C;
}

.eazyable-opt-field-colors .color-pattern.ea-theme7 span:nth-child(2) {
  background-color: #00C091;
}

.eazyable-opt-field-colors .color-pattern.ea-theme7 span:nth-child(3) {
  background-color: #F1FBFA;
}

.eazyable-opt-field-colors .color-pattern.ea-theme8 span:nth-child(1) {
  background-color: #0E6F51;
}

.eazyable-opt-field-colors .color-pattern.ea-theme8 span:nth-child(2) {
  background-color: #198765;
}

.eazyable-opt-field-colors .color-pattern.ea-theme8 span:nth-child(3) {
  background-color: #F1FBF9;
}

.eazyable-opt-field-colors .color-pattern.ea-theme9 span:nth-child(1) {
  background-color: #B71154;
}

.eazyable-opt-field-colors .color-pattern.ea-theme9 span:nth-child(2) {
  background-color: #ED3276;
}

.eazyable-opt-field-colors .color-pattern.ea-theme9 span:nth-child(3) {
  background-color: #FEF6F8;
}

.eazyable-opt-field-colors .color-pattern.ea-theme10 span:nth-child(1) {
  background-color: #161A31;
}

.eazyable-opt-field-colors .color-pattern.ea-theme10 span:nth-child(2) {
  background-color: #2C314F;
}

.eazyable-opt-field-colors .color-pattern.ea-theme10 span:nth-child(3) {
  background-color: #EFEFEF;
}

.eazyable-opt-field-input .eazyable-opt-language-switch {
  position: relative;
}

.eazyable-opt-language-switch .eazyable-lang-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 720px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}

.eazyable-lang-list .lang-item {
  display: block;
  padding: 15px;
  background: #fff;
  margin-bottom: 0;
  cursor: pointer;
}

.eazyable-lang-list .lang-item.active {
  background: #f5f5f5;
}

.eazyable-lang-list .lang-item .dashicons {
  font-size: 24px;
  margin-right: 10px;
}

.eazyable-lang-list .lang-item .lang-name {
  /* font-family: Manrope; */
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
}

.eazyable-current-lang {
  position: relative;
}

.eazyable-current-lang li {
  border-radius: 10px;
}

.eazyable-current-lang::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-color: transparent transparent #555555 #555555;
  transform: rotate(-45deg);
}

.eazyable-opt-language-switch .eazyable-all-lang {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  height: 150px;
  overflow-y: scroll;
  display: none;
}

.eazyable-opt-language-switch .eazyable-all-lang.active {
  display: block;
}

.eazyable-all-lang li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.eazyable-all-lang li {
  border-bottom: 1px solid #f1f8fb;
}

.eazyable-all-lang li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
}

.eazyable-opt-field-input .eazyable-widget-options {
  padding: 25px 10px;
  max-width: 700px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  border-radius: 10px;
}

.eazyable-widget-options .eazyable-widget-opt-title {
  display: table;
  width: calc(100% - 30px);
  padding: 0 15px;
}

.eazyable-widget-options .eazyable-widget-opt-title-field {
  float: left;
}

.eazyable-widget-options .eazyable-widget-opt-title-switcher {
  float: right;
}

.eazyable-widget-options .eazyable-widget-opt-title-field .widget-opt-title {
  font-family: "Manrope";
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 5px;
}

.eazyable-widget-options .eazyable-widget-opt-title-field .widget-opt-subtitle {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

.eazyable-opt-profile-switch {
  height: 24px;
  width: 40px;
  border-radius: 50px;
  background: linear-gradient(180deg, #d2d6e9 0%, #e8eaf6 100%) !important;
}

.eazyable-opt-profile-switch .eazyable-opt-profile-switch-btn {
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ffffff !important;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.17);
  display: block;
  margin-top: 3px;
  float: left;
  margin-left: 3px;
}

.eazyable-opt-profile-switch.active {
  background: linear-gradient(180deg, #0e4ac1 0%, #0f55de 100%) !important;
}

.eazyable-opt-profile-switch.active .eazyable-opt-profile-switch-btn {
  float: right;
  display: block;
  margin-right: 3px;
  box-shadow: 0px 3px 3px 0px rgba(24, 33, 56, 0.2);
}

.eazyable-widget-exprs-opts-list {
  padding: 0;
  margin: 0;
  margin-top: 25px;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
}

.eazyable-widget-exprs-opts-list .exprs-item {
  position: relative;
  display: block;
  width: 288px;
  float: left;
  margin-bottom: 25px;
  border: 1px solid rgba(217, 219, 233, 1);
  border-radius: 8px;
  padding: 15px;
  height: 24px;
  margin-left: 15px;
  margin-right: 15px;
}

.eazyable-widget-exprs-opts-list .exprs-item:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.eazyable-widget-exprs-opts-list .exprs-item .exprs-checkbox {
  height: 20px;
  width: 20px;
  border: 2px solid rgba(192, 195, 203, 1);
  border-radius: 4px;
  display: inline-block;
}

.eazyable-widget-exprs-opts-list .exprs-item .ea-icons-mark {
  visibility: hidden;
}

.eazyable-widget-exprs-opts-list .exprs-item.active-exprs .ea-icons-mark {
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle;
  display: inline;
  color: #fff;
  visibility: visible;
}

.eazyable-widget-exprs-opts-list .exprs-item.active-exprs .exprs-checkbox {
  text-align: center;
  border-color: #0f55de;
  background: #0f55de;
}

.eazyable-widget-exprs-opts-list .exprs-item .exprs-heading {
  font-family: "Manrope";
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  line-height: 22px;
  color: #212327;
  margin: 0 8px;
  vertical-align: middle;
}

.eazyable-widget-exprs-opts-list .exprs-item .dashicons-info-outline {
  color: rgba(192, 195, 203, 1);
  height: 18px;
  width: 18px;
  font-size: 18px;
  vertical-align: middle;
}

.eazyable-widget-exprs-opts-list .exprs-item .exprs-tooltips{
  background: rgba(0,0,0,.9);
  position: absolute;
  left: 30px;
  right: 30px;
  top: -40px;
  color: #f1f1f1;
  padding: 5px 7px;
  height: 24px;
  font-size: 11px;
  line-height: 12px;
  border-radius: 6px;
  display: none;
}

.eazyable-widget-exprs-opts-list .exprs-item .exprs-tooltips::after{
  content: '';
  position: absolute;
  left: calc(50% - 5px);
  bottom: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0,0, 0, .9);
}

#wea_opt_state_link{
  width: 100%;
  max-width: 720px;
  height: 42px;
  border: 1px solid rgba(217, 219, 233, 1);
}