/*
 * Project Horizon
 * (c) 2013-2016 VMware, Inc. All rights reserved.
 * VMware Confidential.
 ************************* Astro Variables **************************
 */
/*
 * Base Color Palette 2015.07
 */
/*
 * Special Colors (not included in our UX color palette)
 * color exceptions (prefixed with @exc-color- to avoid future confusion)
 */
/* top shell background color */
/* login page warning text color */
/********************** Global radius sizes ************************/
/********************** Global Padding Values **********************/
/*********************** Modal Adjustments *************************/
/********************** Input Control Defaults **********************/
/********************** Navigation Dimensions **********************/
/********************** Navigation Dimensions **********************/
/********************** Font Variables **********************/
/********************** New UX with Clarity ******************************/
/*! =============================== START OF CUSTOMIZATION SECTION ====================== */
/*! ===============================login Page Logo====================== */
/*! App Logo and Login Page */
.login-wrapper {
  /*! background: url('../../main/webapp/static/images/EUC_HorizonLogin_bg.png') no-repeat; */ }
  .login-wrapper .login {
    /*! background: $red2 !important; */ }
    .login-wrapper .login .brand-logo {
      display: none;
      /*! Remove this when the logo is required. */
      /*! background: url('../../main/webapp/static/images/Horizon.svg') no-repeat; */
      /*! width: 100px; */
      /*! height: 100px; */
      /*! margin: 0 auto 1rem auto; */ }
    .login-wrapper .login .title .welcome {
      /*! font-size: 1rem; */ }
    .login-wrapper .login .login-group .btn {
      /*! border-color: #00b315; */
      /*! background-color: #00b816; */
      /*! color: $white; */ }

/*! ===============================Side Navigation after login====================== */
/*! Top header and Navigation background change */
.main-container {
  /*!  Navigation background color */ }
  .main-container .site-header {
    /*! background: #0177b3; */ }
    .main-container .site-header .title,
    .main-container .site-header .search-type,
    .main-container .site-header .search-line,
    .main-container .site-header .searchbar-input,
    .main-container .site-header .notification-bell-wrap,
    .main-container .site-header .site-help-wrapper .nav-icon,
    .main-container .site-header .site-header-language-selector-component .dropdown-toggle,
    .main-container .site-header .site-logout-wrapper .nav-admin-info {
      /*! color: $black !important; */ }
  .main-container .content-container .clr-vertical-nav {
    /*! background-color: #e8f4fd; */
    /*!  Navigation link hover color */ }
    .main-container .content-container .clr-vertical-nav:hover {
      /*! background-color: #cfe7fc !important; */ }
    .main-container .content-container .clr-vertical-nav .nav-link.current {
      /*! background: #cfe7fc; */ }
      .main-container .content-container .clr-vertical-nav .nav-link.current:hover {
        /*! background: #cfe7fc; */ }
  .main-container .navigation-content {
    /*! background-color: #e7f4fd; */ }
  .main-container .dashboard-background {
    /*! background-color: #e7f4fd; */ }

/*! =============================== Tab active color ====================== */
.tabstrip .atk-tabs .line-container,
.tabstrip .atk-tabs .atk-tab:not(.active):hover:after {
  /*! background-color: $red2 !important; */ }

#astro-content {
  /*! ===============================Buttons====================== */
  /*! action bar buttons (New, Edit, delete etc) */
  /*! when dropdown is open */
  /*! ===== Bottom Border color for the input boxes ===== */
  /*! ==========================user Card======================= */
  /*! ==========================Checkbox============================== */
  /*! =============================Data grid  ================= */
  /*! Hover for refresh icon */
  /*! Hover for excel export icon */
  /*! Grid Row hover */ }
  #astro-content .atk-btn,
  #astro-content .btn {
    /*! border-color: $red2 !important; */
    /*! background-color: $red2 !important; */
    /*! color: $white !important; */
    /*! Wizard, modal etc */ }
    #astro-content .atk-btn.btn-link,
    #astro-content .btn.btn-link {
      /*! background-color: transparent !important; */
      /*! border: none !important; */ }
    #astro-content .atk-btn.btn-primary, #astro-content .atk-btn.btn-primary:focus, #astro-content .atk-btn.btn-primary:active,
    #astro-content .btn.btn-primary,
    #astro-content .btn.btn-primary:focus,
    #astro-content .btn.btn-primary:active {
      /*! background-color: #00b816; */
      /*! color: $white; */ }
    #astro-content .atk-btn:hover, #astro-content .atk-btn:focus,
    #astro-content .btn:hover,
    #astro-content .btn:focus {
      /*! background-color: #00b816; */
      /*! color: $white; */ }
  #astro-content .atk-dropdown-toggle .atk-icon.icon-caret {
    /*! fill: $red2 !important; */ }
  #astro-content .btn-group.open .dropdown-toggle {
    /*! background-color: #00b816; */
    /*! color: $white; */ }
  #astro-content .btn-group .btn {
    /*! border-color: transparent !important; */
    /*! background-color: transparent !important; */ }
  #astro-content .atk-btn[enabled]:hover, #astro-content .atk-btn[enabled]:focus {
    /*! background-color: #00b816; */
    /*! color: $white; */ }
  #astro-content .table-filter-container input[type=text]:focus {
    /*! border: 1px solid #00b816 !important; */ }
  #astro-content .v-form input[type="text"]:not([readonly]):focus,
  #astro-content .v-form input[type="password"]:not([readonly]):focus,
  #astro-content .v-form input[type="email"]:not([readonly]):focus,
  #astro-content .v-form input[type="date"]:not([readonly]):focus,
  #astro-content .v-form input[type="time"]:not([readonly]):focus,
  #astro-content .v-form input[type="number"]:not([readonly]):focus,
  #astro-content .v-form input[type="tel"]:not([readonly]):focus,
  #astro-content .v-form input[type="url"]:not([readonly]):focus,
  #astro-content .v-form input[type="datetime-local"]:not([readonly]):focus,
  #astro-content .v-form input:not([type]):not([readonly]):focus {
    /*! background: linear-gradient(to bottom, transparent 96%, #00b816 96%) no-repeat; */
    /*! border: 1px solid #00b816; */ }
  #astro-content .atk-group {
    /*!  Tab text color */ }
    #astro-content .atk-group > .atk-group-item:hover, #astro-content .atk-group > .atk-group-item.active {
      /*! color: #00b816 !important; */
      /*! background-color: #e1f6e6 !important; */
      /*! border-bottom-color: #00b816 !important; */
      /*!  Tab bottom arrow icon color */ }
      #astro-content .atk-group > .atk-group-item:hover:after, #astro-content .atk-group > .atk-group-item.active:after {
        /*! border-top-color: #00b816 !important; */ }
    #astro-content .atk-group .atk-group-info-item span:nth-child(2):hover {
      /*! color: #00b816 !important; */ }
  #astro-content .v-checkbox input[type="checkbox"]:checked + span {
    /*! background: url('../../main/webapp/static/images/horizonair_sprite.png') no-repeat -1053px -418px; */ }
  #astro-content .icon-refresh:hover, #astro-content .icon-refresh:active {
    /*! background: url('../../main/webapp/static/images/horizonair_sprite.png') no-repeat -351px -418px; */ }
  #astro-content .excel:active,
  #astro-content .excel:hover {
    /*! background: url('../../main/webapp/static/images/horizonair_sprite.png') no-repeat -303px -418px; */ }
  #astro-content .k-grid table[role="grid"],
  #astro-content .k-grid table[role="treegrid"] {
    /*! Grid Row Selection */ }
    #astro-content .k-grid table[role="grid"] tr,
    #astro-content .k-grid table[role="treegrid"] tr {
      /*! background-color: $red2 !important; */ }
      #astro-content .k-grid table[role="grid"] tr:hover,
      #astro-content .k-grid table[role="treegrid"] tr:hover {
        /*! background-color: $red2 !important; */ }
  #astro-content .v-summary .section-edit,
  #astro-content .v-summary .section-header-link {
    /*! color: $red2 !important; */ }

.wizard-content .atk-btn,
.wizard-content .btn,
.modal-footer .atk-btn,
.modal-footer .btn {
  /*! border-color: $red2 !important; */
  /*! background-color: $red2 !important; */
  /*! color: $white !important; */ }

/*! =============================== New Clarity page styles ====================== */
#astro-clarity-content {
  /*! All Buttons */
  /*! Filter buttons */
  /*! Toggle buttons */
  /*! Sort Icon */
  /*! Line below the Tabs */
  /*! Grid Refresh icon */
  /*! Wizard left tabs link active color */
  /*! Datagrid left hidden column hide/show icon */ }
  #astro-clarity-content .audit-logs-component [name='audit-logs-form'] .btn,
  #astro-clarity-content .btn-container .btn,
  #astro-clarity-content .custom-action-bar .btn,
  #astro-clarity-content .clr-wizard-footer .btn,
  #astro-clarity-content .modal-footer .btn {
    /*! border-color: $red2 !important; */
    /*! background-color: transparent !important; */
    /*! color: $red2 !important; */ }
  #astro-clarity-content .filter-container .btn {
    /*! color: $red2 !important; */ }
  #astro-clarity-content .clr-toggle-wrapper input[type=checkbox]:checked + label::before {
    /*! border-color: $red2; */
    /*! background-color: $red2; */ }
  #astro-clarity-content .datagrid-column-title .sort-icon {
    /*! color: $red2 !important; */ }
  #astro-clarity-content .nav .nav-link {
    /*! background: transparent !important; */
    /*! box-shadow: 0 -3px 0 $red2 inset !important; */
    /*! -webkit-box-shadow: 0 -3px 0 $red2 inset !important; */
    /*! color: $black !important; */
    /*! border: 0; */ }
    #astro-clarity-content .nav .nav-link:hover, #astro-clarity-content .nav .nav-link.active {
      /*! box-shadow: 0 -3px 0 $red2 inset !important; */
      /*! -webkit-box-shadow: 0 -3px 0 $red2 inset !important; */ }
  #astro-clarity-content .custom-refresh-wrapper .btn,
  #astro-clarity-content .custom-refresh-export-wrapper .btn {
    /*! border: 1px solid $red2 !important; */
    /*! background: transparent !important; */
    /*! color: $red2 !important; */ }
  #astro-clarity-content .clr-wizard .clr-wizard-stepnav-item.active .clr-wizard-stepnav-link {
    /*! background-color: #ead4d4 !important; */ }
  #astro-clarity-content .datagrid-footer .column-switch-wrapper .column-toggle--action:hover {
    /*! color: $red2 !important; */ }
  #astro-clarity-content .signpost .signpost-action:hover, #astro-clarity-content .signpost .signpost-action.active {
    /*! color: $red2 !important; */ }

/*! Checkboxes */
.clr-checkbox-wrapper input[type=checkbox]:checked + label::before {
  /*! background: $red2 !important; */ }

/*! Radio buttons */
.clr-radio-wrapper input[type=radio]:checked + label::before {
  /*! -webkit-box-shadow: inset 0 0 0 0.25rem $red2 !important; */
  /*! box-shadow: inset 0 0 0 0.25rem $red2 !important; */ }

/*! Data grid footer Pagination border */
.pagination-list .pagination-current:focus, .pagination-list .pagination-current.clr-focus {
  /*! border: 1px solid rgba(217, 69, 76, 0.7) !important; */
  /*! -webkit-box-shadow: 0 0 1px rgba(217, 69, 76, 0.7) !important; */
  /*! box-shadow: 0 0 1px rgba(217, 69, 76, 0.7) !important; */ }

/*! =============================== END OF CUSTOMIZATION SECTION ====================== */