/*
______________________________________________________________________________
   |       |
   | knipp |           Knipp Medien und Kommunikation GmbH
    - - - -


    CORE GATEWAY WHOIS PROJECT

    Copyright (C) by Knipp Medien und Kommunikation GmbH

    initial author:    Igor Lubimov
    version:           $Revision: 22016 $
                       $Date: 2019-07-25 18:32:59 +0200 (Thu, 25 Jul 2019) $
                       $Author: thomas.corte $

*/


/*
================================================================================
===== CSS file for action button and link component ============================
================================================================================
*/

div.actionButton,
div.actionLink {
  position: relative;
}

div.actionButton.inline,
div.actionLink.inline {
  display: inline-block;
}

div.actionButton input {
  display: inline-block;
  text-align: center;
  min-width: 100px;
}

div.actionLink > a,
div.actionLink > span:not([id $= ':status']) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  width: 100%;
}

div.actionButton input,
div.actionLink > a,
div.actionLink > span:not([id $= ':status']) {
  height: 26px;
  border: 1px solid #192730;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  /* fallback if no backround image*/
  background-color:#192730;
  /* fallback */
  background-image:  url("/javax.faces.resource/css/images/bg_action_button.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #4f616d, #192730);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #4f616d, #192730);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #4f616d, #192730);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #4f616d, #192730);
  background-image: linear-gradient(top, #4f616d, #192730);
  background-position: left top;
  background-repeat: repeat-x;
}

div.actionButton input:hover,
div.actionLink a:hover {
  cursor: pointer;
  text-decoration: underline;
  background-image: none;
}

div.actionButton input {
  min-width: 116px;
}

div.actionLink > a,
div.actionLink > span:not([id $= ':status']) {
  display: inline-block;
  min-width: 100px;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
  background: none;
}

div.actionButton input,
div.actionLink > a,
div.actionLink > span:not([id $= ':status']) {
  font-weight: 600;
  color:#fff;
}

div.actionLink span:not([id $= ':status']) {
  color: inherit;
}

div.actionLink.disabled > span {
  color: inactivecaptiontext;
  cursor: not-allowed;
}

div.actionButton .displayNone,
div.actionLink .displayNone {
  color: transparent !important;
}

div.actionLink .displayNone > * {
  visibility: hidden;
}

div.actionButton.hidden,
div.actionLink.hidden {
  width: 0;
  height: 0;
  min-width: 0;
  visibility: hidden;
  overflow: hidden;
}

div.actionButton.default input,
div.actionLink.default > a,
div.actionLink.default > span:not([id $= ':status']) {
  color: white;
  border-color: #030303;
  background-color: #030303;
  /* fallback */
  background-image:  url("/javax.faces.resource/css/images/bg_action_button.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #707173, #030303);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #707173, #030303);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #707173, #030303);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #707173, #030303);
  background-image: linear-gradient(top, #707173, #030303);
}

div.actionButton.default input:active,
div.actionLink.default a:active {
  /* fallback */
  background-image:  url("/javax.faces.resource/css/images/bg_action_button.png.faces");
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #030303, #707173);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #030303, #707173);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #030303, #707173);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #030303, #707173);
  background-image: linear-gradient(top, #030303, #707173);

  background-color: #707173;
}

div.actionButton.cancel input,
div.actionLink.cancel > a,
div.actionLink.cancel > span:not([id $= ':status']) {
  border-color: #c4cbd0;
  background-color:#c4cbd0;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #eff1f2, #c4cbd0);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #eff1f2, #c4cbd0);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #eff1f2, #c4cbd0);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #eff1f2, #c4cbd0);
  background-image: linear-gradient(top, #eff1f2, #c4cbd0);
}

div.actionButton.cancel input:active,
div.actionLink.cancel a:active {
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #c4cbd0, #eff1f2);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #c4cbd0, #eff1f2);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #c4cbd0, #eff1f2);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #c4cbd0, #eff1f2);
  background-image: linear-gradient(top, #c4cbd0, #eff1f2);

  background-color: #eff1f2;
}

div.actionButton.right,
div.actionButton.default,
div.actionLink.right,
div.actionLink.default,
div.actionLink.cancel.right {
  float: right;
}

div.actionButton.cancel,
div.actionButton.left,
div.actionLink.cancel,
div.actionLink.left {
  float: left;
}

div.actionButton.marginedRight,
div.actionLink.marginedRight {
  margin-right: 10px;
}

div.actionButton.marginedLeft,
div.actionLink.marginedLeft {
  margin-left: 10px;
}

div.actionButton.marginedTop,
div.actionLink.marginedTop {
  margin-top: 10px;
}

div.actionButton.marginedBottom,
div.actionLink.marginedBottom {
  margin-bottom: 10px;
}

div.actionButton.toggle input,
div.actionButton.pop-up input,
div.actionButton.inline input,
div.actionButton.button input,
div.actionLink.toggle a,
div.actionLink.pop-up a,
div.actionLink.inline a,
div.actionLink.button a,
div.actionLink.toggle > span:not([id $= ':status']),
div.actionLink.pop-up > span:not([id $= ':status']),
div.actionLink.inline > span:not([id $= ':status']),
div.actionLink.button > span:not([id $= ':status']) {
  min-width: 0;
  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #eceded, #d9dadb);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #eceded, #d9dadb);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #eceded, #d9dadb);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #eceded, #d9dadb);
  background-image: linear-gradient(top, #eceded, #d9dadb);

  border-color: #b0b9c0;
  background-color: #eceded;
}

div.actionButton.toggle.on input,
div.actionButton.pop-up input:active,
div.actionButton.inline input:active,
div.actionButton.button input:active,
div.actionLink.toggle.on a,
div.actionLink.pop-up a:active,
div.actionLink.inline a:active,
div.actionLink.button a:active {
  /* fallback */
  background-image:  url("/javax.faces.resource/css/images/bg_action_button.png.faces");

  /* Safari 5.1+, Mobile Safari, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, #d9dadb, #eceded);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #d9dadb, #eceded);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #d9dadb, #eceded);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #d9dadb, #eceded);
  background-image: linear-gradient(top, #d9dadb, #eceded);

  background-color: #eceded;
}


div.actionButton.pop-up input,
div.actionButton.toggle input,
div.actionButton.inline input,
div.actionButton.button input,
div.actionLink.pop-up a,
div.actionLink.toggle a,
div.actionLink.inline a,
div.actionLink.button a {
  color: #030303;
}

div.actionButton.cancel input,
div.actionLink.cancel a {
  color: #4a565d;
}


/** display an arrow in the quick jump section */

div.actionButton.stepPrev input,
div.actionButton.stepNext input,
div.actionLink.stepPrev a,
div.actionLink.stepNext a {
  background-image: -webkit-linear-gradient(top, #EBEBEB, #d9dadb);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #EBEBEB, #d9dadb);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #EBEBEB, #d9dadb);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #EBEBEB, #d9dadb);
  background-image: linear-gradient(top, #EBEBEB, #d9dadb);

  background-color: #d9dadb;
  border: 1px solid #B0B9C0;
  width: 26px;
  min-width: 0;
}

div.actionButton.stepPrev input:active,
div.actionButton.stepNext input:active,
div.actionLink.stepPrev a:active,
div.actionLink.stepNext a:active {
  background-image: -webkit-linear-gradient(top, #d9dadb, #EBEBEB);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, #d9dadb, #EBEBEB);
  /* IE 10+ */
  background-image: -ms-linear-gradient(top, #d9dadb, #EBEBEB);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, #d9dadb, #EBEBEB);
  background-image: linear-gradient(top, #d9dadb, #EBEBEB);

  background-color: #EBEBEB;
  border: 1px solid #B0B9C0;
  width: 26px;
  min-width: 0;
}

div.actionLink.stepPrev a,
div.actionLink.stepNext a {
  position: relative;
  padding: 0;
  color: transparent;
  background-color: transparent;
  text-decoration-color: transparent;
}

div.actionLink.stepPrev a:after,
div.actionLink.stepNext a:after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

div.actionLink.stepNext a:after {
  content: ">";
}

div.actionLink.stepPrev a:after {
  content: "<";
}

div.actionButton.stepNext input,
div.actionLink.stepNext a:after {
  background-image: url("/javax.faces.resource/css/images/step_next.png.faces");
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  background-color: transparent;
  text-decoration-color: transparent;
}

div.actionButton.stepNext input {
  border-radius: 0;
  padding: 0;
  min-width: 26px;
}

div.actionLink.stepNext a:after {
  border: 0;
}

div.actionButton.stepPrev input,
div.actionLink.stepPrev a:after {
  background-image: url("/javax.faces.resource/css/images/step_prev.png.faces");
  background-position: center center;
  background-repeat: no-repeat;
  color: transparent;
  background-color: transparent;
  text-decoration-color: transparent;
}

div.actionButton.stepPrev input {
  border-radius: 0;
  padding: 0;
  min-width: 26px;
}

div.actionButton .actionButtonAjaxStatus,
div.actionLink .actionLinkAjaxStatus {
  position: absolute;
  display: block;

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-position: center;
  background-image: url("/javax.faces.resource/css/images/action-button-ajax-loader.gif.faces");
  background-repeat: no-repeat;
}