@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext,cyrillic,greek);
@import url(font-awesome.css);
.color-primary-0 {
  color: #00A1DF; }

.color-primary-1 {
  color: #22C0FC; }

.color-primary-2 {
  color: #06BAFF; }

.color-primary-3 {
  color: #00729D; }

.color-primary-4 {
  color: #005A7C; }

body, p, label, input, div, span, button {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 400; }

button,
.dxb span, .dxBB a {
  font-weight: 600 !important; }

html {
  height: 100%; }

body {
  /*font-size: .80em;*/
  margin: 0;
  padding: 0;
  height: 100%; }

a:hover {
  text-decoration: none; }

p {
  margin-bottom: 10px;
  line-height: 1.6em; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-variant: small-caps;
  text-transform: none;
  font-weight: 200;
  margin-bottom: 0; }

h1 {
  font-size: 1.6em;
  padding-bottom: 0;
  margin-bottom: 0; }

h2 {
  font-size: 1.5em;
  font-weight: 600; }

h3 {
  font-size: 1.2em; }

h4 {
  font-size: 1.1em; }

h5, h6 {
  font-size: 1em; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.mainform {
  position: relative;
  height: 100%;
  overflow: hidden; }

.page {
  width: 100%;
  height: calc(100% - 30px);
  position: relative;
  margin: 0;
  padding: 0; }

.header {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 50px; }

.header h1 {
  font-weight: 700;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
  font-size: 2em;
  position: relative;
  vertical-align: middle;
  top: 20%;
  height: 100%; }

.main {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }

.footer {
  position: absolute;
  bottom: 0;
  height: 30px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
  text-align: center;
  font-size: 7.5pt; }

.footer span {
  vertical-align: middle;
  padding-right: 25px;
  line-height: 30px; }

/* FORM ELEMENTS   
----------------------------------------------------------*/
input {
  outline-style: none; }

/* MISC  
----------------------------------------------------------*/
.clear {
  clear: both; }

.title {
  display: block;
  float: left;
  text-align: left;
  width: auto;
  height: 100%;
  margin-right: 50px;
  font-variant: small-caps;
  font-size: x-large;
  font-weight: bold; }

.loginDisplay {
  font-size: 12pt;
  display: block;
  float: right;
  padding: 18px 20px 10px 10px;
  margin: 0;
  height: 50px;
  z-index: 1000;
  position: relative; }

.failureNotification {
  font-size: 1.2em;
  display: block; }

.inline-block {
  display: inline-block; }

.bold {
  font-weight: bold; }

.submitButton {
  text-align: left;
  padding-left: 0; }

.mnuFiles {
  height: 26px; }

.mnuFolders {
  height: 25px; }

.versionTag {
  display: inline; }

.copyrightTag {
  display: inline; }

#loginWrapper {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  /*background-image: url('/images/background.png');*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 125px; }

#loginContent {
  min-width: 350px;
  top: -155px;
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 450px; }

.themeSelectorDiv {
  display: block;
  text-align: right;
  float: right;
  padding-top: 13px;
  padding-right: 150px; }

#sitestyle {
  float: right;
  margin-top: 10px;
  margin-right: 25px; }

.fmNavPanel {
  float: left;
  height: 100%;
  position: relative;
  width: 100%;
  overflow: auto; }

.fmContentPanel {
  width: 100%;
  height: 100%;
  float: right; }

.dxnb-header, .dxnb-headerCollapsed {
  padding-top: 12px !important;
  border: none !important; }

.dxnb-item {
  border: none !important;
  padding: 7px 0 7px 45px !important; }

.dxnb-content {
  border: none !important; }

.divConfigWrapper {
  height: calc(100% - 30px);
  /*width: calc(100% - 40px);*/
  position: static;
  padding: 0 10px;
  /*overflow: hidden;*/ }

.divAuditLogWrapper,
.divManageGuestsWrapper,
.divShareWrapper {
  height: calc(100% - 40px);
  width: 100%;
  position: relative;
  padding: 0; }

#fileManager {
  width: 100%; }

#fileManager-body {
  width: 100% !important;
  height: 100% !important; }

.iFrameConfigPanel,
#ifConfigContent {
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
  width: 100%; }

#ifAuditLogContent,
#ifGuestsContent,
#ifShareContent {
  padding: 0;
  margin: 0;
  border: none;
  height: 100%;
  width: 100%; }

.grdStorageMap .commandColumn a {
  visibility: hidden !important; }

.grdStorageMap .selectRow .commandColumn a,
.grdStorageMap .hotTrackRow .commandColumn a {
  visibility: visible !important; }

.mySharesButton,
.myFilesButton {
  display: table;
  float: left;
  text-align: left;
  width: auto;
  height: 100%;
  margin-left: 25px; }

.mySharesButton a,
.myFilesButton a {
  height: 100%;
  color: red !important;
  vertical-align: middle;
  display: table-cell; }

.serviceUnavailable {
  background: url("images/service_unavailable.png") no-repeat center #fff;
  background-size: contain;
  height: 355px;
  width: 694px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px; }

.pageUnavailable {
  background-size: contain;
  height: 355px;
  width: 694px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  font-size: xx-large; }

/*ul.nav li a,
ul.navbar-brand li a {
    color: white;
}*/
.outerBlock {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("/content/images/login_default_background.jpg") no-repeat center;
  background-size: cover; }

.outerBlock #loginForm {
  background: rgba(0, 0, 0, 0.75);
  padding: 15px 25px;
  width: 100%;
  max-width: 300px;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  color: white; }

#loginForm .form-group {
  margin-bottom: 10px !important; }

#loginForm .form-group label {
  font-weight: 400 !important;
  color: white; }

#loginForm .text-danger {
  color: red; }

#main-menu .glyphicon,
#main-menu .fa {
  padding-right: 8px; }

.caret-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle; }

.permissions-edit-table {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 10px; }

.permissions-edit-heading {
  padding-top: 8px;
  font-weight: bold;
  width: 80px;
  display: inline-block; }

.permissions-edit-heading::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.permissions-edit-heading,
.permissions-edit-heading:active,
.permissions-edit-heading:focus,
.permissions-edit-heading:hover {
  text-decoration: none; }

#permissions_advanced_notice {
  font-style: italic;
  margin-left: 20px;
  font-size: small; }

#permissions_advanced_notice::before {
  font-family: 'Glyphicons Halflings';
  content: "\e086";
  /*content: url('/content/images/file_16.png');*/
  height: 16px;
  width: 16px;
  padding-right: 3px;
  font-style: normal;
  color: #00a2df;
  font-size: larger;
  vertical-align: middle; }

.permissions-help-text {
  font-size: small;
  font-style: italic;
  padding-left: 25px;
  color: gray;
  line-height: 0.5;
  display: normal; }

#permissions-basic {
  width: 100%;
  float: left; }

#permissions-advanced {
  clear: both; }

.cmd-btn {
  padding: 0 5px; }

.cmd-btn-disabled {
  color: lightgray; }

.cmd-btn-edit {
  color: #00a2df; }

.cmd-btn-mail {
  color: darkorange; }

.cmd-btn-delete {
  color: red; }

.cmd-btn-transparent {
  color: transparent; }

.tooltip {
  position: fixed; }

.provider-rule-editor {
  background-color: #efefef !important; }

.grid-avatar-image {
  border: darkgray solid 1px;
  margin-right: 5px;
  margin-left: 5px; }

.pre-rootpath-editor {
  margin-top: -6px;
  width: 100%;
  table-layout: auto; }

.share-link-inline {
  padding-right: 6px;
  color: #005A7C; }

.icon-folder {
  color: goldenrod; }

.icon-file {
  color: black; }

.icon-info {
  color: #06BAFF; }

.icon-alert {
  color: darkorange; }

.icon-check {
  color: green; }

.icon-error {
  color: red; }

.icon-padding {
  padding: 0 6px; }

.share-editor-starttimeinfo,
.share-editor-stoptimeinfo {
  padding-top: 6px;
  display: inline-block; }