/* Buttons */


button { -webkit-tap-highlight-color: transparent; transition: transform 0.15s ease, opacity 0.15s; cursor: pointer; }
button, input[type="submit"], input[type="button"] { -webkit-tap-highlight-color: transparent; }
button:active, input[type="submit"]:active, input[type="button"]:active, .btn:active, .button:active { transform: scale(0.97); opacity: 0.85; }
/* Поведенческий класс для всех кнопок */
.button-tap { transition: transform 0.15s ease, opacity 0.15s ease; cursor: pointer; }
.button-tap:active { transform: scale(0.97); opacity: 0.85; }

.button {display:inline-block;padding:6px 12px 7px;font:14px/normal Tahoma,sans-serif;text-align:center;color:#333;background:linear-gradient(to bottom,#fbfcfc,#f8f8f8);border:1px solid #ccc;border-radius:25px;box-shadow:0 1px 2px rgba(0,0,0,0.08);cursor:pointer;text-decoration:none;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease;}
.button:hover {opacity:0.8;}
.button:active {box-shadow:0 0 3px rgba(0,0,0,0.3) inset;}
.button.fl-r {*margin-right:0}
.button.ml-2 {margin-left:2px}
.opera .button {padding-top:4px;padding-bottom:5px}

/* Button Primary */
.button.button-primary {font-size:16px;line-height:22px;padding:5px 20px 7px;color:#fff;background:#5c687b;border:1px solid #5c687b;border-radius:25px;box-shadow:0 2px 4px rgba(0,0,0,0.12);text-shadow:0 1px 1px rgba(0,0,0,0.1);transition:background 0.2s ease,box-shadow 0.2s ease,opacity 0.15s ease;}
.button.button-primary:hover {opacity:0.8;}
.button.button-primary:active {box-shadow:0 0 3px rgba(0,0,0,0.3) inset;}
.button.button-blue {background:#5c687b;border:none;color:#fff;font-size:15px;padding:5px 16px 7px;line-height:20px;font-weight:500}
.button.button-blue:hover {opacity:0.8;}
.button.button-orange {	background:#fea070;border:none;color:#fff;font-size:15px;padding:5px 16px 7px;line-height:20px;font-weight:500}
.button.button-orange:hover {opacity:0.8;}
.button-center {margin:0 auto}

/* Button Icon (Without text) */
.button.button-icon {padding:7px 10px}

/* Button Write */
.button.button-write {background:#66cfff;background:-o-linear-gradient(top,  #66cfff 0%,#2abcfe 100%);background:-webkit-gradient(linear,  left top, left bottom,  from(#66cfff),to(#2abcfe));background:linear-gradient(top,  #66cfff 0%,#2abcfe 100%);border:1px solid #27ace8;padding:2px 15px 4px;border-radius:15px;line-height:17px;color:#fff;font-size:11px}
.button.button-write:hover {opacity:0.8;}

/* Button Small */
.button.button-small {font-size:13px;padding:3px 10px 4px}
.button.button-small.full-green {color:#fff;background:#7cc034;border:1px solid #96c663;font-weight:600}
.button.button-small.full-green:hover {opacity:0.8;}

/* Button form */
.button.button-form {border:1px solid #bbb;color:#5a7c9e;background:none}

/* Button Action */
.button.button-action {	border:none;padding:3px 3px 2px;background:#fff}
.button.button-action span {display:none}
.button.button-action:hover span {display:inline;padding:0 5px 0 5px;position:relative;top:-2px;color:#fff}
.button.button-action.active, 
.button.button-action:hover {-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}
.button.button-action.active:hover {background:#fff}

.button.button-action.button-action-add-friend:hover i {background-position:-147px -39px}
.button.button-action.button-action-send-message:hover i {background-position:-163px -39px}
.button.button-action.button-action-join.active i {background-position:-90px -100px}
.button-action-join-in i {font-size:28px;color:#eee;cursor:pointer}
.button-action-join-in.active i {color:#7cc034 !important}

.button.button-icon {border:none;padding:3px 0 2px;background:none}
.button.button-icon:hover {-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}


/* Button Load file */
.button-block input[type=file]::file-selector-button {color:#333;font-size:14px;margin:3px;padding:6px 12px 7px;display:inline-block;text-align:center;border:1px solid #999;background:#f8f8f8;box-shadow:0 1px 0.5px 0 rgba(0,0,0,.1);border-radius:25px;background:-webkit-gradient(linear, left top, left bottom, from(#fbfcfc),to(#f8f8f8));font-family:Tahoma, sans-serif;transition: transform 0.15s ease, opacity 0.15s ease; cursor: pointer;}
.button-block input[type=file]::file-selector-button:hover {color:#111;text-decoration:none;-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25)}
.button-block input[type=file]::file-selector-button:active { transform: scale(0.97); opacity: 0.85; }