.nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
	
	.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
/*****************************************************************/
.status_v0
{
	background-image: url('../layout/v_green.png');
	background-size: cover;
	
}

.status_v1
{
	background-image: url('../layout/v_yellow.png');
	background-size: cover;
}

.status_v2
{
	background-image: url('../layout/v_red.png');
	background-size: cover;
}
/*
.nav
{
	width: calc(96%/3);
	position: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
}

.rel_container
{
	width: calc(96%/3);
	position: fixed;
}
*/

/*******************   select menu ui ************************/

.ui-menu-item
{
	line-height: 1.4 !important;
}

div.ui-selectmenu-menu{
	position: relative !important;
    top: -327px !important;
    height: 200px !important;
}

#mio_subform_select_html-menu
{
	height: 200px !important;
}

.ui-selectmenu-menu ul{
    background-color: #444;
}

.ui-selectmenu, .ui-autocomplete{
    background-color: #444;
    height: 2.4vw;
}

.ui-selectmenu-status{
    padding: 1% 1%;
}

.ui-selectmenu-menu li, .ui-autocomplete li{
    border-bottom: 1px solid #777;
}

.ui-menu-item, .ui-selectmenu-text{
	background-color: #444;
	padding: 1% !important;
}

.ui-state-focus{
	margin: 0px !important;
	background-color: #555;
}

.ui-selectmenu-item-focus{
	background-color: #555;
}


#mio_subform_select_mobile-button{
    margin-bottom: 2% !important;
    height: 7.2vw;
    border: 1px solid #7c7c7c;
	background-color: #444;
}


/******************* datepicker *********************/


#ui-datepicker-div, #ui-timepicker-div{
    background-color: #444;
    border: 1px solid #c7c7c7;
}

.ui-datepicker-calendar td {
    border: 1px solid #7c7c7c;
    width: 11%;
}

.ui-datepicker-prev.ui-corner-all {
    background-image: url("../layout/back.png");
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.ui-datepicker-next.ui-corner-all{
    background-image: url("../layout/next.png");
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.ui-state-active{
	background-color: #55a;
	/*color: #000;*/
}

.ui-state-highlight{
	background-color: #7c7c7c;
	/*color: #000;*/
}

.ui-timepicker-hours {
    background-color: #555;
}

.ui-timepicker-title {
    text-align: center;
}