/*///////////////////////////// extendables  ////////////////////////////////////////////*/
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/assets\/themes\/common\/_common\.scss}line{font-family:\0000352}}
.clickable {
  cursor: pointer;
  color: #00549a;
}

/*///////////////////////////// helpers  ////////////////////////////////////////////*/
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/assets\/themes\/common\/_common\.scss}line{font-family:\0000398}}
.rsx-icon-o {
  font-size: 3.6rem;
}

/* Vertical Align.

argument:
optional 'position' override
*/
/*trims text into ellipsis (...).

 argument:
 optional (max)width limitation
*/
/* helper getter for hash-maps*/
/* adds a circle around the element using pseudo-class

 argument:
$size - dimensions of circle
$border-width [optional] - thickness of circle (default: 1px)
$color [optional] - color of circle (default: #000)
$pseudo-class [optional] - pseudo-class to use (default: after)
*/
/* breakpoint mixin for responsive media queries

argument can be one of the following:
mobile/compressed_tablet/tablet/all_tablets/compressed_desktop/desktop/all_desktops/lte_tablet

usage:
@import "[path to _mixins.scss]";
@include bp(tablet) {
                width: [whatever];
                ...
            }
*/
/** Creates a triangle (generally used for placing 'carets' around rectangles, i.e popovers)
    if $triangle-border-color defined(not transparent), then creates a border for the triangle (using 'after' psuedo-element).
**/
/* creates a custom select:

arguments:



expected markup:
 <div class="app-custom-select">
    <select id="someID" class="rsx-icon rsx-icon-select-trigger">
        <option value="">Choose a question...</option>
    </select>
    <label for="someID" >
        <i class="rsx-icon rsx-icon-select-trigger"></i>
    </label>
</div>


*/
/* creates a button (has a sub-state called 'outline', which is in effect if class 'outline' is added to the element)

 argument:
$height [optional] - height of button. (default: 3.5rem)
$bg-color [optional] - background color of button (for non outline). (default: $app_button_active)
$color [optional] - color text in button. (default: $app_palette_White)
$font-size [optional] - font size of text in button. (default: 1.5rem)
$border-radius [optional] - radius of borders of button. (default: 24px)
$padding [optional] - padding of button. (default: 0.24rem)
$hover-bg-color [optional] - background color of button on HOVER state (for non outline).(default: 9.5% darker than given $bg-color)
$hover-color [optional] - text color of button on HOVER state (for non outline).(default: 9.5% darker than given $bg-color)
$disabled-color [optional] - background color/color & border-color of button on DISABLED state (for non outline/outline, respectively).(default: $app_button_disabled)
$border-width [optional] - width of borders of button (for outline). (default: 0.2rem)
$border-style [optional] - style of borders of button (for outline). (default: solid)
*/
/* returns unicode string

usage:
unicode("e655"); //outputs "\e655"
*/
/* creates a checkbox

 arguments:
 $size [optional] - dimensions of checkbox. (default: 2.2rem)
 $color [optional] - color of tick. (default: $app_palette_White)
 $bg-color [optional] - background color of checkbox. (default: $app_palette_RegalBlue)
 $border-color [optional] - border color of checkbox. (default: $app_palette_Silver)
 $icon-font [optional] - font set in which the tick icon is defined. (default: '\e603')
 $icon-code [optional] - code of tick. (default: '\e603')
*/
/* creates a radio

 arguments:
 $size [optional] - dimensions of radio button. (default: 2.2rem)
 $border-color [optional] - border color of radio button. (default: $app_palette_Silver)
 $color-stop_start [optional] - color of 1st color-stop of radio button. (default: $app_palette_WildSand)
 $color-stop_end [optional] - color of 2nd color-stop of radio button. (default: $app_palette_Mercury)
 $shadow-color [optional] - shadow color of radio button. (default: $app_palette_RegalBlue)

*/
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\000034}}
.singleHeader {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005399+0,005399+5,003777+82,003777+94,003777+100 */
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000321}}
.singleHeader .spacer {
  
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000325}}
.singleHeader .wizard-wrapper {
  height: 3.5rem;
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000329}}
.singleHeader .header-bg {
  width: 100%;
  min-height: 37rem;
  position: absolute;
  bottom: auto;
  background: #00549a;
  /* Old browsers */
  background: radial-gradient(ellipse at center, #00549a 0%, #00549a 5%, #003778 82%, #003778 94%, #003778 100%);
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000339}}
.singleHeader .simplified-header {
  height: 7.6rem;
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000343}}
.singleHeader .page-content > .container {
  position: relative;
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000349}}
.singleHeader .wrapper .widget-notification {
  margin-bottom: 2rem;
}
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000354}}
.singleHeader .content-wrapper {
  padding: 4rem;
  background-color: #fff;
  border: 1px solid #d3d3d3;
}
@media (max-width: 999px) {
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000361}}
  .singleHeader .rsx-icon-chevron-left:before {
    top: 0;
    font-size: 2.4rem;
  }
@media -sass-debug-info{filename{font-family:file\:\/\/C\:\/Users\/Aviran\/Source\/Workspaces\/CorpEcare\/Projects\/R01\/Content\/Ecare\/CorporateEcare\/self-serve\/sites\/corporateEcare\/layouts\/ribbon\/styles\/ribbon\.scss}line{font-family:\0000366}}
  .singleHeader .app-button.outline.simplified-header-back {
    height: 2.5rem;
    border: 0;
  }
}

/*# sourceMappingURL=ribbon.css.map */