:root {
	//--my-color:#f9d57e;
	//--my-color: #f0d869;
	--my-color: #408efd;
	--mf-color:#222;
	--brw-C: #2e3292;
	--w-C: #fff;
	--r-C: #e87667;
	--B-C: #2c85e4;
	--lw01-C: #fafbfd;
	--lw02-C: #e7ebf3;
	--lw03-C: #c4ccdd;
	--gbl-C: #828a9b;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
input[type=email]:focus, input[type=url]:focus, 
input[type=search]:focus, input[type=tel]:focus, 
input[type=color]:focus, input[type=text]:focus, 
input[type=password]:focus, input[type=datetime]:focus, 
input[type=datetime-local]:focus, input[type=date]:focus, 
input[type=month]:focus, input[type=time]:focus, 
input[type=week]:focus, input[type=number]:focus, textarea:focus {
    border-color: #e9d81a
}
.navbar .navbar-brand {
    color: var(--mf-color)
}
.menu-icon2 {
	display: inline-block;
	min-width: 30px;
	margin-right: 2px;
	vertical-align: sub;
	text-align: center;
	font-size: 18px;
	/*font-weight: 400;*/
}

.navbar {
	background: var(--my-color);
}

.navbar .navbar-brand {
	font-size: 23px;
	margin: 0;
	padding: 0;
}

.nav-logo {
	width: 90px
}

.NY-logo {
	display: inline-block;
	line-height: 53px;
	margin: 0 0 0 5px;
	position: relative
}
.NY-logo img {
    margin: 0 10px 0 0;
    width: 30px
}
.NY-logo .p2 {
    width: 180px
}
.NY-logo i {
    font-size: 20px;
    font-style: normal
}
.NY-logo i {
	
}
.lihgt i {
    display: inline-block;
    background: linear-gradient(to bottom, #6fffa9 7%,#446c0c 100%);
    border: 1px solid #777;
    border-radius: 50%;
    box-shadow: 0px 2px 5px #0007;
    height: 16px;
    margin: 0 10px;
    position: relative;
    vertical-align: middle;
    width: 16px
}
.lihgt i:after {
    background: linear-gradient(to top, #fff 7%,#0df669 100%);
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    position: relative;
    top: 3px;
    left: 3px;
    width: 8px
}
.lihgt .off {
    background: linear-gradient(to bottom, #999 7%,#555 100%)
}
.lihgt .off:after {
    background: linear-gradient(to top, #ccc 7%,#999 100%)
}
/* .lihgt .wifi {
    font-size: 24px;
    padding: 0 15px;
    line-height: 53px
}
.wifi.off {
	opacity: .3;
    position: relative;
}
.wifi.off:after {
    background: #222;
    border-top: 2px solid #f0d86a;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    top: 23px;
    transform: rotate(-45deg) translateY(-50%);
    width: 36px
} */
.ace-nav .nav-user-photo {
	max-height: 40px
}

.ace-nav>li {
	border-left: 1px solid #0005;
	line-height: 53px;
	height: 53px
}

.ace-nav>li>a {
	background: var(--my-color);
	color: var(--mf-color);
}
.ace-nav>li>a:hover,.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .ace-nav>li.open>a {
	background: var(--brw-C)
}
.badge.badge-important {
	background-color: #ff8100;
}
.badge-primary, .badge.badge-primary, .label-primary, .label.label-primary {
    background-color: var(--B-C)
}
.no-skin .nav-list li.active>a:after {
    border-right-color: var(--B-C)
}
.ace-nav>li>a>.badge {
	color: #fff
}

.no-skin .navbar .navbar-toggle, .no-skin .navbar .navbar-toggle:hover {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 10px 10px 0;
}

.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not
	(.collapsed ) {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 10px 10px 0;
}

.no-skin .navbar .navbar-toggle:focus {
	background: #ad2628;
}

.dropdown-navbar>li.dropdown-header {
	background-color: #333;
	color: #f4ce85;
	border-bottom: 4px solid #f4ce85;
}

.dropdown-navbar>li.dropdown-header>.ace-icon {
	color: #f4ce85;
}

.dropdown-navbar {
	border-color: #333;
}

.dropdown-menu.dropdown-caret:after {
	border-bottom: 6px solid #333;
}
.form-control:focus, select:focus {
    border-color: var(--my-color)
}

li.dropdown-footer {
	background: #dcb368;
	transition: all .4s ease;
}

li.dropdown-footer:hover {
	background: #f4ce85;
}

.dropdown-navbar>li.dropdown-footer>a {
	color: #fff !important;
	transition: all .4s ease;
}

.dropdown-navbar>li.dropdown-footer>a:hover {
	color: #333 !important;
}

.dropdown-menu.dropdown-close.dropdown-menu-right {
	border: 1px solid #333;
	padding: 0;
}

.dropdown-menu.dropdown-caret:after {
	top: -7px;
}

.dropdown-yellow>li>a {
	color: #333;
	margin: 0;
	padding: 10px;
	transition: all .4s ease;
}

.dropdown-yellow>li.active:hover>a, .dropdown-yellow>li.active>a,
	.dropdown-yellow>li:hover>a, .dropdown-yellow>li>a:active,
	.dropdown-yellow>li>a:focus {
	background: #f4ce85;
	color: #000;
}

.user-menu .divider {
	margin: 0;
}

.breadcrumbs {
	background: #c0d1cb;
}

.breadcrumb>li, .breadcrumb>li.active {
	color: #555;
}

.breadcrumb>li>a {
	color: #786b45;
}

.no-skin .sidebar-shortcuts {
	background: #c0d1cb;
}

.nav-search .nav-search-icon {
	color: #cda732 !important;
}

.nav-search .nav-search-input {
	border: 0;
	border-radius: 0 !important;
}

.no-skin .sidebar {
	background: var(--lw01-C);
	height: 100vh;
	position: sticky;
    top: 0;
    left: 0 
}

.no-skin .nav-list>li {
	border-color: #eaefee;
}

.no-skin .nav-list>li>a {
	background: var(--lw01-C);
	color:var(--mf-color);
}

.no-skin .sidebar-toggle {
	border-color: #eaefee;
	background: var(--lw02-C)
}
.no-skin .sidebar-toggle>.ace-icon,
.sidebar.menu-min .sidebar-toggle>.ace-icon {
	box-sizing: border-box;
	color: var(--brw-C);
	line-height: 22px;
	padding: 0;
    width: 24px;
}

.nav-list>li>a {
	height: 43px;
	padding: 12px 15px 12px 10px;
}

.no-skin .nav-list>li.open>a {
	color: #000;
}

.no-skin .nav-list>li>a:hover {
	color: #000;
}

.nav-list>li:before {
	height: 43px;
	background-color: var(--brw-C)
}

.no-skin .nav-list>li.open .submenu>li>a:hover {
	color: #000;
}
.submenu i {
    font-size: 12px
}
.nav-list .open > a b {
    transform: rotate(-90deg)
}
.no-skin .nav-list>li>.submenu li.open>a, .no-skin .nav-list>li>.submenu li>.submenu li.active>a,
	.no-skin .nav-list>li>.submenu li>.submenu li.open>a {
	color: #333;
}

.no-skin .nav-list>li>.submenu li>.submenu>li a:hover {
	color: #777;
}

/* .C-box {
	padding: 15px;
} */
section {
    background: var(--lw01-C);
    border-radius: 16px;
    margin: 0 0 10px;
    padding: 30px
}
.nav .cpM {
	display: none
}
.fill {
    padding: 30px 0 0
}

.pagination {
    width: 100%
}
.pagination>li.active>a, .pagination>li.active>a:focus, .pagination>li.active>a:hover {
	background: var(--my-color);
    border-color: var(--gbl-C);
	color: #000
}

.pager>li>a, .pagination>li>a {
	background: #fff;
    border-color: var(--gbl-C);
    color: var(--gbl-C)
}

.pager>li>a:hover, .pagination>li>a:hover {
	background: var(--brw-C);
    border-color: var(--brw-C);
    color: var(--w-C)
}
.pagination>li.disabled>a,.pagination>li.disabled>a {
    border-color: var(--gbl-C);
}

.page-content {
	background: var(--w-C) !important;
	color: var(--mf-color);
	min-height: 100vh;
	padding: 15px 20px 24px;
}

.tab-content {
	background: var(--w-C);
	margin: 0 0 15px
}
#agentZone .tab-content > .active {
    overflow: auto
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border-top: 2px solid var(--my-color);
    box-shadow: none;
    color: var(--mf-color)
}
.nav-tabs>li>a, .nav-tabs>li>a:focus {
    background: var(--lw02-C);
    color: var(--gbl-C)
}

[data-container-type="zone"] {
	overflow-x: auto;
}
.noO {
    overflow-x: unset
}

.table-bordered {
	border: 0;
	min-width: 890px;
	width: fit-content;
	width: calc(100% - 1px)
}

.table {
	font-size: 15px;
	table-layout: fixed;
}
td, th {
    padding: 5px
}

[data-container-type="zone"] .table {
	table-layout: auto
}

[data-container-type="zone"] th {
	white-space: nowrap
}

tbody>tr:hover {
	background: #fff2b5 !important
	
}

.table a {
	//color: #0fe9ef
}

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
	background: var(--lw02-C);
	border-top: 0;
	border: 1px solid var(--gbl-C);
	color: var(--mf-color)
}

th[data-grid-column-sort] a {
	color: #fff;
}

.table>thead>tr>th {
	border-color: #25313e;
}

/* .table.table-bordered>thead>tr>th:first-child, .table>thead>tr>th:last-child
	{
	border-width: 0 0 1px 0;
} */

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 1px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: var(--lw01-C)
}

.table-striped>tbody>tr:nth-of-type(even) {
	//background: #0a4356;
	//color: #fff
}

/* tbody>tr:nth-of-type(odd) {
	background: 
}
tbody>tr:nth-of-type(even) {
	background: 
} */

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
	.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid var(--gbl-C)
}
.Pimg {
	height: 70px;
    margin: 0 8px 0 0;
    width: 70px
}

.btnBox {
    display: flex;
    justify-content: center
}
.btnBox.aL {
    justify-content: flex-start
}
.btn {
	background-color: var(--my-color) !important;
	border: none;
	color: var(--w-C) !important;
	overflow: hidden;
	padding: 11px 20px;
	margin: 10px 0;
    text-overflow: ellipsis
}
.btn.mD {
	margin: 0 0 15px
}
.btn.m0 {
	margin: 0
}
.btn.mTRB {
	margin: 15px 15px 15px 0
}
.btn.mT {
	margin: 15px 0 0
}
.btn.mTR {
	margin: 15px 15px 0 0
}
.btn:hover {
	background: var(--brw-C)  !important;
	color: var(--w-C) !important;
}
.btn.S {
    padding: 3px 15px
}
.btn.S.R {
    border-radius: 15px
}
.btn.O {
    display: block;
    margin: 5px auto
}
.btn.cB {
    background: var(--B-C) !important;
    color: var(--w-C) !important;
    font-size: 16px
}
.btn.cR {
    background: var(--r-C) !important;
    color: var(--w-C) !important;
    font-size: 16px
}
.btn.cB:hover,.btn.cR:hover {
    background: var(--brw-C) !important;
    color: var(--w-C) !important;
}
.btn.wM {
	width: 150px 
}
.btn.b2L {
    margin: 15px 15px 0 0
}
.btn.b2R {
    margin: 15px 0 0
}
.BtnB.S1 .btn {
	margin: 10px 10px 0 0
}
.BtnB.S1 .btn.last {
	margin: 15px 0
}

.Fbox .input-group-btn:last-child > .btn {
	height: 34px;
    margin: 0 !important;
    padding: 0;
    width: 34px
}
.btn:focus,.btn:focus-visible {
    border-radius: unset;
    outline: none
}

.uploadSpan {
    border: 1px solid var(--gbl-C) !important
}
.uploadSpan:hover {
    background: var(--my-color) !important;
    color: var(--mf-color) !important
}
.del,.EsB {
    display: block;
    font-size: 18px;
    text-align: center
}
.del {
	color: var(--r-C)
}
.srch {
	align-items: center;
    display: flex;
    margin: 0 0 30px;
    width: 100%
}
.srch .p1,.srch .p3 {
    width: 80px
}
.srch .p2 {
    width: 300px
}
.srch .btn {
    height: 34px;
    margin: 0 0 0 10px;
    padding: 0;
    width: 100%
}

/* datepicker */
.datefield-popup.well {
    padding: 15px 15px 50px
}
.datePicker .header {
    margin: 0;
    padding: 0 !important
}
.datePicker .header .btn {
    height: 36px;
    margin: 0;
    padding: 0;
    width: 36px
}
.datePicker .labelPopup {
    z-index: 2
}
.datepicker tbody>tr {
	background: #fff;
}
.datepicker tbody>tr:hover {
	background: #ddd !important;;
}
.datePicker .footer {
    width: 100%
}
.datePicker .footer .btn {
	line-height: 1;
    margin: 0;
    width: 80px
}
.datePicker .footer tr:hover {
    background: whitesmoke !important
}
.datePicker td, .datePicker tr, .datePicker table {
    border: none
}

.picker-switch td {
	background: #fff;
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
	background: #30767d;
}

.dtp div.dtp-date, .dtp div.dtp-time {
	background: #27363c;
}

.dtp .p10>a {
	color: #b4fffc;
}

table.table.dtp-picker-days tr {
	background: #fff;
}

.dtp-buttons .btn {
	background: #2f767d !important;
	border-color: #2f767d;
}

.timepicker .page-content {
	background: #fff !important;
}

.timepicker tbody>tr:nth-of-type(odd) {
	background: #fff
}

.timepicker tbody>tr:nth-of-type(even) {
	background: #fff
}

.timepicker tbody>tr:hover {
	background: #fff !important
}

//
tbody>tr:hover {
	background: #222 !important;
}

.ListTit {
	background: rgb(47, 116, 138);
	border-radius: 17px;
	display: inline-block;
	font-size: 15px;
	margin: 10px 0 0;
	padding: 5px 20px;
}

.ib-box {
	display: inline-block;
	vertical-align: middle;
}

#searchForm .ib-box {
	background: rgba(19, 83, 99, 0.6);
	border-radius: 10px;
	font-size: 16px;
	margin: 15px 0 0;
	padding: 30px calc(( 100% - 890px)/2);
	width: 100%;
}

.taskListbox th:nth-child(1), .taskListbox th:nth-child(9) {
	width: 85px
}

.taskListbox th:nth-child(n+2):nth-child(-n+4) {
	width: 150px
}

.taskListbox th:nth-child(n+5):nth-child(-n+7), .taskListbox td:nth-child(n+5):nth-child(-n+7)
	{
	text-align: center;
	width: 70px
}

.taskListbox th:last-child {
	width: 200px
}

.table>tbody>tr>td {
	vertical-align: middle;
}

.schBox th:nth-child(1), .schBox td:nth-child(1) {
	text-align: center;
	width: 60px
}

.schBox th:nth-child(8), .schBox td:nth-child(8) {
	text-align: center;
	width: 75px;
}
/*
.schBox th:nth-child(n+5):nth-child(-n+7), .schBox td:nth-child(n+5):nth-child(-n+7),.schBox th:nth-child(11),.schBox td:nth-child(11) {
	text-align: center;
    width: 100px;
}*/
.schBox th:nth-child(13), .schBox td:nth-child(13) {
	text-align: center;
	width: 50px;
}

.schBox th:last-child, .schBox td:last-child {
	text-align: center;
	width: 90px;
}

.schBox form:nth-child(even) tbody>tr:nth-of-type(odd) {
	background: #0a4356;
}

.taskListbox select, .schBox select {
	background: #247589;
	background: #386e79;
	background: rgba(0, 0, 0, .4);
	border: 1px solid #009193;
	border-radius: 0 !important;
	color: #fff;
	height: 25px;
}

.taskListbox td select {
	display: inline-block;
	vertical-align: top;
	width: 89px;
}

.taskListbox td .mchNo {
	margin: 0 5px 5px 0
}

.taskListbox .btn, .schBox .btn {
	border: 0;
	display: block;
	margin: 0 auto;
	padding: 3px 20px;
	width: 90px;
}

.schBox .btn {
	width: 90%;
}

.taskListbox .btn:hover, .schBox .btn:hover {
	background: #06f8fe !important;
}

input[type=text], input[type=password] {
	width: 100%
}

.bootstrap-touchspin input[type=text] {
	margin: 0;
	text-align: center
}

.bootstrap-touchspin-injected .btn {
	background: #c0d1cb !important;
	font-size: 20px;
	padding: 2px 12.5px !important
}

.bootstrap-touchspin-injected .btn:hover {
	background: #d7e2de !important;
}
.dropzone .btn {
	background: #bed6cf !important;
	border: 5px solid #bdd6cf;
	margin: 10px 0 0;
	width: 150px
}

.ib-box .btn {
	font-size: 17px;
	margin: 20px auto;
	padding: 10px 15px;
	width: 150px
}

input#upload, input[type="file"] {
	border: 3px dashed #c0d1cb;
	height: auto;
	padding: 15px;
}

.dropzone.well {
	color: #777;
}


#tabZone div, #taskListZone, .main-content-inner .page-content,
	#machinesAZone, #machinesBZone, #machinesCZone, #scheduleZone {
	overflow-x: auto;
}

/* #tabZone .table, #taskListZone .table, #machinesAZone .table,
	#machinesBZone .table, #machinesCZone .table {
	min-width: 1600px;
	table-layout: auto;
} */

.Dth {
    background: var(--gbl-C);
    color: var(--w-C);
    display: flex;
    margin: 0 0 5px;
    padding: 5px 8px;
    width: 100%
}
.Dth .c {
    text-align: center
} 
.Dtr li {
	align-items: center;
	display: flex
}
.Dth li,.Dtr li .tr {
	padding: 0 10px;
    width: 16.666%
}
.sortable .category {
    border: 1px solid var(--gbl-C);
    border-width: 1px 1px 1px 5px;
    cursor: move;
    font-size: 15px;
    padding: 5px;
    margin: 0 5px 5px 0
}
.sortable .category:hover,.sortable .category:active {
	background: var(--lw02-C)
}


.sortable1 .category {
	background: #fff;
    border: 1px solid var(--lw02-C);
    border-left: 5px solid var(--lw03-C);
    cursor: move;
    font-size: 15px;
    padding: 5px;
    margin: 0 0 5px 0
}
.sortable1 .category:hover {
	background: #fff;
    border-left: 5px solid var(--my-color);
    box-shadow: 0 5px 10px 1px #828a9b36
}
/* .sortable1 .category:hover,.sortable .category:active {
	background: var(--lw02-C)
} */

.SoT {
    font-size: 16px
}
.SoT i,.psDrag {
    color: var(--gbl-C);
    display: block;
    font-size: 15px;
    padding: 5px 0
}

#productionParameterGridZone .table {
	table-layout: fixed;
}

#productionParameterGridZone [data-grid-property="nanayngProductIds"],
	#productionParameterGridZone [data-grid-property="customMoldIds"] {
	width: 150px;
}

#productionParameterGridZone [data-grid-column="last"] {
	width: 600px;
}

[data-grid-column-sort='sortable'], [data-grid-column-sort="ascending"]
	{
	width: 150px;
}

[data-grid-property="mail"] {
	width: 300px;
}

[data-grid-column-sort="descending"] {
	width: 120px
}

[data-grid-property='estimatedExitDryingRoomTime'], [data-grid-property='defaultDryingTime']
	{
	width: 150px;
}

[data-grid-property='intoDryingRoomTime'] {
	width: 160px;
}

[data-grid-property='nanyangProductId'] {
	width: 200px;
}

#scheduleZone th:nth-child(2), #scheduleZone td:nth-child(2) {
	width: 120px
}

#scheduleZone th:nth-child(n+3):nth-child(-n+4), #scheduleZone td:nth-child(n+3):nth-child(-n+4)
	{
	width: 200px;
}

#scheduleZone th:nth-child(n+5):nth-child(-n+7), #scheduleZone td:nth-child(n+5):nth-child(-n+7)
	{
	width: 100px
}

#scheduleZone th:nth-child(9), #scheduleZone td:nth-child(9),
	#scheduleZone th:nth-child(10), #scheduleZone td:nth-child(10) {
	width: 200px
}

#scheduleZone th:nth-child(11), #scheduleZone td:nth-child(11) {
	text-align: center;
	width: 70px
}

#scheduleZone td:nth-child(12) {
	text-align: center;
	width: 50px
}

.schBox #scheduleZone th:nth-child(13), .schBox #scheduleZone td:nth-child(13)
	{
	width: 130px;
}

[data-grid-property="productionDate"] ~[data-grid-property], [data-grid-property="customMoldIds"]
	{
	width: 150px
}

[nanyangProductId], [data-grid-property="customMoldId"], [data-grid-property="moldId"],
	[data-grid-property="customProductId"] {
	width: 250px
}

[data-grid-property="timeBetweenExitDryingRoomAndPackgeDate"] {
	width: 100px;
}

[data-grid-property="timeBetweenPackageDateAndLabelDate"] {
	width: 100px;
}

[data-grid-property="timeBetweenLabelDateAndPullStorageSpaceDate"] {
	width: 100px;
}

[data-grid-property="timeBetweenPullStorageSpaceDateAndShipDate"] {
	width: 100px;
}

[data-grid-property="productionDate"] {
	width: 100px
}

[data-grid-property="material"], [data-grid-property="customMoldId"] {
	white-space: nowrap
}

.PP th:nth-child(2), .PP td:nth-child(2) {
	width: 120px
}

.PP th:nth-child(3), .PP td:nth-child(3) {
	width: 170px
}

.PP th:nth-child(4), .PP td:nth-child(4) {
	width: 200px
}

.PP th:nth-child(n+5):nth-child(-n+8), .PP td:nth-child(n+5):nth-child(-n+8),
	.PP th:nth-child(11), .PP td:nth-child(11), .PP th:nth-child(12), .PP td:nth-child(12)
	{
	text-align: center;
	width: 100px
}
/*
.PP th:nth-child(9), .PP td:nth-child(9),.PP th:nth-child(10), .PP td:nth-child(10) {
    width: 200px
}*/
.PP th:nth-child(12), .PP td:nth-child(12) {
	width: 80px
}

.PP th:nth-child(13), .PP td:nth-child(13) {
	width: 130px
}

.PP th:nth-child(14), .PP td:nth-child(14) {
	width: 90px
}

.mgpd-cb div div {
	display: inline-block;
	padding: 0 10px 0 0;
	width: 85px;
}

.ovf-no {
	overflow: unset
}

/* quiz */
.QBox {
	//background: rgba(19, 83, 99, 0.6);
	//border-radius: 10px;
	//margin: 15px 0 0;
	padding: 30px calc(( 100% - 890px)/2);
}

.qtit {
	border-left: 1px solid #06c3c8;
	font-size: 35px;
	height: 70px;
	margin: 0 0 25px;
	padding: 0 0 0 25px;
	position: relative;
}

.qtit:after {
	border: 1px solid #06c3c8;
	border-width: 0 1px 0 0;
	content: "";
	display: block;
	height: 15px;
	position: absolute;
	left: -8px;
	transform: rotate(45deg);
	width: 15px;
}

.QBox label, .final label {
	font-size: 19px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

.QBox input[type=text], .QBox select, .final select, .ib-box input[type=text]
	{
	//background: #316b7f;
	//box-shadow: inset 3px 3px 5px 0 rgba(0, 0, 0, .5) !important;
	//color: #fff;
	height: 45px;
	font-size: 17px;
	margin: 0 0 15px;
	padding: 5px 15px;
}

#searchForm .ib-box select {
	height: 40px;
	margin: 0 0 15px;
}

.QBox select, .final select {
	//-moz-appearance: none;
	//-webkit-appearance: none;
	//border: 1px solid #009193;
	padding: 5px 36px 5px 15px;
}

.QBox .select-box, .final .select-box {
	height: 45px;
	margin: 0 0 15px;
	position: relative;
}

.QBox .select-box:before, .QBox .select-box:after, .final .select-box:before,
	.final .select-box:after {
	//content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	z-index: 1
}

.QBox .select-box:before, .final .select-box:before {
	top: 1px;
	right: 1px;
	background: #265667;
	border-left: 1px solid #009193;
	height: 43px;
	width: 36px;
}

.select-box:after {
	border: 1px solid #06c3c8;
	border-width: 0 2px 2px 0;
	height: 12px;
	top: 40%;
	right: 16px;
	transform: rotate(45deg) translateY(-50%);
	width: 12px;
}

.final-name {
	font-size: 15px;
	padding: 0 0 10px;
}

.sel-data {
	font-size: 17px;
	line-height: 1.5;
	padding: 0 0 20px
}

.has-error .help-block, .has-error .control-label, .has-error .radio,
	.has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline,
	.has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label,
	.has-error.checkbox-inline label {
	color: #ff8888
}

.form-group.has-error .control-label, .form-group.has-error .help-block,
	.form-group.has-error .help-inline {
	color: #ff8888
}

.red {
	color: #ff8888 !important;
}

.total {
	color: #00faff;
	font-size: 19px;
}
.modal-content {
	background: var(--lw01-C);
    border-radius: 20px;
    padding: 40px 30px 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 991px
}
.popClose {
    position: absolute;
    top: 30px;
    right: 30px
}
/* .modal-footer {
	background: #d7e2de;
}
 */
.btn-box {
	text-align: right;
}

.QBox .btn-box .btn {
	font-size: 17px;
	margin: 20px 0;
	width: 150px;
}
.btn.btn-default {
    margin: 10px 0 !important
}
.btn-warning {
    margin: 10px 10px 10px 0
}

.QBox .btn-box .btn:hover {
	background: var(--brw-C) !important;
	//border-color: #00f8ff
}
.stateBox {
	display: flex;
    margin: 0 0 15px
}
.stateBox .btn {
    border-right: 1px solid #fff;
    margin: 0;
    white-space: break-spaces
}
.stateBox.C7 .btn {
    width: calc(100% / 7)
}

td div {
	word-break: break-all;
}

#areaA th:nth-child(1), #areaA th:last-child, #areaB th:nth-child(1),
	#areaB th:last-child, #areaC th:nth-child(1), #areaC th:last-child {
	width: 50px
}

#areaA th:nth-child(8), #areaA th:nth-child(11), #areaB th:nth-child(8),
#areaB th:nth-child(11), #areaC th:nth-child(8), #areaC th:nth-child(11){
    width: 70px
}
#areaA th:nth-child(n+5):nth-child(-n+7), #areaB th:nth-child(n+5):nth-child(-n+7),
	#areaC th:nth-child(n+5):nth-child(-n+7) {
	width: 100px
}

#machinesAZone th:nth-child(12) {
	width: 200px
}

input[type="checkbox"].check-padg {
	margin: 0 0 0 30px
}

.books-label input[type="checkbox"] {
	margin: 0 15px 0 0
}

.footer {
	padding-top: 60px;
}

/* width */
.page-content ::-webkit-scrollbar {
	width: 4px;
	height: 6px;
}
/* Track */
.page-content ::-webkit-scrollbar-track, .page-content scrollbar-base-color: {
	background: #161c22
}
/* Handle */
.page-content ::-webkit-scrollbar-thumb, .page-content scrollbar-track-color
	{
	background: var(--my-color);
	border-radius: 2px
}
/* Handle on hover */
.page-content ::-webkit-scrollbar-thumb:hover {
	background: var(--brw-C);
}
/* form */
.Fbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
    width: 100%
}
.Fbox.sch {
    background: var(--lw02-C);
    border: 1px solid var(--gbl-C);
    border-radius: 8px;
    padding: 20px 20px 10px
}
.Fbox.mD10 {
    margin: 0 0 10px
}
.Fbox.m0,.Fbox .m0 {
    margin: 0
}
.Fbox.row1 {
    flex-wrap: unset
}
.mTB {
    margin: 10px 0
}
.Ast {
	color: var(--r-C);
	margin: 0 0 0 10px
}
.Fbox dl {
	display: flex;
	margin: 0 0 10px;
    width: calc(50% - 15px)
}
.Fbox .lg {
    width: 100%
}
.Fbox .L {
    margin: 0 30px 10px 0
}
.Fbox .T {
    color: var(--gbl-C);
    font-size: 16px;
    margin: 0 0 15px;
    width: 100%
}
.Fbox.sch dt {
    width: 85px
}
.Fbox dd {
    width: calc(100% - 100px)
}
.Fbox dl input[type="checkbox"] {
    margin: 0 5px 0 0;
    position: relative;
    vertical-align: middle
}
.Fbox.row1 dl {
    width: calc(50% - 65px)
}
.Fbox.row1 .srD {
	width: 40px
}
.sch.row1 .subm {
    margin: 0 0 0 30px
}
.Fbox dt {
    width: 110px
}
.nameList .checkbox label {
    padding: 0
}
.Fbox.LR li {
    width: calc(50% - 15px)
}
.Fbox.LR dl {
	width: 100%
}
.Fbox .YoN div {
    display: inline-flex;
    width: 33.333%
}
.dlEx i {
    font-size: 24px;
    margin: 0 5px 0 0
}
.nameList>div>div {
    display: inline-flex;
    width: 50%
}
.nameList .checkbox {
    margin: 0;
    padding: 0 5px 5px 0;
    width: 100%
}
.ps {
	padding: 3px 0 0;
    font-size: 12px;
}
.inW {
    padding: 15px 0 0;
    border-top: 1px solid var(--gbl-C);
    width: 100%
} 
/* table */
.TBox {
    display: flex;
    margin: 0 0 10px
}
.TBox li {
    margin: 0 10px 0 0;
}
.TBox .last {
    margin: 0
}
.TBox.S1 li {
    width: calc((100% - 110px)/6)
}
.TBox.S2 li {
    width: calc((100% - 50px)/6)
}
.TBox.S1 .last,.TBox.S4 .last {
    align-self: center;
    font-size: 21px;
    text-align: center;
    width: 50px
}
.TBox.S2 .last {
    text-align: right
}
.TBox.S1 .last a,.TBox.S4 .last a {
	color: var(--r-C)
}
.TBox.S2 label {
	color: var(--gbl-C)
}
.TBox.S3 li {
	display: flex;
	margin: 0 0 10px;
    width: calc(50% - 15px)
}
.TBox.S3 label {
    padding: 0 10px 0 0;
    width: 100px
}
.TBox.S3 .L {
    margin: 0 30px 10px 0
}
.TBox.S4 li {
    width: calc((100% - 100px)/4)
}
.TBox.S4 .last {
	text-align: center;
    width: 60px
}
.infx {
	display: inline-flex
}
.infx span {
    padding: 0 0 0 10px
}
.infx .input-group-btn,.infx .input-group-btn span {
    padding: 0;
}
.infx .pLR {
	padding: 0 10px
}
.ttPrice {
	font-size: 18px;
    padding: 0 15px 0 0;
    text-align: right
}
.ttPrice.S2 {
    padding: 0
}
.sP {
	font-size: 15px;
    margin: 0;
    text-align: right
}
.subm {
    padding: 5px 20px
}
.subm.mL {
	margin: 0 0 0 15px
}
.FdH {
    min-height: 500px
}


/*Gp*/
.Gp {
	margin: 0 0 15px
}

.Gp.n-mg {
	margin: 0
}

.Gp .w1 {
	display: inline-block;
	max-width: 600px;
	margin: 0 20px 0 0;
}

.w1.n-b {
	max-width: 690px;
}

.Gp .smit-b, .smit-b {
	color: #000;
	padding: 5px 20px
}

.w-100 {
	margin: 15px 0;
	width: 100px
}

.Gp .w2.n-b {
	display: inline-block;
	max-width: 335px;
}

.Gp .w2.A {
	margin: 0 20px 0 0;
}

#files_wrapper {
	vertical-align: middle
}

#files_wrapper+.btn {
	display: block;
}

@media ( max-width : 1100px) {
	.QBox {
		margin: 0;
		padding: 30px 50px;
	}
}

@media only screen and (max-width: 991px) {
	.modal-dialog {
	    width: 100%
	}
	.modal-content {
	    width: calc(100% - 30px)
	}
	.page-content {
		padding: 15;
	}
	.NY-logo {
		margin: 0;
	}
	.NY-N, .NY-Y {
		display: none
	}
	.apollo-logo {
		left: 150px;
		width: 80px
	}
	.nav .cpM {
	    display: inline-block;
	    vertical-align: top
	}
	.lihgt {
	    vertical-align: top
	}
}
@media only screen and (max-width: 768px) {
	.modal-dialog {
	    margin: 10px auto
	}
	.modal-content {
	    padding: 40px 15px 15px
	}
	.popClose {
	    top: 20px;
	    right: 20px
	}
	.Fbox dl {
	    width: 100%
	}
	.Fbox .L {
	    margin: 0 0 10px 0
	}
	.TBox {
	    border-bottom: 1px solid #d5d5d5;
	    flex-wrap: wrap;
	    padding: 0 0 5px
	}
	.TBox.S1 li,.TBox.S1 .last {
	    margin: 0 0 5px;
	    width: 100%
	}
}
@media only screen and (max-width: 640px) {
	.Dth {
	    display: none
	}
	.Dtr li {
	    flex-wrap: wrap
	}
	.Dtr li .tr {
	    width: 50%
	}
    [data-tit]:before {
    	content:attr(data-tit)
    }
    .tr .del {
	    border: 1px solid
	}
	
	.Fbox.row1 dl {
	    width: 100%
	}
	.Fbox.row1 {
	    flex-wrap: wrap
	}
	.sch.row1 .subm {
	    margin: 0;
	    width: 100%
	}
	.Fbox.row1 .srD {
	    width: 100%
	}
	.btn.wM {
	    width: 100%
	}
	.btn.wM.b2L, .btn.b2R {
	    width: calc(50% - 7.5px)
	}
	
}

@media ( max-width : 990px) {
	.navbar-toggle {
		display: block !important;
	}
	@media ( min-width : 768px) {
		.navbar-toggle {
			display: block !important;
		}
	}
	@media only screen and (max-width: 767px) {
		.navbar .navbar-brand {
			margin: 0;
		}
	}
	@media only screen and (max-width: 479px) {
		.navbar:not (.navbar-collapse ) .navbar-header {
			height: 55px;
		}
		.NY-logo {
			float: right;
			line-height: 55px;
			margin: 0 20px 0 40px;
		}
		.apollo-logo {
			top: 0;
		}
		.navbar-header.pull-left {
			text-align: left;
		}
		.navbar:not (.navbar-collapse ) .ace-nav>li:last-child { //
			width: calc(100% - 162px);
			width: calc(100% - 180px);
		}
		.navbar .navbar-brand {
			display: inline-block;
			float: none;
			margin: 0 auto 0 -40px;
		}
		.ace-nav>li:last-child a {
			padding: 0 10px;
			text-align: left;
		}
		.navbar:not (.navbar-collapse ) .ace-nav>li {
			vertical-align: top;
		}
		.user-info {
			margin: -5px 0 0;
			max-width: 100%;
			width: calc(100% - 72px);
		}
		.ace-nav .nav-user-photo {
			margin: -19px 8px 0 0;
		}
		.ace-nav>li:last-child a {
			padding: 10px;
		}
		.QBox {
			padding: 30px;
		}
	}
	@media screen and (max-width: 480px) {
		.Gp .smit-b, .smit-b {
			display: block;
			margin: 15px auto 0;
			width: 100px;
		}
	}
	@media screen and (max-width: 360px) {
		.navbar:not (.navbar-collapse ) .navbar-buttons .user-info {
			margin-top: 50px;
		}
		.dropdown-menu.dropdown-close {
			top: 82%;
		}
	}
}
@media screen and (max-width: 480px) {
	.page-content {
	    padding: 10px
	}
	section {
	    padding: 10px
	}
	.Fbox dl {
	    width: 100%;
	    flex-wrap: wrap
	}
	.Fbox dd,.Fbox dt,.Fbox.sch dd {
	    width: 100%
	}
	.Fbox dt {
	    padding: 0 0 5px
	}
	.sch .subm {
    	width: 100%
	}
}