/*
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;
}

.DialogInstallCSP-Paper {
  width: 600px;
}
.DialogWidthLess {
  width: 92.5%;
}
.DialogWidthMore {
  width: 92.5%;
}

.DialogInput-Paper {
  width: 400px;
}

.DialogFeedback-Paper {
  width: 600px;
}

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;
}