/* SASS code for UI v3 */
/* ui-base-specific */
/* Version 3.0-rc5 */
/* This is the CSS rules - specified for each use */
/* ---------------------------------------------------*/
/* Specific responsiveness rules for this service */
@media screen and (max-width: 940px) {
  .ui_header__title--seperator, .ui_header__title--partC {
    display: none; } }
@media screen and (max-width: 700px) {
  .ui_header__sidenav_option {
    display: inline !important; }

  #ui_navigation_specific {
    display: none; }

  #ui_content_specific {
    padding-top: 80px !important; }

  .ui_header__login_options {
    display: none; }

  .ui_header__menu_options {
    display: none; }

  .ui_header__menu_options_dropdown {
    display: inline !important; } }
/* ---------------------------------------------------*/
/* DO NOT EDIT UNDER THIS LINE */
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------- */
/*  Mixins */
/* -----------------------------------*/
a {
  color: #1d9eb2;
  text-decoration: none !important; }

.ui--backgroundcolor_of_service {
  background: #4F006D !important;
  transition: all 150ms ease-in-out; }

.ui--backgroundcolor_of_service:hover {
  background: #7503A3 !important;
  transition: all 150ms ease-in-out; }

.ui--textcolor_of_service {
  color: #4F006D !important;
  transition: all 150ms ease-in-out; }

/* -----------------------------------*/
/*  Header Style */
#ui_header_specific {
  border-top: 3px solid #4F006D; }

#ui_header__logo_specific {
  background-image: url("https://cdn.it.auth.gr/images/logos/services/unistats/unistats-128.png");
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: 0px 7px; }

.ui_header__menu_options_dropdown {
  display: none; }

.ui_header__option_specific:hover {
  color: #FFFFFF !important; }

.ui_header__option_specific a:hover {
  color: #FFFFFF !important; }

.ui_header__option_specific.ui_dropdown--open {
  color: #4F006D; }

#ui_banner__text--servicename_specific {
  color: #4F006D; }

#ui_navigation_specific {
  display: none; }

#ui_content_specific {
  padding-top: 80px; }

/* ----------------------------------------------------------------------------------------- */
/* Responsiveness Levels: 940, 700, 520, 420, 320*/
@media screen and (max-width: 940px) {
  .ui_content__active_area {
    padding: 20px; }

  .ui_banner__box--title_cred .ui_banner__text--servicename,
  .ui_banner__box--title_cred .ui_banner__text--auth {
    display: none;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--title_cred .ui_banner__logo {
    width: 100px;
    top: 15px;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--message_cred .ui_banner_message__text--partA {
    display: none;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--message_cred .ui_banner_message__text--partB {
    padding-top: 5px !important;
    font-size: 20px !important;
    color: #333333 !important;
    transition: all 150ms ease-in-out; } }
@media screen and (max-width: 700px) {
  #ui_title--secondary_specific {
    text-align: center; }

  .ui_box--50-50-first,
  .ui_box--50-50-second {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_box--33-33-33-first,
  .ui_box--33-33-33-second,
  .ui_box--33-33-33-third {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_box--25-75-first,
  .ui_box--25-75-second {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_box--75-25-first,
  .ui_box--75-25-second {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_box--33-66-first,
  .ui_box--33-66-second {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_box--66-33-first,
  .ui_box--66-33-second {
    width: 100% !important;
    transition: all 150ms ease-in-out; }

  .ui_header__active_area {
    padding-left: 20px !important;
    padding-right: 20px !important; }

  .ui_banner__logo {
    width: 70px !important;
    top: 25px !important;
    transition: all 150ms ease-in-out; }

  #ui_banner__box--login_cred_specific,
  #ui_banner__box--title_cred_specific,
  #ui_banner__box--message_cred_specific {
    width: 100% !important; }

  .ui_banner__box--title_cred .ui_banner__text--servicename,
  .ui_banner__box--title_cred .ui_banner__text--auth {
    display: inline;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--message_cred .ui_banner_message__text--partA {
    display: inline;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--message_cred .ui_banner_message__text--partB {
    padding-top: 0px !important;
    font-size: 16px !important;
    color: #777777 !important;
    transition: all 150ms ease-in-out; }

  .ui_banner__box--login {
    width: 100%;
    transition: all 150ms ease-in-out; }

  .ui_banner__text--servicename {
    display: inline;
    transition: all 150ms ease-in-out; }

  .ui_banner__text--auth {
    display: inline;
    transition: all 150ms ease-in-out; } }
@media screen and (max-width: 520px) {
  #ui_banner__text--servicename_specific {
    display: inline;
    transition: all 150ms ease-in-out; }

  #ui_banner__text--auth_specific {
    display: inline;
    transition: all 150ms ease-in-out; }

  #ui_banner__logo_specific {
    width: 70px;
    top: 25px; }

  #ui_banner__box--title_specific {
    width: 100%; }

  #ui_banner__box--login_button_specific {
    width: 100%;
    border-radius: 4px;
    height: 80px;
    padding-top: 20px; }

  #ui_banner__box--login_input-button_specific {
    width: 100%;
    border-radius: 4px;
    height: 80px;
    font-size: 26px; }

  #ui_banner__box--login_specific {
    height: 80px;
    width: 100%; }

  #ui_banner__box--login_button_text_specific {
    font-size: 26px;
    transition: all 150ms ease-in-out; } }
@media screen and (max-width: 420px) {
  #ui_banner__text--auth_specific {
    display: none;
    transition: all 150ms ease-in-out; } }
@media screen and (max-width: 320px) {
  #ui_banner__text--servicename_specific {
    top: 25px;
    transition: all 150ms ease-in-out; }

  #ui_banner__box--title_specific {
    height: 160px;
    transition: all 150ms ease-in-out; } }

/*# sourceMappingURL=ui-base-specific-unistats.css.map */