﻿

a {
    color: #1a3866;
    }
    .thumbnail a:hover,
    a:focus,
    a.active {
    border-color: #1a3866;
    }
    .primary {
    color: #1a3866 !important;
    }
    .primary-background {
    background-color: #1a3866 !important;
    color: #fff;
    }
    .secondary {
    color: #55c2b8 !important;
    }
    .secondary-background {
    background-color: #55c2b8 !important;
    color: #fff;
    }
    .neutral {
    color: #939597 !important;
    }
    .neutral-background {
    background-color: #939597 !important;
    }
    a.link {
    color: #1a3866 !important;
    }
    body.clientAdmin .btn-primary,
    body.clientAdmin .btn-primary:disabled,
    body.clientAdmin .btn-success,
    body.clientAdmin .btn-success:disabled,
    .adminDemo.btn-primary,
    .adminDemo.btn-primary:disabled {
    background-color: #1a3866;
    border-color: #17325C;
    }
    body.clientAdmin .btn-default:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default:not(.bool-Attach):not(.bool-ApprovalRequired):disabled,
    .adminDemo.btn-default,
    .adminDemo.btn-default:disabled {
    background-color: #55c2b8;
    border-color: #449B93;
    }
    body.clientAdmin .btn-default:not(.bool-Attach):not(.bool-ApprovalRequired):focus,
    body.clientAdmin .btn-default:not(.bool-Attach):not(.bool-ApprovalRequired):hover,
    .adminDemo.btn-default:focus,
    .adminDemo.btn-default:hover {
    background-color: #4CAFA6;
    border-color: #3B8881;
    }
    #admin .primary-ghost,
    body.clientAdmin .btn-primary.btn-ghost {
    color: #1a3866;
    background-color: transparent;
    border-color: #1a3866;
    }
    body.clientAdmin .btn-primary.btn-ghost:active,
    body.clientAdmin .btn-primary.btn-ghost.active {
    color: #1a3866;
    background-color: transparent;
    border-color: #1a3866;
    }
    #admin .primary-ghost:focus,
    #admin .primary-ghost:hover,
    body.clientAdmin .btn-primary.btn-ghost:focus,
    body.clientAdmin .btn-primary.btn-ghost.focus,
    body.clientAdmin .btn-primary.btn-ghost:hover,
    body.clientAdmin .btn-primary.btn-ghost:active:hover,
    body.clientAdmin .btn-primary.btn-ghost.active:hover,
    body.clientAdmin .btn-primary.btn-ghost:active:focus,
    body.clientAdmin .btn-primary.btn-ghost.active:focus,
    body.clientAdmin .btn-primary.btn-ghost.focus:active,
    body.clientAdmin .btn-primary.btn-ghost.focus.active {
    color: #ffffff;
    background-color: #17325C;
    border-color: #17325C;
    }
    body.clientAdmin .btn-primary.btn-ghost:focus span,
    body.clientAdmin .btn-primary.btn-ghost.focus span,
    body.clientAdmin .btn-primary.btn-ghost:hover span,
    body.clientAdmin .btn-primary.btn-ghost:active:hover span,
    body.clientAdmin .btn-primary.btn-ghost.active:hover span,
    body.clientAdmin .btn-primary.btn-ghost:active:focus span,
    body.clientAdmin .btn-primary.btn-ghost.active:focus span,
    body.clientAdmin .btn-primary.btn-ghost.focus:active span,
    body.clientAdmin .btn-primary.btn-ghost.focus.active span {
    color: #ffffff;
    }
    body.clientAdmin .btn-primary.btn-ghost.disabled,
    body.clientAdmin .btn-primary.btn-ghost[disabled],
    body.clientAdmin .btn-primary.btn-ghost.disabled:hover,
    body.clientAdmin .btn-primary.btn-ghost[disabled]:hover,
    body.clientAdmin .btn-primary.btn-ghost.disabled:focus,
    body.clientAdmin .btn-primary.btn-ghost[disabled]:focus,
    body.clientAdmin .btn-primary.btn-ghost.disabled.focus,
    body.clientAdmin .btn-primary.btn-ghost[disabled].focus,
    body.clientAdmin .btn-primary.btn-ghost.disabled:active,
    body.clientAdmin .btn-primary.btn-ghost[disabled]:active,
    body.clientAdmin .btn-primary.btn-ghost.disabled.active,
    body.clientAdmin .btn-primary.btn-ghost[disabled].active {
    color: #1a3866;
    background-color: transparent;
    border-color: #1a3866;
    }
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired) {
    color: #55c2b8;
    background-color: transparent;
    border-color: #55c2b8;
    }
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):active,
    body.clientAdmin .btn-default.btn-ghost.active:not(.bool-Attach):not(.bool-ApprovalRequired) {
    color: #55c2b8;
    background-color: transparent;
    border-color: #55c2b8;
    }
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):focus,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired).focus,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):hover,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):active:hover,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired).active:hover,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):active:focus,
    body.clientAdmin .btn-default.btn-ghost.active:not(.bool-Attach):not(.bool-ApprovalRequired):focus,
    body.clientAdmin .btn-default.btn-ghost.focus:not(.bool-Attach):not(.bool-ApprovalRequired):active,
    body.clientAdmin .btn-default.btn-ghost.focus.active:not(.bool-Attach):not(.bool-ApprovalRequired) {
    color: #55c2b8;
    border-color: #4CAFA6;
    }
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):focus span,
    body.clientAdmin .btn-default.btn-ghost.focus:not(.bool-Attach):not(.bool-ApprovalRequired) span,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):hover span,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):active:hover span,
    body.clientAdmin .btn-default.btn-ghost.active:not(.bool-Attach):not(.bool-ApprovalRequired):hover span,
    body.clientAdmin .btn-default.btn-ghost:not(.bool-Attach):not(.bool-ApprovalRequired):active:focus span,
    body.clientAdmin .btn-default.btn-ghost.active:not(.bool-Attach):not(.bool-ApprovalRequired):focus span,
    body.clientAdmin .btn-default.btn-ghost.focus:not(.bool-Attach):not(.bool-ApprovalRequired):active span,
    body.clientAdmin .btn-default.btn-ghost.focus.active:not(.bool-Attach):not(.bool-ApprovalRequired) span {
    color: #55c2b8;
    }
    body.clientAdmin .btn-default.btn-ghost.disabled:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default.btn-ghost[disabled]:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default.btn-ghost.disabled:not(.bool-Attach):not(.bool-ApprovalRequired):hover,
    body.clientAdmin .btn-default.btn-ghost[disabled]:not(.bool-Attach):not(.bool-ApprovalRequired):hover,
    body.clientAdmin .btn-default.btn-ghost.disabled:not(.bool-Attach):not(.bool-ApprovalRequired):focus,
    body.clientAdmin .btn-default.btn-ghost[disabled]:not(.bool-Attach):not(.bool-ApprovalRequired):focus,
    body.clientAdmin .btn-default.btn-ghost.disabled.focus:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default.btn-ghost[disabled].focus:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default.btn-ghost.disabled:not(.bool-Attach):not(.bool-ApprovalRequired):active,
    body.clientAdmin .btn-default.btn-ghost[disabled]:active,
    body.clientAdmin .btn-default.btn-ghost.disabled.active:not(.bool-Attach):not(.bool-ApprovalRequired),
    body.clientAdmin .btn-default.btn-ghost[disabled].active:not(.bool-Attach):not(.bool-ApprovalRequired) {
    color: #55c2b8;
    background-color: transparent;
    border-color: #55c2b8;
    }

    .form-control + .dateTimeIcon:hover,
    .form-control-feedback + .dateTimeIcon:hover,
    .bootstrap-datetimepicker-widget + .dateTimeIcon:hover,
    .input-group .form-control + .dateTimeIcon:hover,
    .input-group .bootstrap-datetimepicker-widget + .dateTimeIcon:hover {
    color: #1a3866 !important;
    }

    .icon-addon:hover .glyphicon,
    .icon-addon:hover .fa,
    .icon-addon .form-control:focus + .glyphicon,
    .icon-addon .form-control:focus + .fa {
    color: #1a3866;
    }

    #wrapper #mainHeaderWrapper #mainHeader {
    background-color: #ffffff;
    background-image: url("/Image/HeaderBackground");
    }
    #wrapper #mainHeaderWrapper #mainHeader .tint {
    background-color: #eeeeee;
    opacity: 0.50;
    }
    #wrapper #mainHeaderWrapper #mainHeader #userProfile a,
    #wrapper #mainHeaderWrapper #mainHeader a#localize-langPopover {
    color: #1a3866;
    }
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav > li > a {
    color: #1a3866;
    }
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav > li.active > a {
    background-color: #939597;
    color: #fff;
    }
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav li:hover > a,
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav li:focus > a,
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav > .dropdown.open > a,
    #wrapper #mainHeaderWrapper #mainMenu .navbar .navbar-nav > .dropdown > .dropdown-menu li:hover > a {
    background-color: #7D7F80;
    color: #fff;
    }
    #wrapper #mobileMenu,
    #wrapper #mobileMenu .navbar .navbar-nav > .dropdown > .dropdown-menu > li > a:focus {
    background-color: #939597;
    }
    #wrapper #mobileMenu .mobileMenuContent ul.nav > li.active > a,
    #wrapper #mobileMenu .mobileMenuContent ul.nav > li > a:focus {
    background-color: #7D7F80;
    }
    #footer {
    background-color: #e6e6e7;
    background-image: url("/Image/FooterBackground");
    }
    #footer h5 {
    color: #1a3866;
    }
    #footer .tint {
    background-color: #55c2b8;
    opacity: 0.30;
    }
    #footer a,
    #footer .footerMenu .navbar .collapse .navbar-nav > li > a {
    color: #55c2b8;
    }
    #footer a:hover,
    #footer .footerMenu .navbar .collapse .navbar-nav > li > a:hover {
    color: #2A615C;
    }
    #footer .footerMenu .navbar .dropdown-menu > li > a:hover,
    #footer .footerMenu .navbar .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: #2A615C;
    }
    #toasterPop .toasterContainer,
    #toasterPop .toasterContainer .alertImage {
    background-color: #498500;
    }
    #toasterPop .toasterContainer,
    body.clientAdmin #toasterPop #closeButton {
    color: #ffffff;
    }
    body.clientAdmin #toasterPop #closeButton:hover {
    color: #808080;
    }
    body.clientAdmin #toasterPop .toasterContainer .btn:not(#closeButton) {
    color: #ffffff;
    border-color: #ffffff;
    }
    #scrolltop {
    background-color: #55c2B8;
    color: #ffffff;
    }
    #scrolltop i {
    color: #ffffff;
    }
    #scrolltop:after {
    content: "Top";
    }
    .pageContainer .page-header .container nav.navbar .navbar-nav .nav-subheader {
    color: #1a3866;
    }
    .nav-pills .nav-header {
    color: #1a3866;
    }
    #newsContainer .newsCommentContainer .fa-hand-paper-o,
    .impersonate:not(.btn-primary) .glyphicon-user,
    .edit .glyphicon-edit {
    color: #1a3866;
    }
    #newsContainer .newsTypeGroup .newsTypeBtn {
    color: #1a3866;
    }
    #newsContainer .newsItems .newsItemContainer .newsItem .newsIcon .img-circle {
    background-color: #1a3866;
    }
    body.clientAdmin h1,
    body.clientAdmin h1 a,
    body.clientAdmin h2,
    body.clientAdmin h2 a,
    body.clientAdmin h3,
    body.clientAdmin h3.popover-title,
    body.clientAdmin .pageContainer .well.well-small h3 {
    color: #1a3866;
    }
    body.clientAdmin h4 {
    color: #55c2b8;
    }

    body.clientAdmin .pageContainer .panel-primary {
    border-color: #1a3866;
    }
    body.clientAdmin .pageContainer .panel-primary .panel-heading {
    color: #fff;
    background-color: #1a3866;
    }
    body.clientAdmin .pageContainer .panel-primary .panel-heading .userActions a {
    color: #fff !important;
    cursor: pointer;
    text-decoration: none;
    }

    #newsContainer .newsItems .newsItemContainer .newsItem .newsCommentContainer .newsComment .newsCommentMessage.panel > .panel-heading:before,
    #newsContainer .newsItems .newsItemContainer .newsItem .newsCommentContainer .newsComment .newsCommentMessage.panel > .panel-heading:after {
    border-right-color: #1a3866;
    }

    .selectList > div.selected {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #00F601;
    background-image: -moz-linear-gradient(top, #1A2566, #1a3866); // FF 3.6+
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1A2566), to(#1a3866)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, #1A2566, #1a3866); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, #1A2566, #1a3866); // Opera 11.10
    background-image: linear-gradient(to bottom, #1A2566, #1a3866); // Standard, IE10
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(#1A2566), argb(#1a3866))); // IE9 and down
    border-color: #1a3866 #1a3866 #163057;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    }
    .btn-link {
    color: #1a3866;
    }
    .btn-link:hover,
    .btn-link:focus {
    color: #163057;
    }
    .input-group-addon {
    background-color: #1a3866;
    color: #fff;
    }
    .nav .open > a:hover,
    .nav .open > a:focus {
    background-color: #163057;
    border-color: #1a3866;
    }
    a.list-group-item.active > .badge,
    .nav-pills > .active > a > .badge {
    color: #1a3866;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
    background-color: #1a3866;
    }
    .newsItemContainer .badge {
    background-color: #1a3866;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
    background-color: #000203;
    background-image: -moz-linear-gradient(top, #1a3866, #193561); // FF 3.6+
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a3866), to(#193561)); // Safari 4+, Chrome 2+
    background-image: -webkit-linear-gradient(top, #1a3866, #193561); // Safari 5.1+, Chrome 10+
    background-image: -o-linear-gradient(top, #1a3866, #193561); // Opera 11.10
    background-image: linear-gradient(to bottom, #1a3866, #193561); // Standard, IE10
    background-repeat: repeat-x;
    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(#1a3866), argb(#193561))); // IE9 and down
    }
    body.clientAdmin #fileUploader_container .plupload_header {
    background-color: #1a3866;
    }
    body.clientAdmin #fileUploader_container .plupload_add {
    background-color: #55c2b8;
    border-color: #48A59C;
    }
    body.clientAdmin #fileUploader_container .plupload_start {
    background-color: #1a3866;
    border-color: #17325C;
    }
    body.clientAdmin #fileUploader_container .plupload_start:focus {
    text-decoration: none;
    }
    .newsFeed.widget .newsItems .newsItemContainer .newsItem .newsIcon .svg-icon {
    background-color: #1a3866;
    }
    .newsFeed.widget .comments a,
    .newsFeed.widget .likes a {
    color: #1a3866;
    }
    .widget a.plusIcon,
    .newsFeed .newsTypeGroup button.newsTypeBtn {
    color: #1a3866;
    }
    .widget a.plusIcon:hover {
    color: #17325C;
    }
    .widget .tint {
    background-color: #1a3866;
    }
    .wishListWidget .noProductIcon {
    background-color: #1a3866;
    }
    .wishListWidget .radial-svg .arcs path.arc {
    fill: #1a3866;
    }
    body.clientAdmin .pageContainer > section .numberWidgetLarge .widgetTitle {
    color: #fff;
    }
    body.clientAdmin .pageContainer > section .newsFeed .newsTitle,
    body.clientAdmin .pageContainer > section .newsFeed .newsTitle .userPopup {
    color: #1a3866;
    }
    .numberWidget.widget .icon {
    background-color: #1a3866;
    }
    .numberWidgetLarge {
    background-color: #152D52;
    }
    .numberWidgetLarge a.plusIcon:hover {
    color: #E6E6E6;
    }
    body.clientAdmin .pageContainer > section .numberWidgetLarge.widget-light .widgetTitle,
    .numberWidgetLarge.widget-light .numberValue {
    color: #1a3866;
    }
    .recognizeSomeoneWidget,
    .recognizeSomeoneWidget.expanded {
    background-color: #152D52;
    }
    .recognizeSomeoneWidget .recognitionProgramWrapper .cg-busy-default-wrapper {
    background-color: #152D52;
    }
    .recognizeSomeoneWidget .alert-success,
    .recognizeSomeoneWidget .alert-danger {
    background-color: #1a3866;
    }

    #FabMenu .fab-toggler {
    color: #ffffff;
    background-color: #1a3866;;
    }

    #FabMenu .fab-secondary {
    color: #ffffff;
    background-color: #55c2b8;;
    }


    
    #admin .newsHeader h3.preview {
    color: #55c2b8;
    font-size: 26px;
    margin: 0 0 5px 0;
    }
    #admin .newsHeader p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 22px;
    }


    
    #login {
    background-color: #004b87;
    background-image: url("/Image/LoginPageBackgroundImage");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    }
    #login:before {
    background-color: #004b87;
    opacity: 0.80;
    }

    #login .loginContainer {
    background-color: #ffffff;
    background-image: url("/Image/LoginPageContainerBackgroundImage ");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    }
    #login .loginContainer:before {
    background-color: #004b87;
    opacity: 0.00;
    }
    #login .loginContainer h2,
    #login .loginContainer h3 {
    color: #1a3866;
    }

    #login .btn-primary {
    color: #FFFFFF;
    background-color: #1a3866;
    border-color: #1a3866;
    }

    #login #username-addon {
    color: #FFFFFF;
    background-color: #004b87;
    }

    #login #Username,
    #login #Email,
    #login #EnrollmentCode,
    #login #FirstName,
    #login #MiddleInitial,
    #login #LastName,
    #login #Suffix,
    #login #PhoneNumber,
    #login #BusinessName,
    #login #CountryCode {
    background-color: #FFFFFF;
    }

    #login #password-addon {
    color: #FFFFFF;
    background-color: #004b87;
    }

    #login #Password,
    #login #PasswordConfirmation {
    background-color: #FFFFFF;
    }

    #login #footer-login a {
    color: #FFFFFF;
    }
    #login #footer-login li:not(:last-child) {
    border-right: 1px solid #FFFFFF;
    }
    #login .loginContainer a:not(.btn-primary) {
    color: #1a3866;
    }

    #login hr {
    border-color: #939597;
    }

    #trainingDetail .list-group .list-group-item .cat-wrapper:after {
    color: #1a3866;
    }
    #trainingDetail .readMoreWrapper:after {
    color: #1a3866;
    }


    
    @media only screen and (max-width: 991px) {
    #wrapper #mainHeaderWrapper #mainHeader #mainMenu {
    background-color: #1a3866;
    }
    }
