/*------- SslCertificate dialog -------*/
.ssl-content {
  /*height: 0px;*/
  /*width: auto;*/
  /*overflow: auto;*/
}

.ssl-item {
  font-weight: bold;
  color: #848482
}

.ssl-header {
  font-weight: bold;
  color: #b6b6b4;
}

/*------- End SslCertificate dialog -------*/

/*-------- Separator ---------*/
.separating-title {
  margin: 5px 0 5px;
  padding: 5px 0;
  position: relative;
  border-bottom: 1px solid #afafaf;
}

.separating-title big {
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 2px 10px 2px 0;
  position: absolute;
  top: -10px;
}

/*-------- End Separator ---------*/


/*-------- Spinner ---------*/
.glyphicon-spin {
  -webkit-animation: glyphicon-spin 2s infinite linear;
  animation: glyphicon-spin 2s infinite linear;
}

.glyphicon-pulse {
  -webkit-animation: glyphicon-spin 1s infinite steps(8);
  animation: glyphicon-spin 1s infinite steps(8);
}

@-webkit-keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes glyphicon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/*-------- End Spinner ---------*/

/*-------- Various CSS fixes ---*/

@-moz-document url-prefix() {
  input[type="radio"],
  input[type="checkbox"] {
    background-color: #999999;
    width: 18px !important;
    height: 18px !important;
    transform: scale(0.75);
    border-radius: 0;
    -moz-border-radius: 0;
    transition: all 0.5s;
    cursor: pointer;
  }
}

/*-------- End Various fixes ---*/

/*-------- Other CBB styles ----*/

.cbb-sm {
  font-size: 10px;
  padding: 6px;
}

.cbb-line {
  line-height: 34px;
}

.cbb-menu {
  max-height: 70vh !important;
  overflow-y: auto;
}

.cbb-treeview {
  max-height: 70vh !important;
  overflow-y: auto;
}

.cbb-backupstorage {
  max-height: 70vh !important;
}

.cbb-backup-storage-account-list {
  max-height: 62vh !important;
  width: 190px !important;
  overflow-y: auto;
}

.cbb-history {
  max-height: 65vh !important;
}

.cbb-history > div {
  max-height: 60vh !important;
}

.cbb-history-box {
  max-height: 55vh !important;
  overflow-y: initial;
  overflow-x: initial;
}

.cbb-history-box > div > div:nth-of-type(4) {
  max-height: 50vh !important;
}

.cbb-account-box {
  max-height: 57vh !important;
  overflow-y: auto;
}

.cbb-menuline {
  line-height: 16px;
}

.cbb-menuline > a {
  padding: 5px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cbb-menuline > a > span {
  vertical-align: middle;
}

.cbb-menuline > a > span > span {
  padding: 8px;
}

.cbb-menuline > a:hover {
  background: #cbcbcb !important;
  color: #337ab7 !important;
}

.cbb-menuline.active {
  background: #cbcbcb;
  color: #337ab7 !important;
}

.cbb-list {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
}

.cbb-list > div {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
}

.cbb-list > div > label {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
}

.cbb-label {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
}

.cbb-mid-btn {
  height: 36px !important;
}

.cbb-scroll-menu {
  overflow-y: auto !important;
  left: auto !important;
  right: 8px !important;
}

.cbb-disabled-checkbox {
  opacity: 0.5;
}

.cbb-5margin-checkbox {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.cbb-scroll-menu > li > a > span {
  vertical-align: middle !important;
}

.cbb-scroll-menu > li > a > span > span {
  font-size: 12px;
}

.cbb-section {
  background: #fff;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border: 0 solid #000000;
  -webkit-box-shadow: 0 1px 5px 1px #d6d6d6;
  -moz-box-shadow: 0 1px 5px 1px #d6d6d6;
  box-shadow: 0 1px 5px 1px #d6d6d6;
  margin-top: 25px;
  margin-bottom: 10px;
  padding: 18px 18px 16px;
}

.cbb-section.cbb-section-plan {
  max-height: 75vh !important;
}

.cbb-section.cbb-section-history {
  max-height: 74vh !important;
}

.cbb-planwidget {
  max-height: 70vh !important;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 1px;
  transition: all .5s linear;
}

.cbb-planitem {
  min-height: 51px !important;
}

.cbb-btn-big-text {
  font-size: 14px;
}

.cbb-settings-btn_open-dialog {
  padding: 2px 5px;
  font-size: 14px;
}

.cbb-nonjump {
  top: 9px !important;
}

.cbb-partition-selected {
  box-shadow: inset 0 0 0 2px green;
}

.btn-wrapper.cbb-btn-wrapper {
  margin-bottom: 8px;
}

.cbb-settings > ul > li > a {
  padding-top: 10px;
  font-size: 14px;
}

.cbb-waiting-widget {
  z-index: 1001 !important;
}

.cbb-waiting-widget-cover {
  z-index: 1000 !important;
}

.cbb-loading-indicator-background {
  background: #DDDDDD;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  outline: 1000em solid rgba(0, 0, 0, 0.3);
  /*FIXME: test this methods for mistakes*/
  -moz-background-clip: initial;
  -moz-background-origin: initial;
  /*-moz-background-clip: -moz-initial;*/
  /*-moz-background-origin: -moz-initial;*/
  /*-moz-background-inline-policy: -moz-initial;*/
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  position: absolute;
  z-index: 1002 !important;
}

.cbb-loading-indicator {
  background: #fafafa;
  border: 0 solid #333;
  -webkit-box-shadow: 0 1px 5px 1px #333;
  -moz-box-shadow: 0 1px 5px 1px #333;
  box-shadow: 0 1px 5px 1px #333;
  padding: 15px;
  /*border-width: 0px;*/
  /*border-style: initial;*/
  /*border-color: initial;*/
  /*border-image: initial;*/
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 1003 !important;
}

.cbb-loading-indicator-text {
  padding-left: 10px;
  display: inline;
}

.mbs-company-name {
  font-size: 22px;
  font-weight: bold;
  display: inline;
}

.cbb-has-error {
  color: red !important;
}

.form-control.cbb-has-error,
.form-control.cbb-has-error:focus {
  border-color: red !important;
}

/*-------- End Other styles ----*/

/*-------- Extend Wt styles ----*/

.Wt-tv-c1 {
  vertical-align: middle;
}

.Wt-tv-c1 > input {
  margin-top: 2px !important;
}

.Wt-tv-c1 > img {
  margin-bottom: 5px !important;
}

/*-------- End Extend Wt styles ----*/

.cbb-restore-content-deleted {
  color: #7f7f7f;
}

.cbb-purge_interrupted_color {
  color: #7f7f7f;
}

.cbb-next_run_color {
  color: #ff0000;
}

.cbb-extended_generation_column_align {
  text-align: left;
}

.cbb-hint-until-click {
  color: blue;
  cursor: pointer;
}

.cbb-shift-between-icon-n-text-from-label > img {
  margin-right: 10px !important;
}

/* for testing widget */
.test_background-red {
  background: red;
}

.test_red-bordered {
  border: 2px red;
}