::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(142, 36, 170, 0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(142, 36, 170, 0.1);
} 
.ui-body-padding {
    padding-left: 300px !important;
}
.ui-content-width { width: 1170px; }
.ui-content-max-width { max-width: 1170px; }
.ui-content-min-width { min-width: 1170px; }
.ui-box {
	border: 1px solid #d7d7d7;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0,0,0,.18);
    background: #fff;
	overflow: hidden;
}
.c_left_johab_row:hover, 
.c_left_johab_row:focus {
    background: #eaeaea;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.c_left_johab_row_on {
    background: #9953bd !important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
}
.btn-small {
    width: auto;
    min-width: auto;
    margin: 0px;
    padding: 0px 7px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    outline: 0;
}
.btn-alt-ok {
    box-sizing: border-box;
    display: inline-block;
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 500;
    color: #1e1715;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    height: 34px;    
    border-radius: 3px;
    border: 1px solid;
    background-color: #f5f5f5 !important;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6) !important;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    outline: 0;
}
.btn_border_color {
    border: 1px solid !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}
.ui-btn-default {
    cursor: pointer;    
    border:0;
	box-sizing: border-box;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    vertical-align: middle;    
    background-color: #8C27B0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8C27B0), to(#8C27B0));
    border-radius: 4px;
    -webkit-border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	min-width:60px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: 0;
}
.ui-btn-default:hover, 
.ui-btn-default:focus {
    background-color: #973AB7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#973AB7), to(#973AB7));
}
.ui-btn-default1 {
    cursor: pointer;    
    border:0;
	box-sizing: border-box;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    vertical-align: middle;    
    background-color: #E53935;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E53935), to(#E53935));
    border-radius: 4px;
    -webkit-border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	min-width:60px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: 0;
}
.ui-btn-default1:hover, 
.ui-btn-default1:focus {
    background-color: #f44336;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f44336), to(#f44336));
}
.ui-btn-default2 {
    cursor: pointer;    
    border:0;
	box-sizing: border-box;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    vertical-align: middle;    
    background-color: #00BCD4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00BCD4), to(#00BCD4));
    border-radius: 4px;
    -webkit-border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	min-width:60px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: 0;
}
.ui-btn-default2:hover, 
.ui-btn-default2:focus {
    background-color: #03A9F4;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#03A9F4), to(#03A9F4));
}
.ui-btn-default3 {
    cursor: pointer;    
    border:0;
	box-sizing: border-box;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    vertical-align: middle;    
    background-color: #4f417c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4f417c), to(#4f417c));
    border-radius: 4px;
    -webkit-border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	min-width:60px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: 0;
}
.ui-btn-default3:hover, 
.ui-btn-default3:focus {
    background-color: #5f417c;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f417c), to(#5f417c));
}
.ui-btn-default4 {
    cursor: pointer;    
    border:0;
	box-sizing: border-box;
    display: inline-block;
    padding: 0px 15px;
    text-align: center;
    vertical-align: middle;    
    background-color: #800080;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#800080), to(#800080));
    border-radius: 4px;
    -webkit-border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	font-weight: 400;
	width: auto;
	min-width:60px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	outline: 0;
}
.ui-btn-default4:hover, 
.ui-btn-default4:focus {
    background-color: #900080;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#900080), to(#900080));
}