@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:700");
:root {
  --mdc-theme-primary: #374760;
  --mdc-theme-secondary: #d7a552;
  --mdc-theme-background:#f8f8f8;
  --mdc-theme-surface: #fff;
  --mdc-theme-error: red;
  --mdc-theme-on-primary: #fff;
  --mdc-theme-on-secondary: #fff;
  --mdc-theme-on-surface: rgba(0,0,0,.87);
  --mdc-theme-on-error: #fff;
  --mdc-theme-text-primary-on-background: rgba(0,0,0,.87);
  --mdc-theme-text-secondary-on-background: rgba(0,0,0,.54);
  --mdc-theme-text-hint-on-background: rgba(0,0,0,.38);
  --mdc-theme-text-disabled-on-background: rgba(0,0,0,.38);
  --mdc-theme-text-icon-on-background: rgba(55,71,96,1);
  --mdc-theme-text-primary-on-light: rgba(0,0,0,.87);
  --mdc-theme-text-secondary-on-light: rgba(0,0,0,.54);
  --mdc-theme-text-hint-on-light: rgba(0,0,0,.38);
  --mdc-theme-text-disabled-on-light: rgba(0,0,0,.38);
  --mdc-theme-text-icon-on-light: rgba(0,0,0,.38);
  --mdc-theme-text-primary-on-dark: #fff;
  --mdc-theme-text-secondary-on-dark: hsla(0,0%,100%,.7);
  --mdc-theme-text-hint-on-dark: hsla(0,0%,100%,.5);
  --mdc-theme-text-disabled-on-dark: hsla(0,0%,100%,.5);
  --mdc-theme-text-icon-on-dark: hsla(0,0%,100%,1);
}

html[dir="rtl"] .icon--mirrored {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

/* Custom, iPhone Retina 
@media only screen and (max-width : 320px) {

}*/
/* Material Design Media Query */
@font-face {
  font-family: 'Greta';
  src: url("../../fonts/Greta.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/Greta.eot?#iefix") format("embedded-opentype"), url("../../fonts/Greta.woff") format("woff"), url("../../fonts/Greta.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
}

/***** _____	html5 display rul   _____*****/
/*
 article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
*/
/***** _____	General Styles   _____*****/
:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

::-moz-selection {
  background: #374760;
  color: #fff;
}

::selection {
  background: #374760;
  color: #fff;
}

:-moz-placeholder {
  color: #c1c1c1;
}

::-webkit-input-placeholder {
  color: #c1c1c1;
}

:-ms-input-placeholder {
  color: #c1c1c1;
}

/**** IE Issue*****/
.mdc-theme--primary-bg {
  background-color: #374760 !important;
}

.mdc-theme--secondary-bg {
  background-color: #d7a552 !important;
}

.mdc-theme--secondary {
  color: #d7a552 !important;
}

.mdc-theme--primary {
  color: #374760 !important;
}

@media (min-width: 840px) {
  .mdc-layout-grid {
    padding: 0 24px;
  }
}

/***** _____  MDC Icon Font  _____*****/
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}

.material-icons.md-light {
  color: white;
}

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons.md-24 {
  font-size: 24px;
}

.material-icons.md-36 {
  font-size: 36px;
}

.material-icons.md-48 {
  font-size: 48px;
}

/***** _____  MDC Typography  _____*****/
.mdc-typography,
.mdc-top-app-bar__title,
.mdc-drawer .mdc-list-item,
.mdc-typography--headline1,
.mdc-typography--headline2,
.mdc-typography--headline3,
.mdc-typography--headline4,
.mdc-typography--headline5,
.mdc-typography--headline6,
.mdc-typography--subtitle1,
.mdc-typography--subtitle2,
.mdc-typography--body2,
.mdc-typography--body1,
.mdc-typography--caption,
.mdc-dialog__title,
.mdc-dialog__content,
.mdc-button,
.mdc-typography--button,
.mdc-form-field,
.mdc-select__native-control,
.mdc-select__selected-text,
.mdc-floating-label,
.mdc-tab,
.mdc-list,
.mdc-list-item__secondary-text,
.mdc-text-field__input,
.mdc-text-field-helper-text,
.mdc-drawer__title,
.mdc-drawer__subtitle,
.mdc-typography--overline,
.mdc-data-table__header-cell,
.mdc-data-table__cell,
.mdc-data-table__pagination,
.mdc-chip__text {
  font-family: "Greta";
  letter-spacing: 0;
}

/***** _____  MDC Textfield[ Filled ]  _____*****/
.mdc-text-field {
  margin-top: 0 !important;
  width: 100%;
}

.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__icon--leading {
  color: #d7a552;
  color: #d7a552;
}

.mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-text-field__icon--trailing {
  color: #d7a552;
  color: #d7a552;
}

/* Disabled TextField */
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}

/*
.mdc-text-field--filled{
    .mdc-line-ripple{
        &::after{
            border-bottom-color: var(--mdc-theme-secondary, #d7a552);
        }
    }    
} 
*/
/***** _____  MDC Button  _____*****/
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #374760;
}

/***** _____  MDC Typography  _____*****/
/***** _____  MDC Top App Bar  _____*****/
/*
.mdc-top-app-bar{
     position: relative;
 }
.mdc-top-app-bar--fixed-adjust{
    padding-top: 0;
}
*/
.mdc-top-app-bar__title {
  padding: 0;
}

@media (max-width: 479px) {
  .mdc-top-app-bar__title {
    font-size: 1rem;
  }
}

/***** _____  MDC Drawer  _____*****/
.mdc-drawer {
  position: fixed;
  top: 56px;
  border-left-width: 0 !important;
}

.mdc-drawer__header {
  position: relative;
  min-height: 184px;
}

.mdc-drawer__header .mdc-drawer__title,
.mdc-drawer__header .mdc-drawer__subtitle {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 40px;
}

.mdc-drawer__header .mdc-drawer__subtitle {
  bottom: 10px;
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic,
.mdc-drawer .mdc-list-item--activated {
  color: #d7a552;
}

@media (max-height: 768px) {
  .mdc-drawer__content {
    padding-bottom: 100px;
  }
}

/***** _____  MDC card  _____*****/
/***** _____  This is not MDC class  _____*****/
.mdc-theme--error-bg {
  background-color: var(--mdc-theme-error, #dd7a77);
}

/***** _____  MDC Avatar List  _____*****/
@media (max-width: 479px) {
  .mdc-list--two-line.mdc-list--video-list .mdc-list-item,
  .mdc-list--two-line.mdc-list--image-list .mdc-list-item,
  .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item,
  .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item,
  .mdc-list--two-line.mdc-list--icon-list .mdc-list-item {
    height: auto;
  }
}

@media (max-width: 479px) {
  .mdc-list-item__secondary-text {
    white-space: normal;
  }
}

@media (max-width: 479px) {
  .mdc-list-item {
    height: auto;
  }
}

@media (max-width: 479px) and (max-width: 479px) {
  .mdc-list-item .mdc-list-item__text {
    white-space: normal;
    padding: 10px 0;
  }
}

.mdc-list-item__text {
  white-space: normal;
  overflow: visible;
}

.mdc-list-item__graphic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mdc-list-divider--inset {
  margin-right: 72px !important;
  margin-left: 0 !important;
}

/***** _____  MDC Elevation  _____*****/
.mdc-elevation--z1 {
  -webkit-box-shadow: 0px 2px 1px -1px rgba(38, 153, 251, 0.2), 0px 1px 1px 0px rgba(38, 153, 251, 0.14), 0px 1px 3px 0px rgba(38, 153, 251, 0.12);
          box-shadow: 0px 2px 1px -1px rgba(38, 153, 251, 0.2), 0px 1px 1px 0px rgba(38, 153, 251, 0.14), 0px 1px 3px 0px rgba(38, 153, 251, 0.12);
}

/***** _____  MDC Slider  _____*****/
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  background-color: rgba(55, 71, 96, 0.26);
}

/***** _____  MDC Select  _____*****/
.mdc-select:not(.mdc-select--disabled) .mdc-select--focused .mdc-floating-label {
  color: rgba(215, 165, 82, 0.87);
}

/***** _____  MDC chip  _____*****/
.mdc-chip--selected {
  background: #d7a552;
  color: #fff;
}

.mdc-chip--selected:hover {
  color: #fff;
}

html[dir="rtl"] .mat-form-field,
html[dir="rtl"] .mat-list-item,
html[dir="rtl"] .mat-table,
html[dir="rtl"] .mat-stepper-vertical,
html[dir="rtl"] .mat-stepper-horizontal,
html[dir="rtl"] .mat-button,
html[dir="rtl"] .mat-checkbox,
html[dir="rtl"] .mat-select,
html[dir="rtl"] .mdc-drawer .mdc-list-group__subheader,
html[dir="rtl"] .mat-expansion-panel-content,
html[dir="rtl"] .mat-dialog-title {
  font-family: 'Greta' !important;
}

html[dir="rtl"] .mat-list .mat-list-item .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)),
html[dir="rtl"] .mat-list .mat-list-option .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)),
html[dir="rtl"] .mat-nav-list .mat-list-item .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)),
html[dir="rtl"] .mat-nav-list .mat-list-option .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)),
html[dir="rtl"] .mat-selection-list .mat-list-item .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)),
html[dir="rtl"] .mat-selection-list .mat-list-option .mat-list-item-content-reverse .mat-list-text:not(:nth-child(2)) {
  padding-right: 16px !important;
  padding-left: 0  !important;
}

.mat-form-field {
  display: block !important;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: .75em 0 .75em 0 !important;
  margin-top: -.28em !important;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #d7a552;
}

.mat-button {
  line-height: 48px !important;
  margin-top: 30px !important;
}

.mat-raised-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 48px;
  margin-top: 30px;
}

.mat-form-field-wrapper {
  margin: 0 !important;
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: transparent !important;
}

.mat-horizontal-stepper-header-container {
  margin-top: -25px;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(255, 255, 255, 0.87) !important;
}

.mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

.mat-step-header .mat-step-icon {
  background-color: #d7a552 !important;
}

.mat-step-label-selected .mat-step-text-label {
  color: #d7a552 !important;
}

th.mat-header-cell {
  text-align: center !important;
}

.mat-sort-header-container {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.mat-list,
.mat-nav-list,
.mat-selection-list {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.mat-list .mat-list-item,
.mat-list .mat-list-option,
.mat-nav-list .mat-list-item,
.mat-nav-list .mat-list-option,
.mat-selection-list .mat-list-item,
.mat-selection-list .mat-list-option {
  width: 33.3% !important;
}

.mat-list .mat-list-item .mat-list-item-content-reverse,
.mat-list .mat-list-option .mat-list-item-content-reverse,
.mat-nav-list .mat-list-item .mat-list-item-content-reverse,
.mat-nav-list .mat-list-option .mat-list-item-content-reverse,
.mat-selection-list .mat-list-item .mat-list-item-content-reverse,
.mat-selection-list .mat-list-option .mat-list-item-content-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.38) !important;
}

.mat-expansion-panel {
  background: transparent  !important;
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.mat-expansion-panel-header:not([aria-disabled=true]) {
  margin-top: -85px !important;
  z-index: 10;
  position: relative;
}

.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-keyboard-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']).cdk-program-focused,
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled='true']):hover {
  background: transparent  !important;
}

body {
  display: block !important;
  height: 100vh;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.transitions {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-m-150 {
  margin-top: -150px !important;
}

.mt-m-80 {
  margin-top: -80px !important;
  z-index: 2;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.p-30 {
  padding: 30px;
}

.p-24 {
  padding: 30px;
}

.text-center {
  text-align: center;
}

.full-width {
  width: 100%;
  max-width: 100% !important;
}

.item__align-end {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.item__align-start {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

a,
a:visited {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #d7a552;
  text-decoration: none;
}

a:hover,
a:visited:hover {
  color: #d7a552;
  text-decoration: none;
}

.title {
  font-family: "Greta", sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.description {
  font-family: "Greta", sans-serif;
  font-size: 14px;
  color: #5d5d5d;
}

.section {
  position: relative;
}

.section-inner {
  margin-top: -160px;
}

.section--transparent {
  background: transparent;
}

.section--dark {
  /*  background:var(--mdc-theme-primary, #374760);
    background: #374760; */
  background: -webkit-gradient(linear, right top, left top, from(#374760), to(#d7a552));
  background: linear-gradient(to left, #374760, #d7a552);
}

.section--light {
  background: white;
}

.section--main {
  padding: 80px 0;
}

@media (max-width: 479px) {
  .section--main {
    padding: 50px 0;
  }
}

.section--secondary {
  padding: 50px 0;
}

.section-description {
  font-family: "Greta", sans-serif;
  font-size: 14px;
  color: #5d5d5d;
  margin-top: 30px;
}

.section-content {
  margin-top: 26px;
}

.section-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.section-header__icon {
  position: relative;
  margin-left: 90px;
  margin-top: 14px;
}

.section-header__icon:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2px;
  width: 50px;
  background-color: #d7a552;
  top: 18px;
  left: auto;
  bottom: auto;
  right: 30px;
  position: absolute;
}

.section-header__icon:before {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2px;
  width: 10px;
  background-color: #374760;
  top: 18px;
  left: auto;
  bottom: auto;
  right: 82px;
  position: absolute;
}

.section-header__title h4 {
  font-family: "Greta";
  color: var(--mdc-theme--primary, #374760);
  font-weight: bold;
  opacity: 1;
  margin-bottom: 20px;
}

.section-header__content p {
  font-weight: 500;
  opacity: 0.87;
  filter: alpha(opacity=87);
}

.section-header__button-wrap {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 35px;
}

.section-header__button-wrap:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2px;
  width: 30px;
  background-color: var(--mdc-theme--secondary, #d7a552);
  top: 18px;
  left: -30px;
  bottom: auto;
  right: auto;
  position: absolute;
}

.section-header__button-wrap:before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 4px;
  width: 4px;
  background-color: var(--mdc-theme--primary, #374760);
  top: 17px;
  left: -36px;
  bottom: auto;
  right: auto;
  position: absolute;
  border-radius: 4px;
}

.section-header__button-wrap:hover:after {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
  background: var(--mdc-theme--primary, #374760);
}

.section-header__button-wrap:hover:before {
  -webkit-transform: translate(-33px, 0);
  transform: translate(-33px, 0);
  background: var(--mdc-theme--secondary, #d7a552);
}

.section-header__button-link,
.section-header__button-link:active,
.section-header__button-link:visited,
.section-header__button-link:focus {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--mdc-theme--secondary, #d7a552);
}

.section-header__button-link:hover {
  color: var(--mdc-theme--primary, #374760);
}

.section--dark .section-header__icon:before {
  background: white;
}

.section--dark h4 {
  color: white;
}

.img__responsive {
  width: 100%;
}

.item__hidden {
  display: none !important;
}

.item__visible-phone {
  display: none !important;
}

@media (max-width: 479px) {
  .item__visible-phone {
    display: inherit !important;
  }
}

@media (max-width: 479px) {
  .item__hidden-phone {
    display: none !important;
  }
}

.item__visible-phone-tablet {
  display: none !important;
}

@media (max-width: 839px) {
  .item__visible-phone-tablet {
    display: inherit !important;
  }
}

@media (max-width: 839px) {
  .item__hidden-phone-tablet {
    display: none !important;
  }
}

.alert {
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  border: 1px solid transparent;
  font-size: 15px;
  margin-top: 0;
}

.alert b,
.alert .mat-icon,
.alert .material-icons {
  padding-left: 5px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success a, .alert-success a:hover, .alert-success a:visited,
.alert-success a.alert-link,
.alert-success a.alert-link:hover,
.alert-success a.alert-link:visited {
  color: #2b542c;
  text-decoration: underline;
}

.alert-invalid {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-invalid a, .alert-invalid a:hover, .alert-invalid a:visited,
.alert-invalid a.alert-link,
.alert-invalid a.alert-link:hover,
.alert-invalid a.alert-link:visited {
  color: #843534;
  text-decoration: underline;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning a, .alert-warning a:hover, .alert-warning a:visited,
.alert-warning a.alert-link,
.alert-warning a.alert-link:hover,
.alert-warning a.alert-link:visited {
  color: #66512c;
  text-decoration: underline;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info a, .alert-info a:hover, .alert-info a:visited,
.alert-info a.alert-link,
.alert-info a.alert-link:hover,
.alert-info a.alert-link:visited {
  color: #245269;
  text-decoration: underline;
}

.alert-grey {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.04);
}

.alert-link {
  margin-right: 20px;
}

a.alert-link, a.alert-link:visited {
  color: black;
}

.alert-text {
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
}

.alert-text--danger {
  color: var(--mdc-theme-error, #b00020);
}

html[dir="rtl"] .mdc-typography,
html[dir="rtl"] .mdc-top-app-bar__title,
html[dir="rtl"] .mdc-drawer .mdc-list-item,
html[dir="rtl"] .mdc-typography--headline1,
html[dir="rtl"] .mdc-typography--headline2,
html[dir="rtl"] .mdc-typography--headline3,
html[dir="rtl"] .mdc-typography--headline4,
html[dir="rtl"] .mdc-typography--headline5,
html[dir="rtl"] .mdc-typography--headline6,
html[dir="rtl"] .mdc-typography--subtitle1,
html[dir="rtl"] .mdc-typography--subtitle2,
html[dir="rtl"] .mdc-typography--body2,
html[dir="rtl"] .mdc-typography--body1,
html[dir="rtl"] .mdc-typography--caption,
html[dir="rtl"] .mdc-dialog__title,
html[dir="rtl"] .mdc-dialog__content,
html[dir="rtl"] .mdc-button,
html[dir="rtl"] .mdc-typography--button,
html[dir="rtl"] .mdc-form-field,
html[dir="rtl"] .mdc-select__native-control,
html[dir="rtl"] .mdc-select__selected-text,
html[dir="rtl"] .mdc-floating-label,
html[dir="rtl"] .mdc-tab,
html[dir="rtl"] .mdc-list
.mdc-list-item__secondary-text {
  letter-spacing: 0;
}

html[dir="rtl"] .section-header__button-wrap:hover:after {
  -webkit-transform: translate(-5px, 0);
  transform: translate(-5px, 0);
  background: var(--mdc-theme--primary, #374760);
}

html[dir="rtl"] .section-header__button-wrap:hover:before {
  -webkit-transform: translate(33px, 0);
  transform: translate(33px, 0);
  background: var(--mdc-theme--secondary, #d7a552);
}

html[dir="rtl"] .icon--mirrored {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

html[dir="rtl"] .mdc-form-field > label {
  margin-right: 0;
}

html[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic {
  margin-right: 0;
  margin-left: 16px;
}

.mdc-top-app-bar {
  background-color: #fff;
  background-color: var(--mdc-theme-surface, #fff);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-top-app-bar .mdc-top-app-bar__row {
  padding: 0 8px;
}

@media (max-width: 479px) {
  .mdc-top-app-bar .mdc-top-app-bar__row {
    padding: 0;
  }
}

.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__section {
  padding: 8px 0;
}

@media (max-width: 479px) {
  .mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__section {
    padding: 8px;
  }
}

.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__section .mdc-top-app-bar__navigation-icon {
  border-radius: 4px;
  margin-left: 10px;
  padding: 6px;
  background: #f3f3f4;
  border: 1px #ccc solid;
  color: #000;
  cursor: pointer;
}

.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__section button.mdc-button {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-right: 10px;
}

.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__navigation-icon {
  width: auto;
  color: #000;
}

.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__action-item:after,
.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__action-item:before,
.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__navigation-icon:after,
.mdc-top-app-bar .mdc-top-app-bar__row .mdc-top-app-bar__navigation-icon:before {
  border-radius: 0;
  display: none;
}

.mdc-top-app-bar .mdc-top-app-bar__row .top-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.mdc-top-app-bar .mdc-top-app-bar__row .top-nav .mdc-top-app-bar__action-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 100%;
  margin: 0 5px;
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.mdc-toolbar__logo {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

@media (max-width: 479px) {
  .mdc-toolbar__logo img {
    height: 30px;
    margin-top: 5px;
  }
}

.mdc-toolbar__logo:last-of-type {
  margin-right: 5px;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.mdc-drawer-app-content {
  padding-bottom: 100px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: auto;
  position: relative;
}

.main-content {
  overflow: auto;
  height: 100%;
}

.mdc-top-app-bar {
  z-index: 7;
}

.mdc-drawer .mdc-theme--primary-bg {
  background-color: #374760 !important;
}

.mdc-drawer .sidebar {
  background-color: #374760 !important;
}

@media (max-width: 479px) {
  .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
    margin-left: 0;
  }
}

.mdc-drawer__image {
  margin-top: 20px;
  border-radius: 100%;
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

.breadcrumbs {
  min-height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: url("../../images/sce-logo-bg.png") no-repeat top left;
}

.breadcrumbs .section-header {
  margin-top: 30px;
}

@media (max-width: 479px) {
  .breadcrumbs .section-header .mdc-typography--headline4 {
    font-size: 1.8rem;
  }
}

.breadcrumb-container {
  background: #d7a552;
  padding: 18px 0;
}

@media (max-width: 479px) {
  .breadcrumb-container .page-title {
    float: right;
  }
}

.breadcrumb-container .breadcrumb {
  background: transparent;
  margin: 0;
  margin-top: 8px;
  padding: 0;
  border-radius: 0;
}

.breadcrumb-container .breadcrumb > .active,
.breadcrumb-container .breadcrumb a:link,
.breadcrumb-container .breadcrumb a:visited {
  font-family: "Greta", sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
}

.breadcrumb-container .breadcrumb > li + li:before {
  content: "";
  font-family: "FontAwesome";
  color: #fff;
  padding: 0 15px;
}

.mdc-drawer.mdc-drawer--dismissible.mdc-drawer--open:not(.mdc-drawer--closing) ~ .page__footer {
  margin-right: 256px;
}

@media (max-width: 479px) {
  .mdc-drawer.mdc-drawer--dismissible.mdc-drawer--open:not(.mdc-drawer--closing) ~ .page__footer {
    margin-right: 0;
  }
}

.page__footer {
  display: block;
  padding: 20px 0;
  /*
    .footer__links-list-header{
        margin-bottom:20px;
        text-transform: uppercase;
    }
    .footer__links-list-item{
        margin-bottom:10px;
    }
    .footer__links-list-item:nth-last-child(1){
        margin-bottom:0;
    }
*/
}

.page__footer .footer__logo {
  margin-bottom: 20px;
}

.page__footer .footer__links-list-item a,
.page__footer .footer__links-list-item a:active,
.page__footer .footer__links-list-item a:visited,
.page__footer .footer__links-list-item a:focus {
  color: #fff;
  color: var(--mdc-theme-on-primary, #fff);
  text-decoration: none;
}

.page__footer .footer__links-list--social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-content {
  overflow: initial;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.page__content {
  margin-top: -80px;
  position: relative;
  z-index: 1;
}

.page__error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 50px;
}

.page__error .page__error--notfound {
  text-align: center;
  margin-top: -80px;
}

.page__error .mdc-button--outlined {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  border-radius: 20px;
  margin-top: 80px;
  border-color: var(--mdc-theme-on-primary, #fff);
  color: var(--mdc-theme-on-primary, #fff);
}

.search-item {
  padding: 30px;
  border: 0;
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
}

.search-item .search-item__header {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-item .search-item__header .search-item__header__img {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}

.search-item .search-item__header .search-item__header__text {
  font-weight: bold;
}

.search-item .search-item__content .mdc-form-field {
  width: 100%;
}

.search-item .search-item__content .mdc-text-field {
  margin-bottom: 24px;
}

.search-item .search-item__content .mdc-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 48px;
}

.wizard-buttons__register {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wizard-buttons__register.single-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.btn-icon {
  top: 50%;
  left: 20px;
  bottom: auto;
  right: auto;
  position: absolute;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 1.5em;
  color: #fff;
}

.mdc-button--big {
  height: 48px !important;
}

.mdc-button-height--56 {
  height: 56px !important;
}

.mdc-button--confirm {
  background: #4CAF50 !important;
}

.buttons--verfiy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.buttons--verfiy .mdc-button:first-of-type {
  margin-left: 30px;
}

.mdc-button--invalid {
  color: #a94442 !important;
  background-color: #f2dede !important;
  border: 1px #ebccd1 solid !important;
}

.mdc-button--success {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border: 1px #d6e9c6 solid !important;
}

.mdc-button--warning {
  color: #8a6d3b !important;
  background-color: #fcf8e3 !important;
  border: 1px #faebcc solid !important;
}

.button--filter {
  cursor: pointer;
  border-radius: 50px;
}

.button--filter .mdc-button__ripple {
  border-radius: 50px;
}

.loading-overlay {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

.loading-inner {
  position: absolute;
  margin: 0 auto;
  left: 50%;
  top: 50%;
}

.attachments-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 479px) {
  .attachments-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.attachments-list .file-upload-outline {
  width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  margin-bottom: 20px;
}

@media (max-width: 479px) {
  .attachments-list .file-upload-outline {
    width: 100%;
  }
}

.attachments-list .attachment-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.attachments-list .attachment-icons .icons {
  margin-right: 10Px;
}

.attachments-list .attachment-icons .mat-icon {
  padding: 6px;
  padding-left: 0;
}

.file-upload-outline {
  position: relative;
  border: 2px rgba(0, 0, 0, 0.12) dotted;
  border-radius: 10px;
  padding: 30px;
  width: 100%;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 479px) {
  .file-upload-outline {
    height: auto;
  }
}

.file-upload-outline.img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #f1f1f1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.file-upload-outline.img img {
  width: 48px;
  height: 48px;
}

.file-upload-outline .form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.file-upload-outline .mat-icon {
  opacity: 0.54;
  filter: Alpha(opacity=54);
}

.file-upload-outline .icon {
  border-radius: 50px;
  background: #d7a552;
  color: #fff;
  padding: 5px;
}

.file-upload-outline .icon.icon--success {
  background: #3c763d;
}

.file-upload-outline input[type="file"] {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.file-upload-outline .file-upload-outline__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 479px) {
  .file-upload-outline .file-upload-outline__label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.wizard__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wizard__buttons .mdc-button:not(:first-of-type) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 479px) {
  .wizard__buttons--fixed {
    background-color: #fff;
    padding: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 20;
  }
}

.attachments li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-left: 20px;
}

.attachments-item {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  margin-bottom: 20px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  cursor: pointer;
}

.attachments-item:hover {
  background: rgba(0, 0, 0, 0.12);
}

.attachments-item .material-icons {
  border-radius: 50%;
  padding: 5px;
  color: rgba(0, 0, 0, 0.54);
  margin-right: 20px;
}

.attachments-item .attachment-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.attachments-item .attachment-icons .icons {
  margin-right: 10Px;
}

.attachments-item .attachment-icons .mat-icon {
  background: rgba(55, 71, 96, 0.12);
  border-radius: 50%;
  padding: 6px;
  color: #374760;
}

.mdc-list-attachments .mdc-list-item__graphic {
  background-color: rgba(0, 0, 0, 0.12);
}

.category {
  position: relative;
}

.category__content {
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
  border: solid 2px rgba(55, 71, 96, 0.12);
  padding: 15px;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
}

.category__content img {
  max-width: 100%;
  margin: 50px 0 auto;
}

.category__content h2 {
  white-space: nowrap;
}

.category__label {
  cursor: pointer;
}

.category__label input {
  display: none;
  cursor: pointer;
}

.category__label .icon {
  width: 24px;
  height: 24px;
  border: solid 2px #e3e3e3;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.category__label .icon:before {
  content: "check";
  position: absolute;
  right: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
  font-family: "Material Icons";
  font-size: 24px;
  color: #000;
  text-align: center;
  opacity: 0;
  -webkit-transition: .2s ease-in-out all;
  transition: .2s ease-in-out all;
}

.category__label input:checked + .icon {
  background: #d7a552;
  border-color: #d7a552;
}

.category__label input:checked + .icon:before {
  color: #fff;
  opacity: 1;
}

.category__label input:checked ~ .category__content {
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
  border: solid 2px #d7a552;
}

.elegibility {
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
}

.elegibility__status {
  border: solid 2px rgba(55, 71, 96, 0.12);
  border-radius: 10px;
  padding: 15px;
  min-height: 320px;
}

.elegibility__status .icon {
  top: 20px;
  left: auto;
  bottom: auto;
  right: 20px;
  position: absolute;
  border-radius: 50px;
  color: #fff;
  padding: 5px;
}

.elegibility__status .icon::after {
  content: "";
  font-family: "Material Icons";
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.elegibility__status.elegibility__status--success {
  color: #3c763d;
  background-color: #edf3eb;
  border-color: #d6e9c6;
}

.elegibility__status.elegibility__status--success .icon {
  background: #3c763d;
}

.elegibility__status.elegibility__status--success .icon::after {
  content: "check";
}

.elegibility__status.elegibility__status--invalid {
  color: #a94442;
  background-color: #f6f1f1;
  border-color: #ebccd1;
}

.elegibility__status.elegibility__status--invalid .icon {
  background: #a94442;
}

.elegibility__status.elegibility__status--invalid .icon::after {
  content: "clear";
}

.mdc-data-table {
  width: 100%;
  border-bottom: 5px #374760 solid;
}

.mdc-data-table .mdc-data-table__row {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.mdc-data-table .mdc-data-table__header-cell {
  font-size: 16px;
  background: rgba(0, 0, 0, 0.04);
}

.mdc-card {
  border-radius: 10px;
  border-right: 5px #d7a552 solid;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.05), 0px 2px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 5px 0px rgba(0, 0, 0, 0.05);
  /*    
    box-shadow: 0px 3px 1px -2px rgba(38,153,251,0.2),
    0px 2px 2px 0px rgba(38,153,251,0.14), 
    0px 1px 5px 0px rgba(38,153,251,0.12); 
    */
}

.mdc-card .header__action {
  top: 25px;
  left: 20px;
  bottom: auto;
  right: auto;
  position: absolute;
}

.mdc-card-info {
  border-right: 0 #d7a552 solid;
  min-height: 185px;
}

.mdc-card-info .mdc-card__header:after {
  content: "";
  display: inline-block;
  height: 0px;
  width: 100%;
  background-color: #000000;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  position: absolute;
  opacity: .14;
}

.mdc-card-info .mdc-card__content {
  padding: 30px;
}

.mdc-card-notifications .mdc-card__header:after {
  content: "";
  display: inline-block;
  height: 0px;
  width: 100%;
  background-color: #000000;
}

.mdc-card-notifications .mdc-card__content {
  padding: 0 24px 24px;
}

.mdc-card-status {
  border-right: 0 #d7a552 solid;
}

.mdc-card-status .mdc-card__content {
  padding: 0;
}

.mdc-card-candidate {
  border-right: 0 #d7a552 solid;
}

.mdc-card-candidate .mdc-card__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mdc-card-candidate .mdc-card__header .card__icon {
  display: none;
}

.mdc-card-candidate .mdc-card__content {
  padding: 24px;
}

.mdc-card-candidates-list {
  border-right: 0 #d7a552 solid;
}

.mdc-card-candidates-list .mdc-card__header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-card-candidates-list .mdc-card__header .card__icon {
  display: none;
}

.mdc-card-candidates-list .mdc-card__content {
  padding: 24px;
}

.mdc-card-noborder {
  border-right: 0 #d7a552 solid;
}

.mdc-card-noborder .mdc-data-table__pagination {
  border: 0;
}

.mdc-card-banner .mdc-card__content {
  padding: 0;
}

.mdc-card-winners-list {
  border-radius: 20px;
  border: 1px rgba(0, 128, 0, 0.4) dashed;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mdc-card-winners-list .mdc-card__content {
  padding: 10px;
}

@media (max-width: 479px) {
  .mdc-card-winners-list .mdc-card__content {
    padding: 10px;
  }
}

.mdc-card__content {
  padding: 50px;
}

@media (max-width: 479px) {
  .mdc-card__content {
    padding: 24px;
  }
}

.mdc-card__header {
  height: 80px;
  padding: 0 30px;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.mdc-card__header.mdc-list--avatar-list .mdc-list-item__graphic {
  background: var(--mdc-theme-primary, #374760);
  color: var(--mdc-theme-text-primary-on-dark, #fff);
}

.mdc-card__header:after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #000000;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  position: absolute;
  opacity: .14;
}

.mdc-card__header .mdc-typography--headline6 {
  text-transform: uppercase;
  font-weight: medium;
}

.candidates-details-section {
  margin-bottom: 24px;
}

.candidates-details-section .mdc-card-content {
  padding: 30px;
}

.authentication-card .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.authentication-card .mdc-remember-forget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 479px) {
  .authentication-card .mdc-remember-forget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.authentication-card .mdc-link {
  color: #d7a552;
  padding-right: 5px;
}

.authentication-card .mdc-link:hover {
  color: #374760;
}

.authentication-card .mdc-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 56px;
}

.authentication-card .no-account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 479px) {
  .authentication-card .no-account {
    margin-bottom: 20px;
  }
}

.wizard-card {
  border-color: var(--mdc-theme-primary, #374760);
  border-style: solid;
  border-radius: 4px;
}

.wizard-card .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wizard-card .mdc-card-header {
  line-height: 60px;
  padding: 0 30px;
  border: 0;
  border-bottom: 1px rgba(0, 0, 0, 0.12) solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wizard-card .mdc-card-content {
  padding: 30px;
}

.banner-card,
.regulation-card {
  min-height: 407px;
}

.tab-content {
  display: none;
}

.tab-content.current {
  display: inherit;
}

.page__wizard .mdc-tab-bar {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100px;
}

.page__wizard .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  background-color: #d7a552;
  background-color: var(--mdc-theme-secondary, #d7a552);
}

.page__wizard .mdc-tab__text-label {
  font-weight: bold;
}

.page__wizard .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.54);
}

.page__wizard .mdc-tab,
.page__wizard .mdc-tab .mdc-tab__icon,
.page__wizard .mdc-tab__icon-text {
  color: rgba(0, 0, 0, 0.54);
}

.page__wizard .mdc-tab--active,
.page__wizard .mdc-tab--active .mdc-tab__icon,
.page__wizard .mdc-tab--active .mdc-tab__icon-text {
  color: var(--mdc-theme-primary, #374760);
}

.wizard__container {
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 15px rgba(22, 123, 198, 0.12);
          box-shadow: 0 3px 15px rgba(22, 123, 198, 0.12);
  padding: 24px;
}

.wizard__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: none;
}

.wizard__content .wizard__step {
  position: relative;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  text-align: center;
}

.wizard__content .wizard__step:not(:first-child):before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #d7a552;
  top: 20px;
  left: 50%;
  z-index: 0;
}

.wizard__content .wizard__step.wizard__step--active .wizard__step__mark {
  display: none;
}

.wizard__content .wizard__step.wizard__step--active .wizard__step__number {
  display: inline-block;
}

.wizard__content .wizard__step.wizard__step--active ~ .wizard__step .wizard__step__mark {
  display: none;
}

.wizard__content .wizard__step.wizard__step--active ~ .wizard__step .wizard__step__number {
  display: inline-block;
}

.wizard__content .wizard__step.wizard__step--active ~ .wizard__step:before {
  background-color: rgba(35, 31, 32, 0.12);
}

.wizard__content .wizard__step.wizard__step--active ~ .wizard__step .wizard__step__number {
  background-color: #e4e4e4;
  color: rgba(35, 31, 32, 0.54);
}

.wizard__content .wizard__step.wizard__step--active ~ .wizard__step .wizard__step__label {
  color: rgba(35, 31, 32, 0.54);
}

.wizard__step__mark {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #d7a552;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 2;
  padding-top: 6px;
}

.wizard__step__number {
  display: none;
  width: 40px;
  height: 40px;
  background-color: #374760;
  color: #fff;
  margin-bottom: 5px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-weight: 600;
}

.wizard__step__label {
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.authentication-card__register .mat-step-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  padding: 0 40px;
}

.authentication-card__register .mat-step-header:hover {
  background: none !important;
  cursor: default !important;
}

.authentication-card__register .mat-step-header .mat-step-label.mat-step-label-active {
  color: #d7a552 !important;
}

@media (max-width: 479px) {
  .authentication-card__register .mat-step-header .mat-step-label.mat-step-label-active {
    color: rgba(0, 0, 0, 0) !important;
  }
}

.authentication-card__register .mat-step-header .mat-step-label, .authentication-card__register .mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.38) !important;
}

@media (max-width: 479px) {
  .authentication-card__register .mat-step-header .mat-step-label, .authentication-card__register .mat-step-header .mat-step-optional {
    color: rgba(0, 0, 0, 0) !important;
  }
}

.authentication-card__register .mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12) !important;
  margin: 0 -50px  !important;
  margin-bottom: 40px  !important;
}

.authentication-card__register .mat-step-label {
  margin-top: 20px;
}

.authentication-card__register .mat-horizontal-content-container {
  padding: 24px 0 0 0 !important;
}

.authentication-card__register .mat-horizontal-stepper-header .mat-step-icon,
.authentication-card__register .mat-horizontal-stepper-header .mat-step-icon-not-touched {
  margin: 0 !important;
}

.authentication-card__register .mat-button,
.authentication-card__register .no-account {
  margin-top: 0 !important;
}

.mat-dialog-container {
  position: relative;
}

.mat-dialog-container .mdc-dialog__actions {
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.mdc-dialog .mdc-dialog__scrim {
  background-color: rgba(0, 0, 0, 0.8);
}

.mdc-dialog .mdc-dialog__actions {
  padding: 20px 24px 20px 24px;
}

.mdc-dialog__subtitle {
  margin-bottom: 10px;
}

html[dir="rtl"] .mdc-dialog__actions {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.divider {
  margin: 10px 0 !important;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.confirmation-dialog .confirmation-dialog__image img {
  border-radius: 100%;
  max-width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

.confirmation-dialog .mdc-list--avatar-list .mdc-list-item__graphic {
  background-color: rgba(0, 0, 0, 0.12);
}

.confirmation-dialog .mdc-list-item {
  cursor: auto;
}

.engineer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.engineer__image img {
  border-radius: 100%;
  max-width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

.engineer_info {
  margin-right: 10px;
}

.engineer_info span {
  display: block;
}

/* Timeline */
.timeline {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 4px solid var(--mdc-theme--primary, #374760);
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    background: linear-gradient(200deg, #faf4ea 0%, #ffffff 40%);
    color: var(--mdc-theme--primary, #374760);
    margin: 24px auto;
    margin-right: 200px;
    position: relative;
    padding: 50px;
    padding-left: 0;
    list-style: decimal-leading-zero;
    text-align: right;
}

@media (max-width: 479px) {
    .timeline {
        margin-right: 0;
    }
}

.timeline .timeline__event {
    border-bottom: 1px outset rgba(0, 0, 0, 0.1);
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}

    .timeline .timeline__event:last-of-type {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
    }

    .timeline .timeline__event:before, .timeline .timeline__event:after {
        position: absolute;
        display: flex;
        top: 0;
    }

    .timeline .timeline__event:before {
        right: -230px;
        content: attr(data-date);
        background: var(--mdc-theme--primary, #374760);
        color: #fff;
        padding: 4px 8px;
        border-radius: 24px;
    }

@media (max-width: 479px) {
    .timeline .timeline__event:before {
        position: relative;
        right: -30px;
        top: -5px;
    }
}

.timeline .timeline__event:after {
    box-shadow: 0 0 0 4px var(--mdc-theme-secondary, #d7a552);
    right: -57px;
    background: white;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
    top: 5px;
}

.timeline .timeline__event__duration {
    color: var(--mdc-theme-secondary, #d7a552);
}

.timeline .alert {
    display: inline-flex;
    margin-top: 4px;
}

}

/** ============================================================== **/
/** ============================================================== **/
@media (max-width: 479px) {
  .mdc-list-attachments .mdc-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/** ============================================================== **/
/** ============================================================== **/
.section-search {
  margin-top: -120px;
}

@media (max-width: 479px) {
  .section-search {
    margin-top: -200px;
  }
}

.section-search .section-header__title h4 {
  margin-bottom: 0;
}

/** ============================================================== **/
/** ============================================================== **/
.initial-voter-list-card .mdc-list-item {
  height: auto;
}

.initial-voter-list-card .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item {
  height: auto;
}

.initial-voter-list-card .mdc-button__label {
  white-space: nowrap;
}

.initial-voter-list-card .mdc-list-item__text {
  white-space: normal;
}

.initial-voter-list-card .mdc-list-item__secondary-text {
  white-space: normal;
}

/** ============================================================== **/
/** ============================================================== **/
.section-about .mdc-list-item {
  height: auto;
  padding: 16px;
}

.section-about .mdc-list-item__text {
  white-space: normal;
}

.section-benefits .section-content {
  position: relative;
  margin-top: 0;
}

.section-benefits .section-content:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 450px;
  width: 2px;
  background-color: var(--mdc-theme--primary, #374760);
  top: auto;
  left: 50px;
  bottom: -80px;
  right: auto;
  position: absolute;
  z-index: -1;
}

.section-benefits .section-header__button-wrap {
  position: absolute;
  margin-left: 0;
  bottom: 80px;
}

@media (max-width: 479px) {
  .section-benefits .section-header__button-wrap {
    bottom: 10px;
  }
}

.benefits {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 30px;
  margin-bottom: 20px;
}

.benefits:hover {
  background: var(--mdc-theme--primary, #374760);
}

.benefits:hover .benefits__title {
  color: var(--mdc-theme-on--primary, #fff);
}

.benefits:hover .benefits__num {
  color: var(--mdc-theme--primary, #374760);
  background: var(--mdc-theme-surface, #fff);
}

.benefits:nth-last-child(1) {
  margin-bottom: 0;
}

.benefits.mdc-card:hover {
  -webkit-box-shadow: 0px 11px 15px -7px rgba(38, 153, 251, 0.2), 0px 24px 38px 3px rgba(38, 153, 251, 0.14), 0px 9px 46px 8px rgba(38, 153, 251, 0.12);
          box-shadow: 0px 11px 15px -7px rgba(38, 153, 251, 0.2), 0px 24px 38px 3px rgba(38, 153, 251, 0.14), 0px 9px 46px 8px rgba(38, 153, 251, 0.12);
}

.benefits-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.benefits__num {
  border-radius: 40px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--mdc-theme-on-primary, #fff);
  background: var(--mdc-theme--primary, #374760);
  font-weight: 500;
}

.benefits__icon {
  color: var(--mdc-theme--secondary, #d7a552);
}

.benefits__title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: 80px;
  color: var(--mdc-theme--primary, #374760);
  font-weight: 500;
}

.benefits__title:hover {
  color: var(--mdc-theme-on--primary, #fff);
}

/** ============================================================== **/
/** ============================================================== **/
.statistics {
  padding: 0;
}

.statistics .mdc-list-item__graphic {
  background: var(--mdc-theme-surface, #fff);
}

/** ============================================================== **/
/** ============================================================== **/
.section-stories {
  display: none;
}

.story__image {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-width: 5px;
  border-color: var(--mdc-theme-background, #F1F9FF);
  border-style: solid;
  background: var(--mdc-theme-surface, #fff);
  text-align: center;
  height: 420px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 479px) {
  .story__image {
    height: auto;
  }
}

.story__image img {
  height: 100%;
}

@media (max-width: 479px) {
  .story__image img {
    width: 100%;
    height: auto;
  }
}

.story__details {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 75%;
  background: var(--mdc-theme-background, #F1F9FF);
  position: relative;
  margin-top: -104px;
  padding: 20px;
}

.story__details:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2px;
  width: 50px;
  background-color: var(--mdc-theme--secondary, #d7a552);
  top: 50%;
  left: auto;
  bottom: auto;
  right: -10px;
  position: absolute;
}

.story__name {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: var(--mdc-theme--primary, #374760);
  text-transform: uppercase;
  font-weight: 500;
}

.story__position {
  margin-top: 10px;
  color: var(--mdc-theme--secondary, #d7a552);
}

.story-link {
  text-decoration: none;
}

.story-link:hover .story__image {
  border-color: var(--mdc-theme--primary, #374760);
}

.story-link:hover .story__details {
  background: var(--mdc-theme--primary, #374760);
}

.story-link:hover .story__details:after {
  top: 50%;
  left: auto;
  bottom: auto;
  right: 20px;
  position: absolute;
}

.story-link:hover .story__name {
  color: var(--mdc-theme-on--primary, #fff);
}

/** ============================================================== **/
/** ============================================================== **/
.advice:hover .advice__date {
  color: var(--mdc-theme--primary, #374760);
}

.advice:hover .advice__title {
  color: var(--mdc-theme--secondary, #d7a552);
}

.advice:hover .advice__details:after {
  top: 60px;
  left: auto;
  bottom: auto;
  right: 30px;
  position: absolute;
}

.advice__details {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: var(--mdc-theme-surface, #FFF);
  height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  position: relative;
}

.advice__details:after {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 2px;
  width: 50px;
  background-color: var(--mdc-theme--secondary, #d7a552);
  top: 60px;
  left: auto;
  bottom: auto;
  right: -10px;
  position: absolute;
}

.advice-link {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 24px;
          column-gap: 24px;
}

.advice__date {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-transform: uppercase;
  color: var(--mdc-theme--secondary, #d7a552);
}

.advice__title {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--mdc-theme--primary, #374760);
}

.advice__image img {
  height: 200px;
}

/** In Inner Pages **/
.section-advices-details .mdc-list--two-line .mdc-list-item {
  height: auto;
  padding: 16px;
}

.section-advices-details .mdc-list-item__secondary-text {
  white-space: normal;
}

/** ============================================================== **/
/** ============================================================== **/
.partner {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-width: 5px;
  border-color: var(--mdc-theme-background, #F1F9FF);
  border-style: solid;
}

.partner:hover {
  border-color: var(--mdc-theme--primary, #374760);
}

.partner:hover .partner__name,
.partner:hover .partner__icon {
  color: var(--mdc-theme--secondary, #d7a552);
}

.partner-link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 165px;
  padding: 30px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.partner__image img {
  height: 30px;
}

.partner__details {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.partner__name,
.partner__icon {
  text-transform: uppercase;
  font-weight: 500;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: var(--mdc-theme--primary, #374760);
}

.regulation {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.04);
  padding: 15px;
  line-height: 23px;
  min-height: 60px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.image-container {
  background: #fafafa;
  padding: 9px;
  border-radius: 15px;
  text-align: center;
  border: 2px #ebebeb dashed;
}

.user__image {
  border-radius: 100%;
  max-width: 150px;
  height: 150px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

.upload {
  position: relative;
}

.upload .upload__input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.Acknowledgment-card .image-container {
  background: #fafafa;
  padding: 9px;
  border-radius: 15px;
  text-align: center;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 216px;
}

.Acknowledgment-card .user__image {
  border-radius: 100%;
  max-width: 150px;
  height: 150px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

/************************************************
*************************************************

dashboard Page

*************************************************
************************************************/
.component-text-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .component-text-icon-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .component-text-icon-container .component-text-icon:not(:first-child) {
    margin-top: 10px;
  }
}

.component-text-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 480px) and (max-width: 839px) {
  .component-text-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

.component-text-icon .component__icon {
  background: rgba(214, 165, 83, 0.12);
  color: var(--mdc-theme-secondary, #d7a552);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 16px;
}

@media (min-width: 480px) and (max-width: 839px) {
  .component-text-icon .component__icon {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.component-text-icon .component__primary-text {
  margin-bottom: -5px;
}

.component-text-icon__status--invalid .component__icon {
  background: #a94442;
  color: #fff;
}

.component-text-icon__status--invalid .component__seconary-text {
  color: #a94442;
}

.component-text-icon__status--success .component__icon {
  background: #3c763d;
  color: #fff;
}

.component-text-icon__status--success .component__seconary-text {
  color: #3c763d;
}

/**** Dashboard status Card Component ****/
.mdc-card-status__link {
  min-height: 185px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  border-radius: 10px;
}

.mdc-card-status .material-icons {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mdc-card-status__icon--floating {
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  position: absolute;
  background: transparent !important;
  color: #ccc !important;
}

.mdc-card-status__text {
  margin-top: 10px;
}

.mdc-card-status--success .mdc-card-status__link:hover,
.mdc-card-status--success .mdc-card-status__link:visited,
.mdc-card-status--success .mdc-card-status__link:link {
  color: #3c763d !important;
}

.mdc-card-status--success .mdc-card-status__link:hover {
  background: rgba(60, 188, 21, 0.04) !important;
}

.mdc-card-status--success .material-icons {
  background: #3c763d;
  color: #FFF;
}

.mdc-card-status--invalid .mdc-card-status__link:hover,
.mdc-card-status--invalid .mdc-card-status__link:visited,
.mdc-card-status--invalid .mdc-card-status__link:link {
  color: #a94442 !important;
}

.mdc-card-status--invalid .mdc-card-status__link:hover {
  background: rgba(169, 68, 66, 0.04) !important;
}

.mdc-card-status--invalid .material-icons {
  background: #a94442;
  color: #FFF;
}

/**** Notification Component ****/
.mdc-card-notifications__status--invalid {
  border-right: 5px red solid;
}

.mdc-card-notifications__status--invalid .mdc-card__header.mdc-list--avatar-list .mdc-list-item__graphic {
  background: rgba(255, 0, 0, 0.12);
  color: red;
}

.mdc-card-notifications__status--invalid .notifications__primary-text {
  color: red;
}

.mdc-card-notifications__status--success {
  border-right: 5px green solid;
}

.mdc-card-notifications__status--success .mdc-card__header.mdc-list--avatar-list .mdc-list-item__graphic {
  background: rgba(0, 128, 0, 0.12);
  color: green;
}

.mdc-card-notifications__status--success .notifications__primary-text {
  color: green;
}

.mdc-card-notifications__status--warning {
  border-right: 5px #d7a552 solid;
}

.mdc-card-notifications__status--warning .mdc-card__header.mdc-list--avatar-list .mdc-list-item__graphic {
  background: rgba(215, 165, 82, 0.12);
  color: #d7a552;
}

.mdc-card-notifications__status--warning .notifications__primary-text {
  color: #d7a552;
}

.mdc-card-notifications ul {
  list-style-type: circle;
  margin-right: 30px;
}

.mdc-card-notifications ul li {
  margin-top: 5px;
}

.notifications__button {
  margin-top: 10px;
}

/**** services Component ****/
.services {
  position: relative;
}

.services--disabled .services__link {
  cursor: not-allowed;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  color: rgba(0, 0, 0, 0.87) !important;
  opacity: .38;
}

.services--disabled .services__link:hover {
  background: rgba(0, 0, 0, 0.04);
}

.services--disabled .services__padge {
  background-color: grey;
}

.services--disabled .services__padge.animation {
  background: grey;
}

.services__link {
  border-radius: 10px;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.04);
  padding: 20px;
}

.services__link:hover {
  background: rgba(0, 0, 0, 0.12);
}

.services__icon {
  background: rgba(214, 165, 83, 0.12);
  color: var(--mdc-theme-secondary, #d7a552);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 16px;
}

.services__primary-text {
  margin-bottom: -5px;
  color: rgba(0, 0, 0, 0.87);
}

.services__image {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  padding: 10px;
  height: 80px;
}

.services__padge {
  top: 20px;
  left: auto;
  bottom: auto;
  right: 20px;
  position: absolute;
  padding: 1px 5px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #3c763d;
  border-radius: 3px;
}

@media (max-width: 479px) {
  .services__padge {
    top: 10px;
    left: auto;
    bottom: auto;
    right: 20px;
    position: absolute;
  }
}

.animation {
  background: -webkit-gradient(linear, left top, right top, from(#3c763d), color-stop(#3c763d), color-stop(#d7a552), to(#d7a552));
  background: linear-gradient(90deg, #3c763d, #3c763d, #d7a552, #d7a552);
  background-size: 400% 400%;
  -webkit-animation: change 5s ease-in-out infinite;
          animation: change 5s ease-in-out infinite;
}

@-webkit-keyframes change {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes change {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/************************************************
*************************************************

Candidates list initial Page

*************************************************
************************************************/
.candidates-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.candidates-search .search__button {
  margin-right: 10px;
}

.search__filter {
  margin-top: 20px;
}

@media (max-width: 479px) {
  .search__filter {
    margin-top: 0;
  }
}

.mdc-card-candidate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.candidate__image {
  border-radius: 100%;
  max-width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
  margin-left: 24px;
}

.candidate__info-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .candidate__info-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .candidate__info-container .candidate__info:not(:first-child) {
    margin-top: 10px;
  }
}

.candidate__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.candidate__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 479px) {
  .candidate__buttons {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.candidate__buttons .mdc-button:not(:first-child) {
  margin-right: 20px;
}

.candidate__icon {
  display: none;
  background: rgba(214, 165, 83, 0.12);
  color: var(--mdc-theme-secondary, #d7a552);
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 16px;
}

.candidate__secondary-info--description {
  opacity: .6;
}

.mdc-card-candidates-details .canidates-details__text {
  opacity: .87;
}

/************** Candidates List Small *************/
.candidates-item {
  text-align: center;
}

.candidates-item .mdc-typography--subtitle1 {
  font-weight: 500;
}

.candidates-item .mdc-typography--subtitle2 {
  opacity: .60;
}

.candidates-item .candidates-item__photo {
  border-radius: 100%;
  max-width: 120px;
  height: 120px;
  padding: 5px;
  border: 2px #ebebeb solid;
}

.candidates-item .candidates-item__info--category {
  opacity: .60;
}

.candidates-item .candidates-item__buttons {
  margin-top: 20px;
}

.candidates-item .candidates-item__buttons .mdc-button:not(:first-child) {
  margin-right: 20px;
}

/************************************************
*************************************************

Objection Request

*************************************************
************************************************/
.obj-candidate {
  position: relative;
}

.obj-candidate__content {
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
  border: solid 2px rgba(55, 71, 96, 0);
  padding: 15px;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  background: rgba(0, 0, 0, 0.04);
  padding: 20px;
}

.obj-candidate__content:hover {
  background: rgba(0, 0, 0, 0.12);
}

.obj-candidate__content img {
  border-radius: 100%;
  max-width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
  background: #fff;
}

.obj-candidate__label {
  cursor: pointer;
}

.obj-candidate__label input {
  display: none;
  cursor: pointer;
}

.obj-candidate__label .icon {
  width: 24px;
  height: 24px;
  border: solid 2px #ccc;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.obj-candidate__label .icon:before {
  content: "check";
  position: absolute;
  right: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
  font-family: "Material Icons";
  font-size: 24px;
  color: #000;
  text-align: center;
  opacity: 0;
  -webkit-transition: .2s ease-in-out all;
  transition: .2s ease-in-out all;
}

.obj-candidate__label input:checked + .icon {
  background: #d7a552;
  border-color: #d7a552;
}

.obj-candidate__label input:checked + .icon:before {
  color: #fff;
  opacity: 1;
}

.obj-candidate__label input:checked ~ .obj-candidate__content {
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
  border: solid 2px #d7a552;
  background: rgba(215, 165, 82, 0.04);
}

.mdc-card-instructions .mdc-list-item {
  height: auto;
  padding: 20px;
}

/************************************************
*************************************************

Profile Page

*************************************************
************************************************/
.profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile .profile__photo img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.profile .file-upload-outline {
  width: auto;
}

/************************************************
*************************************************

Registeration Page

*************************************************
************************************************/
.register-type .mdc-list .mdc-list-item {
  background: #f8f8f8;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 25px;
  min-height: 190px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.register-type .mdc-list .mdc-list-item .box__media {
  text-align: center;
}

.register-type .mdc-list .mdc-list-item .box__media img {
  height: 60px;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.register-type .mdc-list .mdc-list-item .box__media p {
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

.register-type .mdc-list .mdc-list-item:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.register-type .mdc-list .mdc-list-item:hover .box__media img {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.register-type .mdc-list .mdc-list-item:hover .box__media p {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.add-partner {
  border: 1px rgba(0, 0, 0, 0.04) solid;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}

.add-partner .add-button {
  width: 135px;
  height: 36px;
  line-height: 36px !important;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/************************************************
*************************************************

Profile Page

*************************************************
************************************************/
@media (max-width: 479px) {
  .mdc-layout-grid__cell:first-of-type .office-details {
    margin-top: -100px;
  }
}

@media (max-width: 839px) {
  .mdc-layout-grid__cell:last-of-type .office-details {
    margin-top: 0;
  }
}

.profile-card {
  padding: 20px;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile-card.office-details {
  margin-top: -100px;
}

@media (max-width: 479px) {
  .profile-card.office-details {
    margin-top: 0;
  }
}

.profile-card.notifications {
  border-style: solid;
  border-right-width: 5px;
  border-right-color: var(--mdc-theme-error, #dd7a77);
}

.profile-card .mdc-card-avatar {
  border-radius: 50%;
  margin-left: 20px;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.profile-card .mdc-card-avatar .mdc-list-item__graphic {
  margin-right: 0;
}

.wizard-card.profile {
  margin-top: 30px;
}

.wizard-card.profile a {
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  text-decoration: none;
}

.wizard-card.profile a:hover {
  color: #e3ad57;
}

.mdc-card-content.no-padding {
  padding: 0 !important;
}

/************************************************
*************************************************

Voting Cards

*************************************************
************************************************/
@media (max-width: 479px) {
  .voting-card .searach__button,
  .voting-card .search__button {
    width: 100%;
  }
}

.voting-candidate {
  position: relative;
}

.voting-candidate__content {
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0);
  border: solid 2px rgba(55, 71, 96, 0);
  padding: 15px;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  background: rgba(0, 0, 0, 0.04);
  padding: 20px;
}

.voting-candidate__content:hover {
  background: rgba(0, 0, 0, 0.12);
}

.voting-candidate__image {
  border-radius: 100%;
  width: 120px;
  height: 120px;
  padding: 5px;
  border: 2px #ebebeb solid;
  background: #fff;
}

.voting-candidate__number {
  color: #d7a552;
}

.voting-candidate__name {
  color: #374760;
}

.voting-candidate__degree {
  color: black;
  opacity: .60;
}

.voting-candidate__label {
  cursor: pointer;
}

.voting-candidate__label input {
  display: none;
  cursor: pointer;
}

.voting-candidate__label .icon {
  top: 15px;
  left: auto;
  bottom: auto;
  right: 15px;
  position: absolute;
  width: 24px;
  height: 24px;
  border: solid 2px #ccc;
  border-radius: 50%;
  -webkit-transition: .3s ease-in-out all;
  transition: .3s ease-in-out all;
  -webkit-transform: scale(1);
          transform: scale(1);
  z-index: 1;
}

.voting-candidate__label .icon:before {
  top: -2px;
  left: auto;
  bottom: auto;
  right: -2px;
  position: absolute;
  content: "check";
  width: 100%;
  height: 100%;
  font-family: "Material Icons";
  font-size: 24px;
  color: #000;
  text-align: center;
  opacity: 0;
  -webkit-transition: .2s ease-in-out all;
  transition: .2s ease-in-out all;
}

.voting-candidate__label input:checked + .icon {
  background: #d7a552;
  border-color: #d7a552;
}

.voting-candidate__label input:checked + .icon:before {
  color: #fff;
  opacity: 1;
}

.voting-candidate__label input:checked ~ .voting-candidate__content {
  -webkit-box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
          box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5);
  border: solid 2px #d7a552;
  background: rgba(215, 165, 82, 0.04);
}

/**************************** Voting Candidate Vertical List **********************/
.voting-candidate--vertical .voting-candidate__content {
  border: solid 2px rgba(55, 71, 96, 0.12);
  background: rgba(0, 0, 0, 0);
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .voting-candidate--vertical .voting-candidate__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.voting-candidate--vertical .candidate__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 479px) {
  .voting-candidate--vertical .candidate__info:first-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (max-width: 479px) {
  .voting-candidate--vertical .candidate__info:not(:first-of-type) {
    margin-top: 20px;
  }
}

.voting-candidate--vertical .voting-candidate__label .icon {
  top: 15px;
  left: 15px;
  bottom: auto;
  right: auto;
  position: absolute;
}

.voting-candidate--vertical .voting-candidate__label .icon:before {
  top: -2px;
  left: 2px;
  bottom: auto;
  right: auto;
  position: absolute;
}

.voting-candidate--vertical .voting-candidate__image {
  margin-left: 16px;
}

.voting-confirm-dialog .mdc-dialog__surface {
  min-width: 560px;
}

@media (max-width: 479px) {
  .voting-confirm-dialog .mdc-dialog__surface {
    min-width: auto;
  }
}

/**************************** Results List **********************/
.results-statistics__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.results-statistics__numbers span:first-of-type {
  margin-left: 20px;
}

.results-candidate .candidate__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.results-candidate .candidate__info:first-of-type {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}

@media (max-width: 479px) {
  .results-candidate .candidate__info:first-of-type {
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
}

@media (max-width: 479px) {
  .results-candidate .candidate__info:not(:first-of-type) {
    margin-top: 20px;
  }
}

.results-candidate__content {
  border-radius: 10px;
  padding: 10px;
  border: solid 2px rgba(55, 71, 96, 0.12);
  background: rgba(0, 0, 0, 0);
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 479px) {
  .results-candidate__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.results-candidate__image {
  border-radius: 100%;
  margin-left: 16px;
  width: 80px;
  height: 80px;
  padding: 5px;
  border: 2px #ebebeb solid;
  background: #fff;
}

@media (max-width: 479px) {
  .results-candidate__image {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.results-candidate__number {
  color: #d7a552;
}

.results-candidate__name {
  color: #374760;
}

.results-candidate__degree {
  color: black;
  opacity: .60;
}

.candidate__secondary-info--score {
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 90px;
  height: 90px;
  background-color: rgba(215, 165, 82, 0.12);
  color: #d7a552;
}

@media (max-width: 479px) {
  .candidate__secondary-info--score {
    border-radius: 10px;
    width: 100%;
    height: 80px;
  }
}

.results-status--success .candidate__icon {
  background-color: rgba(0, 128, 0, 0.04);
  color: green;
}

.results-status--success .candidate__secondary-info--description {
  color: green;
  opacity: 1;
}

.results-status--success .candidate__secondary-info--score {
  background-color: rgba(0, 128, 0, 0.04);
  color: green;
}

.results-candidate.results-statistics .candidate__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.results-candidate.results-statistics .candidate__info:first-of-type {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.results-candidate.results-statistics .candidate__info .candidate__secondary-info--score {
  width: 120px;
  height: 120px;
}

@media (max-width: 479px) {
  .results-candidate.results-statistics .candidate__info .candidate__secondary-info--score {
    border-radius: 10px;
    width: 100%;
    height: 80px;
  }
}

/************** Results Card Horizontal List Small *************/
.winners-item {
  background-color: rgba(0, 128, 0, 0.04);
  color: green;
  border-radius: 20px;
  padding: 20px 0;
  text-align: center;
}

.winners-item .mdc-typography--subtitle1 {
  font-weight: 500;
}

.winners-item .mdc-typography--subtitle2 {
  opacity: .60;
}

.winners-item .winners-item__photo {
  border-radius: 100%;
  max-width: 120px;
  height: 120px;
  padding: 5px;
  border: 2px rgba(0, 128, 0, 0.2) solid;
  background: #fff;
}

.winners-item .winners-item__info--category {
  opacity: .60;
}

.winners-item .winners-item__buttons {
  margin-top: 20px;
}

.winners-item .winners-item__buttons .mdc-button:not(:first-child) {
  margin-right: 20px;
}

.winners-item__statistics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  text-align: center;
  color: green;
}

@media (max-width: 479px) {
  .winners-item__statistics {
    border-radius: 10px;
    width: 100%;
    height: 80px;
  }
}
/************** Explanatory Video *************/
.elections__explanatory-video {
    margin-top: 24px;
    /*# sourceMappingURL=main.css.map */
}
/*# sourceMappingURL=main.css.map */