/**
 * Icons
 */

.icon {
    display: block;

    cursor: pointer;

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

/**
 * Buttons
 */

input[type="button"],
input[type="submit"],
input[type="reset"],
.button {
    display: inline-block;
    border: 0;

    min-width: 125px;
    height: 32px;

    font-size: 14px;
    font-weight: 900;
    line-height: 32px;

    text-align: center;

    padding: 0 15px;
    margin: 10px 10px 5px 10px;

    color: #FFFFFF;
    border-radius: 5px;

    cursor: pointer;
    text-decoration: none;

    background-color: #26348B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#26348B), to(#18225B));
    background-image: -webkit-linear-gradient(top, #26348B, #18225B);
    background-image: -moz-linear-gradient(top, #26348B, #18225B);
    background-image: -ms-linear-gradient(top, #26348B, #18225B);
    background-image: -o-linear-gradient(top, #26348B, #18225B);
    background-image: linear-gradient(to bottom, #26348B, #18225B);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26348B, endColorstr=#18225B);
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active {
    color: #DDDDDD;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
    color: #FFFFFF;

    background-color: #212C7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#212C7A), to(#131B4A));
    background-image: -webkit-linear-gradient(top, #212C7A, #131B4A);
    background-image: -moz-linear-gradient(top, #212C7A, #131B4A);
    background-image: -ms-linear-gradient(top, #212C7A, #131B4A);
    background-image: -o-linear-gradient(top, #212C7A, #131B4A);
    background-image: linear-gradient(to bottom, #212C7A, #131B4A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26348B, endColorstr=#18225B);
}

input[type="reset"],
.button.cancel {
    background-color: #F45B5B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F45B5B), to(#DB3636));
    background-image: -webkit-linear-gradient(top, #F45B5B, #DB3636);
    background-image: -moz-linear-gradient(top, #F45B5B, #DB3636);
    background-image: -ms-linear-gradient(top, #F45B5B, #DB3636);
    background-image: -o-linear-gradient(top, #F45B5B, #DB3636);
    background-image: linear-gradient(to bottom, #F45B5B, #DB3636);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#66A634, endColorstr=#18225B);
}

input[type="reset"]:hover,
.button.cancel:hover {
    background-color: #EA5353;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EA5353), to(#BD2F2F));
    background-image: -webkit-linear-gradient(top, #EA5353, #BD2F2F);
    background-image: -moz-linear-gradient(top, #EA5353, #BD2F2F);
    background-image: -ms-linear-gradient(top, #EA5353, #BD2F2F);
    background-image: -o-linear-gradient(top, #EA5353, #BD2F2F);
    background-image: linear-gradient(to bottom, #EA5353, #BD2F2F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#66A634, endColorstr=#18225B);
}

input[type="button"].disabled,
input[type="submit"].disabled,
input[type="reset"].disabled,
.button.disabled {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#959595));
    background-image: -webkit-linear-gradient(top, #cecece, #959595);
    background-image: -moz-linear-gradient(top, #cecece, #959595);
    background-image: -ms-linear-gradient(top, #cecece, #959595);
    background-image: -o-linear-gradient(top, #cecece, #959595);
    background-image: linear-gradient(to bottom, #cecece, #959595);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cecece, endColorstr=#959595);

    touch-action: none;
    pointer-events: none;
}

input[type="button"].disabled:hover,
input[type="submit"].disabled:hover,
.button.disabled:hover {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#959595));
    background-image: -webkit-linear-gradient(top, #cecece, #959595);
    background-image: -moz-linear-gradient(top, #cecece, #959595);
    background-image: -ms-linear-gradient(top, #cecece, #959595);
    background-image: -o-linear-gradient(top, #cecece, #959595);
    background-image: linear-gradient(to bottom, #cecece, #959595);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cecece, endColorstr=#959595);

    touch-action: none;
    pointer-events: none;
}

input[type="text"].disabled,
select.disabled {
    background-color: #cecece;

    touch-action: none;
    pointer-events: none;
}

/**
 * Disabled fields
 */

.field.disabled .value,
.field.disabled .value input[type="text"],
.field.disabled .value select {
    background-color: #eeeeee;
}

/* Animation keyframes  */

@keyframes rotate-loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

/**
 * Dropdown panel
 */

.dropdown {
    color: #575757;
}

.dropdown div.dropdown-panel {
    padding: 8px 0px;
}

.dropdown-panel p {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0;
    padding: 5px 20px 5px 20px;
}

.dropdown-panel ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown-panel ul li {
  position: relative;
  list-style: none;
  padding: 0 0;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.25rem;
  color: #969696;
}

.dropdown-panel ul li > a,
.dropdown-panel ul label {
  display: block;
  color: inherit;
  text-decoration: none;
  line-height: 18px;
  padding: 3px 20px;
  margin: 0;
  white-space: nowrap;
}

.dropdown-panel ul li > a:hover,
.dropdown-panel ul label:hover {
  background-color: #f2f2f2;
  color: inherit;
  cursor: pointer;
  color: #383838;
}

.dropdown-panel ul .divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}

/**
 * Disable selection
 */

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                not supported by any browser */
}

/**
 * Remove outline from range selector input
 */
input[type='range'],
input[type='range']:focus,
input[type='range']:active,
input[type='range']::-moz-focus-inner,
input[type='range']::-moz-focus-outer,
input[type='range']:-moz-focusring {
    border: 0;
    outline: none;
}

/**
 * Hidden elements
 */
.hidden {
    display: none !important;
}

/**
 * Centered elements
 */
.centered {
    text-align: center;
}

/**
 * Watermarked elements
 */

.watermarked {
  position: relative;
  z-index: 0;
}

.watermarked::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background-image: url('../images/watermark.png');
  background-repeat: repeat;
  background-size: calc(100% / 3) auto;
  background-position: top left;

  opacity: 0.125;
  z-index: 1;
  pointer-events: none;
}

/**
 * Waiting elements
 */
.waiting,
.waiting a:hover,
.waiting *
{
    cursor: wait !important;
}

/**
 * Overlay
 */
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    cursor: wait;
    z-index: 10000;
}