:root{
	--table-st1-body-border: 1px solid #e6e3e0;
}
/* Basic Start */
html,body{
	height: 100%;
	overflow: auto;
}
body {
	background: rgb(253,253,253);
	color: #333;
	font-family: 'Ruda', sans-serif;
	font-size: 11px;
	padding: 0px !important;
	margin: 0px !important;
	box-sizing: border-box;
	vertical-align: top;
	*word-break: break-all;
	-ms-word-break: break-all;
	zoom: 1;
}
ul li, ol li{
	list-style: none;
}
a, a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #797979;
}
label, button{
	cursor: pointer;
}
label {
	font-weight: normal;
	margin-bottom: 0;
}
img, fildset, iframe, input{
	border: 0 none;
}
img{
	vertical-align: top;
}
input, select, button{
	vertical-align: middle;
}
input[type="checkbox"], input[type="radio"]{
	margin-top: -2px;
}
input[type="text"], input[type="password"], select{
	height: 20px;
	padding: 0 3px 0 5px;
	border: 1px solid #d3d3d3;
	width: 100%;
}
input[readonly], textarea[readonly]{
	border: none;
}
input::placeholder, textarea::placeholder {
	color: #999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #999;
}
select, textarea{
	border: 1px solid #ccc;
}
select[disabled], input[disabled]{
	background-color: #ebebe4 !important;
}
textarea{
	font-size: 12px;
	height: 100%;
	width: 100%;
	padding: 5px;
	resize:none;
	display: block;
}
caption, legend{
	font-size: 0;
	height: 0;
	width: 0;
	padding: 0 !important;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent:-5000px;
}
img, fieldset, iframe{
	border:0 none;
	vertical-align:top;
}
fieldset{
	font-size:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
/* Basic End */


/* Layout Start */
/* Layout Decorate Start */
.local{
	ime-mode:active;
}
.eng{
	ime-mode:disabled;
}
.noBorder{
	border: none !important;
}
.clear{
	font-size: 0 !important;
	display: block;
	height: 0;
	width: 100%;
	line-height: 0 !important;
	float: none;
	clear: both;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}
.datepicker .clear{
	font-size: inherit !important;
}
.hidden{
	font-size: 0;
	visibility: hidden;
	height: 1px;
	width: 1px;
	line-height: 0;
	background: none;
	left: -9999em;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999em;
}

.skip{
	font-size: 0;
	height: 1px;
	width: 1px;
	line-height: 0;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
}

.ir{
	font-size: 0;
	visibility: hidden;
	height: 0;
	width: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	background: none;
	position: absolute;
}
.ir2 {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.underlineBox{
	border-bottom: solid 1px #d3d3d3 !important;
}
.inline{
	display: inline !important;
}
.inlineblock{
	display: inline-block !important;
}
.lineHeight20{
	line-height: 20px;
}

.tl{text-align: left !important;}
.tc{text-align: center !important;}
.tr{text-align: right !important;}

.fl{float: left !important;}
.fr{float: right !important;}
.center{margin: 0 auto !important;}

.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table; line-height: 0; content: ""; clear: both;}

.noList{list-style: none; margin: 0; padding: 0;}
.noList li{padding: 0; margin: 0; float: left; list-style: none;}
.noList li:LAST-CHILD{clear: right;}
.noList::BEFORE, .noList::AFTER{display: block; content: ''; clear: both;}

::selection {
	background: #4ECDC4;
	color: #fff;
}
::-moz-selection {
	background: #4ECDC4;
	color: #fff;
}

#container {
	width: 100%;
	min-height: 500px;
}

.nav-tabs {
	background: #e0e1e7;
}
.nav-tabs a {
	color: #2f2f2f;
}
.pc-only {display: none !important;}
.m-only {display: block !important;}
/* Layout Decorate End */

/* Table Design Start */
table{empty-cells: show;}
table.tbl_sch{margin: 0; padding: 10px 10px; table-layout: fixed; width: 100%; border-top: 2px solid #ffb66d;}
table.tbl_sch th {color: #666; font-family: tahomabd; background-color: #efefef; font-size: 11px; text-align: left; padding: 6px 10px; border: 1px solid #b2bad2;}
table.tbl_sch th label {color: #333; font-weight: bold;}
table.tbl_sch td {color: #666; padding: 6px 10px; border: 1px solid #b2bad2;}

.table td, .table th{vertical-align: middle !important;}
.table.st1{margin: 0; padding: 10px 10px; table-layout: fixed; width: calc(100% - 1px); border-top: 1px solid #848484;}
.table.st1 th{color: #666; background-color: #f7f7f7; font-weight: unset; text-align: left; padding: 3px 10px; border: var(--table-st1-body-border); line-height: 20px;}
.table.st1 thead tr th{line-height: 1.8; font-weight: 700; border-top: 2px solid #ddd;}
.table.st1 tbody td{border-left: var(--table-st1-body-border); border-bottom: var(--table-st1-body-border); background: #fff; padding: 3px 10px; line-height: 20px; border-top: var(--table-st1-body-border);}
.table.st1 thead tr th:LAST-CHILD, .table.st1 tbody tr th:LAST-CHILD, .table.st1 thead tr td:LAST-CHILD, .table.st1 tbody tr td:LAST-CHILD{border-right: var(--table-st1-body-border);}
.table.st1 tbody th{background: #f1f1f1; border-bottom: var(--table-st1-body-border); color: #222; text-align: left;}
.table.st1 tbody tr:LAST-CHILD th{border-bottom: var(--table-st1-body-border);}
/* Table Design End */

/* Input Icons START */
.ns-input-icons{display: inline-block; position: relative;}
.ns-input-icons input:FOCUS, .ns-input-icons .fa.fa-close:HOVER+input{padding-right: 15px;}
.ns-input-icons .fa.fa-close{position: absolute; right: 1px; top: 2px; padding: 4px; cursor: pointer; display: none;}
/* Input Icons END */

/* Button Min Size Start */
.btn-m55{min-width: 55px;}
.btn-m60{min-width: 60px;}
.btn-m65{min-width: 65px;}
.btn-m70{min-width: 70px;}
.btn-m75{min-width: 75px;}
.btn-m80{min-width: 80px;}
.btn-m85{min-width: 85px;}
.btn-m110{min-width: 110px;}
.btn-m120{min-width: 120px;}
/* Button Min Size End */

/* Margin Size Start */
.margin0{margin: 0 !important;}
.margin5{margin: 5px !important;}
.margin10{margin: 10px !important;}
.margin15{margin: 15px !important;}
.margin20{margin: 20px !important;}

.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left:20px !important;}

.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
/* Margin Size End */

/* Padding Size Start */
.pad0, .pd0{padding: 0 !important;}
.pad5, .pd5{padding: 5px !important;}
.pad10, .pd10{padding: 10px  !important;}
.pad15, .pd15{padding: 15px !important;}
.pad20, .pd20{padding: 20px !important;}

.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}

.pr0{padding-right: 0 !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
/* Padding Size End */


/* Layout Width Size Start */
.w20{width: 20px !important;}
.w50{width: 50px !important;}
.w80{width: 80px !important;}
.w85{width: 85px !important;}
.w95{width: 95px !important;}
.w100{width: 100px !important;}
.w120{width: 120px !important;}
.w130{width: 130px !important;}
.w150{width: 150px !important;}
.w160{width: 160px !important;}
.w180{width: 180px !important;}
.w190{width: 190px !important;}
.w200{width: 200px !important;}
.w240{width: 240px !important;}
.w250{width: 250px !important;}
.w300{width: 300px !important;}
.w400{width: 400px !important;}
.w500{width: 500px !important;}

.mw20{min-width: 20px !important;}
.mw50{min-width: 50px !important;}
.mw60{min-width: 60px !important;}
.mw80{min-width: 80px !important;}
.mw85{min-width: 85px !important;}
.mw100{min-width: 100px !important;}
.mw120{min-width: 120px !important;}
.mw150{min-width: 150px !important;}
.mw180{min-width: 180px !important;}
.mw200{min-width: 200px !important;}
.mw240{min-width: 240px !important;}
.mw250{min-width: 250px !important;}
.mw300{min-width: 300px !important;}
.mw400{min-width: 400px !important;}
.mw500{min-width: 500px !important;}
/* Layout Width Size End */

/* Layout Height Size Start */
.mh100{min-height: 100px !important;}
.mh200{min-height: 200px !important;}
.mh300{min-height: 300px !important;}
.mh400{min-height: 400px !important;}
.mh500{min-height: 500px !important;}
.mh600{min-height: 600px !important;}
.mh700{min-height: 700px !important;}
.mh800{min-height: 800px !important;}
/* Layout Height Size End */

/* Layout Percentage Start */
.p10, .pw10{width: calc(10% - 5px) !important;}
.p15, .pw15{width: calc(15% - 5px) !important;}
.p20, .pw20{width: calc(20% - 5px) !important;}
.p25, .pw25{width: calc(25% - 5px) !important;}
.p30, .pw30{width: calc(30% - 5px) !important;}
.p33, .pw33{width: calc(33% - 5px) !important;}
.p40, .pw40{width: calc(40% - 5px) !important;}
.p50, .pw50{width: calc(50% - 5px) !important;}
.p60, .pw60{width: calc(60% - 5px) !important;}
.p70, .pw70{width: calc(70% - 5px) !important;}
.p80, .pw80{width: calc(80% - 5px) !important;}
.p90, .pw90{width: calc(90% - 5px) !important;}
.p100, .pw100{width: 100% !important;}

.left2{width: 20%; float: left; padding-right: 4px;}
.left2::BEFORE, .left2::AFTER{display: block; content: ''; clear: both;}
.left3{width: 30%; float: left; padding-right: 4px;}
.left3::BEFORE, .left3::AFTER{display: block; content: ''; clear: both;}
.left5{width: 50%; float: left; padding-right: 4px;}
.left5::BEFORE, .left5::AFTER{display: block; content: ''; clear: both;}
.left6{width: 65%; float: left; padding-right: 4px;}
.left6::BEFORE, .left6::AFTER{display: block; content: ''; clear: both;}
.left7{width: 70%; float: left; padding-right: 4px;}
.left7::BEFORE, .left7::AFTER{display: block; content: ''; clear: both;}

.right3{width: 30%; float: right; padding-left: 4px;}
.right3::BEFORE, .right3::AFTER{display: block; content: ''; clear: both;}
.right4{width: 35%; float: right; padding-left: 4px;}
.right4::BEFORE, .right4::AFTER{display: block; content: ''; clear: both;}
.right5{width: 50%; float: right; padding-left: 4px;}
.right5::BEFORE, .right5::AFTER{display: block; content: ''; clear: both;}
.right7{width: 70%; float: right; padding-left: 4px;}
.right7::BEFORE, .right7::AFTER{display: block; content: ''; clear: both;}
/* Layout Percentage End */
/* Layout End */


/* Font Start */
/* Font Color Start */
.skyblue{color: #00aeef !important;}
.blue{color: #1a79d3 !important;}
.blue2{color: #0054a6 !important;}
.orange{color: #ea9d38 !important;}
.orange2{color: #f60 !important;}
.green{color: #8ec63f !important;}
.red{color:#f53711 !important;}
.red2{color:#e14747 !important;}
.darkgray{color:#333 !important;}
.gray{color:#666 !important;}
.gray2{color:#a1a1a1 !important;}
.white{color:#fff !important;}
.black{color:#000 !important;}
/* Font Color End */

/* Welcome Font Color Start */
.w-red1{color:#e22f26 !important;}
.w-red2{color:#ea002c !important;}
.w-org{color:#ff7a00 !important;}
.w-gray1{color:#444 !important;}
.w-gray2{color:#767676 !important;}
.w-gray3{color:#949494 !important;}
/* Welcome Font Color End */

/* Font Size Start */
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.txt16{font-size: 16px;}
.txt18{font-size: 18px;}
.txt20{font-size: 20px;}
.txt22{font-size: 22px;}
.txt24{font-size: 24px;}
/* Font Size End */

/* Font Style Start */
.underline{text-decoration: underline;}
.strong{font-weight: bold;}
.it{font-style: italic;}
.upper{text-transform: uppercase;}
.clamp{overflow: hidden; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
/* Font Style End */
/* Font End */


/* Media Query Start */
@media ( min-width : 768px) {}
@media screen and (-webkit-min-device-pixel-ratio:0) {}
/* Media Query End */

/* jconfirm Modal Box Design Start */
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	text-indent: -100000px;
}
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
	-webkit-box-shadow: 0 2px 6px rgba(255, 0, 0, 0.76);
	box-shadow: 0 2px 6px rgba(255, 0, 0, 0.76);
	border-radius: 3px;
	border: 1px solid rgba(255, 0, 0, 0.61);
}
/* jconfirm Modal Box Design End */

/* BlockUI Design Start */
.blockUI h1 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
}
/* BlockUI Design End */

/* Toast Grid Design Start */
.tui-grid-cell.subSummary{
	background-color: rgba(91, 192, 222, 0.2);
	font-weight: 600;
}
.tui-grid-cell.totalSummary{
	background-color: rgba(81, 92, 230, 0.2);
	font-weight: 600;
}
.tui-grid-summary-area .tui-grid-cell {
	text-align: center;
}
.tui-grid-header-area th{
	font-weight: 300;
	white-space: pre;
}
.tGrid-btn{
	padding: 1px 5px !important;
	font-size: 12px !important;
	line-height: 1;
}
/* Toast Grid Design End */

/* jQuery UI Design Start */
.ui-autocomplete{
	z-index: 999999;
	padding: 0;
}
.ui-autocomplete table.tbl_sch{
	width: auto;
	background: white;
	font-size: 11px;
}
.ui-autocomplete table.tbl_sch th{
	font-weight: 700;
	padding: 3px 5px;
	line-height: 20px;
}
.ui-autocomplete table.tbl_sch td{
	padding: 3px 5px;
	line-height: 20px;
}
.ui-autocomplete table.tbl_sch tbody{
	height: 10px;
	overflow: auto;
}
.ui-autocomplete table.tbl_sch tbody tr:HOVER{
	background: #dddddd2e;
	cursor: pointer;
}
.ui-helper-hidden-accessible{
	display: none;
}
/* jQuery UI Design End */

/* DatePicker Design Start */
.datepicker.dropdown-menu{
	font-size: 12px;
}
.datepicker .table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{
	padding:3px;
}
/* DatePicker Design End */

/* FullCalendar Design Start */
.fc-toolbar-title{
	color: #333;
	font-weight: 600;
}
.fc .fc-bg-event{
	opacity: 0.6 !important;
}
.fc-day-sat .fc-daygrid-day-number, .fc-day-sat .fc-col-header-cell-cushion {
	color: red;
	font-weight: 600;
}
.fc-day-sun .fc-daygrid-day-number, .fc-day-sun .fc-col-header-cell-cushion {
	color: red;
	font-weight: 600;
}
.fc .fc-toolbar.fc-header-toolbar{
	margin-bottom: 0.5em !important;
}
/* FullCalendar Design End */

/* Web Accessibility  Start */
/* SKIP navigation*/
#skip-nav{position: relative;z-index: 9999;}
#skip-nav a {position: absolute;top: -9999px;width: 100%;text-align: center;line-height: 30px;}
#skip-nav a:focus , #skip-nav a:active {top:0;}
/* Web Accessibility  end */