/**
 * $Id: buttonset.css 173146 2019-07-31 08:51:52Z ztrulec $
 *
 * Copyright (c) 2003-2007 DFB-Medien GmbH & Co. KG. All Rights Reserved.
 *
 * This software is proprietary and confidential information of
 * DFB-Medien GmbH & Co. KG. Use is subject to license terms.
 */
 
/**
 * Spezielle ButtonSet-Stylesheet
 * Name: GreenMile-Buttonset ( Grün )
 *  
 * @project Sportmedia
 * @author  Zeljko Trulec
 * @date    11.12.2007
 * 
 */

@CHARSET "UTF-8";
/* ########################### */
/* Buttons
    .sm-btn         Vollwertiger Button mit einem Text
    .sm-btn-icon    Vollwertiger Button mit einem Icon
    .sm-btn-light   Vollwertiger Button mit einem Text in heller Farbe
    .sm-nobtn       Button-Funktion (Text), mit einer anderer Form (Tabs etc.)
    .sm-nobtn-icon  Button-Funktion (Icon), mit einer anderer Form
    .sm-readonly    Deaktiviert Hover und Pointer
    .btn-sm         Kleinere Version
    .btn-xs         Ganz kleine Version
    
    .ab-btn         Actionbar Button
    
    :link, :focus,      BG: #24ad80     FG: #ffffff
    :hover, :active     BG: #ffffff     FG: #24ad80
    .active         Aktive Menus oder Tabs
*/
.sm-btn, .sm-btn-icon, .sm-btn.sm-btn-icon, .sm-nobtn, .sm-nobtn-icon, .sm-btn-light {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 0;
    border: none;
    cursor: pointer;
}
.sm-nobtn, .sm-nobtn-icon, .btn-group > .sm-btn {
    letter-spacing: 0.5px;
}
.sm-btn, .sm-btn-icon, .sm-nobtn, .sm-nobtn-icon,
.sm-btn:focus, .sm-btn-icon:focus, .sm-nobtn:focus, .sm-nobtn-icon:focus {
    color: #FFFFFF;
    border: none;
    background-color: #24ad80;
}
.sm-btn:focus, .sm-btn-icon:focus,
.sm-btn:active:focus, .sm-btn-icon:active:focus {
    outline-color: #24ad80;
}
.sm-btn-light {
    color: #333333;
    border: none;
    background-color: #D5D5D5;
}
.sm-btn:hover, .sm-btn-icon:hover, .sm-nobtn:hover, .sm-nobtn-icon:hover,
.sm-btn:active, .sm-btn-icon:active, .sm-nobtn:active, .sm-nobtn-icon:active,
.sm-btn:hover:active, .sm-btn-icon:hover:active, .sm-nobtn:hover:active, .sm-nobtn-icon:hover:active {
    color: #24ad80;
    border: none;
    background-color: #FFFFFF;
    box-shadow: none !important;
}
.sm-btn-light:hover, .sm-btn-light:focus, .sm-btn-light:active, .sm-btn-light:hover:active {
    background-color: #FFFFFF;
    color: #333333;
    box-shadow: none;
}
.sm-btn-icon, .sm-nobtn-icon {
    font-size: 14px;
}

.modal-footer .sm-btn {
    min-width: 70px;
}
.sm-btn, .sm-btn.sm-btn-icon, .sm-btn-light {
    padding: 8px 25px;
}
.sm-btn.btn-sm, .sm-btn-icon, .sm-btn-light.btn-sm {
    padding: 5px 8px;
}
.input-group-btn > select.sm-btn, .input-group-btn > .select-wrapper > select.sm-btn {
    padding: 7px 10px;
}
.input-group-btn > .select-wrapper > select {
    text-align: left;
}
.input-group-btn > .select-wrapper > select[disabled].sm-btn {
    padding-right: 20px;
}
.input-group-btn > select.sm-btn.btn-sm {
    padding: 6px 10px;
}
.input-group-btn > .select-wrapper > select.sm-btn.btn-sm {
    padding: 6px 15px 6px 10px;
}
.input-group-btn > .select-wrapper > select[disabled].sm-btn.btn-sm {
    padding-right: 20px;
}

.input-group-btn > .sm-btn, .input-group-btn > .sm-btn-icon,
.input-group-btn > .sm-btn:focus, .input-group-btn > .sm-btn-icon:focus {
    padding: 5px 10px;
    border: 1px solid #24ad80;
    border-left: none;
}
.input-group-btn > .sm-btn:hover, .input-group-btn > .sm-btn-icon:hover,
.input-group-btn > .sm-btn:active, .input-group-btn > .sm-btn-icon:active {
    color: #24ad80;
    border: 1px solid #E5E5E5;
    border-left: none;
    background-color: #F5F5F5;
}

.btn-group > .active {
    color: #24ad80;
    background-color: #F5F5F5;
    box-shadow: inset 0 3px 5px rgba(36, 173, 128, 0.6);
}

.sm-btn.sm-btn-icon > .fas, .sm-btn.sm-btn-icon > .far, .sm-btn.sm-btn-icon > .glyphicon {
    position: relative;
    margin-right: 5px;
}
.sm-btn.sm-btn-icon > .glyphicon {
    top: 2px;
}
.sm-btn.sm-btn-icon > *:not(.fas):not(.far):not(.glyphicon):last-child {
    margin-left: 0px;
}
.sm-btn.sm-btn-icon > .sm-btn-icon-right {
    margin-left: 5px;
    margin-right: 0;
}



@media (max-width: 991px) {
    .sm-bigger .sm-btn.btn-xs, .sm-bigger .sm-btn-icon.btn-xs, .sm-bigger .sm-btn-light.btn-xs {
        font-size: 12px !important;
    }
    .sm-bigger .input-group-btn .sm-btn, .sm-bigger .input-group .sm-btn {
        padding-top: 7px;
    }
    .input-group-btn > .sm-btn, .input-group-btn > .sm-btn-icon, .input-group-btn > .sm-btn:focus, .input-group-btn > .sm-btn-icon:focus {
        padding: 7px 10px;
    }
    .select-wrapper::before,
    .input-group-btn > .select-wrapper::before {
        top: 5px;
    }
}


.sm-btn[disabled], .sm-btn-icon[disabled],
.sm-btn.disabled, .sm-btn-icon.disabled,
.sm-btn-light[disabled], .sm-btn-light.disabled {
    cursor: not-allowed;
}
.sm-danger:not(.sm-on-active),
.sm-danger.active {
    color: #a94442;
    background-color: #f2dede;
}


.actionbar li button.ab-btn {
    min-width: 120px;
}
.actionbar li button.ab-btn:focus, .actionbar li button.ab-btn:hover,
.actionbar li button.ab-btn:active {
    outline: none !important;
}
.actionbar li .sm-danger {
    padding: 7px 30px;
    background-color:#ff5555;
    color: #FFFFFF;
}
.actionbar li .sm-danger:hover, .actionbar li .sm-danger:active,
.actionbar li .sm-danger:focus, .actionbar li .sm-danger:hover:active {
    color: #FF0000 !important;
    background-color: #FFFFFFFF;
}
.disabled .actionbar li button.ab-btn, .actionbar.disabled li button.ab-btn,
[disabled] .actionbar li button.ab-btn, .actionbar[disabled] li button.ab-btn {
    opacity: 0.7;
}
.disabled .sm-danger, .sm-danger.disabled {
    color: inherit !important;
}
.sm-btn.sm-btn-sm.low {
    padding: 0;
}
.sportmedia.ui-button-icon-only {
    font-size: 11px;
}

.sm-btn-icon.sm-warning:not(.sm-on-active) {
    background-color: #E8E800;
    border-color: #c0c000;
}
.sm-btn-icon.sm-warning:hover {
    background: #F3F366;
    border-color: #c0c000;
}
.sm-btn-icon.sm-warning.active {
    background: #EEEE00;
    border-color: #c0c000;
}
.btn-group > .sm-warning.active {
    box-shadow: inset 0 3px 5px rgba(173, 36, 36, 0.6);
}
.sm-btn-icon.sm-warning:active,
.sm-btn-icon.sm-warning:hover:active {
    background: #dada00;
    border-color: #c0c000;
}


.sm-btn-icon.sm-danger:not(.sm-on-active) {
    color: #AA0000;
}
.sm-btn-off,
.sm-btn-icon.sm-danger:not(.sm-on-active) {
    background-color: #E3B1AF;
    border-color: #CC6060;
}
.sm-btn-off:hover,
.sm-btn-icon.sm-danger:hover {
    background-color: #DA9090;
    border-color: #CC6060;
}
.sm-btn-icon.sm-danger:hover,
.sm-btn-icon.sm-danger:active,
.sm-btn-icon.sm-danger:hover:active {
    color: #a94442;
}
.sm-btn-off.active,
.sm-btn-icon.sm-danger.active {
    background-color: #E57C79;
    border-color: #CC6060;
}
.btn-group > .sm-danger.active {
    box-shadow: inset 0 3px 5px rgba(173, 36, 36, 0.6);
}
.sm-btn-off:active,
.sm-btn-icon.sm-danger:active,
.sm-btn-icon.sm-danger:hover:active {
    background-color: #E57C79;
    border-color: #CC6060;
}

.sm-btn-icon.sm-trans, .sm-btn-icon.sm-trans:hover,
.sm-btn-icon.sm-trans:active, .sm-btn-icon.sm-trans.active {
    background-color: transparent;
    border: none;
    outline: none;
}
.sm-btn-icon .toggle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
}
.sm-btn.sm-readonly, .sm-btn-icon.sm-readonly, .sm-btn.sm-btn-icon.sm-readonly,
.sm-nobtn.sm-readonly, .sm-nobtn-icon.sm-readonly, .sm-btn-light.sm-readonly {
    pointer-events: none !important;
}

.sm-panel > .panel-heading .sm-pointer-btn:not(.panel-button) {
    position: relative;
    background-color: transparent;
    color: #333333;
    border: none;
    font-size: 14px !important;
    padding: 0;
    float: right;
    width: 1.5em;
    text-align: center;
    outline: none;
    margin-left: auto;
    margin-right: 0;
    flex-grow: 0;
    height: 17px;
    transition: all 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.sm-panel > .panel-heading .sm-pointer-btn .toggle-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    margin-top: -7px;
}
.sm-panel > .panel-heading .sm-pointer-btn .toggle-icon:last-child {
    margin-top: -6px;
}
.sm-panel > .is-smtoggler.sm-pointer:hover button.sm-pointer-btn {
    color: #24ad80;
}
.sm-panel.panel-info > .is-smtoggler.sm-pointer:hover button.sm-pointer-btn {
    color: #a5d2f0;
}

div.box_level_5 {
    position: relative;
}
    
@media screen {

    /* ########################### */
    /* Boxes */
    .smbox {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 0;
        padding: 7px 10px;
        background-color: #FFFFFF;
        border: none;
    }
    .sm-tabs .smbox {
        box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.3);
        background-color: #FFFFFF;
    }
}

@media print {
    
    input.sportmedia200, input.sportmedia100 {
        display: none;
        visibility: hidden;
    }
}