/*
* -*- mode: text; coding: utf-8; -*-


   This file is part of Indico.
   Copyright (C) 2002 - 2012 European Organization for Nuclear Research (CERN).

   Indico is free software; you can redistribute it and/or
   modify it under the terms of the GNU General Public License as
   published by the Free Software Foundation; either version 3 of the
   License, or (at your option) any later version.

   Indico is distributed in the hope that it will be useful, but
   WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
   General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with Indico; if not, see <http://www.gnu.org/licenses/>.
*/

.i-button {
    background-color: #EAEAEA;
    border: 1px solid #BBB;
    border-radius: 0.2em;
    color: #777 !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 1em;
    margin: 0;
    padding: 4px 10px 4px;
    outline: none;
    text-align: center;
    transition: color .25s ease-out, border-color .25s ease-out;
    -webkit-transition: color .25s ease-out, border-color .25s ease-out;
    -moz-transition: color .25s ease-out, border-color .25s ease-out;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
}

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

.i-button:hover {
    background-image: -ms-linear-gradient(top, #F7F7F7, #E2E2E2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7F7F7), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #F7F7F7, #E2E2E2);
    background-image: -o-linear-gradient(top, #F7F7F7, #E2E2E2);
    background-image: -moz-linear-gradient(top, #F7F7F7, #E2E2E2);
    background-image: linear-gradient(top, #F7F7F7, #E2E2E2);
    background-repeat: repeat-x;
    border-color: #999;
    box-shadow: 1px 1px 4px rgba(20, 20, 20, 0.1);
    color: #555 !important;
}

.i-button:active {
    background-image: -ms-linear-gradient(top, #E2E2E2, #F7F7F7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E2E2E2), to(#F7F7F7));
    background-image: -webkit-linear-gradient(top, #E2E2E2, #F7F7F7);
    background-image: -o-linear-gradient(top, #E2E2E2, #F7F7F7);
    background-image: -moz-linear-gradient(top, #E2E2E2, #F7F7F7);
    background-image: linear-gradient(bottom, #E2E2E2, #F7F7F7);
    border-color: #BBB;
    box-shadow: 1px 1px 4px rgba(20, 20, 20, 0.1) inset;
}

.i-button.danger {
    background: #AF0000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
    color: #EFEFEF !important;
}

.i-button.danger:hover {
    background-image: -ms-linear-gradient(top, #CF2323, #AF0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CF2323), to(#AF0000));
    background-image: -webkit-linear-gradient(top, #CF2323, #AF0000);
    background-image: -o-linear-gradient(top, #CF2323, #AF0000);
    background-image: -moz-linear-gradient(top, #CF2323, #AF0000);
    background-image: linear-gradient(top, #CF2323, #AF0000);
    background-repeat: repeat-x;
    color: #f4f4f4 !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088CC', endColorstr='#0055CC', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-shadow: 1px 1px 1px #444;
}

.i-button.warning {
    background: #E99E18;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
    color: #EFEFEF !important;
    font-weight: normal !important;
}

.i-button.warning:hover {
    background-image: -ms-linear-gradient(top, #F3BB08, #E99E18);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3BB08), to(#E99E18));
    background-image: -webkit-linear-gradient(top, #F3BB08, #E99E18);
    background-image: -o-linear-gradient(top, #F3BB08, #E99E18);
    background-image: -moz-linear-gradient(top, #F3BB08, #E99E18);
    background-image: linear-gradient(top, #F3BB08, #E99E18);
    background-repeat: repeat-x;
    color: #FDFDFD !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-shadow: 1px 1px 1px #888 !important;
}

.i-button.accept {
    color: #FDFDFD !important;
    background: #0B8D00;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
}

.i-button.accept:hover {
    background-color: #0b8d00;
    background-image: -ms-linear-gradient(top, #0DA500, #0B8D00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0DA500), to(#0B8D00));
    background-image: -webkit-linear-gradient(top, #0DA500, #0B8D00);
    background-image: -o-linear-gradient(top, #0DA500, #0B8D00);
    background-image: -moz-linear-gradient(top, #0DA500, #0B8D00);
    background-image: linear-gradient(top, #0DA500, #0B8D00);
    background-repeat: repeat-x;
    color: #F4F4F4 important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088CC', endColorstr='#0055CC', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-shadow: 1px 1px 1px #888;
}

.i-button.highlight {
    color: #FDFDFD !important;
    background: #0B63A5;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.1);
}

.i-button.highlight:hover {
    background-color: #0B63A5;
    background-image: -ms-linear-gradient(top, #0E75BA, #0B63A5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0E75BA), to(#0B63A5));
    background-image: -webkit-linear-gradient(top, #0E75BA, #0B63A5);
    background-image: -o-linear-gradient(top, #0E75BA, #0B63A5);
    background-image: -moz-linear-gradient(top, #0E75BA, #0B63A5);
    background-image: linear-gradient(top, #0E75BA, #0B63A5);
    background-repeat: repeat-x;
    color: #F4F4F4 important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088CC', endColorstr='#0055CC', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-shadow: 1px 1px 1px #888;
}


.fav-button {
    font-size: 2em;
}

.fav-button.enabled:hover {
    color: #F5F1C5 !important;
}

.fav-button.enabled {
    background-color: #FAD74C;
    background-image: -ms-linear-gradient(top, #FAD74C, #DAC34A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAD74C), to(#DAC34A));
    background-image: -webkit-linear-gradient(top, #FAD74C, #DAC34A);
    background-image: -o-linear-gradient(top, #FAD74C, #DAC34A);
    background-image: -moz-linear-gradient(top, #FAD74C, #DAC34A);
    background-image: linear-gradient(top, #FAD74C, #DAC34A);

    border-color: #B6AD6F;
    color: #E2E28B !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px #E6DB64;
}

.i-button.label,
.i-button.label:hover {
    background: transparent;
    border-color: #BBB !important;
    box-shadow: none !important;
    color: #555 !important;
    cursor: default;
}

/* ******************** */
/* Button modifications */
/* ******************** */
.i-button.big[class*="icon-"]:before {
    display: block;
    font-size: 2em;
    margin-right: 0;
    margin-bottom: 0.2em;
    text-align: center;
}

.i-button.big {
    padding: 0.8em;
    margin-right: 1em;
    width: 3em;
}

.i-button-small {
    font-size: 11px;
    line-height: 16px;
    padding: 9px;
}

.i-button-mini {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 6px;
}

.i-button-fit {
    width: 100%;
}

.i-button i[class*="icon-"] {
    font-size: 1.2em;
}

.i-button.right {
    margin-left: 5px;
    margin-top: 5px;
}

.i-button[class*="icon-"].icon-only:before {
    margin-right: 0;
}

.i-button[class*="icon-"]:before {
    font-size: 1.2em;
    margin-right: 0.5em;
    vertical-align: -15%;
}

.i-button > [class*="icon-"]:before {
    font-size: 1.2em;
    vertical-align: -15%;
}

.i-button:disabled,
.i-button.disabled,
.group.selection > input[type=checkbox]:disabled + label,
.group.selection > input[type=radio]:disabled + label {
    border: 1px solid #BBB;
    background: #EAEAEA !important;
    box-shadow: none !important;
    color: #BBB !important;
    cursor: default !important;
}

/* ************** */
/* Dropdown menus */
/* ************** */
.dropdown {
    box-shadow: 1px 1px 5px rgba(20, 20, 20, 0.1);
    background: #FAFAFA;
    border: solid 1px #DCDCDC;
    margin-top: 0px;
    padding: 0px;
    position: absolute;
    z-index: 0;
}

.dropdown > li {
    cursor: pointer;
    display: block;
    float: none;
    font-weight: normal;
    height: 1.7rem;
    list-style-type: none;
    min-width: 1em;
    padding: 0.1em 1em;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}

.dropdown > li a {
    display: block;
    line-height: 1.7rem;
    padding-top: 0.1em;
    width: 100%;
}

.dropdown > li a[class*="icon-"]:before {
    color: #777;
    font-size: 1.2rem;
    margin-right: 0.3em;
    vertical-align: -10%;
}

.dropdown > li:hover a {
    color: #888;
}

.trusted, .trusted:hover {
    color: #0B8D00 !important;
}