/**
Global
**/
#content {
	overflow: auto;
}

.fix-width-box {
	box-shadow: 0 2px 5px 1px rgba(124,124,124,.2);
	margin: 0 auto;
    position: relative;
    height: 100vh;
}

label {
	margin-bottom: 0;	
}

[role="tabpanel"] {
	padding-top: 10px;
    padding-bottom: 3px;
}

.inline-column>* {
    display: inline-block;
    margin-bottom: -5px;
}

.form-group {
    margin-bottom: 7px;
    vertical-align: middle;
}

.footer-bar {
	border-top: 1px solid #c7c7c7;
    border: 1px solid #c7c7c7;
    padding-top: 5px;
    background-color: #f7f7f7;
	position: absolute;
    width: 100%;
    bottom: 0;
}

.ui-label {
	float:left;
	font-Weight: bolder;
	text-align: right;
	padding-right: 10px;
	line-height: 26px;
}

.ui-label.required:before{
    content: "*";
    color: red;
}

.panel {
	margin-bottom: 0px
}

#wrapper .panel-heading {
    padding-bottom: 0;
    padding-top: 0px;
}

div[widget=panelTitle] {
	padding-bottom: 0;
    padding-top: 0px;
}

div[widget=panelTitle] .title-text{
	font-size: 16px;
	line-height: 40px;
}

.title-text{
	font-size: 16px;
	line-height: 31px;
}

#container .panel-heading {
    padding-bottom: 0;
    padding-top: 0px;
}

#wrapper .panel-heading .form-group {
	margin-top: 2px;
	margin-bottom: 2px;
}

.fa.collapse-arrow {
	line-height: 28px;
    font-size: 20px;
    margin-right: 8px;
    color: gray;
}

.fa.collapse-arrow:before {
	content: "\f107";
}

[aria-expanded="false"].fa.collapse-arrow:before {
	content: "\f106";
}

/***
JQX Radiobutton, Checkbox
***/
.horizontal>div.jqx-widget {
	float: left;
}
.vertical>div.jqx-widget {
	padding-bottom: 2px;
}
/***
Notes
***/
.note {
	margin: o;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-ms-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
	margin-top: 0;
	margin-bottom: 0;
}
.note h1 .close, .note h2 .close, .note h3 .close, .note h4 .close, .note h5 .close, .note h6 .close {
	margin-right: -10px;
}
.note p {
	margin: 10px 0 0 0;
	font-size: 13px;
}
.note p:last-child {
	margin-bottom: 0;
}
.note code, .note .highlight {
	background-color: #fff;
}
.note.note-default {
	background-color: white;
	border-color: #b0c1d2;
	color: black;
}
.note.note-default.note-bordered {
	background-color: #eef1f5;
	border-color: #c0cedb;
}
.note.note-default.note-shadow {
	background-color: #f1f4f7;
	border-color: #d1dbe4;
	box-shadow: 5px 5px rgba(212, 221, 230, 0.2);
}
.note.note-success {
	background-color: #c0edf1;
	border-color: #58d0da;
	color: black;
}
.note.note-success.note-bordered {
	background-color: #a7e6ec;
	border-color: #6dd6df;
}
.note.note-success.note-shadow {
	background-color: #abe7ed;
	border-color: #81dbe3;
	box-shadow: 5px 5px rgba(134, 221, 228, 0.2);
}
.note.note-info {
	background-color: #f5f8fd;
	border-color: #8bb4e7;
	color: #010407;
}
.note.note-info.note-bordered {
	background-color: #dbe8f8;
	border-color: #a0c2ec;
}
.note.note-info.note-shadow {
	background-color: #e0ebf9;
	border-color: #b5cff0;
	box-shadow: 5px 5px rgba(185, 210, 241, 0.2);
}
.note.note-warning {
	background-color: #faeaa9;
	border-color: #f3cc31;
	color: black;
}
.note.note-warning.note-bordered {
	background-color: #f8e38c;
	border-color: #f4d249;
}
.note.note-warning.note-shadow {
	background-color: #f9e491;
	border-color: #f6d861;
	box-shadow: 5px 5px rgba(246, 217, 102, 0.2);
}
.note.note-danger {
	background-color: #fef7f8;
	border-color: #f0868e;
	color: #210406;
}
.note.note-danger.note-bordered {
	background-color: #fbdcde;
	border-color: #f39da3;
}
.note.note-danger.note-shadow {
	background-color: #fbe1e3;
	border-color: #f6b3b8;
	box-shadow: 5px 5px rgba(246, 184, 189, 0.2);
}

/**
JQX GRID
**/
.jqx-grid-cell-edit {
    background-color: #fafad2 !important;
}

/**
JQX INPUT
**/
.jqx-input[uppercase=true] {
    text-transform:uppercase;
}

.jqx-input[uppercase=true]::-webkit-input-placeholder {
   text-transform: initial;
}

.jqx-input[uppercase=true]:-moz-placeholder { 
   text-transform: initial;
}

.jqx-input[uppercase=true]::-moz-placeholder {  
   text-transform: initial;
}

.jqx-input[uppercase=true]:-ms-input-placeholder { 
   text-transform: initial;
}

/**
Panel
**/
.panel[widget=panel] {
    margin-bottom: 0;
}

#wrapper .panel .panel-body {
	padding: 0;
}

#wrapper .panel .panel-content {
	padding-top: 10px;
	padding-bottom: 3px;
}
.panel[widget=panel] .panel-body {
	padding: 0;
}
.panel-body.panel-body-default {
	/**background-color: #f5f5f5;**/
}
.panel-body.panel-body-primary {
	background-color: #428bca;
}
.panel-body.panel-body-success {
	background-color: #dff0d8;
}
.panel-body.panel-body-info {
	background-color: #d9edf7;
}
.panel-body.panel-body-warning {
	background-color: #fcf8e3;
}
.panel-body.panel-body-danger {
	background-color: #f2dede;
}

#wrapper .panel.panel-nospace>.panel-body>.panel-content {
	padding: 0;
}

#wrapper .panel.panel-nospace>.panel-body>.panel-content>.form-group:last-child {
	margin-bottom: 0;
}

/**
subWindow
**/
#wrapper .subWindow {
	display: none;
}
.subWindow{
    right: 0px !important;
    left : inherit !important;
    top:0px !important;
    border:0px !important;
    max-height:100% !important;
    height:100% !important;
    box-shadow:0 6px 15px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:0 6px 15px rgba(0, 0, 0, 0.15);
}
.subWindow.subWindow-left{
    left: 0px !important;
    right : inherit !important;
}
.subWindow .jqx-window-header{
    display:none !important;
}
.subWindow .jqx-window-content{
    padding:0px!important;
}
.subDialog {
	border: none;
    width: 100%;
    height: 100%;
}
.subButtons[show]+.subDialog {
    height: calc(100% - 36px);
}
.subButtons {
    text-align: right;
    padding: 3px 5px;
    background-color: #f7f6f2;
}

.subWindow>div,.subWindow .jqx-window-content {
	height: 100% !important;
}

/**
Alert,Comfirm
**/
.alert_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 18002;
	background: rgba(0,0,0,.05);
	-webkit-backdrop-filter: blur(3px)
}

.pc .alert_msg {
	width: 320px
}

.mob .alert_msg {
	width: 260px;
	border-radius: 4px
}

.alert_msg {
    border-radius: 5px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 30%;
	border: 1px solid #ccc;
	box-shadow: 0 2px 15px rgba(0,0,0,.3);
	background: #fff;
	transition: all .2s cubic-bezier(.8,.5,.2,1.4);
	-webkit-transform: translate(-50%,-50%) scale(.5);
	opacity: 0;
	transform: translate(-50%,-50%) scale(.5)
}

.alert_show .alert_msg {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	-webkit-transform: translate(-50%,-50%) scale(1)
}

.alert_content {
	padding: 20px 15px;
	font-size: 14px;
	text-align: left
}

.pc .alert_buttons {
	padding: 6px 8px 8px 8px;
	text-align: right;
	box-shadow: 0 1px 0 #fff inset;
	-webkit-user-select: none
}

.pc .alert_buttons .alert_btn {
	padding: 4px 8px;
	margin: 0 2px;
	cursor: pointer;
	border-radius: 3px;
	font-size: 14px;
	outline: 0;
	-webkit-appearance: none;
	min-width: 70px;
}

.pc .alert_buttons .alert_btn_ok{
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #337ab7;
	background: #337ab7;
}
.pc .alert_buttons .alert_btn_ok:hover{
	background-color: #286090;
}
.pc .alert_buttons .alert_btn_ok:active {
	box-shadow: 0 1px 2px #266092 inset;
}

.pc .alert_buttons .alert_btn_cancel{
	border: 1px solid #ccc;
	background: #fff;
}
.pc .alert_buttons .alert_btn_cancel:hover{
	color: #20a0ff;
    border-color: #20a0ff;
}
.pc .alert_buttons .alert_btn_cancel:active {
	box-shadow: 0 1px 2px #eee inset;
}

.mob .alert_buttons {
	text-align: center;
	box-shadow: 0px -1px 1px -1px #666666;
	-webkit-user-select: none
}

.mob .alert_buttons .alert_btn {
	display: inline-block;
	width: 50%;
	border: 0;
	height: 40px;
	font-size: 14px;
	outline: 0;
	-webkit-appearance: none;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	border-radius: 0 0 4px 4px
}

.mob .alert_buttons .alert_btn:only-child {
	width: 100%
}

.mob .alert_buttons .alert_btn:first-child+.alert_btn {
	border-left: 1px solid #ccc;
	border-radius: 0 0 4px 0
}

fieldset {
    border: 1px solid #c7c7c7 !important;
    margin: 0;
    padding: 0px;
    position: relative;
    border-radius:4px;
    padding-left: 0px;
}

legend {
    font-size:14px;
    margin-bottom: 0px;
    width: auto;
    border: 0;
    border-radius: 4px;
    padding: 0px 5px;
    margin-left: 10px;
}