/* BUTTON COMMON STYLES/////////////////////////////////////////////////////////////////////////////////////*/
.btn,
.button,
.link-button,
.k-button,
button,
input[type="button"], 
input[type="submit"], 
input[type="file"] {
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
border-width: 0px;
border-style: solid;
border-color: transparent;
border-radius: 0px !important;
outline: 0px;
background: transparent;
box-shadow: none;
color: #009dd5;
font-size: 12px;
font-weight: normal;
line-height: normal;
text-decoration: none;
text-align: center;
vertical-align: middle;
display: inline-block;
padding: 5px 12px;
margin: 0px;
width: auto;
height: auto;
-webkit-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}





/* BLUE BUTTON STYLES/////////////////////////////////////////////////////////////////////////////////////*/
.btn,
.button,
.blue-button,
button.blue-button,
.button.blue-button,
.k-button,
button,
input[type="button"],
input[type="submit"]{
background: #038ee7;
color: #fff;
text-shadow: none;
box-shadow: 0px 2px 0px #005a94;
}

.blue-button:hover,
button.blue-button:hover,
.button.blue-button:hover,
button:hover,
.k-button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background: #0080D2;
text-decoration: none;
}

.blue-button:focus,
button.blue-button:focus,
.button.blue-button:focus,
button:focus,
.k-button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
box-shadow: 0px 2px 0px #005a94, 0 0 2px 1px #41C9FF;
background: #009BFF;
}


/* GREEN BUTTON STYLES/////////////////////////////////////////////////////////////////////////////////////*/
.green-button,
button.green-button,
.button.green-button {
background: #72c407;
color: #fff;
text-shadow: none;
box-shadow: 0px 2px 0px #548e08;
}

.green-button:hover,
button.green-button:hover,
.button.green-button:hover {
background: #66AE08;
text-decoration: none;
}

.green-button:focus,
button.green-button:focus,
.button.green-button:focus {
box-shadow: 0px 2px 0px #548e08, 0 0 2px 1px #41C9FF;
background: #80DA0B;
}



/* LINK BUTTON /////////////////////////////////////////////////////////////////////////////////////*/

.link-button,
input[type="button"].link-button,
input[type="submit"].link-button,
button.link-button {
background: none;
border-color: transparent;
box-shadow: none;
color: #009dd5 !important;
padding: 5px 2px;
}

.link-button:hover, 
input[type="button"].link-button:hover,
input[type="submit"].link-button:hover,
button.link-button:hover {
text-decoration: none;
box-shadow: 0px 3px 0px -1px #00BCFF;
color: #00BCFF !important;
}

.link-button:focus,
input[type="button"].link-button:focus,
input[type="submit"].link-button:focus,
button.link-button:focus {
text-decoration: none;
box-shadow: 0px 3px 0px -1px #00BCFF, 0 0 2px 1px #41C9FF;
color: #00BCFF !important;
}

.link-button:active, 
.link-button:hover:active, 
.link-button:focus:active, 
input[type="button"].link-button:active,
input[type="submit"].link-button:active, 
input[type="button"].link-button:hover:active, 
input[type="submit"].link-button:hover:active,
input[type="button"].link-button:focus:active, 
input[type="submit"].link-button:focus:active,
button.link-button:active,
button.link-button:focus:active,
button.link-button:hover:active {
box-shadow: 0px 8px 0px -6px #00BCFF;
color: #00BCFF !important;
top: 0;
}

.link-button i {
color: #009dd5;
font-size: 13px;
}

.link-button:hover i,
.link-button:focus i {
color: #00BCFF !important;
}


.link-button:active i {
color: #79DCFF !important;
}



.btn:active,
.btn:focus:active,
.button:active, 
.button:focus:active, 
.k-button:active,
.k-button:focus:active,
button:active,
button:focus:active,
input[type="button"]:active, 
input[type="button"]:focus:active, 
input[type="submit"]:active,
input[type="submit"]:focus:active,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
outline: 0px;
position: relative;
top: 2px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 7px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px;
}

/*Remove IE shift behavior on active state*/
.k-ie button:focus:active,
.k-ie input[type="button"]:focus:active {
padding-top: 4px;
padding-bottom: 6px;
}




/* DISABLED BUTTON /////////////////////////////////////////////////////////////////////////////////////*/


.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
background-image: none;
}

a.disabled,
a[disabled],
a[disabled=disabled],
a[disabled=true],
a.inactive-button,
span.disabled,
span[disabled],
span[disabled=disabled],
span[disabled=true],
span.inactive-button,
.link-button[disabled],
.link-button[disabled=disabled],
.link-button[disabled=true],
.link-button.inactive-button,
input.link-button[disabled],
input.link-button[disabled=disabled],
input.link-button[disabled=true],
input.link-button.inactive-button {
cursor: default !important;
text-decoration: none !important;
color: #bbbbbb !important;
box-shadow: 0 0 0 #fff !important;
background: 0 !important;
text-shadow: 0 0 0 #fff !important;
border-color: transparent;
position: static !important;
}


.k-grid-content [class^="icon-"].disabled,
.k-grid-content [class*=" icon-"].disabled,
.k-grid-icon.disabled {
color: #ddd !important;
}

span > a.inactive-button,
span > a.inactive-button:hover {
background: none !important;
border: 0px !important;
box-shadow: 0px 0px 0px !important;
}


input[type="button"]:disabled,
.button[disabled=disabled],
.k-button.k-state-disabled,
button[disabled],
.inactive-button {
color: #aaaaaa !important;
box-shadow: 0px 2px 0px #bbbbbb !important;
background: #e9e9e9 !important;
text-shadow: 0 0 #e9e9e9 !important;
border-color: transparent !important;
position: static !important;
cursor: default;
}

.button[disabled=disabled]:hover,
.k-button.k-state-disabled:hover,
.inactive-button:hover,
.k-button.k-state-disabled:focus,
.inactive-button:focus {
cursor: default;
background: #e9e9e9 !important;
box-shadow: 0px 2px 0px #bbbbbb !important;
outline: 0 !important;
}


.link-button[disabled=disabled]:hover{
 color: #bbbbbb !important;
}