@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Raleway');
.navbar-default .navbar-nav > li > a.lnkActive {
  background-color: #286da8;
}
.jumbotron {
  background-color: #438496;
}
.nav > li > a {
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-default .navbar-nav > li.liMenuItem > a > i {
  font-size: 36px;
}
.navbar-nav .menu-text {
  line-height: 20px;
  font-size: 14px;
  margin-top: 0px;
}
.widgetnews-summary .widget-box,
.widgetnews-summary .widget-box a {
  background-color: #19acbc !important;
}
.widgetnews-summary .widget-box,
.widgetnews-summary .widget-box a {
  color: #ffffff !important;
}
.benefits-widget .flex-panel-header {
  color: #666666 !important;
  background-color: #ffffff !important;
}
.fpb-hr {
  border-top: 2px solid #d2dfe8;
}
.widget-header {
  border-bottom: 2px solid #d2dfe8 !important;
}
.benefits-widget .flex-panel-body,
.benefits-widget .flex-panel-footer,
.my-benefits .flex-panel-body,
.my-benefits .flex-panel-footer {
  color: #666666 !important;
}
.widget-box,
.benefits-widget .flex-panel,
.my-benefits .flex-panel {
  background-color: #ffffff !important;
}
.widget-body .widget-main .flex-panel-header i.fa,
.widget-body .widget-main .flex-panel-footer i.fa,
.my-benefits .flex-panel-header i.fa,
.my-benefits .flex-panel-footer p i.fa {
  color: #CD5360 !important;
}
.widget-header .fa,
.widget-body .widget-main i.fa {
  color: #fff !important;
}
.navbar-default .navbar-nav > li.liMenuItem > a > i {
  color: #fff !important;
}
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #ffffff;
}
.application-icon {
  background: url('/image/0342f0ed-2e1d-4b42-a651-4ed4f4a92fa9?v=638894655428587607') no-repeat center bottom;
  background-position: center center;
  background-size: contain;
  display: block;
  height: 72px;
  margin-bottom: 10px;
  padding: 20px 0;
  text-indent: -9999px;
}
.application-name-image {
  background: url('/Themes/perkpal/assets/images/application-name-image.png?v=638894655428587607') no-repeat center bottom;
  background-position: center center;
  background-size: contain;
  display: block;
  height: 60px !important;
  margin-top: 10px;
  padding: 10px 0;
  text-indent: -9999px;
}
a {
  color: #286da8;
}
a:focus {
  color: #4c6cad;
  text-decoration: underline;
}
.form-control {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #286da8;
}
.form-control:focus {
  border-color: #286da8;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #286da8;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #ffebcc;
}
.has-warning .form-control {
  border-color: #ffebcc;
}
.has-warning .input-group-addon {
  color: #ffebcc;
  border-color: #ffebcc;
  background-color: #ffebcc;
}
.has-warning .form-control-feedback {
  color: #ffebcc;
}
.btn-primary {
  color: #ffffff;
  background-color: #286da8;
  border-color: #286da8;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #4c6cad;
  border-color: #4c6cad;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #d9d9d9;
  border-color: #4c6cad;
}
.btn-primary .badge {
  color: #286da8;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #286da8;
  border-color: #4c6cad;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #286da8;
  border-color: #4c6cad;
}
.btn-success .badge {
  color: #286da8;
  background-color: #ffffff;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #a94442;
  border-color: #d43f3a;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #a94442;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #a94442;
  background-color: #ffffff;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #d9d9d9;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: #286da8;
}
.navbar-default .navbar-nav > li > a:hover:hover:after,
.navbar-default .navbar-nav > li > a:focus:hover:after,
.navbar-default .navbar-nav > li > a:hover:focus:after,
.navbar-default .navbar-nav > li > a:focus:focus:after {
  content: '';
  width: 100%;
  background: #D9D9D9;
}
#hdrMainContainer {
  background-color: #438496 !important;
}
/*
 line 465, /Users/Matilda/Sites/ottobytedev/bootstrap3- jekyll/site-my-work-pal/less/navbar.less */

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #4c6cad;
}
.navbar-default:after {
  background: #D9D9D9;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  cursor: default;
}
.label-success {
  background-color: #286da8;
}
.label-danger {
  background-color: #a94442;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #d9d9d9;
  background-color: #ffffff;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #d9d9d9;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #d9d9d9;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-bar-success {
  background-color: #286da8;
}
.progress-bar-danger {
  background-color: #a94442;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.list-group-item-warning {
  color: #ffebcc;
  background-color: #ffebcc;
}
a.list-group-item-warning {
  color: #ffebcc;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #ffebcc;
  background-color: #ffe0b3;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #ffebcc;
  border-color: #ffebcc;
}
.panel-primary {
  border-color: #d9d9d9;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d9d9d9;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d9d9d9;
}
.panel-warning > .panel-heading {
  color: #d9d9d9;
  background-color: #ffebcc;
}
.has-switch:focus {
  border-color: #4c6cad;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  background-color: #4c6cad;
  background-image: -moz-linear-gradient(top, #4c6cad, #4c6cad);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c6cad), to(#4c6cad));
  background-image: -webkit-linear-gradient(top, #4c6cad, #4c6cad);
  background-image: -o-linear-gradient(top, #4c6cad, #4c6cad);
  background-image: linear-gradient(to bottom, #4c6cad, #4c6cad);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary-border-colour', endColorstr='@brand-primary-border-colour', GradientType=0);
  border-color: #4c6cad #4c6cad #4c6cad;
}
/*---------------------------------------------------------------------------------------------------------start of custom CSS-------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------ header styling ----------------------------------------------------------------*/

h3 {
  color: #CD5360;
  font-family: Comfortaa !important;
}
h4 {
  color: #CD5360;
  font-family: Comfortaa !important;
}
h5 {
  color: #CD5360;
  font-family: Comfortaa !important;
}
/*----------------------------------------------------------------------------------------------------- jumbotron  --------------------------------------------------------------*/

div.jumbotron {
  border-top: 4px solid white;
  box-shadow: #000000 0px 3px 8px;
  font-family: 'Comfortaa';
  text-shadow: black 0px 1px 0px;
}
/*---------------------------- import google fonts ------------------------------------------*/

/*-----------------------------------site font usage ------------------------------*/

p {
  font-family: 'Raleway';
}
li {
  font-family: 'Raleway';
}
h3 {
  font-family: 'Comfortaa';
}
h4 {
  font-family: 'Comfortaa';
}
h5 {
  font-family: 'Comfortaa';
}
h2 {
  font-family: Comfortaa !important;
}
.embed-responsive-item {
  width: 100%;
}
li {
  font-family: 'Raleway';
}
p.ng-binding {
  font-size: 16px !important;
}
p.ng-scope {
  font-size: 16px !important;
}
body {
  background-color: white;
  font-family: Raleway !important;
}
ul.nav.navbar-nav.navbar-right.navbar-usermenu li a {
  color: #4c5467;
}
/*----------------------------------------------------- buttons on r&R small screen ------------------------------*/

a.btn.btn-primary.btn-sm {
  margin: 10px !important;
}
/*--------------------------- text shadow on jumbotron ------------------------------------*/

#hdrMainContainer {
  text-shadow: 0px 1px 0px black !important;
}
/*--------------------------------------------------- box size on redeem points on small screen-------------------------------------------------*/

@media (max-width: 767px) {
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal !important;
  }
}
/*----------------------------------------------------------------- box shadow on R&R -----------------------------------------------------------------*/

body#reward-and-recognition_redeemed.ng-scope div#wrap div.container div.ng-scope div.row div#viewContainer.col-sm-12 div div.animated.fadeIn div.row div.col-sm-12 div.panel.panel-default {
  box-shadow: black 0px 3px 8px;
}
body#reward-and-recognition_.ng-scope div#wrap div.container div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope div.table-responsive div.row div.row-space16 div.col-sm-12 div.panel.panel-default.ng-scope {
  box-shadow: black 0px 3px 8px;
}
body#reward-and-recognition_.ng-scope div#wrap div.container div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope div.table-responsive div.row div.col-sm-12 div.row.row-space16 div.col-sm-12 div.panel.panel-default {
  box-shadow: black 0px 3px 8px;
}
div.widget-main.padding-4 {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*---------------------------------------------- text shadow on navbar items -----------------------------------------------*/

body#clientdashboard_rar1.ng-scope div#wrap header.navbar.navbar-default.navbar-fixed-top.navbar-fg div#hdrMainContainer div#hdrMainWrap div#navbar-main.navbar-collapse.ng-scope.collapse ul.nav.navbar-nav li#menuItem.id.liMenuItem.ng-scope.dropdown a.retdir-custom.ng-scope i.fa.fa-2x.ng-scope.fa-home {
  text-shadow: black 0px 1px 0px;
}
/*------------------------------ text shadows on menu bar text and any icons-------------------------------------------------------*/

body#clientdashboard_pp1.ng-scope div#wrap header.navbar.navbar-default.navbar-fixed-top.navbar-fg div#hdrMainContainer div#hdrMainWrap div#navbar-main.navbar-collapse.ng-scope.collapse ul.nav.navbar-nav li#menuItem.id.liMenuItem.ng-scope.dropdown a.retdir-custom.ng-scope div.menu-text div.shortText.ng-binding {
  text-shadow: black 0px 1px 0px !important;
}
body#clientdashboard_pp1.ng-scope div#wrap header.navbar.navbar-default.navbar-fixed-top.navbar-fg div#hdrMainContainer div#hdrMainWrap div#navbar-main.navbar-collapse.ng-scope.collapse ul.nav.navbar-nav li#menuItem.id.liMenuItem.ng-scope.dropdown a.retdir-custom.ng-scope i.fa.fa-2x.ng-scope.fa-home {
  text-shadow: black 0px 1px 0px;
}
body#clientdashboard_rar1.ng-scope div#wrap div.container .widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  text-shadow: black 0px 1px 0px;
}
body#reward-and-recognition_awards div.panel.panel-default.ng-scope {
  box-shadow: #000000 0px 3px 8px;
}
/*------------------------------ to remove white space at bottom of reward giver box -------------------------------------------------------*/

body#clientdashboard_rar1.ng-scope div#wrap div.container div#divClientDash.animated.fadeIn.no-padding.ng-scope div.no-padding div#topdashboard.col-sm-12 div#topdashboard.col-sm-12.dashboard.dashboarditems.no-padding div.no-padding-left.col-sm-12.widget-implementation1col.widgetcustom-widget-4 div.widget-container-span.col-sm-12.ui-sortable.no-padding div#WidgetBody49.widget-box.widget-box-implementation.widget-style-traditional div.widget-main.padding-4 div p {
  margin: 0 0 0px;
}
/*------------------------------ give reward page -------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope {
    margin: 30px;
  }
}
/*-----------rar image fix--------------*/

div.panel-default div.panel-body div.col-sm-2 img.test {
  display: block;
  max-width: 100%;
  height: auto;
}
/*-----------rar image brand fix--------------*/

div.divRrSelBox div.flex-panel-body img.test {
  display: block;
  max-width: 100%;
  height: auto;
}
/*------------------------------------------------------- button push effect ----------------------------------------------------------*/

#viewContainer > div:nth-child(1) > div > ul > li > a {
  background-color: #CD5360;
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
/*---------------------------------------- documents button section ------------------------------------------------------*/

#viewContainer > div:nth-child(1) > div > ul > li > a {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #286DA8;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
#viewContainer > div:nth-child(1) > div > ul > li > a {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #CD5360;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
#viewContainer > div:nth-child(1) > div > ul > li > a {
  background-color: #CD5360;
}
/*------------------------------------ buttons on account page---------------------------------------------------------*/

a.btn.btn-default.btn-block.btn-lg {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #CD5360;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
a.btn.btn-default.btn-block.btn-lg:focus {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #286DA8;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
a.btn.btn-default.btn-block.btn-lg:hover {
  background-color: #286DA8;
}
a.btn.btn-default.btn-block.btn-lg:active {
  background-color: #286DA8;
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
body#account_manage_.ng-scope button.btn.btn-link {
  color: #234352 !important;
}
#account_manage_ button.btn.btn-link,
#account_manage button.btn.btn-link {
  color: #234352 !important;
}
body#account_manage_.ng-scope div#wrap div.container div.animated.fadeIn.ng-scope div.row div#viewContainer.col-sm-9 div div#ngview.slide-left.ng-scope div.animated.fadeIn.ng-scope div.row div.col-sm-3 button.btn.btn-link {
  color: #234352 !important;
}
body#account_manage .ng-scope div#wrap div.container div.animated.fadeIn.ng-scope div.row div#viewContainer.col-sm-9 div div#ngview.slide-left.ng-scope div.animated.fadeIn.ng-scope div.row div.col-sm-3 button.btn.btn-link {
  color: #234352 !important;
}
body#account_profile_.ng-scope div#wrap div.container div.ng-scope div.row div#viewContainer.col-sm-8 div div#ngview.slide-left.ng-scope div.ng-scope div.row div.col-sm-3 button.btn.btn-link {
  color: #234352 !important;
}
/*--------------------------------------------- button styling-------------------------------------*/

.btn-primary {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #286DA8;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
.btn-primary:focus {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #CD5360;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
.btn-primary:hover {
  background-color: #CD5360;
}
/*------------------------------------------------------- button push effect ----------------------------------------------------------*/

.btn-primary:active {
  background-color: #CD5360;
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
/*---------------------------------------------- button styling----------------------------------------------------------------*/

a.btn.btn-primary {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #286DA8 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
a.btn.btn-primary:focus {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #CD5360 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
a.btn.btn-primary:hover {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #CD5360 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
a.btn.btn-primary:active {
  background-color: #CD5360 !important;
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
.btn-primary {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #286DA8 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
  font-family: 'Raleway';
}
.btn-primary:focus {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #CD5360 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
.btn-primary:hover {
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff !important;
  background-color: #CD5360 !important;
  border: none;
  border-radius: 5px;
  box-shadow: 2px 3px 5px #000;
}
.btn-primary:active {
  background-color: #CD5360 !important;
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
/*--------------------------------------------- button styling2-------------------------------------*/

.btn-primary2 {
  padding: 3px 3px !important;
  font-size: 13px !important;
  text-align: center !important;
  cursor: pointer !important;
  outline: none !important;
  color: #fff !important;
  background-color: #286DA8 !important;
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 2px 3px 5px #000 !important;
}
.btn-primary2:focus {
  padding: 3px 3px !important;
  font-size: 13px !important;
  text-align: center !important;
  cursor: pointer !important;
  outline: none !important;
  color: #fff !important;
  background-color: #CD5360 !important;
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 2px 3px 5px #000 !important;
}
.btn-primary2:hover {
  background-color: #CD5360 !important;
  color: white !important;
}
/*------------------------------------------------------- button push effect ----------------------------------------------------------*/

.btn-primary2:active {
  background-color: #CD5360 !important;
  box-shadow: 0px 0px #000 !important;
  -ms-transform: translate(2px, 3px) !important;
  /* IE 9 */
  transform: translate(4px, 5px) !important;
  /* Standard syntax */

}
/*----------------------------------------------- styling on reason for nomination page -----------------------------------------------------------------*/

body#reward-and-recognition_reward_nominate.ng-scope div.row.ng-scope div.col-xs-12.col-md-4.text-center.divRrSelBox a.thumbnail.pointer {
  border-radius: 10px !important;
  box-shadow: 3px 5px 8px black;
}
/*----------------------------------------------- remove border from mobile view in leaderboard -----------------------------------------------------------------*/

body#reward-and-recognition_.ng-scope div#wrap div.container div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope div.table-responsive {
  border: none;
}
/*----------------------------------------------- remove border from mobile view in awards -----------------------------------------------------------------*/

body#reward-and-recognition_awards.ng-scope div#wrap div.container div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope div.table-responsive {
  border: none;
}
/*----------------------------------------------- make mobile view drop down different colour -----------------------------------------------------------------*/

@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    background-color: #438496 !important;
  }
  .navbar-default .navbar-nav > li.liMenuMobOnly > a {
    padding-top: 18px;
    background-color: #fff !important;
    color: #438496 !important;
  }
}
/*----------------------------------------------------------------- styling on nominate brand recognition page ----------------------------------------------- */

body#reward-and-recognition_reward_nominate.ng-scope .flex-panel {
  border-radius: 10px !important;
  box-shadow: 3px 5px 8px black;
}
a.rarBvLnk.thumbnail.pointer {
  border: none !important;
}
/* Login Page ------------------------------------------------------------------------------*/

body#loginwrap {
  background-image: url('/file/d886fb7b-fdf4-4db9-9b60-98bee0dd21d8');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 40%;
}
/* login page box */

body#loginwrap div#wrap div.container {
  background-color: #ffffff;
  margin-top: 120px;
  max-width: 650px;
  border-radius: 5px;
  box-shadow: #000000 0px 3px 8px;
}
/* Announcements Page *********************************/

body#company-announcements_all {
  background-image: url('/file/2e238b0a-d970-43ae-bc31-e980c6e76e3b');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
/* Announcements Page Box --------------------------------------------------*/

body#company-announcements_all.ng-scope div#wrap div.container div.animated.fadeIn.ng-scope div div.row.ng-scope {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/* Contact Us Page ------------------------------------------------------------------*/

body#pages_contact-us {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
/* Account Page *********************************/

body#account_manage {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
body#account_manage_.ng-scope {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
body#account_profile_.ng-scope {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
body#account_dependants_.ng-scope {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
body#account_documents_.ng-scope {
  background-image: url('/file/412348b8-ff4e-433f-a97f-82a064002c67');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
/* R&R dashboard *********************************/

body#clientdashboard_rar1 {
  background-image: url('/file/deb70f6d-2867-4303-824b-324a7d3ecb9e');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
}
/* R&R Give Rewards - Nominate Page *********************************/

body#reward-and-recognition_reward_nominate {
  background-image: url('/file/0f046a79-e112-480e-8447-25d63eba0c1d');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}
/* R&R My Rewards Redeem Points Page *********************************/

body#reward-and-recognition_redeem {
  background-image: url('/file/5d74fa40-e148-4be8-8b91-b137c9ee4952');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/* R&R My Rewards View History Page *********************************/

body#reward-and-recognition_redeemed {
  background-image: url('/file/4570f121-1919-4aff-82fe-de06f011004d');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 40%;
  background-size: cover;
}
/* R&R Colleague Recognition - View Recognition *********************************/

body#reward-and-recognition_ {
  background-image: url('/file/354a7f57-b2b2-419b-90cc-3d4882dc5e43');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
}
/* R&R Award Zone View Awards Page *********************************/

body#reward-and-recognition_awards {
  background-image: url('/file/5d82991b-ddce-46b5-993f-87f0d7a71dea');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/* R&R Award Zone View Awards Page box *********************************/

body#reward-and-recognition_awards.ng-scope div#wrap div.container div.ng-scope div div#ngview.ng-scope div.animated.fadeIn.ng-scope div.table-responsive div.row div.col-sm-10 div.row div.col-sm-12 {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: black 0px 3px 8px;
}
/*---------------------------------------------------- button stuff ----------------------------------------------*/

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #cd5360;
  border-color: #cd5360;
}
a.rarBvLnk span.text-success,
div.divRrSelBox a span.text-success {
  color: #cd5360;
}
h4.ng-binding.text-success {
  color: #cd5360;
}
a.select2-choice.select2-default {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
a.btn.btn-success {
  box-shadow: #000000 0px 3px 8px;
}
.text-success {
  color: #cd5360;
}
.text-success:hover {
  color: #cd5360;
}
/*--------------------------------------- image click effect ----------------------------------------------------*/

.image_click:active {
  box-shadow: 0px 0px #000;
  -ms-transform: translate(2px, 3px);
  /* IE 9 */
  transform: translate(4px, 5px);
  /* Standard syntax */

}
.image_click {
  box-shadow: #000000 2px 3px 5px;
}
/*--------------------------------------------------adjust space between screen border and edges of images ---------------------------------- */

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}
.col-sm-4 {
  margin: 7px;
  max-width: 409.33px !important;
}
.perkpal-tile-text {
  color: white;
}
body#reward-and-recognition_redeem.ng-scope .col-sm-4 {
  margin: 0px;
}
/*----------------------------------- add shadow to navbar ------------------------------------------------------------*/

body#clientdashboard_pp1.ng-scope div#wrap header.navbar.navbar-default.navbar-fixed-top.navbar-fg div#hdrMainContainer {
  box-shadow: #000000 0px 3px 8px;
}
/*------------------------------------- remove border and add box shadow to images -------------------------------------------------------*/

.widget-implementation3col .widget-box-implementation,
.widget-implementation4col .widget-box-implementation {
  border: none;
  box-shadow: #000000 0px 3px 8px;
}
/*------------------------------------------------ restricts widget height ------------------------------------------------------*/

.widget-implementation3col .widget-box-implementation,
.widget-implementation4col .widget-box-implementation {
  height: 100%;
}
/*------------------------------------------ controls spacing between top and bottom of widgets -------------------------------------------*/

.widget-container-span {
  padding-top: 5px !important;
  margin-top: 5px;
}
/*------------------------------------------------------------reward & recognition styling ----------------------------------------------------------------------------------*/

div.widget-header.widget-header-small {
  font-family: Comfortaa !important;
}
.widget-main.padding-4 {
  background-color: rgba(255, 255, 255, 0);
  padding: 50px 10px;
}
.widget-implementation1col .widget-box-implementation {
  border: none;
}
/* Colours and Transparencies on dashboard*********************************/

div#WidgetBody47 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
div#WidgetBody41 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
div#WidgetBody40 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
div#WidgetBody42 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
div#WidgetBody49 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
/* Removed grey line on bottom of headers box by adding a border bottom line of same colour to header******************/

div#WidgetBody49.widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  border-bottom: 1px solid #438496 !important;
}
div#WidgetBody47.widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  border-bottom: 1px solid #438496 !important;
}
div#WidgetBody40.widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  border-bottom: 1px solid #438496 !important;
}
div#WidgetBody41.widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  border-bottom: 1px solid #438496 !important;
}
div#WidgetBody42.widget-box.widget-box-implementation.widget-style-traditional div.widget-header.widget-header-small {
  border-bottom: 1px solid #438496 !important;
}
/* removed padding to get widgets in line *********************************/

div.widget-eq-height.col-sm-12.widget-implementation1col.widgetrar-recognition-nominate {
  padding-left: 0px;
}
body#clientdashboard_rar1.ng-scope .widget-eq-height.col-sm-12.widget-implementation1col.widgetcustom-widget-2 {
  padding-left: 0px;
}
body#clientdashboard_rar1.ng-scope .widget-eq-height.col-sm-12.widget-implementation1col.widgetcustom-widget-1 {
  padding-left: 0px;
}
body#clientdashboard_rar1.ng-scope .widget-eq-height.col-sm-12.widget-implementation1col.widgetcustom-widget-3 {
  padding-left: 0px;
}
body#clientdashboard_rar1.ng-scope .widget-eq-height.col-sm-12.widget-implementation1col.widgetcustom-widget-4 {
  padding-left: 0px;
}
/*---------------------------------------------- nominate button colours----------------------------------------------------------------*/

a.rarBvLnk span.text-success,
div.divRrSelBox a span.text-success {
  color: #df4f56;
}
a.rarBvLnk:hover,
div.divRrSelBox a:hover {
  color: #d9d9d9;
}
div.flex-panel-container div#divBvFp3.flex-panel div.flex-panel-body a.rarBvLnk.thumbnail.pointer.active span.ng-binding.text-success {
  color: #df4f56;
}
/*------------------------------------------- reward giver text -----------------------------------------------------*
#WidgetBody49 > div.widget-main.padding-4 > div {
font-family: 'Raleway'!important;
}
.widget-main.padding-4  {
font-family: 'Raleway'!important;
}
/*--------------------------------------------------mobile friendly sizing--------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  .widget-container-span.col-sm-12.ui-sortable.no-padding {
    padding-top: 20px !important;
    margin-left: 30px;
  }
}
/*------------------------------ give reward page -------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  #reward_and_recognition_reward_nominate.ng-scope .container {
    width: 90% !important;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 500px) {
  body#reward-and-recognition_redeemed.ng-scope .col-sm-12 {
    padding-right: 0px;
  }
  body#reward-and-recognition_redeemed.ng-scope > .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    padding: 2px;
  }
  body#reward-and-recognition_redeemed.ng-scope div#wrap div.container div.ng-scope div.row div#viewContainer.col-sm-12 div div.animated.fadeIn div.row div.col-sm-12 div.panel.panel-default {
    margin-right: 15px;
  }
}
/*--------------------------------------------------- text colours in selection area --------------------------------------------------------*/

.text-primary,
.text-primary:hover,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #234352;
}
/*--------------------------------------------------- removed underline and outline on clicked hyperlinks --------------------------------------------------------*/

a {
  text-decoration: none !important;
}
a:active,
a:focus {
  outline: 0;
  border: none;
  -moz-outline-style: none;
}
/*--------------------------------------------------- removed justification on all text --------------------------------------------------------*/

.text-justify {
  text-align: left;
}
.form-login {
  max-width: 380px;
  padding: 0 15px;
  margin: 0 auto 30px;
  display: none;
}
.login-left {
  display: none;
}
.login-right:before {
  display: none;
}
.login-right {
  margin: auto;
}