/*------SpiceGems Custom button Css------------------------------------*/
.sg-main-btn, button.sg-main-btn {
    font-size:16px;
    padding: .85rem 2.13rem;
    border-radius: 2px;
    border: 0;
    color: #fff!important;
    display: inline-block;
    margin:4px;
    white-space: normal!important;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
}
.sg-main-btn i{
	margin-right:4px;
}
.sg-main-btn:hover, .sg-main-btn:active {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    color:#fff;
}

.sg-sm-btn ,.editable-submit,.editable-cancel{
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    border-radius: 2px;
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.18), 0 4px 10px 0 rgba(0,0,0,.15);
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
}
.sg-md-btn{
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    border-radius: 2px;
    width: 38px;
    display: inline-block;
    height: 36px;
    text-align: center;
    box-shadow: 0 5px 8px 0 rgba(0,0,0,.18), 0 4px 10px 0 rgba(0,0,0,.15);
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
}
.editable-buttons .btn{padding:0px; border:none;}
button.sg-main-btn, button.sg-md-btn, button.sg-sm-btn{border:none;}

.sg-sm-btn:hover, .sg-md-btn:hover ,.editable-submit:hover,.editable-cancel:hover{box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); color:#fff !important; text-decoration: none;}
.sg-primary-btn,.primary-color,.editable-submit{background:#4285F4 !important;}
.sg-success-btn{background-color: #34d374!important;}
.sg-info-btn{background-color: #4abde8!important;}
.sg-danger-btn, .editable-cancel{    background-color: #ff4444!important;}