﻿/*@generic-site-color: #ff9900;
@module-travel-color: #e96d20;
@module-health-color: #81a61c;
@module-income-color: #1c7aa6;
@module-nmme-color: #1c7aa6;
@module-report-color: #b33f97;
@module-assist-color: #2a58a4;
@module-groupinsurance-color: #1c7aa6;
@module-hr-color: #9e3d3d;
@module-provider-color: #9e3d3d;*/
body {
  background-image: url('/_layouts/15/images/CSN/gradient.png');
  background-repeat: repeat-x;
  -moz-background-size: auto!important;
  -o-background-size: auto!important;
  -webkit-background-size: auto!important;
  background-size: auto!important;
}
#s4-bodyContainer,
.csn-navigation-width {
  width: 950px !important;
}
.csn-header {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.csn-maincontainer {
  height: 95px;
  background-color: #EEEEEE;
  margin-bottom: 15px;
}
.csn-header-button {
  width: 148px;
  background-color: #ffffff;
  float: right;
  margin: 0px 10px 0px 0px;
  color: #4b4b4b;
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.csn-header-button:hover {
  background-color: #fafafa;
}
.csn-header-details {
  margin-left: 250px !important;
  margin-top: -50px;
  vertical-align: top;
  color: #727272;
  font-family: Arial;
  font-size: 12px;
}
.csn-header-user {
  font-size: 24px;
  margin-top: 5px;
}
.csn-navigation-container {
  padding-bottom: 10px;
  text-align: left;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: white;
}
.csn-navigation-container a {
  color: white;
  text-decoration: none;
  display: inline-block;
}
.csn-navigation-container .csn-travel {
  background-color: #666666;
}
.csn-navigation-container .csn-travel:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-health {
  background-color: #666666;
}
.csn-navigation-container .csn-health:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-incomeprotection {
  background-color: #666666;
}
.csn-navigation-container .csn-incomeprotection:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-nonmedicaremedicalclaims {
  background-color: #666666;
}
.csn-navigation-container .csn-nonmedicaremedicalclaims:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-reports {
  background-color: #666666;
}
.csn-navigation-container .csn-reports:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-groupinsurance {
  background-color: #666666;
}
.csn-navigation-container .csn-groupinsurance:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-assist {
  background-color: #666666;
}
.csn-navigation-container .csn-assist:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-hr {
  background-color: #666666;
}
.csn-navigation-container .csn-hr:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-provider {
  background-color: #666666;
}
.csn-navigation-container .csn-provider:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-assist-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-assist-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-groupinsurance-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-groupinsurance-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-health-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-health-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-income-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-income-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-nonmedicaremedicalclaims-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-nonmedicaremedicalclaims-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-travel-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-travel-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-reports-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-reports-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-hr-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-hr-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-container .csn-nmme-bg {
  background-color: #666666;
}
.csn-navigation-container .csn-nmme-bg:hover {
  background-color: #4d4d4d;
}
.csn-navigation-button {
  display: inline-block;
  width: 148px;
  height: 30px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  background-color: #666666;
}
.csn-navigation-button a {
  width: 148px;
  height: 30px;
  line-height: 30px;
}
/*.csn-navigation-button-active {
    display: inline-block;
    width: @navigation-button-width;
    height: @navigation-button-height;
    margin-right: 10px;
    vertical-align: middle;

    a {
        height: @navigation-button-height;
        line-height: @navigation-button-height;
    }
}*/
.csn-navigation-button-active {
  background-color: darkblue !important;
}
.csn-site {
  background-color: #c49f08;
}
.csn-site-border {
  border-color: #c49f08;
}
.csn-travel {
  background-color: #c49f08;
}
.csn-travel:hover {
  background-color: #937706;
}
.csn-health {
  background-color: #c49f08;
}
.csn-health:hover {
  background-color: #937706;
}
.csn-incomeprotection {
  background-color: #c49f08;
}
.csn-incomeprotection:hover {
  background-color: #937706;
}
.csn-nonmedicaremedicalclaims {
  background-color: #c49f08;
}
.csn-nonmedicaremedicalclaims:hover {
  background-color: #937706;
}
.csn-reports {
  background-color: #c49f08;
}
.csn-reports:hover {
  background-color: #937706;
}
.csn-groupinsurance {
  background-color: #c49f08;
}
.csn-groupinsurance:hover {
  background-color: #937706;
}
.csn-assist {
  background-color: #c49f08;
}
.csn-assist:hover {
  background-color: #937706;
}
.csn-hr {
  background-color: #c49f08;
}
.csn-hr:hover {
  background-color: #937706;
}
.csn-provider {
  background-color: #c49f08;
}
.csn-provider:hover {
  background-color: #937706;
}
.csn-assist-bg {
  background-color: #c49f08;
}
.csn-groupinsurance-bg {
  background-color: #c49f08;
}
.csn-health-bg {
  background-color: #c49f08;
}
.csn-income-bg {
  background-color: #c49f08;
}
.csn-nonmedicaremedicalclaims-bg {
  background-color: #c49f08;
}
.csn-travel-bg {
  background-color: #c49f08;
}
.csn-reports-bg {
  background-color: #c49f08;
}
.csn-hr-bg {
  background-color: #c49f08;
}
.csn-health-section .form-section-header,
.csn-travel-section .form-section-header,
.csn-site-section .form-section-header,
.csn-groupinsurance .form-section-header {
  padding-left: 265px !important;
}
.csn-health-section .form-section-header img,
.csn-travel-section .form-section-header img,
.csn-assist-section .form-section-header img,
.csn-site-section .form-section-header img,
.csn-groupinsurance-section .form-section-header img {
  vertical-align: middle;
  margin-right: 15px;
}
#s4-titlerow,
.ms-core-navigation,
#suiteBar,
#ms-help {
  display: none!important;
}
#suiteBarButtons {
  position: absolute;
  top: 5px;
  right: 2px;
}
#s4-bodyContainer {
  margin-left: auto;
  margin-right: auto;
}
#s4-ribbonrow {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
#contentRow {
  padding-top: 0px!important;
}
#contentBox {
  margin-left: 0px!important;
  margin-right: 0px!important;
}
.ms-backgroundImage {
  background-image: url('/_layouts/15/images/CSN/gradient.png') !important;
  background-repeat: repeat-x;
}
.ms-dialog body {
  background-color: white!important;
  background-image: none!important;
}
.ms-dialog body .ms-backgroundImage {
  background-color: white!important;
  background-image: none!important;
}
.ms-core-overlay {
  background-color: transparent;
  background-image: url('/_layouts/15/Images/CSN/Swooshes.png');
  background-position: center 15%;
  background-repeat: no-repeat;
}
#RibbonContainer-TabRowRight {
  margin-right: 30px;
}
.csn-footer {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.csn-footer a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid lightgray;
  border-right-width: 0px;
  background-color: #fff;
  text-decoration: none;
  color: black;
}
.csn-footer a:visited {
  color: black;
}
.csn-footer a:hover {
  background-color: #f2f2f2;
}
.csn-footer a:last-child {
  border-right-width: 1px;
}
h1 {
  color: #4b4b4b!important;
  margin-bottom: 10px;
}
h3 {
  margin-bottom: 5px;
  color: #3e3e3e !important;
  font-weight: bold;
}
h2 {
  margin-bottom: 5px;
  color: #323232 !important;
  font-weight: bold;
}
.csn-message-container {
  padding: 10px;
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  color: #4b4b4b;
  vertical-align: middle;
  background-position: 0 center;
  margin-bottom: 10px;
  margin-top: 0px;
}
.csn-message-container img {
  vertical-align: middle;
  padding-right: 10px;
}
.csn-version-container {
  font-size: 7pt;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  color: #4B4B4C;
}
.csn-password-container {
  font-size: 10pt;
  text-align: right;
  padding-right: 10px;
  color: #4B4B4C;
  margin-top: -30px;
  margin-bottom: 10px;
}
.csn-password-container a {
  color: #4B4B4C;
}
.csn-password-container a:visited,
.csn-password-container a:link {
  color: #4B4B4C;
}
.site-icons li {
  margin-bottom: 5px !important;
}
/* ============== New Homepage Branding ============== */
.homepage-container #travel {
  padding-bottom: 30px;
}
.homepage-container #travel .travelpadding {
  padding-bottom: 20px;
}
.homepage-container #travel .headlogo span {
  line-height: 37px;
  font-size: 35px;
  margin-left: 15px;
}
.homepage-container #travel .travelimg {
  position: relative;
}
.homepage-container #travel .traveltitle {
  position: absolute;
  font-size: 22px;
  text-align: center;
  color: #fff;
  /* display: none; */
  padding: 0;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.homepage-container #advisory {
  background-color: #EEEEEE;
  padding: 15px 5px;
  margin-top: 30px;
}
.homepage-container #advisory .latestravel {
  text-align: center;
  /*color: #fff;*/
  line-height: 55px;
  font-size: 26px;
}
.homepage-container #advisory hr {
  border: none;
  width: 120px;
  height: 2px;
  /*color: #ff7723;
            background-color: #ff7723;*/
  margin-top: 0;
}
.homepage-container #advisory .column {
  padding-left: 10px;
  padding-right: 10px;
}
.homepage-container #advisory .advice {
  margin-bottom: 15px;
}
.homepage-container #advisory .advice span {
  display: block;
  text-align: center;
}
.homepage-container #advisory .advice .advice-heading {
  background-color: #7b6305;
  color: #fff;
  padding: 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.homepage-container #advisory .advice a {
  text-decoration: none;
  color: #000;
}
.homepage-container #advisory .advice .advice-title {
  font-size: 14px;
  background-color: #fff;
  padding: 10px;
  min-height: 100px;
}
.homepage-container #advisory .advice .advice-title:hover {
  color: #fff;
  background-color: #c49f08;
  text-decoration: none;
}
.homepage-container #advisory .loadmore {
  text-align: center;
  margin: 20px;
}
.homepage-container #advisory .loadmore a {
  display: inline-block;
  width: 100px;
  background-color: #589401;
  padding: 10px 10px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.homepage-container #insurance {
  margin-bottom: 10px;
}
.homepage-container #insurance .headlogo span {
  line-height: 55px;
  font-size: 35px;
  margin-left: 15px;
}
.homepage-container #insurance .column {
  padding-left: 5px;
  padding-right: 5px;
}
.homepage-container #insurance .summary {
  position: relative;
}
.homepage-container #insurance .summary .summary-heading {
  top: -30px;
  padding-left: 5px;
  font-weight: bold;
  position: absolute;
}
.homepage-container #insurance .insurancemargin {
  margin-top: 50px;
}
.homepage-container #insurance .insuranceicon {
  /*background-color: #ff7723;*/
  padding: 5px 5px;
  margin-top: 10px;
}
.homepage-container #insurance .insuarancetitle a {
  display: block;
  border: 2px solid #c3c4c4;
  padding: 20px 15px;
  text-align: center;
  margin-bottom: 10px;
  min-height: 80px;
  color: #000;
  background-color: #fff;
  text-decoration: none;
}
.homepage-container #insurance .insuarancetitle a:hover {
  color: #fff;
  background-color: #c49f08;
  border-color: transparent;
}
.homepage-container #insurance .insuarancetitle a.csn-health:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .insuarancetitle a.csn-travel:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .insuarancetitle a.csn-groupinsurance:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .insuarancetitle a.csn-hr:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .insuarancetitle a.csn-provider:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .insuarancetitle a.csn-assist:hover {
  background-color: #c49f08;
}
.homepage-container #insurance .button-area {
  position: relative;
  height: 113px;
  margin-bottom: 10px;
}
.homepage-container #insurance .button-area .circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 80px;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
}
.homepage-container #insurance .button-area .insidecircle {
  width: 60px;
  height: 60px;
  /*border-radius:50%;*/
  line-height: 60px;
  text-align: center;
  /*background:#fff;*/
  margin: auto;
  position: absolute;
  top: 8px;
  left: 10px;
}
.homepage-container #insurance .button-area .button {
  position: absolute;
  width: 100%;
  top: 63px;
  height: 50px;
  box-shadow: 0 6px 6px -5px #333333;
  display: table;
  text-align: center;
}
.homepage-container #insurance .button-area .title {
  color: #fff;
  z-index: 11;
  position: relative;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
}
.homepage-container #insurance .button-area img {
  /*max-width: 60%;*/
}
.homepage-container #insurance .bold {
  font-weight: bold;
}
.homepage-container #banner {
  height: 230px;
  position: relative;
}
.homepage-container #banner .container {
  max-width: 950px;
}
.homepage-container .headlogo {
  margin-top: 35px;
  margin-bottom: 35px;
  margin-left: 30%;
}
.homepage-container .headlogo img {
  float: left;
}
.homepage-container .centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.homepage-container #footer {
  background-color: #f0f0f0;
  padding-top: 10px;
}
.homepage-container .claimborder {
  border-bottom: 1px solid #393a3b;
}
.homepage-container .claimpadding {
  padding-top: 10px;
}
.homepage-container #footer li {
  height: 60px !important;
  line-height: 60px !important;
}
.homepage-container .navbar-toggle .icon-bar {
  background-color: black;
}
@media (max-width: 767px) {
  .homepage-container .traveltitle {
    width: 65%;
    height: 40%;
  }
  .homepage-container .loadmore {
    margin-left: 30%;
    margin-right: 30%;
  }
}
.homepage-container #travel .headlogo span,
.homepage-container #insurance .headlogo span {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.homepage-container .alignright {
  text-align: right;
}
.homepage-container .alignleft {
  text-align: left;
}
.homepage-container .imgalign {
  vertical-align: middle;
}
/*# sourceMappingURL=CSN.css.map */