﻿

.m_Button {
    border: 1px solid black;
    color: white;
    font-size: 10px;
    font-weight:bold;
    line-height:30px;
    background:rgb(98,202,255);
    background: -moz-linear-gradient(top,  rgb(98,202,255) 0%, rgb(98,202,255) 20%, rgb(1,152,230) 80%, rgb(1,152,230) 100%);
    background: -webkit-linear-gradient(top,  rgb(98,202,255) 0%,rgb(98,202,255) 20%, rgb(1,152,230) 80%,rgb(1,152,230) 100%);
    background: linear-gradient(to bottom,  rgb(98,202,255) 0%,rgb(98,202,255) 20%,rgb(1,152,230) 80%,rgb(1,152,230) 100%);
    text-align:center;
}

.m_Button:hover {
    box-shadow: inset 0px 0px 3px 1px #333;
}

.m_Button:active {
    text-shadow: 0px 0px 2px black;
}

/*this is for IE*/
.m_Button:disabled
{    background: rgb(232,232,232);
    background: -moz-linear-gradient(top,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    background: -webkit-linear-gradient(top,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    background: linear-gradient(to bottom,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    cursor:default;
    pointer-events:none;    
}
/*this is for Firefox*/
input[type="button"].disabledButton 
{    
    background:rgb(232,232,232);
    background: -moz-linear-gradient(top,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    background: -webkit-linear-gradient(top,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    background: linear-gradient(to bottom,  rgb(232,232,232) 0%, rgb(232,232,232) 20%, rgb(200,200,200) 80%, rgb(200,200,200) 100%);
    cursor:default;
    pointer-events:none;   
}

/*for small media*/
@media screen and (min-width: 768px) {
    .m_Button {
        line-height:30px;
        margin:0px;
        font-size:11px;
    }
}

/*for  Tablets*/
@media screen and (min-width: 992px) {
    .m_Button {

        line-height:30px;
    }
}

/*for Laptops and Desktop*/
@media screen and (min-width: 1200px) {
    .m_Button {
        line-height:30px;
        margin:0px;
        font-size:12px;
    }
}
