/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmSU5fBBc4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url("//fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2'), url("../font/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2") format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2") format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2") format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2") format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url("//fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format('woff2'), url("../font/roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: FontIcon;
  src: url('../images/font/fontIcon.woff2') format('woff2'), url('../images/font/fontIcon.woff') format('woff'), url('../images/font/fontIcon.ttf') format('truetype'), url('../images/font/fontIcon.svg#fonticonsregular?v=1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon"],
[class*=" icon"] {
  font-family: FontIcon;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  display: inline-block;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  margin-top: 0;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon"]:before,
[class*=" icon"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* Remove underline for Help and Settings icons/links */
a [class^="icon"]:hover,
a [class*=" icon"]:hover {
  text-decoration: none;
}

#registerCaptcha {
  position: relative;
  width: auto;
  float: right;
  margin: 15px 0 2px 0;
}
#registerCaptcha #refreshCaptcha {
  display: inline-block;
  padding: 12px 0 13px 0;
  font-size: 18px;
  text-decoration: underline;
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
}
#registerCaptcha #refreshCaptcha #captcha {
  width: 145px;
  border: 1px solid #D4D0C8;
}
#registerCaptcha .iconRefresh:before {
  width: 44px;
  content: "\f145";
  text-decoration: none;
  cursor: pointer;
  text-align: center;
}
.captchaCont.customField input[name="captchaText"] {
  display: none;
}

/*
Describe the FileFlex icon font.
The url has to be relative to the /static folder, and it is not handled/loaded by Webpack
*/
@font-face {
  font-family: FontIcon;
  src: url('../images/font/fontIcon.woff2') format('woff2'), url('../images/font/fontIcon.woff') format('woff'), url('../images/font/fontIcon.ttf') format('truetype'), url('../images/font/fontIcon.svg#fonticonsregular?v=1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
Font's core - usage is from CompIcon.tsx, e.g <CompIcon icon="Storage"/>
*/
.ff-icon {
  font-family: FontIcon;
  text-decoration: inherit;
  width: auto;
  height: auto;
}
.ff-icon:before {
  text-decoration: inherit;
  speak: none;
}
/*
Describe here any possible "icon" mapped to font glyph
*/
.ff-icon-Info:before {
  content: "\f05a";
}
.ff-icon-Warning:before {
  content: "\f08d";
}
.ff-icon-Error:before {
  content: "\f155";
}
.ff-icon-Question:before {
  content: "\f059";
}
.ff-icon-Success:before {
  content: "\f05d";
}
.ff-icon-SuccessMany:before {
  content: "\f188";
}
.ff-icon-Options:before {
  content: "\f142";
}
.ff-icon-Settings:before {
  content: "\f013";
}
.ff-icon-Email:before {
  content: "\f164";
}
.ff-icon-Profile:before {
  content: "\f125";
}
.ff-icon-Invert:before {
  content: "\f189";
}
.ff-icon-Add:before {
  content: "\f067";
}
.ff-icon-Remove:before {
  content: "\f014";
}
.ff-icon-Edit:before {
  content: "\f043";
}
.ff-icon-EditNote:before {
  content: "\f241";
}
.ff-icon-Copy:before {
  content: "\f111";
}
.ff-icon-Expand:before {
  content: "\f127";
}
.ff-icon-Collapse:before {
  content: "\f126";
}
.ff-icon-ChevronLeft:before {
  content: "\f053";
}
.ff-icon-ChevronRight:before {
  content: "\f054";
}
.ff-icon-Lock:before {
  content: "\f150";
}
.ff-icon-Unlock:before {
  content: "\f157";
}
.ff-icon-Revert:before {
  content: "\f158";
}
.ff-icon-Start:before {
  content: "\f04b";
}
.ff-icon-Stop:before {
  content: "\f139";
}
.ff-icon-Restart:before {
  content: "\f140";
}
.ff-icon-Upgrade:before {
  content: "\f138";
}
.ff-icon-Refresh:before {
  content: "\f145";
}
.ff-icon-Upload:before {
  content: "\f105";
}
.ff-icon-Download:before {
  content: "\f019";
}
.ff-icon-Server:before {
  content: "\f156";
}
.ff-icon-ServerAdd:before {
  content: "\f136";
}
.ff-icon-ServerRemove:before {
  content: "\f137";
}
.ff-icon-ServerEdit:before {
  content: "\f244";
}
.ff-icon-Logs:before {
  content: "\f149";
}
.ff-icon-Diagnostic:before {
  content: "\f271";
}
.ff-icon-Firewall:before {
  content: "\f270";
}
.ff-icon-Cluster:before {
  content: "\f243";
}
.ff-icon-ClusterUpgrade:before {
  content: "\f261";
}
.ff-icon-Storage:before {
  content: "\f146";
}
.ff-icon-Web:before {
  content: "\f200";
}
.ff-icon-Adapter:before {
  content: "\f201";
}
.ff-icon-LoadBalance:before {
  content: "\f202";
}
.ff-icon-LevelUp:before {
  content: "\f154";
}
.ff-icon-Close:before {
  content: "\f057";
}
.ff-icon-SharePermission:before {
  content: "\f196";
}
.ff-icon-Search:before {
  content: "\f002";
}
.ff-icon-FilterActive:before {
  content: "\f230";
}
.ff-icon-FilterNotActive:before {
  content: "\f229";
}
.ff-icon-Filtered:before {
  content: "\f00c";
}
.ff-icon-NotFiltered:before {
  content: "\f178";
}
.ff-icon-AddDir:before {
  content: "\f116";
}
.ff-icon-ActProfile:before {
  content: "\f100";
}
.ff-icon-Logout:before {
  content: "\f150";
}
.ff-icon-ActProvCreate:before {
  content: "\f067";
}
.ff-icon-ActDiagnostic:before {
  content: "\f219";
}
.ff-icon-ActAbout:before {
  content: "\f05b";
}
.ff-icon-ActHelp:before {
  content: "\f059";
}
.ff-icon-ActFeedback:before {
  content: "\f151";
}

/*
Describe the FileFlex security/hidden font.
See https://jira2.cnexus.com/browse/FF-13256
*/
@font-face {
  font-family: TextSecurityDisc;
  src: url('../font/text-security-disc.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.CompTextInput_password textarea {
  -webkit-text-security: disc;
  font-family: "TextSecurityDisc", serif;
}

html,
body {
  width: 100%;
  height: 100%;
  font-size: 14px;
}
#root {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.PanelSeparateCont .separateHeadText {
  font-size: 25px !important;
  text-align: left;
  margin: 5px 0 20px 0 !important;
  font-weight: 500;
}
.PanelSeparateCont .separateHeadTextSub {
  color: #949494;
  font-size: 17px;
  margin-top: 6px;
}
.PanelSeparateCont .separateHeaderSub {
  font-size: 14px;
  margin: 0 3px 20px 3px;
}
.PanelSeparateCont button {
  margin: 0 8px 0 0;
}
.PanelSeparateCont .separateFooter {
  padding-top: 15px;
}
.PanelSeparateCont .separateFooter a {
  padding-right: 8px;
}