.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control
	{
	background-color: #C5C1C1
}

.select-customize {
	background-color: #DFDFDF;
	color: rgb(63, 63, 63);
}

.input-dark {
	background-color: #454545;
	color: white;
}

.hidden {
	display: none;
}

.form-horizontal .control-label {
	text-align: left; /*label default position */
	margin-bottom: 0;
  	font-weight: bold;
  	padding-top: 0px;
  	padding-bottom: 0px;
  	height: 17px;
}
/*-------------Button--------------------*/
.btn {
	border-radius: 0px;
	font-size: 14px;
}

.btn-with-radius{
border-radius: 50px;	
}

.btn-with-shadow{
	box-shadow: 0px 2px 1px #888888; 
}

.btn-primary {
	background-color: #11ACC2;
	border-color: #11ACC2;
	
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary,.btn-primary:disabled,.btn-primary[disabled],.btn-primary.disabled:hover,.btn-primary[disabled]:hover
	{
	color: #fff;
	background-color: #0C7584;
	border-color: #0C7584
	
}
.btn-paging{
	background-color: #E3E3E3;
}
.btn-paging:hover,.btn-paging:focus,.btn-paging:active,.btn-paging.active,.open .dropdown-toggle.btn-paging{
	background-color:#BCBCBC;
}
.btn-info {
	color: #fff;
	background-color: #9F9F9F;
	border-color: #9F9F9F;
	
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info
	{
	color: #fff;
	background-color: #696969;
	border-color: #7D7D7D;

}

.btn-warning {
	background-color: #D6672A;
	border-color: #D6672A;
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning,.btn-warning:disabled,.btn-warning[disabled],.btn-warning.disabled:hover,.btn-warning[disabled]:hover
	{
	color: #fff;
	background-color: #BC5B25;
	border-color: #BC5B25
}

.btn-success {
	background-color: #0EB830;
	border-color: #0EB830;
 	
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success,.btn-success:disabled,.btn-success[disabled],.btn-success.disabled:hover,.btn-success[disabled]:hover
	{
	color: #fff;
	background-color: #011ACC2;
	border-color: #11ACC2
	
}

.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default
	{
	color: #fff;
	background-color: #11ACC2;
	border-color: #11ACC2;
	
}

.btn-other:active,.btn-other.active,.open .dropdown-toggle.btn-other {
	color: #fff;
	background-color: #696969;
	border-color: #696969;
}

.btn-other:hover {
	color: #fff;
	background-color: #696969;
	border-color: #696969
}

.btn-other {
	color: #fff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
	
}

.btn-smartprice {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 4px;
	background-color: rgb(154, 151, 151);
  	border-color: rgba(128, 128, 128, 1);
}

.btn-smartprice:hover,.btn-smartprice:active,.btn-smartprice:focus {
	color: #fff;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 4px;
	background-color: #272727;
	border-color: rgba(255, 255, 255, 0);
}

.btn-buy {
	color: #fff;
	background-color: #3097D6;
	
}

.btn-buy:hover,.btn-buy:focus,.btn-buy:active,.btn-buy.active,.open .dropdown-toggle.btn-buy,.btn-buy:disabled,.btn-buy[disabled],.btn-buy.disabled:hover,.btn-buy[disabled]:hover
	{
	color: #fff;
	background-color: #216792;
	border-color: #216792;
}

.btn-sell {
	color: #fff;
	background-color: #D22F74;
	
}

.btn-sell:hover,.btn-sell:focus,.btn-sell:active,.btn-sell.active,.open .dropdown-toggle.btn-sell,.btn-sell:disabled,.btn-sell[disabled],.btn-sell.disabled:hover,.btn-sell[disabled]:hover
	{
	color: #fff;
	background-color: #7B2448;
	border-color: #7B2448
}

.btn-blue {
  background-color: #D7D7D7;
  border-color: #807D7D;
  color: #3F3F3F;
  font-weight: bold;
  
}
.btn-buy-tab {
	color: #fff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
}

.btn-buy-tab:hover,.btn-buy-tab:focus,.btn-buy-tab:active,.btn-buy-tab.active,.open .dropdown-toggle.btn-buy-tab,.btn-buy-tab:disabled,.btn-buy-tab[disabled],.btn-buy-tab.disabled:hover,.btn-buy-tab[disabled]:hover
	{
	color: #fff;
	background-color: #11ACC2;
	border-color: #11ACC2;
}

.btn-sell-tab {
	color: #fff;
	background-color: #7D7D7D;
	border-color: #7D7D7D;
}

.btn-sell-tab:hover,.btn-sell-tab:focus,.btn-sell-tab:active,.btn-sell-tab.active,.open .dropdown-toggle.btn-sell-tab,.btn-sell-tab:disabled,.btn-sell-tab[disabled],.btn-sell-tab.disabled:hover,.btn-sell-tab[disabled]:hover
	{
	color: #fff;
	background-color: #BD185E;
	border-color: #BD185E;
}

.btn-span-input {
	border: 1px solid gray;
}

.btn-border-primary {
	border: 1px solid #11ACC2;
	color: #3F3F3F;
	font-weight: bold;
}
/*-------------End Button--------------------*/


.tab-content-buy {
	border-top: 0px solid #11ACC2; /* tab color */
}

.tab-content-sell {
	border-top: 0px solid #BD185E; /* tab color */
}


.panel {
	margin-bottom: 0px;
	border-radius: 0px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.buttonRefreshBlock {
	width: 241px;
}

.thumbnail .caption {
	padding: 1px;
	color: black;
}

.thumbnail {
	background-color: #FFFFFF;
	border-radius: 0px;
	border: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
}

.content {
	border: 1px solid #ddd;
}

.slidecontent .panel {
	border: 0px solid #181818; /* main content border */
	border-radius: 0px;
}

.form-control {
	border-radius: 5px;
	height: 30px;
}
/*---------- Selecter and Input------------ */
input.form-control {
	border: 1px solid gray;
	background-color: #ECECEC; /* Selecter and Input Background Color */
}
select.form-control {
  border: 0px;
  background-color: rgba(255, 255, 255, 0.52);
  direction: ltr;
}
label.form-control.read {
	border: 0px;
  	background-color: rgba(255, 255, 255, 0.52);
  	color: #4F5F69;
  	border-radius: 5px;
}


.form-control-small {
	height: 25px;
	margin-bottom: 0px;
}

.input-sm {
	font-size: 13px; /*label font size */
	height: 24px;
	color: #3F3F3F; /*label font Color */
}

/*---------- End Selecter and Input----------*/
fieldset[disabled] .checkbox,fieldset[disabled] .input,fieldset[disabled] .select,fieldset[disabled] .form-control,fieldset[disabled] input[type=checkbox],fieldset[disabled] label
	{
	cursor: default;
}

.input-group-addon {
	
}

.
hr {
	border-top: 1px solid bisque;
}

.alert {
	border-radius: 0px;
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12
	{
	position: relative;
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	font-family: inherit;
}

.no-padding {
	padding-left: 0px;
	padding-right: 0px;
}
.padding-bottom {
	padding-bottom:10%;
}
form {
	margin-bottom: 0em;
}



/* For Blinking when update value */
.change {
	background-color: rgba(110, 192, 233, 0.5);
}


/*------------ Button Group------------*/
.button-group {
	background-color: #D7D7D7;
 	color: rgb(63, 63, 63);
 	margin-top:3px;
	cursor: pointer;
	padding-top: 2px;
}
.button-group-active {
	border: 2px solid #4DA4D1;
	text-align:center;
	margin-top:0px;
	box-shadow: 0px 1px 2px #888888;
}


.next,
.prev {
    position: relative;
}
.next {
    border-right: none;
}
.prev {
    border-left: none;
}
.next:after,
.prev:before { /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 3px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;
}
.next:after {
    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.prev:before {
    transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
}
.prev:before { /* align the "before" square to the left */
    left: -11px;
}
.next:after { /* align the "after" square to the right */
    right: -11px;
}
.next:after,
.prev:before { /* bring arrow pointers to front */
    z-index: -1;
}