/* Note: 
    1. Before adding color codes, please check whether the color code already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
*/
/***************************** Color values by color code ********************************/
/***************************** Color values by color names ********************************/
/* Colors              */
/* Incident Update page - Reseller Portal Opportunity Detail page */
/* end of Incident Update page - Reseller Portal Opportunity Detail page*/
/* Latest Version, Version History, Evaluation and Product downloads pages */
/* End of Latest Version, Version History, Evaluation and Product downloads pages */
/* Metro Ribbon */
/* Banner */
/* new colors */
/* BannerColors  */
/* Grid Colors */
/* Text color*/
/*  Fonts             */
/* Page Size */
/* hover and active colors */
/*============================== Variable declaration====================================*/
/*============================ End of variable declaration ==================================*/
body {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }

a {
  text-decoration: none;
  color: #293674; }

a:hover {
  color: #f7941d; }

a:focus, body:focus, div:focus, focus, button:focus, input:focus {
  outline: 0 !important; }

button:focus {
  outline: none; }

button::-moz-focus-inner {
  border: 0; }

img {
  border: 0 none; }

.hide {
  display: none !important; }

.right {
  float: right; }

.left {
  float: left; }

.transtext, .transtext:hover, .transtext:active {
  color: #A5D1F4;
  cursor: default; }

* {
  margin: 0;
  padding: 0; }

img {
  border: none; }

select, input, textarea {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }

.field-validation-error {
  color: #e51400; }

/*----------------------Page Title------------------------------- */
.partial-page-title {
  font-weight: lighter;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  font-size: 54px;
  padding: 0 0 4px 15px;
  border-left: 10px solid #517b93;
  background-color: #eaeaea;
  color: #333333;
  margin: 10px 0; }

.PageTitle {
  font-size: 45px;
  margin: 0 auto;
  padding-top: 7px;
  width: 922px;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  font-weight: lighter; }

.pagetitle {
  font-size: 45px;
  width: 922px;
  font-weight: lighter;
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  margin-bottom: 20px;
  padding-top: 2px; }

.BlueBanner {
  background-color: #517b93;
  color: white;
  height: 80px; }

.YellowBanner {
  background-color: #f9f298;
  color: #333333;
  height: 310px; }

.GreenBanner {
  background-color: #73b841;
  color: white;
  height: 80px; }

.SkyBlue_Banner {
  background-color: #1ba1e3;
  color: white;
  height: 80px; }

.GrayBanner {
  background-color: #dddddd;
  color: #517b93;
  height: 80px; }

.OrangeBanner {
  background-color: #f9f298;
  color: white;
  height: 80px; }

.WhiteBanner {
  background-color: white;
  color: #333333;
  height: 60px;
  margin-top: 0px !important; }

/*----------------------End ofPage Title------------------------------- */
/*---------------------------mixin----------------------------------------*/
/*----------------------------- End of mixin -----------------------------*/
/* ============ Privacy Policy ============== */
.privacypolicy {
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  margin-bottom: 20px;
  float: left; }
  .privacypolicy .heading {
    color: #f7941d;
    font-size: 30px;
    *margin-bottom: 15px;
    *margin-top: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: lighter;
    *line-height: 38px; }
  .privacypolicy .subheading {
    color: #293674;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: lighter; }
  .privacypolicy .updateddate {
    float: right;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 2px 10px;
    width: 232px;
    background-color: #eaeaea; }
  .privacypolicy div {
    font-size: 16px;
    float: left;
    line-height: 28px;
    width: 922px; }
    .privacypolicy div ul {
      float: left;
      list-style-type: none; }
      .privacypolicy div ul li {
        background: url("//cdn.syncfusion.com/content/images/Root/Images/Bullet-Box.png") no-repeat 0px 14px;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px;
        padding-left: 20px; }

/* =========== End Privacy Policy ========== */
/* =========== Copy right ========== */
.copyright {
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  margin-bottom: 20px; }
  .copyright div {
    font-size: 16px;
    float: left;
    line-height: 28px;
    width: 922px; }

/* =========== End Copy right ========== */
/* ========== Site Map ===========*/
.site-map {
  font-family: "Segoe UI", helvetica, arial, sans-serif;
  font-weight: lighter;
  margin-top: 20px;
  border-top: 1px solid #c4c4c4; }
  .site-map .last {
    border: none !important;
    width: 215px !important; }
  .site-map .left-site-map {
    margin-top: 15px;
    float: left;
    width: 195px;
    margin-right: 9px;
    border-right: 1px dashed #c4c4c4;
    min-height: 515px;
    padding-left: 20px;
    line-height: 22px;
    margin-bottom: 20px; }
    .site-map .left-site-map .main-heading {
      color: #4c4c4c;
      font-weight: bolder;
      font-size: 22px;
      border-top-width: 0px;
      border-right-width: 0px;
      border-left-width: 0px; }
    .site-map .left-site-map .heading {
      font-size: 14px;
      padding-left: 10px;
      font-weight: normal !important;
      color: #4c4c4c !important; }
    .site-map .left-site-map a:hover {
      color: #29abe2 !important; }
    .site-map .left-site-map .inner-heading {
      font-size: 18px; }
    .site-map .left-site-map .content {
      font-size: 14px;
      font-weight: normal !important;
      padding-left: 20px;
      color: #4c4c4c !important; }
    .site-map .left-site-map .heading-top {
      margin-bottom: 10px; }
    .site-map .left-site-map .heading-top-middle {
      margin-top: 25px;
      margin-bottom: 10px; }
    .site-map .left-site-map .inner-heading-align {
      margin-bottom: 5px;
      margin-top: 5px; }
    .site-map .left-site-map .products-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Product.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }
    .site-map .left-site-map .support-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Support.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }
    .site-map .left-site-map .download-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Download.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }
    .site-map .left-site-map .account-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Account.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }
    .site-map .left-site-map .sales-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Sales.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }
    .site-map .left-site-map .company-image {
      background-image: url("//cdn.syncfusion.com/content/images/Root/Images/Sitemap/Company.png");
      background-position: 5px 5px;
      background-repeat: no-repeat; }

/* ========== End of Site Map ===========*/
/* ========== Business Development Pages ========== */
.businessdev {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }
  .businessdev .footsection {
    margin-left: 30px; }
  .businessdev .heading {
    margin-bottom: 25px; }
  .businessdev .bigtext {
    font-size: 30px;
    font-weight: lighter;
    color: #293674; }
  .businessdev .midsection {
    height: 600px;
    width: 856px;
    margin-bottom: 20px;
    background-color: #fafafa;
    border: 1px solid #eaeaea; }
  .businessdev .leftpanel {
    background-image: url("//cdn.syncfusion.com/content/images/sales/Images/BusinessDevelopment/left.PNG");
    background-repeat: no-repeat;
    background-position: 0px 335px;
    float: left;
    padding-top: 10px;
    padding-right: 20px;
    width: 44%;
    height: 590px;
    margin-left: 25px;
    border: 1px solid #eaeaea;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px; }
  .businessdev .rightpanel {
    background-image: url("//cdn.syncfusion.com/content/images/sales/Images/BusinessDevelopment/right.PNG");
    background-repeat: no-repeat;
    background-position: 0px 400px;
    float: left;
    padding-top: 10px;
    width: 44%;
    height: 590px;
    margin-left: 25px;
    position: relative;
    z-index: 1; }
  .businessdev .rightpanel-bottom {
    margin-left: 448px;
    position: relative;
    top: -295px; }
    .businessdev .rightpanel-bottom .rightpanel-heading {
      font-size: 24px;
      font-weight: lighter;
      color: #293674; }
    .businessdev .rightpanel-bottom .rightpanel-content {
      font-size: 16px;
      margin-left: 34px;
      margin-top: 6px;
      width: 93%; }
  .businessdev ul {
    list-style-type: none;
    margin-left: 35px;
    margin-top: 5px; }
    .businessdev ul li {
      background: url("//cdn.syncfusion.com/content/images/sales/Images/Orangebullet.png") no-repeat 0px 14px;
      line-height: 30px;
      margin-bottom: 5px;
      padding-left: 15px;
      font-size: 16px; }

/* ========== End Business Development Pages ========== */
/* ========== Confidentiality Policy Pages ========== */
.Confidentiality_Policy {
  font-family: "Segoe UI", helvetica, arial, sans-serif; }
  .Confidentiality_Policy div {
    font-size: 16px;
    float: left;
    line-height: 28px;
    width: 922px; }
  .Confidentiality_Policy .heading {
    font-size: 35px;
    color: #f7941d;
    margin-bottom: 20px; }

/* ========== End Confidentiality Policy Pages ========== */

