/*--------------
    Bar nav
---------------*/
	.table-nav.subartop{
		padding: 2px;
		border-bottom:1px solid #ccc;
		top:38px;
		width:100%;
		height:33px;
		position: absolute;
		background-color: rgb(245, 245, 245);
		color:#333;
	}
	.table-nav.subarfoot{
		padding: 2px;
		bottom:0px;
		width:100%;
		height:33px;
		position: absolute;
		background-color: rgb(52, 140, 178);
		color:white;
	}

	.table-nav.menu {
	  font-size: 10pt;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	  font-weight: normal;
	}
	.table-nav.menu:after {
	  content: '';
	  display: block;
	  height: 0px;
	  clear: both;
	  visibility: hidden;
	}
	.table-nav.menu:first-child {
	  margin-top: 0rem;
	}
	.table-nav.menu:last-child {
	  margin-bottom: 0rem;
	}

	/* Left Floated */
	.table-nav.menu .left.item,
	.table-nav.menu .left.menu {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  margin-right: auto !important;
	}

	/* Right Floated */
	.table-nav.menu .right.item,
	.table-nav.menu .right.menu {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  margin-left: auto !important;
	}

	/* Swapped Borders */
	.table-nav.menu .right.item::before,
	.table-nav.menu .right.menu > .item::before {
	  right: auto;
	  left: 0;
	}
	/*--------------
		  Item
	---------------*/

	.table-nav.menu:not(.vertical) .item {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
		  -ms-flex-align: center;
			  align-items: center;
	}
	.table-nav.menu .item {
	  position: relative;
	  vertical-align: middle;
	  line-height: 1;
	  padding:0px 1px;
	  text-decoration: none;
	  -webkit-tap-highlight-color: transparent;
	  -webkit-box-flex: 0;
		  -ms-flex: 0 0 auto;
			  flex: 0 0 auto;
	  -webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
			  user-select: none;
	  background: none;
	  text-transform: none;
	  font-weight: normal;
	}
	.table-nav.menu .item.ihover, .table-nav.menu .item.ititle{
		padding:0px 10px;
		color:#555;
	}
	.table-nav.menu .item.ibtns{
		background: #eee;
		border:1px solid #ccc;
		padding:0px 0px;
		margin:0px 1px;
		color: rgba(0, 0, 0, 0.87);
	}
	.table-nav.menu .item.ibtns:last-child{
		margin:0px 0px;
	}

	.table-nav.menu .item.ihover:hover, .table-nav.menu .item.ibtns:hover{
		background: rgba(34, 36, 38, 0.3);
		cursor:pointer;
		color:#eee;
	}
	.table-nav.menu .item.ibtns > i{
		width:28px;
		text-align: center;
	}
	.table-nav.menu .item.ititle{
		padding:0px 10px;
	}
	.table-nav.menu .item.ititle{
		border:1px solid #ccc;
		border-top:1px solid #fff;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		margin:0px 5px;
	}
	.table-nav.menu .item label{
		padding:0px 10px;
	}

	/*--------------
		 Inputs
	---------------*/

	.table-nav.menu .item input, .table-nav.menu .item select {
		outline: none;
		height:28px;
		padding:0px 5px;
		border: 1px solid rgba(34, 36, 38, 0.3);
	}
	.table-nav.subarfoot .item input, .table-nav.subarfoot .item select {
		border: 1px solid rgba(255, 255, 255, 1);
	}
	.table-nav.menu .item > .input input,.table-nav.menu .item > .input select {
		margin: 0em;
		max-width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		text-align: left;
		background: #FFFFFF;
		color: rgba(0, 0, 0, 0.87);
	}


	/*--------------
		Dropdowns
	---------------*/
	/* Menu */
	.table-nav.menu .dropdown.item .menu {
	  min-width: calc(100% - 1px);

	  background: #FFFFFF;
	  margin: 0em 0px 0px;
	  display: none;
	  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
	  -webkit-box-orient: vertical !important;
	  -webkit-box-direction: normal !important;
		  -ms-flex-direction: column !important;
			  flex-direction: column !important;
	}

	/* Menu Items */
	.table-nav.menu .table-nav.dropdown .menu > .item {
	  margin: 0;
	  text-align: left;
	  font-size: 1em !important;
	  padding: 0.78571429em 1.14285714em !important;
	  background: transparent !important;
	  color: rgba(0, 0, 0, 0.87) !important;
	  text-transform: none !important;
	  font-weight: normal !important;
	  -webkit-box-shadow: none !important;
			  box-shadow: none !important;
	  -webkit-transition: none !important;
	  transition: none !important;
	}
	.table-nav.menu .table-nav.dropdown .menu > .item:hover {
	  background: rgba(0, 0, 0, 0.05) !important;
	  color: rgba(0, 0, 0, 0.95) !important;
	}
	.table-nav.menu .table-nav.dropdown .menu > .selected.item {
	  background: rgba(0, 0, 0, 0.05) !important;
	  color: rgba(0, 0, 0, 0.95) !important;
	}
	.table-nav.menu .table-nav.dropdown .menu > .active.item {
	  background: rgba(0, 0, 0, 0.03) !important;
	  font-weight: bold !important;
	  color: rgba(0, 0, 0, 0.95) !important;
	}
	.table-nav.menu .table-nav.dropdown.item .menu .item:not(.filtered) {
	  display: block;
	}
	.table-nav.menu .table-nav.dropdown .menu > .item .icon:not(.dropdown) {
	  display: inline-block;
	  font-size: 1em !important;
	  float: none;
	  margin: 0em 0.75em 0em 0em !important;
	}

	/* Secondary */
	.table-nav.secondary.menu .dropdown.item > .menu,
	.table-nav.text.menu .dropdown.item > .menu {
	  border-radius: 0.28571429rem;
	  margin-top: 0.35714286em;
	}

	/* Pointing */
	.table-nav.menu .pointing.dropdown.item .menu {
	  margin-top: 0.75em;
	}

	/* Inverted */
	.table-nav.inverted.menu .search.dropdown.item > .search,
	.table-nav.inverted.menu .search.dropdown.item > .text {
	  color: rgba(255, 255, 255, 0.9);
	}

	/* Vertical */
	.table-nav.vertical.menu .dropdown.item > .icon {
	  float: right;
	  content: "\f0da";
	  margin-left: 1em;
	}
	.table-nav.vertical.menu .dropdown.item .menu {
	  left: 100%;
	  min-width: 0;
	  margin: 0em 0em 0em 0em;
	  -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
			  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
	  border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
	}
	.table-nav.vertical.menu .dropdown.item.upward .menu {
	  bottom: 0;
	}
	.table-nav.vertical.menu .dropdown.item:not(.upward) .menu {
	  top: 0;
	}
	.table-nav.vertical.menu .active.dropdown.item {
	  border-top-right-radius: 0em;
	  border-bottom-right-radius: 0em;
	}
	.table-nav.vertical.menu .dropdown.active.item {
	  -webkit-box-shadow: none;
			  box-shadow: none;
	}

	/* Evenly Divided */
	.table-nav.item.menu .dropdown .menu .item {
	  width: 100%;
	}

	.table-nav.dropdown {
		cursor: pointer;
		position: relative;
		display: inline-block;
		outline: none;
		text-align: left;
		-webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
		transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
		transition: box-shadow 0.1s ease, width 0.1s ease;
		transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.table-nav.dropdown .menu {
		left: 0px;
	}
	.table-nav.dropdown .downview {
		top: 100%;
		border-radius: 0em 0em 0.28571429rem 0.28571429rem;
	}
	.table-nav.dropdown .menu {
		cursor: auto;
		position: absolute;
		display: block;
		outline: none;
		min-width: -webkit-max-content;
		min-width: -moz-max-content;
		min-width: max-content;
		margin: 0em;
		padding: 0em 0em;
		font-size: 1em;
		text-shadow: none;
		text-align: left;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
		box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
		border: 1px solid rgba(34, 36, 38, 0.15);
		-webkit-transition: opacity 0.1s ease;
		transition: opacity 0.1s ease;
		z-index: 11;
		will-change: transform, opacity;
	}
	.table-nav.dropdown .menu > .divider {
		border-top: 1px solid rgba(34, 36, 38, 0.1);
		height: 0em;
	}
	.table-nav.dropdown .menu > * {
		white-space: nowrap;
	}

	.table-nav.dropdown .upview {
		bottom: 100%;
		border-radius: 0.28571429rem 0.28571429rem 0em 0em ;
	}
	/*******************************
			 Site Overrides
	*******************************/
	.table-nav.dropdown:hover > .menu.upview{
		display: block;
		-webkit-animation: fadeInbar 400ms;
		-moz-animation: fadeInbar 400ms;
		-ms-animation: fadeInbar 400ms;
		-o-animation: fadeInbar 400ms;
		animation: fadeInbar 400ms;
	}
	.table-nav.dropdown:hover > .menu.downview{
		display: block;
		-webkit-animation: fadeInbar 400ms;
		-moz-animation: fadeInbar 400ms;
		-ms-animation: fadeInbar 400ms;
		-o-animation: fadeInbar 400ms;
		animation: fadeInbar 400ms;
	}
	@-webkit-keyframes fadeInbar {
		0% {
			opacity: 0;
			-webkit-transform: translateY(20px);
			transform: translateY(20px);
		}
		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}

/*-------------- 
sidebar-menu tree
----------------*/
	.sidebar-menu {
		list-style: none;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	.sidebar-menu > li {
		position: relative;
		margin: 0;
		padding: 0;
	}
	.sidebar-menu li > a {
		display: block;
		position: relative;
		padding: 10px 10px;
		text-decoration: none;
		background-color: transparent;
		cursor:pointer;
		color: inherit;
	}
	.sidebar-menu li > a.header {
	}
	.sidebar-menu li.active > .treeview-menu {
	}
	.sidebar-menu .treeview-menu {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  padding-left: 5px;
	}
	.sidebar-menu .treeview-menu > li {
	  padding-left: 15px;
	  margin: 0;
	}
	.sidebar-menu .treeview-menu > li > a {
	  padding: 6px;
	  display: block;
	}
	.sidebar-menu .treeview-menu > li > a:hover {
		background-color: #b6deff;
		cursor:pointer;
		color:rgba(0,0,0,0.7);
	}

/*--------------
    Form
----------------*/
	.smart-formbox{
		padding:0px;
		width:100%;
	}
	.smart-formbox .form-top{
		height:35px;
		padding:2px;
		border-bottom:1px solid #cccccc;
	}
	.smart-formbox .formd {
		font-size: 10pt;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.smart-formbox .formd .itemd {
		position: relative;
		vertical-align: middle;
		line-height: 1;
		padding: 0px 2.5px;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background: none;
		text-transform: none;
		color: rgba(0, 0, 0, 0.87);
		font-weight: normal;
	}
	.smart-formbox .formd .itemd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.smart-formbox .formd .right.itemd, .smart-formbox .formd .right.formd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto !important;
	}
	.smart-formbox .formd .itemd.ibtn {
		background: #eee;
		border: 1px solid #ccc;
		padding: 0px 0px;
	}
	.smart-formbox .formd .itemd.ibtn i {
		width: 28px;
		text-align: center;
	}

	.smart-formbox .formd .itemd.ibtn:hover {
		background: #fff;
		cursor:pointer;
	}
	.smart-formbox .formd .itemd.ibtn:active {
		background: #ccc;
		cursor:pointer;
	}

	.smart-formbox .formd .itemd.ibtn span {
		padding-right:10px;
		cursor:pointer;
	}

	.smart-formbox .formd:after {
		content: '';
		display: block;
		height: 0px;
		clear: both;
		visibility: hidden;
	}

	/* form */
	.smart-form.mbody{
		overflow:auto;
	}
	.smart-form .garo {
		font-size: 10pt;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	/* input */
	.smart-form input[type=email], .smart-form input[type=password], .smart-form input[type=search], .smart-form input[type=text] {
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	.smart-form button, .smart-form input {
		overflow: visible;
	}
	.smart-form input, .smart-form select, .smart-form button {
		margin: 2px;
		max-width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		outline: 0;
		-webkit-tap-highlight-color: rgba(255,255,255,0);
		font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
		padding: 10px 10px;
		background: #fff;
		border: 1px solid rgba(34,36,38,.15);
		color: rgba(0,0,0,.87);
	}
	.smart-form .garo label{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 5px;
	}
	.smart-form .garo .right-item{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto !important;
	}
	.smart-form button {
		border: 1px solid rgba(34,36,38,.5);
	}
	.smart-form button:hover {
		background: #eee;
		border: 1px solid rgba(34,36,38,.35);
		color: rgba(0,0,0,.87);
		cursor:pointer;
	}
	.smart-form button:active {
		background: #ccc;
		border: 1px solid rgba(255,36,38,.35);
		cursor:pointer;
	}
	.smart-form.subheader {
		margin: 0px;
		padding: 5px;
		top: 0px;
		width: 100%;
		height: 38px;
		position: absolute;
		border-bottom:1px solid #ccc;
		background-color:#fff;
	}
	.smart-form.subfooter {
		margin: 0px;
		padding:5px;
		bottom: 0px;
		width: 100%;
		height: 38px;
		position: absolute;
		border-top:1px solid #ccc;
		background-color:#fff;
	}
	/* garo table */
	.smart-form .garo table{
		width:100%;
		margin:2px;
	}
	.smart-form .garo tr>td{
		height:26px;
		border-bottom:1px solid #ccc;
	}

/*--------------
    Table
----------------*/
	/* smart table */
	.tablebox{
		padding:5px;
		width:100%;
	}
	.smart_table {
		border-collapse: collapse;
		border-spacing: 0;
		border: none;
		width:100%;
	}
    .smart_table>tbody>tr>td, .smart_table>tbody>tr>th, .smart_table>tfoot>tr>td, .smart_table>tfoot>tr>th, .smart_table>thead>tr>td, .smart_table>thead>tr>th {
		margin: 0px;
		padding: 7px;
		text-align: center;
		vertical-align: inherit;
	}
	.smart_table tr > td, .smart_table tr > th {
		white-space: nowrap !important;
	}
	.smart_table>tbody>tr> td:hover, .smart_table>tbody>tr> th:hover{
		background-color: rgba(200,200,200,0.5);
		cursor:pointer;
	}
	.smart_table>tbody>tr:active, .smart_table>tbody>tr:active{
		background-color: rgba(0,0,0,0.1);
		cursor:pointer;
	}
	.smart_table > thead.hd-hover > tr > th:hover {
		background-color: rgba(0,0,0,0.2);
		cursor:pointer;
	}
	.smart_table tr > th:first-child, .smart_table tr > td:first-child {
		border-left: none;
	}
	.smart_table tr > th:last-child, .smart_table tr > td:last-child {
		border-right: none;
	}
	.smart_table.rect-border {
		border:2px solid #cccccc;
	}
	.smart_table.tb-border {
		border-top:2px solid #cccccc;
		border-bottom:2px solid #cccccc;
	}
	.smart_table > thead > tr.invert > th{
		background-color: rgba(100,100,100,0.7);
		color:#fff;
	}
	.smart_table.ceborder td, .smart_table.ceborder th {
		border:1px solid #cccccc;
	}
	.smart_table.topborder td, .smart_table.topborder th {
		border-top:1px solid #cccccc;
	}
	.smart_table.topborder>tbody> tr:last-child > td, .smart_table.topborder>tbody> tr:last-child > th{
		border-bottom:1px solid #cccccc;
	}
	.smart_table td.l-border, .smart_table th.l-border {
		border-left:1px solid #cccccc;
	}
	.smart_table td.r-border, .smart_table th.r-border {
		border-right:1px solid #cccccc;
	}
	.smart_table td.t-border, .smart_table th.t-border {
		border-top:1px solid #cccccc;
	}
	.smart_table td.b-border, .smart_table th.b-border {
		border-bottom:1px solid #cccccc;
	}
	.smart_table td.a-border, .smart_table th.a-border {
		border:1px solid #cccccc;
	}
	.smart_table .tb-select {
		background-color: rgba(100,100,100,0.2);
	}
    
    /*--------------
         SubBar
    ---------------*/
    .table-nav.bord-top{
        height:37px;
        padding:2px;
        border-top:2px solid #cccccc;
        border-bottom:1px solid #cccccc;
    }
    .table-nav.bord-foot{
        padding:2px;
        border-bottom:2px solid #cccccc;
    }
    .table-nav.bord-body{
        height:33px;
        padding:2px;
        border-bottom:1px solid #cccccc;
		background-color: rgba(200,200,200,0.2);
    }

/* bodyframe windows box*/
	.subwinbox{
		max-height:100%;
		position: absolute;
		left:0px;
		top:70px;
		vertical-align: middle;
		background-color: #fff;
		border: 1px solid #343a40;
		border-radius: 0px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
		box-shadow: 0 1px 2px rgba(0,0,0,.5);
		visibility: visible !important;
		-webkit-animation: xfadeIn 0.5s;
		animation: xfadeIn 0.5s;
	}
	@-webkit-keyframes xfadeIn {
		from {top: 0; opacity: 0;} 
		to {top: 70px; opacity: 1;}
	}
	@keyframes xfadeIn {
		from {top: 0; opacity: 0;}
		to {top: 70px; opacity: 1;}
	}

/* MESSAGE */
    /* loader */
    .loading-background {
        position:fixed;
        height:100%;
        width:100%;
        overflow:hidden;
        top:0;
        left:0;
        display:block;
        background: rgba(0,0,0,0.3);
        z-index:9999;
    }
    .loader {
        position: absolute;
        margin-left: -15px;
        margin-top: -15px;
        top: 50%;
        left: 50%;
        border: 2px solid #f3f3f3; /* Light grey */
        border-top: 2px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 30px;
        height: 30px;
        animation: spin 2s linear infinite;
    }
    .loader:hover{
        cursor:pointer;
        background: rgba(52, 152, 219,0.5);
    }
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* message box*/
    #messagebar {
        visibility: hidden;
        width: 320px;
		margin-left:-160px;
        background-color: #5F5F5B;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 10px;
        padding-right: 15px;
        position: fixed;
        z-index: 8888;
        top: 70px;
        left: 50%;
        font-size: 14px;
        display: inline-block;
    }
    .show {
        visibility: visible !important;
        -webkit-animation: fadeIn 0.5s, fadeOut 0.5s 2.7s;
        animation: fadeIn 0.5s, fadeOut 0.5s 2.7s;
    }
    @-webkit-keyframes fadeIn {
        from {top: 0; opacity: 0;} 
        to {top: 70px; opacity: 1;}
    }
    @keyframes fadeIn {
        from {top: 0; opacity: 0;}
        to {top: 70px; opacity: 1;}
    }
    @-webkit-keyframes fadeOut {
        from {top: 70px; opacity: 1;} 
        to {top: 0; opacity: 0;}
    }
    @keyframes fadeOut {
        from {top: 70px; opacity: 1;}
        to {top: 0; opacity: 0;}
    }

    /* stop message  */
	.stopshow{
		visibility: visible !important;
		-webkit-animation: fadeIn 0.5s;
		animation: fadeIn 0.5s;
	}
	.stopshow a{
		position: absolute;
		right: 3px;
		top: 3px;
		font-size: 12pt;
		color:white;
	}
	.stopshow a:hover{
		color:black;
		cursor:pointer;
	}
    /* bottom message  */
    #msgroup{
        position: absolute;
        max-height:100%;
        min-width:150px;
        max-width:350px;
        padding: 0px;
        bottom:22px;
        right:10px;
        z-index:999;
        overflow:auto;
        opacity: 0.7;
        visibility: visible !important;
    }
    #msgroup li{
        padding: 5px 10px;
        margin-bottom: 2px;
        border-radius: 5px;
    }
    #msgroup li a:hover{
        cursor:pointer;
    }
    #msgroup .liclose{
		float: right;
        color:white;
        padding-top:2px;
    }
    #msgroup .msg-txt{
        font-weight: 400;
        line-height: 1.5;
    }