/*

Copyright Citrix Systems, Inc.

*/

.font-regular {
  font-family: 'publicsans-regular', sans-serif;
}

.font-italic {
  font-family: 'publicsans-italic', sans-serif;
}

.font-light {
  font-family: 'publicsans-light', sans-serif;
}

.font-light-italic {
  font-family: 'publicsans-lightitalic', sans-serif;
}

.font-semibold {
  font-family: 'publicsans-semibold', sans-serif;
}

.font-semibold-italic {
  font-family: 'publicsans-semibolditalic', sans-serif;
}

.font-medium {
  font-family: 'publicsans-medium', sans-serif;
}

@font-face {
  font-family: "publicsans-regular";
  src: url("../Fonts/publicsans-regular.woff");
  src: url("../Fonts/publicsans-regular.woff") format("woff"), url("../Fonts/publicsans-regular.ttf") format("truetype"), url("../Fonts/publicsans-regular.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-medium";
  src: url("../Fonts/publicsans-medium.woff");
  src: url("../Fonts/publicsans-medium.woff") format("woff"), url("../Fonts/publicsans-medium.ttf") format("truetype"), url("../Fonts/publicsans-medium.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-italic";
  src: url("../Fonts/publicsans-italic.woff");
  src: url("../Fonts/publicsans-italic.woff") format("woff"), url("../Fonts/publicsans-italic.ttf") format("truetype"), url("../Fonts/publicsans-italic.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-light";
  src: url("../Fonts/publicsans-light.woff");
  src: url("../Fonts/publicsans-light.woff") format("woff"), url("../Fonts/publicsans-light.ttf") format("truetype"), url("../Fonts/publicsans-light.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-lightitalic";
  src: url("../Fonts/publicsans-lightitalic.woff");
  src: url("../Fonts/publicsans-lightitalic.woff") format("woff"), url("../Fonts/publicsans-lightitalic.ttf") format("truetype"), url("../Fonts/publicsans-lightitalic.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-semibold";
  src: url("../Fonts/publicsans-semibold.woff");
  src: url("../Fonts/publicsans-semibold.woff") format("woff"), url("../Fonts/publicsans-semibold.ttf") format("truetype"), url("../Fonts/publicsans-semibold.woff2") format("woff2");
}

@font-face {
  font-family: "publicsans-semibolditalic";
  src: url("../Fonts/publicsans-semibolditalic.woff");
  src: url("../Fonts/publicsans-semibolditalic.woff") format("woff"), url("../Fonts/publicsans-semibolditalic.ttf") format("truetype"), url("../Fonts/publicsans-semibolditalic.woff2") format("woff2");
}

@charset "UTF-8";

.icon {
  display: inline-block;
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bell:before {
  content: "a";
}

.icon-arrow-up:before {
  content: "b";
}

.icon-arrow-down:before {
  content: "c";
}

.icon-arrow-left:before {
  content: "d";
}

.icon-arrow-right:before {
  content: "e";
}

.icon-menu:before {
  content: "f";
}

.icon-add:before {
  content: "g";
}

.icon-close:before {
  content: "h";
}

.icon-feedback:before {
  content: "i";
}

.icon-information:before {
  content: "j";
}

.icon-edit:before {
  content: "k";
}

.icon-tick:before {
  content: "l";
}

.icon-configuration:before {
  content: "m";
}

.icon-delete:before {
  content: "n";
}

.icon-filter:before {
  content: "o";
}

.icon-question:before {
  content: "p";
}

.icon-slide-up:before {
  content: "q";
}

.icon-slide-down:before {
  content: "r";
}

.icon-error:before {
  content: "s";
}

.icon-warning:before {
  content: "t";
}

.icon-refresh:before {
  content: "u";
}

.icon-search:before {
  content: "v";
}

.icon-home:before {
  content: "w";
}

.icon-back:before {
  content: "x";
}

.icon-favorites:before {
  content: "y";
}

.icon-mobility:before {
  content: "z";
}

.icon-dna:before {
  content: "A";
}

.icon-content-data:before {
  content: "B";
}

.icon-design:before {
  content: "C";
}

.icon-architect:before {
  content: "D";
}

.icon-workspaces:before {
  content: "E";
}

.icon-publish:before {
  content: "F";
}

.icon-linkedin:before {
  content: "H";
}

.icon-twitter:before {
  content: "I";
}

.icon-cloud:before {
  content: "G";
}

.icon-whats-new:before {
  content: "J";
}

.icon-how-it-works:before {
  content: "K";
}

.icon-become-an-expert:before {
  content: "L";
}

.icon-application-onboarding:before {
  content: "M";
}

.icon-lifecycle-management:before {
  content: "N";
}

.icon-wrench:before {
  content: "O";
}

.icon-workspace-automation:before {
  content: "P";
}

.icon-data-fabric:before {
  content: "Q";
}

.icon-develop:before {
  content: "R";
}

.icon-delivery-network:before {
  content: "S";
}

.icon-concierge:before {
  content: "T";
}

.icon-cloud-and-data:before {
  content: "V";
}

.icon-exclamation:before {
  content: "U";
}

.icon-file:before {
  content: "W";
}

.icon-user:before {
  content: "X";
}

.cwc-navbar {
  /*  height: 62px;*/
  background-color: rgb(0, 61, 72);
  margin-bottom: 0px;
  /*navbar-inverse removed*/
  border: 1px solid transparent;
  border-color: rgb(0, 61, 72);
  padding: 0px;
  /*
  background-size: cover;
  padding: 0;
  border-radius: 0;
  font-family: publicsans-regular;
  min-height: 62px;  
*/
}

@media (min-width: 1200px) {
  .cwc-navbar {
    width: 1170px;
  }
}

.navbar-dropdown-button {
  width: 220px;
  /*margin-left: -32px;*/
  width: 235px;
  background-color: rgb(0, 61, 72);
  height: 75px;
  white-space: nowrap;
  border-radius: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.cwc-navbar .dropdown-menu {
  /*background-color: #485264;*/
  background-color: rgb(0, 61, 72);
  margin-bottom: 0px;
  color: #ffffff;
  cursor: default;
  /* margin-top: 13px;*/
  margin-left: -13px;
  border: none;
  width: 235px;
}

  .cwc-navbar .dropdown-menu > li > a {
    /*background-color: #485264;*/
    margin-bottom: 0px;
    color: #ffffff;
    cursor: default;
  }

.cwc-navbar .cwc-logo {
  /*  display: inline-block;*/
  padding: 21px 15px;
  font-family: publicsans-regular;
  font-size: 22px;
  color: #ffffff;
  cursor: default;
}

@media (max-width: 992px) {
  .cwc-navbar .cwc-logo {
    font-size: 18px;
  }
}

.cwc-navbar .float-right {
  float: right;
}

.cwc-navbar .navbar-actions {
  display: inline-block;
  color: #ffffff;
  font-size: 24px;
  margin-right: 12px;
  padding: 10px 0 12px;
}

.cwc-navbar .help-dropdown {
  position: relative;
  height: 62px;
  /*  width: 40px;*/
  text-align: center;
}

.cwc-navbar .username-container {
  display: inline-block;
  /*vertical-align: top;*/
  text-align: center !important;
  background-color: rgb(0, 61, 72);
  height: 75px;
  padding-top: 6px;
  /* height: 62px;*/
  /*  min-width: 200px;*/
}

.cwc-navbar .username-icon-container {
  /*  width: 100%;*/
  height: 52px;
  padding-top: 10px;
  text-align: left !important;
}

.cwc-navbar .username-icon-small-container {
  height: 62px;
  /*  width: 62px;*/
  padding-top: 23px;
}

.cwc-navbar .username-dropdown {
  height: 62px;
  background-color: #39404d;
  /*  width: 200px;*/
  position: relative;
  color: #ffffff;
}

.cwc-navbar .username {
  display: inline-block;
  /* padding: 16px 24px 12px 24px; */
  text-align: left;
  color: #ffffff;
  white-space: nowrap;
}

.cwc-navbar .cwc-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin: 0;
  background-color: #39404d;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  /*  min-width: 0;*/
  padding: 5px 0;
  list-style: none;
}

  .cwc-navbar .cwc-dropdown-menu > div:hover,
  .cwc-navbar .cwc-dropdown-menu > div:focus {
    background-color: #485264;
  }

  .cwc-navbar .cwc-dropdown-menu > div > a {
    white-space: nowrap;
    cursor: pointer;
  }

    .cwc-navbar .cwc-dropdown-menu > div > a > span {
      display: inline-block;
      color: #ffffff;
      font-size: 15px;
      text-align: left;
      padding: 16px 0 16px 24px;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }

.cwc-navbar .username-menu {
  display: block;
  z-index: 1050;
  right: 0;
  opacity: .3;
  border: 1px solid #e9e8e7;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: none;
  -moz-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

  .cwc-navbar .username-menu:before {
    position: absolute;
    z-index: 1050;
    pointer-events: none;
    border: solid 11px transparent;
    content: " ";
    height: 0;
    /*  width: 0;*/
    border-bottom-color: #e9e8e7;
    top: -22px;
    left: 23px;
  }

  .cwc-navbar .username-menu:after {
    position: absolute;
    z-index: 1051;
    pointer-events: none;
    border: solid 10px transparent;
    content: " ";
    height: 0;
    /*  width: 0;*/
    border-bottom-color: #39404d;
    top: -19px;
    left: 24px;
  }

.cwc-navbar .open > .username-menu {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.cwc-navbar .username-small {
  display: none;
  padding: 10px 0 10px 24px;
  color: #ffffff;
  pointer-events: none;
}

@media screen and (max-width: 866px) {
  .cwc-navbar .cwc-logo {
    font-size: 16px;
    padding: 20px 15px;
  }
}

@media screen and (max-width: 1152px) {
  .cwc-navbar .cwc-logo {
    font-size: 16px;
    padding: 20px 15px;
  }
}

@media screen and (max-width: 391px) {
  .cwc-navbar .navbar-dropdown-button {
    margin-left: -32px;
  }
}

@media screen and (max-width: 362px) {
  .cwc-navbar .cwc-logo {
    /*display: none !important;*/
  }
}

@media screen and (max-width: 500px) {
  .cwc-navbar .username-container,
  .cwc-navbar .username-dropdown {
    /*    width: 62px;*/
  }

  .cwc-navbar .username {
    /*    display: none !important;*/
  }

  .cwc-navbar .username-menu {
    left: -150px;
  }

    .cwc-navbar .username-menu:before {
      left: auto;
      right: 19px;
    }

    .cwc-navbar .username-menu:after {
      left: auto;
      right: 20px;
    }

  .cwc-navbar .username-small {
    display: inline-block !important;
  }
}

.notification.error {
  background-color: #DE352F;
  border-bottom: 1px solid #DE352F;
  margin-top: 6px
}

.notification.success {
  background-color: #03c9a9;
  border-bottom: 1px solid #02aa8f;
  margin-top: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: publicsans-regular;
}

/*.notification.warning {
  background-color: #f7ca18;
  border-bottom: 1px solid #e7ba08;
}*/

.notification.warning {
  background-color: #F5B75A;
  border-bottom: 1px solid #F5B75A;
  /*margin-top: 6px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: publicsans-regular;
  padding-left: 10px;
}

.notification.information {
  background-color: #F8D449;
  border-bottom: 1px solid #F8D449;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  font-family: publicsans-regular;
  font-size: 18px;
  text-align: left;
  z-index: 203;
}

.notification.error,
.notification.success,
.notification.warning {
  position: absolute;
  color: #ffffff;
  font-family: publicsans-regular;
  font-size: 18px;
  text-align: left;
  padding: 10px;
  z-index: 203;
}

  .notification.error .left-icon,
  .notification.success .left-icon,
  .notification.warning .left-icon {
    float: left;
    font-size: 24px;
  }

  .notification.error .message,
  .notification.success .message,
  .notification.warning .message {
    display: block;
    margin: 0 35px;
  }

  .notification.success .message {
    font-size: 14px;
    margin-top: 5px;
    overflow: hidden !important;
    text-overflow: ellipsis;
  }

  .notification.error .right-icon,
  .notification.success .right-icon,
  .notification.warning .right-icon {
    float: right;
    font-size: 24px;
  }

  .notification.error a,
  .notification.success a,
  .notification.warning a {
    color: inherit;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
  }

@font-face {
  font-family: CitrixIconFont;
  src: url(../fonts/citrixicons.eot);
  src: url(../fonts/citrixicons.eot?#iefix) format('eot'), url(../fonts/citrixicons.woff) format('woff'), url(../fonts/citrixicons.ttf) format('truetype'), url(../fonts/citrixicons.svg#CitrixIconFont) format('svg');
}

.spinner-container {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
  vertical-align: middle;
}

  .spinner-container > .spinner-circle {
    opacity: .4;
  }

    .spinner-container > .spinner-circle:before {
      content: "\e689";
    }

  .spinner-container > .spinner-segment {
    -webkit-animation: spinner-segment 0.8s infinite step-end;
    -moz-animation: spinner-segment 0.8s infinite step-end;
    -o-animation: spinner-segment 0.8s infinite step-end;
    animation: spinner-segment 0.8s infinite step-end;
    -webkit-transform-origin: 50% 51%;
    -ms-transform-origin: 50% 51%;
    -moz-transform-origin: 50% 51% -o-transform-origin;
    -o-transform-origin: 50% 51% -o-transform-origin;
    transform-origin: 50% 51% -o-transform-origin;
  }

    .spinner-container > .spinner-segment:before {
      content: "\e689a";
    }

  .spinner-container > .spinner-circle,
  .spinner-container > .spinner-segment {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: inherit;
    font-family: CitrixIconFont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

@-webkit-keyframes spinner-segment {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes spinner-segment {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}