/* [ buttons ] */
.tC {
    text-align:center;
}
.btn-widget,
.btn-widget:hover {
    color:#fff;
    text-decoration:none;
}
.btn-widget {
    font:normal 18px/1.2 'robotoregular',Helvetica,Arial,sans-serif;
    text-align:center;
    text-shadow:0 1px 0 rgba(0,0,0,.1);
    vertical-align:middle;
    white-space:nowrap;
    padding:0;
    cursor:pointer;
    display:inline-block;
    border:0;
    outline:0;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
.btn-widget em {
    font-style:normal;
}
.btn-widget.disabled {
    opacity:1;
}
.btn-widget .dsp-cell {
    padding:11px;
    display:table-cell;
    vertical-align:middle;
    line-height:25px;
}
.btn-widget .dsp-cell:first-child {
    padding-right:0;
}
.btn-widget .btn-widget-main .dsp-cell:first-child {
    line-height:1;
}

.btn-widget .ico {
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    position:relative;
    top:-1px;
    background:url(../../../../images/app/widget/button/icons.png) no-repeat;
}
.btn-widget .ico-cm {
    background-position:0 0;
    width:27px;
    height:26px;
}
.btn-widget .ico-user {
    background-position:-28px -11px;
    width:15px;
    height:16px;
    margin-right:5px;
}
.btn-widget .ico-key {
    background-position:-45px -11px;
    width:16px;
    height:16px;
    margin-right:5px;
}
.btn-widget .group ul,
.btn-widget .group li {
    list-style:none;
    margin:0;
    padding:0;
}
.btn-widget .group li {
    display:inline-block;
}


/* standard */
.btn-widget-standard {
    position:relative;
    border-radius:30px;
    background:#6ebe3b;
    background:-webkit-linear-gradient(top,  #79cb45 0%,#6ebe3b 100%);
    background:linear-gradient(to bottom,  #79cb45 0%,#6ebe3b 100%);
}
.btn-widget-standard:before {
    content:'';
    display:block;
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    left:0;
    right:0;
    border-radius:30px;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);
}
.btn-widget-standard .btn-widget-main,
.btn-widget-standard .btn-widget-addon {
    display:inline-block;
    height:46px;
    vertical-align:middle;
}
.btn-widget-standard .btn-widget-main {
    padding-right:11px;
    border-radius:30px;
    position:relative;
    z-index:2;
    background:#6ebe3b;
    background:-webkit-linear-gradient(top,  #79cb45 0%,#6ebe3b 100%);
    background:linear-gradient(to bottom,  #79cb45 0%,#6ebe3b 100%);
}
.btn-widget-standard .btn-widget-addon {
    background:rgba(0,0,0,.15);
    position:relative;
    z-index:1;
}
.btn-widget-standard .btn-widget-addon.pos-r {
    border-radius:0 30px 30px 0;
    padding-right:11px;
    padding-left:40px;
    margin-left:-40px;
}


.btn-widget .group span {
    text-align:center;
    display:inline-block;
    min-width:38px;    
}
.btn-widget-standard .group span {
    padding:3px 4px;
    margin:-3px 1px;
    background:rgba(0,0,0,.15);
    border-radius:4px;
}



.btn-widget-standard .group {
    padding-left:0;
    padding-right:5px;
    line-height:20px;
}
.btn-widget-standard .group span {
    box-shadow:inset 0 1px 3px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.2);
}



.btn-widget-standard.disabled .btn-widget-main {
    background:#d5d9d4;
    background:-webkit-linear-gradient(top,  #d5d9d4 0%,#c7cbc5 100%);
    background:linear-gradient(to bottom,  #d5d9d4 0%,#c7cbc5 100%);
}



/* modern */
.btn-widget-modern .btn-widget-addon {
    background:#71c03d;
    background:-webkit-linear-gradient(top,  #71c03d 0%,#6bbc39 100%);
    background:linear-gradient(to bottom,  #71c03d 0%,#6bbc39 100%);
}
.btn-widget-modern .btn-widget-main {
    box-shadow:inset 0 -3px 0 rgba(0,0,0,.13);
    border-radius:4px;
    position:relative;
    background:#71c03d;
    background:-webkit-linear-gradient(top,  #71c03d 0%,#6bbc39 100%);
    background:linear-gradient(to bottom,  #71c03d 0%,#6bbc39 100%);
}
.btn-widget-modern.disabled .btn-widget-main {
    background:#c0c0c0;
    background:-webkit-linear-gradient(top,  #c0c0c0 0%,#c2c2c2 100%);
    background:linear-gradient(to bottom,  #c0c0c0 0%,#c2c2c2 100%);
}
.btn-widget-main .btn-widget-addon .ico-key {
    background-position:-63px -17px;
    height:10px;
    width:10px;
}
.btn-widget-modern .group {
    background:rgba(0,0,0,.15);
    border-bottom-right-radius:4px;
       border-top-right-radius:4px;
}
.btn-widget-modern .group.pos-r {
    box-shadow:inset 1px 0 2px rgba(0,0,0,.14);
}
.btn-widget-modern .btn-widget-addon {
    font-family:'robotoregular', Helvetica, Arial, sans-serif;
    font-size:12px;
    text-align:center;
    text-shadow:none;
    display:block;
    padding:4px 6px 6px;
    background:rgba(0,0,0,.15);
    border-bottom-right-radius:4px;
     border-bottom-left-radius:4px;
}
.btn-widget-modern-attendees .group.pos-r {
    padding-top:10px;
    padding-bottom:10px;
    position:absolute;
    left:100%;
    top:0;
    box-shadow:inset 1px 0 2px rgba(0,0,0,.14), inset 0 -3px 0 rgba(0,0,0,.13);
    background:#5b9f30;
    background:-webkit-linear-gradient(top,  #61a534 0%,#5b9f30 100%);
    background:linear-gradient(to bottom,  #61a534 0%,#5b9f30 100%);
}

.btn-widget-modern-attendees .btn-widget-main {
    border-top-right-radius:0;
}
.btn-widget-modern-attendees .dsp-cell {
    padding-top:8px;
    padding-bottom:8px;
}