﻿/**********************************************************
 * jqxWidgets CSS SG Button theme
 * Date   : 2014-04-01
 * Description : Button theme (sgbtn)
 *********************************************************/
.jqx-widget-sgbtn{ font-family: Tahoma; font-size:12px; font-style:normal;  font-weight: normal; webkit-tap-highlight-color:rgba(0,0,0,0); padding:0px 10px 0px 10px;}
.jqx-widget-content-sgbtn{border-color: #8e8e97; background-color: #f7f7f7;}
.jqx-fill-state-normal-sgbtn {
	border-color: #8e8e97; text-shadow:0 1px 0 #f1f1f5;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #efeff1 1%, #ededf0 4%, #d2d2d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(1%,#efeff1), color-stop(4%,#ededf0), color-stop(100%,#d2d2d8));
	background: -webkit-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
	background: linear-gradient(top, #ffffff 0%,#efeff1 1%,#ededf0 4%,#d2d2d8 100%);
}
.jqx-fill-state-hover-sgbtn { 
	border-color:#5a5e64; color:#000; text-shadow:0 1px 0 #aaa;
	background: #cacdd5;
	background: -moz-linear-gradient(top, #cacdd5 0%, #a3a7b4 93%, #a6aab7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacdd5), color-stop(93%,#a3a7b4), color-stop(100%,#a6aab7));
	background: -webkit-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -o-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: -ms-linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
	background: linear-gradient(top, #cacdd5 0%,#a3a7b4 93%,#a6aab7 100%);
}
.jqx-fill-state-pressed-sgbtn {
	background: #058cf5;
	background: -moz-linear-gradient(top, #058cf5 0%, #004A73 19%, #0167e9 72%, #015de6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058cf5), color-stop(19%,#004A73), color-stop(72%,#0167e9), color-stop(100%,#015de6));
	background: -webkit-linear-gradient(top, #058cf5 0%,#004A73 19%,#0167e9 72%,#015de6 100%);
	background: -o-linear-gradient(top, #058cf5 0%,#004A73 19%,#0167e9 72%,#015de6 100%);
	background: -ms-linear-gradient(top, #058cf5 0%,#004A73 19%,#0167e9 72%,#015de6 100%);
	background: linear-gradient(top, #058cf5 0%,#004A73 19%,#0167e9 72%,#015de6 100%); border-color:#004A73; 
	color:white; text-shadow:0 1px 0 #555; border-image:initial;
}
.jqx-fill-state-focus-sgbtn { 
 	padding:0px 10px 0px 10px;
/*	border-color: #555;*/ 
}
.jqx-fill-state-normal-sgbtn, .jqx-fill-state-pressed-sgbtn, .jqx-fill-state-hover-sgbtn {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow   : 0 1px 2px rgba(0,0,0,.15);
    -o-box-shadow     : 0 1px 2px rgba(0,0,0,.15);
    box-shadow        : 0 1px 2px rgba(0,0,0,.15);
}
.jqx-fill-state-normal-sgbtn {

}
.jqx-button-sgbtn, .jqx-fill-state-normal-sgbtn, .jqx-fill-state-hover-sgbtn, .jqx-fill-state-focus-sgbtn {
	height: 24px;
 	padding:0px 10px 0px 10px;
	color: #222222;
	text-shadow: none;
	border-color: #5E8CB3;
	background-color: #F3F7FB;
	background-image: -moz-linear-gradient(top, #F3F7FB, #BCD2EF);
	background-image: -ms-linear-gradient(top, #F3F7FB, #BCD2EF);
	background-image: -o-linear-gradient(top, #F3F7FB, #BCD2EF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#F3F7FB), to(#BCD2EF));
	background-image: -webkit-linear-gradient(top, #F3F7FB, #BCD2EF);
	background-image: linear-gradient(top, #F3F7FB, #BCD2EF);
	background-image: linear-gradient(to bottom, #F3F7FB, #BCD2EF);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-hover-sgbtn {
}
.jqx-fill-state-pressed-sgbtn {
	color: #ffffff;
	text-shadow: none;
	border-color: #004A73;
	background-color: #058cf5;
	background-image: -moz-linear-gradient(top, #058cf5, #015de6);
	background-image: -ms-linear-gradient(top, #058cf5, #015de6);
	background-image: -o-linear-gradient(top, #058cf5, #015de6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#058cf5), to(#015de6));
	background-image: -webkit-linear-gradient(top, #058cf5, #015de6);
	background-image: linear-gradient(top, #058cf5, #015de6);
	background-image: linear-gradient(to bottom, #058cf5, #015de6);
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
}
.jqx-fill-state-focus-sgbtn {
	/*border-color: #555555;*/
}


/**********************************************************
 * jqxWidgets CSS SG Button theme2
 * Date   : 2016-06-15
 * Description : Button theme (sgbtn2)
 *********************************************************/
.jqx-widget-sgbtn2 {font-size:12px; font-style:normal; font-weight: normal;}
.jqx-widget-content-sgbtn2 {margin-top: 1px;}
.jqx-rc-all-sgbtn2 {-moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;}
.jqx-button-sgbtn2, .jqx-fill-state-normal-sgbtn2, .jqx-fill-state-hover-sgbtn2, .jqx-fill-state-focus-sgbtn2, .jqx-fill-state-pressed-sgbtn2 {
	color: #333333;
 	/*padding:0px 10px 0px 10px;*/
	
	display:inline-block; 
	cursor:pointer; 
	background:linear-gradient(to bottom,#fafafa,#ececec); 
	filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#fafafa', endColorstr='#ececec'); 
	border:1px solid #cacaca; 
	box-shadow:0px 1px 0px 0px #fff inset;
}
.jqx-fill-state-hover-sgbtn2 {border:1px solid #34495e;}
.jqx-fill-state-pressed-sgbtn2 {
	background:linear-gradient(to bottom,#ececec,#fafafa); 
	filter:progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr='#ececec', endColorstr='#fafafa'); 
	border:1px solid #34495e;
}
.jqx-button-sgbtn2 img {margin-top: -2px; margin-left: 2px;}
.jqx-button-sgbtn2 span {top: 4px !important; left: 28px !important;}