@charset "utf-8";
@import "reset.css";
@import "grid.css";

/* ------------------------------------------
       GENERAL STYLING
--------------------------------------------- */
body {
  position: relative;
}

p {
  color: inherit;
  line-height: 1.5em;
}

pre, .mono {
  font-family: monospace;
  white-space: pre-wrap;
}

.center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

strong, .bold {
  font-weight: bold;
}

em, .ital {
  font-style: italic;
}

.invalid_value {
  background-color: #d69999;
}

.red, span.error, a.red:visited {
  color: #d00;
}

.green {
  color: #006400;
}

.strike {
  text-decoration: line-through;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.fn {
  float: none;
}

.vab {
  vertical-align: bottom;
}

.vam {
  vertical-align: middle;
}

.dn {
  display: none;
}

.di {
  display: inline;
}

.dib {
  display: inline-block;
}

.db {
  display: block;
}

.w100 {
  width: 100%;
}

.w200p {
  width: 200px;
}

.icon {
  height: 18px;
}

.key_label {
  background: transparent url(../images/icons/label.png) no-repeat top right;
  padding: 4px 18px 0 2px;
  color: #000;
  font-style: italic;
  cursor: default;
}

.obj_unmanaged {
  color: #d00;
}

.obj_managed {
  font-style: inherit;
  color: inherit;
}

.obj_legacy, .not_enabled {
  font-style: italic;
  color: #444;
}

.placeholder {
  font-style: italic;
  color: #808080;
}

.inh_height {
  height: inherit;
}

h1, h2, h3, h4, h5 {
  margin-top: 10px;
  font-weight: normal;
  color: #666;
}

h1 {
  font-size: 26px;
  margin-bottom: 20px;
}

h2 {
  font-size: 24px;
  color: #555555;
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

h3 {
  font-size: 21px;
  margin-bottom: 10px;
}

h4 {
  font-size: 17px;
  color: #666;
  margin-bottom: 10px;
}

h5 {
  font-size: 16px;
  margin-bottom: 10px;
}

h6 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.heading {
  width: 430px;
  float: left;
}

.heading h1 {
  font-size: 24px;
  letter-spacing: -1px;
  color: #fff;
  margin-top: 15px;
  padding-left: 130px;
  white-space: nowrap;
  margin-bottom: 5px;
}

.trademark {
  position: relative;
  top: -8px;
  left: 3px;
  letter-spacing: 0;
  font-size: 12px;
  margin-top: 0;
}

ul {
  margin-top: 8px;
  margin-bottom: 8px;
}

blockquote {
  margin: 22px 40px;
  color: #575757;
  padding: 0 50px;
  background: transparent url(../images/icons/blockquote.gif) no-repeat 0 0;
}

a,
a:active,
.toast-message a {
  color: #26a;
}

a {
  text-decoration: none;
}

a:hover {
  color: #048;
}

a:active {
  outline: none;
}

a.tab {
  color: #555;
  text-decoration: none;
  margin-right: 10px;
}

a.sel {
  font-weight: bold;
}

dd p {
  line-height: 120% !important;
}

p.audit {
  line-height: 120% !important;
  text-indent: -20px;
  margin-left: 20px;
  margin-bottom: 5px;
}

p.audit span {
  color: #888;
  margin: 2px 0 5px 0;
  white-space: nowrap;
  font-size: 80%;
}

/* ----------------------------
        FORMS
------------------------------ */

/* ------------ SUBMIT BUTTONS ------------ */

input[type=submit],
button[type=submit],
input[type=button],
button,
a.button {
  line-height: 1;
  border: 0;
  font-family: ProximaNova, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  background-color: #088daa;
  background: linear-gradient(0deg, #07758d, #0999b9); 
  margin: 1px;
  padding: 10px 15px 9px 15px;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
  border-style: solid;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  text-align: center;
  white-space: nowrap;
  color: white;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

a.button {
  line-height: 20px;
}

input[type=submit]:hover, input[type=button]:hover, button[type=submit]:hover, button:hover, a.button:hover,
input[type=submit].special:hover, input[type=button].special:hover, button[type=submit].special:hover, button.special:hover, a.button.special:hover,
input[type=submit].delete:hover, input[type=button].delete:hover, button[type=submit].delete:hover, button.delete:hover, a.button.delete:hover,
input[type=submit].cancel:hover, input[type=button].cancel:hover, button[type=submit].cancel:hover {
  text-decoration: none;
  background: #067188;
}

button.cancel:hover, a.button.cancel:hover {
  background: #424242;
}

a.button.disabled,
input[type=button]:disabled,
button:disabled,
a.button.disabled:hover,
input[type=button]:disabled:hover,
button:disabled:hover {
  color: #fff;
  background: #ccc;
  cursor: default;
  text-shadow: none;
}

#multi_action_form input[type=submit],
#multi_action_form button[type=submit],
#multi_action_form input[type=button],
#multi_action_form button,
#multi_action_form a.button,
#single_item_actions input[type=submit],
#single_item_actions button[type=submit],
#single_item_actions input[type=button],
#single_item_actions button,
#single_item_actions a.button {
  line-height: 20px;
  padding: 2px 5px 2px 4px;
  margin: 1px 0 0 0;
}

#actionButtons {
  padding-left: 144px;
}

#actionButtons span {
  margin-left: -134px;
  float: left;
  padding-top: 4px;
}

input[type=submit].special, input[type=button].special, button[type=submit].special, button.special {
  background-color: #333;
}

input[type=submit].delete, input[type=button].delete, button[type=submit].delete, button.delete {
  background-color: #D0021B;
}

input[type=submit].cancel, input[type=button].cancel, button[type=submit].cancel, button.cancel {
  background: #666;
}



form p {
  clear: both;
  margin-top: 8px;
  margin-bottom: 8px;
}

div.form_field {
  padding-top: 8px;
  padding-bottom: 3px;
  clear: both;
}

div.form_item a {
  background: url(../images/icons/icon_deletelink.png) no-repeat left center;
  color: #d00;
  display: inline-block;
  width: 16px;
  text-decoration: none;
}

div.label, div.label_medium, div.label_long, div.label_very_long {
  float: left;
  padding-top: 6px;
}

div.label {
  width: 12em;
}

div.label_medium {
  width: 16em;
}

div.label_long {
  width: 20em;
}

div.label_super_long {
  width: 99%;
}

div.label_very_long {
  width: 24em;
  color: #555;
  margin-right: 10px;
}

form label {
  font-size: 13px;
  font-weight: bold;
  color: #555;
  margin-right: 10px;
  vertical-align: middle;
  clear: left;
  padding-left: 2px;
}

form p .valid {
  color: #45bf4e;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
  margin-left: 8px;
}

form p .error, .errorlist {
  color: #e12722;
  font-weight: bold;
  font-size: 11px;
  margin-left: 8px;
}

form .err {
  border: 1px solid red !important;
}

form[name=ek_edit] label,
form[name=app_edit] label,
form[name=pr_edit] label {
  min-width: 100px;
  display: inline-block;
}

input[type=text],
input[type=number],
input[type=password],
input[type=checkbox],
select {
  background: #fefefe;
  border: 1px solid #bbb;
  font-size: 14px;
  color: #333;
  padding: 2px;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: 3px;
}

input[type=text].medium {
  width: 600px;
}

input[type=text].large {
  width: 98%;
}

textarea {
  width: 98%;
  padding: 5px;
  margin-top: 2px;
  background: #fefefe;
  border: 1px solid #bbb;
  font-size: 14px;
  color: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  background-color: #F1F2F3;
  border: 1px solid #999999;
}

input[readonly="readonly"],
input[readonly="readonly"]:focus {
  border: none;
  background-color: #F1F2F3;
}

textarea[readonly="readonly"],
textarea[readonly="readonly"]:focus {
  border: 1px solid #efefef;
  background-color: #F1F2F3;
}

select {
  height: 24px;
}

select option {
  outline: none;
}

.horizontal_radio_buttons ul li {
  display: inline;
  float: left;
  list-style-type: none;
  padding-right: 20px;
}

.horizontal_radio_buttons input[type="checkbox"] {
  min-width: 24px;
}

.horizontal_radio_buttons input[type="radio"] {
  min-width: 16px;
}

.horizontal_help_text {
  display: inline;
  float: left;
  margin: 3px 0 0 8px;
  font-size: 10px;
}

span.helptext {
  display: inline-block;
  margin: 3px 0 0 8px;
  font-size: 11px;
}

div.showing {
  display: inherit;
}

div.hiding {
  display: none;
}

fieldset {
  margin: 15px 0;
  border: 1px solid;
  padding: 0px 15px 10px 15px;
  background-image: url(../images/icons/form_bg.png);
  background-color: #fafafa;
  background-repeat: repeat-x;
  border-color: #e0e0e0 #ccc #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

fieldset.clean {
  margin: 0;
  border: none;
  padding: 0px 15px 10px 15px;
  background: none;
}

legend {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 3px 5px 5px 5px;
  border: 1px solid;
  border-color: #e0e0e0 #ccc #c0c0c0;
  background-image: url(../images/icons/form_bg.png);
  background-color: #fafafa;
  background-repeat: repeat-x;
  background-size: 1px 30px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -khtml-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
  -o-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

.indent_l_10 {
  margin-left: 10px;
}

.indent_l_20 {
  margin-left: 20px;
}

.indent_l_30 {
  margin-left: 30px;
}

.indent_r_10 {
  margin-right: 10px;
}

.indent_r_20 {
  margin-right: 20px;
}

.indent_r_30 {
  margin-right: 30px;
}

.indent_t_10 {
  margin-top: 10px;
}

.bl {
  display: block;
}

.fn {
  font-weight: normal;
}

.tac {
  text-align: center;
}

/* ------------------------------------------
    CONTROL PANEL - SETTINGS  IN HEADER
--------------------------------------------- */

#placeholder {
  height: 200px;
  width: 620px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 90%;
  color: #ccc;
}

#tooltip {
  font-size: 10px;
  font-weight: bold;
}

/* -------------------------------------------------------
   LOGO
----------------------------------------- ----------------*/

.no-nav {
  padding-bottom: 5px;
}

.about {
  display: inline;
  color: #F1F1F1;
}

.about a {
  color: white;
}

::-moz-focus-inner {
  border: 0;
}

#main_content_wrap {
  clear: both;
  margin-top: 20px;
  margin-bottom: 30px;
}

.legacy-header {
  margin-top: 150px;
}

div.login {
  float: right;
  margin-right: 50px;
  color: #F1F1F1;
}

div.login a {
  color: white;
}

.login-actions {
  margin-top: 16px;
  margin-right: 10px;
}

.login-actions a {
  margin-left: 5px;
  margin-top: 20px;
  text-decoration: none;
}

.tomanagedstate {
  margin-top: -10px;
}

#application_statistics {
  margin-top: 13px;
  margin-left: -45px;
  
}

#login-form {
  max-width: 500px;
}

 #login-form, #login-form form {
 margin: 50px 0px 0px 90px;
 display: block;
 padding: 4px;
}

#login-form div.notification {
  display: inline-block;
}

#login-form input[type=text], #login-form input[type=password] {
  padding: 5px;
  margin: 0px;
  margin-bottom: 8px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.hr-text {
 display: block;
 line-height: 1em;
 position: relative;
 outline: 0;
 border: 0;
 color: black;
 text-align: center;
 height: 1.5em;
 opacity: .5;
 margin: 15px 0px;
}

.hr-text:before {
  content: '';
  background: linear-gradient(to right, #cccccc, #1b1a18, #cccccc);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}

.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 .5em;
  line-height: 1.5em;
  color: black;
  background-color: #fcfcfa;
}

#login-form input[type=submit] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  border-style: solid;
  margin-top: 15px;
  padding: 7px 15px;
  vertical-align: 0.125em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 23px;
  background-color: #0b3954;
  background: linear-gradient(0deg, #1878b1, #1e96de);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  text-align: center;
  white-space: nowrap;
  color: white;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.sso-login {
  border-radius: 4px;
  border-style: solid;
  display: block;
  vertical-align: 0.125em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 37px;
  background-color: #0b3954;
  background: linear-gradient(0deg, #123244, #076094);
  box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}

.sso-login:hover {
  color: #ffffff;
}

.sso-login:focus {
  border: 1px solid #ff751a;
}

.sso-login.disabled {
  background: #a0a0a0;
  box-shadow: none;
}

#pre_login_notice {
  margin: 105px 0px 10px 0px; 
  display: block;
  padding: 4px;
}


/*     DROPDOWN */

.submenu {
  width: 150px;
  display: none;
  position: absolute;
  top: inherit;
  left: inherit;
  border-top: 1px solid #ccc;
  z-index: 102;
}

.submenu a {
  background: #fff;
  border: 1px solid #ccc;
  border-top: 0 solid #ccc;
  width: 100%;
  display: inline-block;
}

/* ---------------------------------------
       NOTICES
----------------------------------------- */

#notices {
  clear: both;
}

#notices ul li a {
  display: block;
  height: 16px;
  line-height: 16px;
  padding: 5px 5px 5px 25px;
}

#notices ul li a {
  font-size: 11px;
  text-decoration: none;
  color: #666;
}

#notices ul li a:hover {
  text-decoration: underline;
}

/*  Icons from the FAT COW HOSTING ICONS http://www.fatcow.com/free-icons */

.info-icon {
  background: transparent url(../images/icons/information.png) no-repeat top left;
  width: 16px;
  height: 16px;
  padding-right: 16px;
}

/* -------------------------------------------
       NOTIFICATIONS
-------------------------------------------- */

.canhide {
  cursor: pointer;
}

.notification {
  padding: 4px 10px 5px;
  clear: both;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin: 0 0 6px 0;
  font-size: 12px;
  position: relative;
  background-color: #efefef;
  border: 1px solid;
  border-color: #e0e0e0 #ccc #aeaeae;
  box-shadow: 0 1px 1px rgba(99, 99, 99, .30);
}

.notification.loader {
  padding: 0;
}

.notification.dash {
  height: 191px;
  max-height: 191px;
  overflow: auto;
}

.notification.loader, .notification.dash {
  margin: 8px 0 5px;
}

.notification p {
  color: #333;
  line-height: 30px;
}

.warning {
  background: url(../images/icons/error.png) #ffe09d;
  border-color: #FFD375 #FEC64E #fdb913;
  white-space: pre-wrap;
}

.success {
  background: url(../images/icons/accept.png) #e4ecb0;
  border-color: #D9E490 #CEDC70 #bdd040;
}

.failure {
  background: url(../images/icons/exclamation.png) #f4a8a8;
  border-color: #F08484 #EB6161 #e32d2d;
}

.information {
  background: url(../images/icons/information-32.png) #9dd4ff;
  border-color: #75C3FF #4DB2FF #1198ff;
}

.lightbulb {
  background: url(../images/icons/lightbulb.png) #f8c4a4;
  border-color: #F6AB7E #F39359 #ee6f22;
}

.messages {
  background: url(../images/icons/email.png) #a1e3fb;
  border-color: #7BD7F9 #55CBF7 #1cbaf4;
}

.warning, .success, .failure, .information, .lightbulb, .messages {
  padding: 9px 20px 10px 65px;
  background-size: auto 28px;
  background-repeat: no-repeat;
  background-position: 15px center;
}

.message p {
  font-size: 11px;
  color: #999;
  line-height: 20px;
}

.message h3 {
  font-size: 20px;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
}

.message h3 span {
  font-size: 13px;
  color: #999;
  font-style: italic;
}

.acc_trigger.first th {
  color: #f0f0f0;
  font-weight: bold;
  text-align: left;
  background-color: #999;
  padding: 5px;
  border: 0 solid #999;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

.acc_trigger.second th {
  color: #f0d0f0;
  font-weight: bold;
  text-align: left;
  background-color: #997999;
  padding: 5px;
  border: 0 solid #997999;
  border-bottom: 1px solid #f0d0f0;
  cursor: pointer;
}

.acc_trigger.third th {
  color: #d0f0f0;
  font-weight: bold;
  text-align: left;
  background-color: #799999;
  padding: 5px;
  border: 0 solid #799999;
  border-bottom: 1px solid #d0f0f0;
  cursor: pointer;
}

.acc_trigger.fourth th {
  color: #f0f0d0;
  font-weight: bold;
  text-align: left;
  background-color: #999979;
  padding: 5px;
  border: 0 solid #999979;
  border-bottom: 1px solid #f0f0d0;
  cursor: pointer;
}

.acc_trigger.fifth th {
  color: #f0d0d0;
  font-weight: bold;
  text-align: left;
  background-color: #997979;
  padding: 5px;
  border: 0 solid #997979;
  border-bottom: 1px solid #f0d0d0;
  cursor: pointer;
}

/* ----------------------------
        ZEBRA STRIPING
------------------------------ */

.checked-row td {
  border-color: #C0B021;
}

.checked-box {
  background-color: #ECE28E;
}

.no-text-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.no-text-select::-moz-selection {
  background: transparent
}


span.warningtext {
  white-space: nowrap;
  color: #C00030;
}

span.warningtext:before {
  content: "\3C";
}

span.warningtext:after {
  content: "\3E";
}

span.sub_title {
  font-size: 16px;
  font-weight: normal !important;
}

/* ----------------------------
      TREES
------------------------------ */

.plus {
  background: url(../images/icons/plus.png) no-repeat right center transparent;
}

.minus {
  background: url(../images/icons/minus.png) no-repeat left center transparent;
}

.treetoggle0 {
  margin-left: 4px;
  background-position: 4px center;
}

.treetoggle1 {
  margin-left: 16px;
  background-position: 16px center;
}

.treetoggle2 {
  margin-left: 28px;
  background-position: 28px center;
}

/* --------------------------------------------------------------
  PROGRESS BAR
-------------------------------------------------------------- */
@-webkit-keyframes pulse {
  0% {
    opacity: 1.0;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1.0;
  }
}

div.pulsating {
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 1s;
}

.progress_bar {
  margin-top: 2px;
  position: relative;
  float: left;
  vertical-align: middle;
  border: 1px solid #666;
  width: 100px;
  height: 9px;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.progress_bar_color {
  background-color: #005699;
  border: none;
  height: 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/* ----------------------------
        ACCORDION
------------------------------ */

h3.acc_trigger, h4.acc_trigger, h5.acc_trigger, h6.acc_trigger, span.acc_trigger {
  /*padding: 0;*/
  font-weight: normal;
  margin: 0;
  /*margin-bottom: 5px;*/
  text-decoration: none;
  /* Added */
  /*display: block;*/
  cursor: pointer;
}

h3.acc_trigger {
  color: #555555;
  height: 46px;
  line-height: 46px;
  font-size: 20px;
  letter-spacing: -1px;
  border-bottom: 1px solid #CCC;
  background: url(../images/icons/h2_trigger_a.gif) no-repeat;
  padding: 0 0 0 50px;
}

h4.acc_trigger, h5.acc_trigger, h6.acc_trigger, span.acc_trigger {
  color: #005699;
  border-bottom: 0 solid #CCC;
}

h4.acc_trigger, span.likeh4 {
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  padding: 0 0 1px 20px;
  background: url(../images/icons/plus_minus.png) no-repeat;
}

h5.acc_trigger, span.likeh5 {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  padding: 0 0 2px 35px;
  border-top: 1px dotted #d6d6d6;
  background: url(../images/icons/plus_minus.png) no-repeat 15px 0;
}

h6.acc_trigger, span.likeh6, span.likeh6n {
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  padding: 0 0 4px 20px;
}

h6.acc_trigger, span.likeh6 {
  background: url(../images/icons/plus_minus.png) no-repeat 30px 0;
}

h3.acc_trigger a {
  color: #555555;
  text-decoration: none;
  display: block;
  padding: 0 0 0 50px;
}

h3.acc_trigger a:hover {
  color: #999;
}

h3.active, h4.active, span.likeh4.active {
  background-position: left bottom;
}

h5.active, span.likeh5.active {
  background-position: 15px -21px;
}

h6.active, span.likeh6.active {
  background-position: 30px -21px;
}

div.contentWrap h2 {
  margin-bottom: 0;
}

div.contentWrap {
  overflow-y: auto;
  padding-right: 5px;
  margin-right: 10px;
}

div.contentWrap > div {
  /* prevent scrollbar appearing with small height */
  margin: 1px 0;
}

div.contentWrap input[type=submit] {
  margin-bottom: 10px;
}

/* automatically absolutely positioned */

.overlay, #overlay {
  width: 600px;
  background-color: #fff;
  display: none;
  padding: 10px 0 10px 15px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #888;
}

#overlay2 {
  background-image: url(../images/icons/overlay.png);
}

div.overlay a.close, a.closebox {
  background-image: url(../images/icons/close.png);
  position: absolute;
  right: 5px;
  top: 6px;
  cursor: pointer;
  height: 27px;
  width: 27px;
}

#overlay_mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9996;
  background-color: rgb(174, 174, 174);
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
}

#general-dialog-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  background-color: rgb(174, 174, 174);
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: none;
}

/* ---------------------------
     Confirmation dialog
----------------------------- */

div.confirmation {
  padding: 0 10px 5px;
  color: #333;
  clear: both;
  margin: 0 0 10px 0;
  font-size: 12px;
  position: relative;
  cursor: default;
}

div.confirmation span.warning,
div.confirmation span.success,
div.confirmation span.failure,
div.confirmation span.information,
div.confirmation span.lightbulb,
div.confirmation span.messages {
  padding: 7px 10px 8px 42px;;
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #efefef;
  border-color: #e0e0e0 #ccc #aeaeae;
}

div.confirmation .confirmation-text {
  font-style: italic;
  font-size: x-small;
  clear: both;
  display: block;
}

div.confirmation-obj-list {
  overflow-y: auto;
  max-height: 350px;
}

#modal_form h1 {
  text-align: center;
  color: #28C;
}

div.confirmation_form_fields_container,
div.key_options_text_container {
  width: 100%;
  margin-top: 15px;
}

div#confirmation_buttons_outer_container {
  width: 100%;
  text-align: center;
  margin: 15px 0;
  clear: both;
}

div#confirmation_buttons_inner_container {
  display: inline-block;
}

div#confirmation_buttons_inner_container a.button {
  padding: 4px 5px;
}

div#confirmation_buttons_inner_container button {
  margin-top: 0;
}

#confirmation_dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9997;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

#general-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.confirmation_dialog_container {
  width: 1000px;
  margin: 40px auto 10px auto;
  background-color: #fff;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  max-height: 87%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  outline: none;
}

.confirmation_dialog_container:focus {
  outline: 0;
}

.confirmation_dialog_content {
  position: relative;
}

#confirmation_dialog h1 {
  text-align: center;
}

#info-label {
  font-weight: normal;
}

.confirmation_form_fields_container div.select2-container,
.key_options_text_container div.select2-container {
  margin-bottom: 20px;
}

.confirmation_form_fields_container label,
.key_options_text_container label {
  width: 150px;
  margin-left: 15px;
  margin-right: 10px;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
}

div.confirmation_form_fields_container input[type=text],
div.key_options_text_container input[type=text] {
  /* must be pixels for sshautocomplete */
  width: 230px;
}

div.confirmation-grid-wrap {
  margin: 0 8px;
}

div.confirmation-grid-container {
  padding-bottom: 20px;
}

div.confirmation-grid-container label {
  margin: 0;
  line-height: 26px;
  vertical-align: baseline;
  font-weight: bold;
  cursor: default;
}

div.confirmation-grid-container input,
div.confirmation-grid-container select {
  width: 100%;
}

div.confirmation-grid-container input[type=radio],
div.confirmation-grid-container input[type=checkbox] {
  min-width: inherit;
  width: 13px;
  padding: 0;
}

div.confirmation-grid-container input[type=radio] {
  margin: -4px 4px 0 0;
}

div.confirmation-grid-container input[type=checkbox] {
  margin: 0 4px 0 0;
}

div.confirmation-grid-container select:disabled,
div.confirmation-grid-container input[type=text]:disabled,
div.confirmation-grid-container input[type=password]:disabled {
  background-color: #eee;
  color: #777;
}

div.confirmation-grid-container textarea {
  resize: none;
  width: 98%;
}

div.confirmation-grid-container textarea[id$="-str"] {
  resize: vertical;
  min-height: 32px;
  max-height: 150px;
}

div.confirmation-grid-container textarea.vertical-resize {
  resize: vertical;
}

div.confirmation-grid-container textarea:disabled,
div.confirmation-grid-container textarea.disabled {
  background-color: #eee;
  color: #777;
}

div.confirmation-grid-container button {
  margin-top: 4px;
}

ul.confirmation-list li {
  margin: 6px 0;
}

ul.confirmation-list button {
  margin-top: -4px;
}

#img {
  position: absolute;
}

div.graph {
  position: relative;
  float: left;
  height: auto;
  width: 100%;
}

div.graph .freediv {
  font-size: 9px;
  line-height: 11px;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 22px;
  background-color: transparent;
  margin: 35px 10px 0 0;
  text-align: left;
  z-index: 22;
}

div.graph p {
  text-align: center;
  text-indent: 0;
}

#calendar-icon {
  display: inline-block;
  position: relative;
  margin-right: 2px;
  margin-top: -1px !important;
  float: right;
  box-sizing: border-box;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: "SSHIcons";
  font-size: 32px;
  color: #057d97;
}

/* ---------------------------
  Selection panels
----------------------------- */

div#details {
  padding-bottom: 9px;
}

div#details h2 {
  margin: 10px 0 0 0;
  font-size: 17px;
  border: 0;
  padding: 0;
  letter-spacing: 0;
}

div#details h2 span {
  color: #888;
}

div#details h4 {
  margin: 2px 0 6px 0;
  overflow: hidden;
}

div#details h5 {
  margin-bottom: 5px;
}

span.link {
  cursor: pointer;
  color: #005699;
  font-size: x-small;
  border-bottom: 1px dotted #005699;
}

span.link:hover {
  border-bottom: 1px solid #005699;
}

span.link#csv_download {
  float: right;
  margin-right: 15px;
}

span.joblog_link {
  font-variant: small-caps;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
}

a.joblog_link {
  text-decoration: underline;
}

pre.joblog {
  white-space: pre;
  max-height: 400px;
  overflow: auto;
  padding: 2px 0;
}

#scrPanelList {
  min-height: 350px;
  /*    height: 400px;*/
  overflow-y: auto;
  overflow-x: auto;
}

div.panel_subtext {
  font-size: small;
  margin-left: 15px;
  margin-bottom: 15px;
}

div.panel_title {
  float: left;
  margin-left: 2px;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: small;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  color: #666;
}

div.panel_action_title {
  font-size: small;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.panel_authorizations {
  max-height: 100px;
  overflow-y: auto;
}

div.panel_key_activity {
  overflow-y: auto;
}

input.panel {
  width: 30px;
}

select.panel {
  min-width: 170px;
  max-width: 170px;
}

dl.detail, #details {
  overflow: hidden;
  padding-bottom: 5px;
}

#details {
  margin-bottom: 0;
  padding-bottom: 0;
}

div#panel_info_container {
  display: inline-block;
}

div.panel_info_left {
  float: left;
}

div.panel_info_right {
  float: right;
  margin-top: 8px;
  margin-bottom: 12px;
}

span.counter,
span.red_counter,
span.green_counter,
span.blue_counter,
span.alerts {
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
  padding: 0 1px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 1px 1px rgba(99, 99, 99, .70);
}

span.counter {
  background-color: #8B8B8B;
  border: 1px solid #7D7D7D;
  border-top-color: #838383;
  border-bottom-color: #6F6F6F;
}

span.red_counter, span.alerts {
  background-color: #F03D25;
  border: 1px solid #D83722;
  border-top-color: #E23923;
  border-bottom-color: #C0311E;
}

span.green_counter {
  background-color: #21BB0D;
  border: 1px solid #2FB01E;
  border-top-color: #2BBA18;
  border-bottom-color: #299A1A;
}

span.blue_counter {
  background-color: #0E60BC;
  border: 1px solid #1E63B0;
  border-top-color: #1864BA;
  border-bottom-color: #1B5699;
}

span.alerts {
  position: relative;
  top: 2px;
  left: -9px;
}

#details dt {
  margin-top: 5px;
  width: 135px;
  line-height: 12px;
  font-size: 11px;
}

#details dt.sub {
  margin-left: 10px;
  margin-top: 3px;
}

#details dd.sub {
  margin-left: 15px;
  margin-top: 3px;
}

#details dt.w100 {
  width: 100%;
}

#details dd {
  margin-top: 5px;
  line-height: 12px;
  font-size: 11px;
  word-wrap: break-word;
  word-break: break-all;
}

#details dd.csv {
  word-wrap: normal;
  word-break: normal;
}

#details tr, #details th, #details td {
  padding: 0;
  border: none;
  line-height: 1.4;
  background: none;
}

#details td {
  padding-left: 20px;
}

#details textarea {
  resize: none;
  font-size: 11px;
  line-height: 12px;
}

p.description {
  font-style: italic;
}

/* Audit event diffs */
li.diffminus {
  font-family: Monaco, Lucidatypewriter, monospace;
  color: #8b0000;
}

li.diffplus {
  font-family: Monaco, Lucidatypewriter, monospace;
  color: #006400;
}

span.diffextra {
  color: #333;
}

div.confbody pre {
  /*    margin-left: 20px;*/
  max-height: 250px;
  overflow: auto;
}

div.sshconfig textarea {
  height: 350px;
  clear: both;
  margin-bottom: 10px;
  font-family: monospace;
}

div.sshconfig textarea.desc {
  height: 60px;
}

div.sshconfig label {
  display: block;
  margin-bottom: 5px;
}

div.sshconfig label b {
  font-weight: bold;
}

div.sshconfig label p {
  margin-left: 20px;
  color: #888;
}

div.sshconfig .showonedit, div.sshconfig .showonedit_inline {
  display: none;
}

div.sshconfig.editing .showonedit {
  display: block;
}

div.sshconfig.editing .showonedit_inline {
  display: inline;
}

div.sshconfig div.diff {
  margin-left: 24px;
  margin-top: -5px;
  margin-bottom: 10px;
  font-size: 11px;
}

div.sshconfig div.diff > div {
  min-height: 20px;
  background: #eef;
  padding: 4px;
}

div.diff > div.wrap {
  -moz-word-wrap: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

span.lineplus {
  color: #006400;
  display: block;
}

span.lineminus {
  color: #8b0000;
  display: block;
}

/* host groups dropdown in conf assignments */
div#groups {
  text-align: right;
  margin-bottom: -33px;
  margin-right: 0;
  float: right;
  z-index: 2000;
  position: relative;
  margin-top: -20px;
}

div#assign_table {
  margin-top: -54px;
}

div#current_filter {
  margin: 0 0 4px 3px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

span.auth_options_title {
  font-size: 20px;
  letter-spacing: -1px;
  color: #555555;
  margin-top: 10px;
  padding-bottom: 10px;
  font-family: Tahoma, Geneva, sans-serif;
}

hr.auth_options_hr {
  margin-top: -10px;
  margin-left: 100px;
  width: 90%;
}

a.api-full {
  color: #888;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  margin: 0 5px;
}

a.api-full:hover {
  color: #222;
}

#output-list {
  max-height: 600px;
  overflow: auto;
  list-style-type: none;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

#output-list li {
  padding: 0 10px;
  line-height: 2;
  border-bottom: 1px solid #ccc;
}

textarea.reason {
  height: 60px;
  width: 500px;
}

form .form_label, div.small_label
form .form_item {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  text-align: left;
}

form .form_label {
  width: 100%;
}

form .form_help {
  color: #aaa;
  margin-bottom: 3px;
}

div.small_label {
  width: 100px;
  margin-right: 10px;
  margin-left: 20px;
}

form .form_item input,
form .form_item select {
  width: 100%;
  min-width: 183px;
}

form .form_item textarea {
  margin-top: 5px;
  width: 99%;
  min-width: 183px;
}

form .form_item input[type=checkbox],
form .form_item input[type=radio],
input[type=radio],
input[type=checkbox] {
  min-width: 40px;
  border: none;
  background: none;
  vertical-align: middle;
  margin-bottom: 2px;
  cursor: pointer;
}

#wrap_ind_columns input[type=checkbox],
#wrap_ind_columns input[type=radio] {
  min-width: 16px;
  border: 1px solid #bbb;
}

div #loader {
  border: 1px solid #ccc;
  width: 500px;
  height: 500px;
}

/**
 * While we're having the loading class set.
 * Removing it, will remove the loading message
 */
div #loader.loading {
  background: url(../images/icons/spinner.gif) no-repeat center center;
}

div.error_container {
  height: 25px;
  padding: 5px;
}

div.error {
  color: #e12722; /*#900*/
  font-style: italic;
}

textarea.error {
  color: #e12722;
  font-style: italic;
}

.exp_plus {
  background: transparent url(../images/icons/plus.png) no-repeat left center;
  padding-left: 18px;
}

.exp_minus {
  background: transparent url(../images/icons/minus.png) no-repeat left center;
  padding-left: 18px;
}

.edit_this {
  background: url(../images/icons/edit.png) no-repeat right center;
  width: auto;
  padding-right: 12px;
  text-decoration: none;
}

.text_button, .text_button:hover {
  color: #333;
  text-decoration: underline;
  border: none;
  background: none;
  width: auto;
  padding-left: 2px;
  padding-bottom: 6px;
}

img.key_icon {
  vertical-align: middle;
}

/* Noscript styles */
noscript div#page {
  margin: 5em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  text-align: center;
}

noscript div#page.base {
  margin: 2em 0 0 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

noscript div#page.base h6 {
  margin: 0 10em;
  padding: 1.5em;
  border: 1px solid #d00;
  color: #d00;
  text-align: center;
}

noscript h1 {
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 250%;
  font-weight: normal;
}

noscript p {
  width: 20em;
  margin-top: 0.5em;
}

noscript span.powered_by {
  color: #4662b1;
  font-weight: normal;
}

div#edit_display_form_links_container {
  float: right;
  text-align: right;
}

div#filter_search_container {
  float: left;
}

a.view_all {
  font-style: italic;
  float: right;
}

/* ----------------------------
        TABLE AND LINKS
------------------------------ */

span.warningtext {
  color: #C00030;
}

span.warningtext:before {
  content: "\3C";
}

span.warningtext:after {
  content: "\3E";
}

span.sub_title {
  font-size: 16px;
  font-weight: normal !important;
}

/* ----------------------------
       BIG ACCORDION
------------------------------ */

.acc_trigger.big, .like_acc_trigger.big {
  padding: 0;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  font-weight: normal;
  background: #fff url(../images/icons/nav_hover_bg.png) left top repeat-x;
  margin: 5px 0 0 0;
  letter-spacing: -1px;

}

.acc_trigger.big {
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
}

.acc_trigger.big.active, .like_acc_trigger.big {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}

.acc_trigger.big a {
  color: #555555;
  display: block;
  padding: 0 0 0 50px;
  background: transparent url(../images/icons/trigger.png) 16px 12px no-repeat;
  text-decoration: none;
  outline: none;
}

.like_acc_trigger.big span {
  color: #000;
  display: block;
  padding: 0 0 0 20px;
}

.acc_trigger a:hover {
  color: #000;
}

.acc_trigger.big.active a {
  background-position: 16px -36px;
}

.acc_container.big, .like_acc_container.big {
  margin: 0 0 5px 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  background: #f0f0f0;

  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

.acc_container.big.round, .like_acc_container.big.round {
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
}

.acc_container.big .block, .like_acc_container.big .block {
  padding: 17px 18px 18px 20px;
}

/* ----------------------------
       SMALL ACCORDION
------------------------------ */

.acc_trigger.small, .like_acc_trigger.small {
  padding: 0;
  height: 18px;
  line-height: 18px;
  color: #555555;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -0.5px;
  vertical-align: middle;
  background: #fff url(../images/icons/nav_hover_bg_20.png) left top repeat-x;
  margin: 3px 0 0 0;

}

.opencloseall {
  margin: 0 0 0 10px;
  padding: 0 0 0 15px;
  line-height: 9px;
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  font-variant: small-caps;
}

.acc_all_open, .close {
  background: transparent url(../images/icons/arr_r.png) left top no-repeat;
}

.acc_all_close, .open {
  background: transparent url(../images/icons/arr_d.png) left 2px no-repeat;
}

.acc_trigger.small {
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
}

.acc_trigger.small.active, .like_acc_trigger.small {
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}

.acc_trigger.small a {
  background: transparent url(../images/icons/trigger.png) 3px 3px no-repeat;
  text-decoration: none;
  outline: none;
  color: #555555;
  display: block;
  padding: 0 0 0 20px;
}

.like_acc_trigger.small span {
  color: #000;
  display: block;
  padding: 0 0 0 10px;
}

.acc_trigger.small:hover a {
  color: #000;
}

.acc_trigger.small.active a {
  background-position: 3px -45px;
}

.acc_container.small, .like_acc_container.small {
  margin: 0 0 5px 0;
  padding: 4px 4px 5px 5px;
  overflow: hidden;
  clear: both;
  background: #f0f0f0;

  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}

.acc_container.small.round, .like_acc_container.small.round {
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
}

.acc_container.small .block, .like_acc_container.small .block {
  padding: 7px 8px 8px 10px;
}

/* ----------------------------
        FORM TOOLTIP
------------------------------ */

.formTooltip {
  width: 152px;
  min-height: 80px;
  position: absolute;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background: url(../images/icons/tooltip.png) no-repeat;
  z-index: 1001;
}

.formTooltip .tipContainer {
  width: 130px;
  padding: 10px 11px 0 10px;
  height: 62px;
  color: #fff;
  overflow: hidden;
}

#toast-container {
  z-index: 10001;
}

input[name=tag_auto],
input[name=tag_remove_auto] {
  width: 300px;
}

div.tdkey > p {
  white-space: nowrap;
}

div.tdkey > span {
  line-height: 15px;
}

div.fprint {
  white-space: nowrap;
  max-width: 450px;
}

p.key.active {
  color: white;
  background-color: #28c;
}

p.key > i {
  font-style: italic;
  margin-left: -5px;
}

/* authorizations page arrow */
p.rightarrow {
  text-align: center;
  font-size: 70px;
}

/* width of autocomplete fields, must be px */
#authorizations_form fieldset input[type=text] {
  width: 250px;
}

/* hide extra info for host groups table */
#hostgroups_panel div.top {
  display: none !important;
}

#hostgroups_panel {
  margin-top: 13px;
}

#selectionPanel {
  position: relative;
  margin-top: 10px;
  margin-bottom: 0;
}



#application-selection-cell {
  border-right: 1px solid #DEE1E1;
}

div.overlay input[type=text], div.overlay input[type=password] {
  width: 40%;
}

div.confirmation_dialog textarea.comment, .overlay textarea {
  height: auto;
}

div.confirmation_dialog div.destlist {
  clear: both;
  margin-left: 30px;
  margin-bottom: 20px;
  width: auto;
}

div.confirmation_dialog div.destlist div.user {
  display: inline-block;
  margin: 3px;
  padding-right: 10px;
  cursor: pointer;
}

div.confirmation_dialog div.destlist div.user:hover {
  background: url(../images/icons/cross-small.png) no-repeat center right;
}

div.confirmation_dialog fieldset {
  padding: 3px 15px;
}

input.auto_dropdown {
  width: 240px;
}

div.buttonrow {
  margin-top: 20px;
  text-align: center;
}

form[name=hg_edit] select {
  width: 100%;
  margin-bottom: 4px;
}

form.tagform p {
  width: 280px;
  clear: none;
  float: left;
  margin: 0 40px 10px 10px;
}

form.tagform label {
  display: block;
}

#addpermbox {
  margin: 12px 0;
}

#filterList li#togglegroups {
  padding: 1px 0;
  background-image: url(../images/icons/hostgroup.png);
  background-position: center;
  width: 28px;
  height: 34px;
  background-repeat: no-repeat;
  margin: -2px 2px 0 0px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 0 #fff;
  cursor: pointer;
}

#filterList li#togglegroups.toggleon {
  background-color: #ccc;
  border-color: #bbb;
}

.centered {
  text-align: center;
}

div.scan-selection-form li {
  width: 32%;
  float: left;
}

div.scan-selection-form li label {
  width: 100%;
}

div.scan-selection-form span.helptext {
  margin-left: 30px;
  margin-right: 20px;
  margin-top: 10px;
  min-height: 60px;
  line-height: 1.2;
}

span.tooltip {
  color: #d00;
}

span.tooltip.check {
  color: #666;
}

span.tooltip b {
  color: #000;
  font-weight: bolder
}

.same_size, .same_size:hover {
  width: 150px;
  height: 12px;
  line-height: 12px;
  padding: 0;
  margin: 0 0 0 10px;
  font-variant: small-caps;
  text-align: left;
}


.general-dialog-content {
  width: 680px;
  margin: 80px auto 10px auto;
  background-color: #fff;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #888;
  padding: 10px 10px 10px 10px;
  box-shadow: 0 2px 10px rgba(99, 99, 99, .50);
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  outline: none;
}

.general-dialog-content dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.general-dialog-help {
  line-height: 15px;
  margin: 15px;
}

.general-dialog-help b {
  font-weight: bold;
}

.general-dialog-help i {
  font-style: italic;
}

.general-dialog-help ul {
  list-style-type: disc;
  margin-top: 15px;
  margin-left: 20px;
}

.general-dialog-help li,
.general-dialog-error li {
  margin-bottom: 5px;
}

.general-dialog-help dl dt {
  width: 20%;
}

.general-dialog-help dd p {
  margin-bottom: 1em;
}

.general-dialog-processing p {
  margin: 15px 15px 0 15px;
}

.general-dialog-warning dl dd {
  display: block;
  white-space: pre;
}

.general-dialog-actions {
  margin-top: 20px;
  padding: 10px 0;
  border-top: 1px solid #ccc;
  width: 100%;
  text-align: center;
}

.subtitle {
  margin-bottom: 0;
}

a.info, button.info {
  background: none;
  padding: 5px;
  width: auto;
  color: #aaa;
  background-color: #fff;
  border: 1px solid #bbb;
}

a.info:hover, button.info:hover {
  color: #333;
  background-color: #fff;
  border: 1px solid #555;
}

button.info {
  padding: 5px;
}

a.info {
  padding: 1px 3px;
}

.overlay-open,
.general-dialog-open {
  overflow: hidden;
}

.overlay-open #confirmation_dialog,
.general-dialog-open #general-dialog {
  display: block;
  overflow-y: hidden;
  overflow-x: hidden;
}

.overlay-open #overlay_mask,
.general-dialog-open #general-dialog-mask {
  display: block;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

pre.wrap-text {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

pre.nowrap-text {
  white-space: nowrap;
  overflow-x: auto;
}

.ui-select-choices-row:hover {
  color: #000;
}

.ui-select-choices-row.select2-highlighted:hover {
  background-color: #3889EB;
}

.select2-result-label .level-0 {
  font-weight: bold;
}

.select2-result-label .level-1 {
  padding-left: 10px;
}

.select2-result-label .level-2,
.select2-result-label .level-3,
.select2-result-label .level-4,
.select2-result-label .level-5,
.select2-result-label .level-6,
.select2-result-label .level-7,
.select2-result-label .level-8,
.select2-result-label .level-9 {
  padding-left: 20px;
}

.list-with-actions li p {
  font-size: 12px;
  margin-top: 4px;
  margin-bottom: 2px;
}

.list-with-actions li p button {
  margin-top: -2px;
}

body a:focus {
  outline: none;
}