Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/support/create_support_ticket/index.css

/*
     WARNING: This is a generated file. Any changes you make directly to this file
     will be overwritten when the file is regenerated. Add styles to the appropriate
     .less file instead.
*/
/**
 * Since we can not use the normal bootstrap container since
 * WHM has a conflicting name also called container that is
 * later in the cascade.
 */
.bootstrap-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.processing-icon {
  width: 30px;
}
/**
 * Styles for the common wizard chrome
 */
.wizard {
  min-width: 250px;
}
.wizard > .panel-heading span.title {
  vertical-align: middle;
  font-size: 30px;
  margin-top: 5px;
  display: inline-block;
}
.wizard > .panel-heading .progress {
  margin-bottom: 10px;
}
.wizard > .panel-footer {
  min-height: 50px;
}
.wizard > .panel-body {
  min-height: 480px;
  overflow: hidden;
}
/**
 * Common Styles
 */
.alert-message a.btn {
  text-decoration: none;
}
.instruction-block {
  padding: 10px 10px 15px 10px;
}
.instruction-block p + p {
  margin-top: 20px;
}
/**
 * Styles for the start page
 */
#startView {
  /* Adding an additional size for super small */
}
#startView .align-middle {
  vertical-align: middle;
}
#startView #instructions {
  padding: 10px 10px 15px 10px;
}
#startView #instructions p + p {
  margin-top: 20px;
}
#startView div.list-group-item {
  color: #555;
}
#startView .list-group-item.active > div:last-child {
  margin-top: 15px;
  text-align: right;
}
[dir="ltr"] #startView .list-group-item {
  padding-right: 20px;
}
[dir="ltr"] #startView .list-group-item span.vertical-center {
  right: 5px;
}
[dir="rtl"] #startView .list-group-item {
  padding-left: 20px;
}
[dir="rtl"] #startView .list-group-item span.vertical-center {
  left: 5px;
}
#startView .list-group-item .btn {
  min-width: 100px;
}
#startView .list-group-item .col-xs-4 {
  text-align: left;
}
#startView .list-group-item div:last-child,
#startView .list-group-item .skinny {
  padding-left: 20px;
  padding-right: 20px;
}
#startView .list-group-item:nth-child(even) {
  background-color: #d7edf9;
}
#startView .list-group-item.well hr {
  border-color: #bbbbbb;
}
#startView .list-group-item > span:first-child {
  display: table-cell;
  height: 3em;
  vertical-align: middle;
}
#startView .list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
#startView .list-group-item .lead {
  margin-bottom: 10px;
}
#startView .list-group-item .skinny {
  font-weight: 200;
}
#startView .list-group-item #hackedServerExplanation,
#startView .list-group-item label {
  font-weight: 200;
}
#startView .list-group-item label.selected {
  font-weight: bold;
}
#startView .list-group-item div.position-trap {
  position: relative;
  padding: 0;
}
#startView div.list-group-item.well {
  padding-bottom: 60px;
  /* Expands bottom to accommodated the button that is floating */
}
#startView .visible-xs,
#startView .visible-xxs {
  display: none !important;
}
@media (max-width: 450px) {
  #startView .visible-xxs {
    display: block !important;
  }
  #startView .list-group-item .btn {
    min-width: 50px;
  }
}
/* We have to reapply the visible-xs,sm,and md */
@media (min-width: 451px) and (max-width: 767px) {
  #startView .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #startView .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #startView .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  #startView .visible-lg {
    display: block !important;
  }
}
/**
 * Styles for the TOS page
 */
#tosView #tos #body {
  max-height: 400px;
  overflow-y: auto;
}
#tosView hr {
  margin-bottom: 10px;
  margin-top: 10px;
}
#tosView #errorRemedyButtons {
  margin-top: 10px;
}
#auth-error-view .scary-warning {
  margin-top: 10px;
}
/**
 * Support Info View
 */
#supportInfoView .well {
  cursor: pointer;
}
#supportInfoView .well label {
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
}
#supportInfoView .well input {
  cursor: pointer;
}
#supportInfoView .well .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
#supportInfoView .supportInfo-well-warning {
  border: 1px solid #f1c40f;
  background-color: #fcf8e1;
  color: #333;
  position: relative;
  overflow: hidden;
}
#supportInfoView .supportInfo-warning-text {
  border-top: 1px solid #f1c40f;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
  display: table;
  height: 5.1em;
}
#supportInfoView .supportInfo-warning-text i.fa-exclamation-triangle {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: -22px;
  font-size: 5em;
  opacity: 0.7;
  color: #f1c40f;
}
#supportInfoView .supportInfo-warning-text i + span {
  position: relative;
  z-index: 3;
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
}
/**
 * Grant/Summary Page
 */
#grantView .well {
  cursor: pointer;
}
#grantView .well label {
  font-weight: normal;
  margin-bottom: 0;
  cursor: pointer;
}
#grantView .well input {
  cursor: pointer;
}
#grantView .well .checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
#grantView .grant-well-success {
  border: 1px solid #83b655;
  background-color: #dff2d5;
  color: #333;
}
#grantView .grant-well-warning {
  border: 1px solid #f1c40f;
  background-color: #fcf8e1;
  color: #333;
  position: relative;
  overflow: hidden;
}
#grantView .grant-warning-text {
  border-top: 1px solid #f1c40f;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
  display: table;
  height: 5.1em;
}
#grantView .grant-warning-text i.fa-exclamation-triangle {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: -22px;
  font-size: 5em;
  opacity: 0.7;
  color: #f1c40f;
}
#grantView .grant-warning-text i + span {
  position: relative;
  z-index: 3;
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
}
/**
 * Processing Page
 */
#processingView {
  /* Workaround for checkmark/X wrapping issue on very narrow screens. */
  /* Workaround for issue where alert text isn't influenced by elements
     * pushing from the right the same way that the container is. */
  /* Allow the "Fill out your support request" button text to wrap on very narrow
     * screens so that it doesn't overflow the container. */
}
#processingView .emphasize {
  padding-top: 2px;
  font-size: 17px;
  font-weight: bold;
}
#processingView .row {
  margin-top: 10px;
  margin-bottom: 10px;
}
#processingView .col-xs-1 {
  padding: 0px;
}
#processingView #popup-blocker-alert .alert-message {
  display: block;
}
#processingView #bypass-blocker {
  white-space: normal;
}
#processingView .processing-error-actions {
  display: block;
}
#processingView .processing-error-actions .processing-error-text {
  padding: 10px 0 15px 0;
  display: block;
}
#tosAlert {
  min-width: 370px;
}
#tosAlert p {
  margin-top: 10px;
  margin-bottom: 15x;
}
#tosAlert #errorMessageBody {
  word-break: break-word;
}