html{
	scroll-behavior: smooth;
}

/*Table Selected*/
table tbody tr.selected{
	border: 2px solid #19aa8d;
}

table thead tr th{
	vertical-align: middle!important;
}

/*table.dataTables-example thead tr th{
	font-size: 11px!important;
}

table.dataTables-example tbody tr td{
	font-size: 10px!important;
}*/

section#add-page #barcode-reader.scanning{
	display: inline-table;
	-webkit-animation: slide-down 1s; /* Safari */
    animation: slide-down 1s;
}
section#add-page #barcode-reader{
	display: none;
	-webkit-animation: slide-up 1s; /* Safari */
    animation: slide-up 1s;
}

div.ibox-tools{
	margin-top: -8.8px!important;
}


@-webkit-keyframes slide-up{
	0% {
		opacity: 1;
	}
	1% {
		opacity: 1;
		transform: translateY(0%);
	}
	100% {
		display: none;
		opacity: 0;
		transform: translateY(-100%);
	}
}
@keyframes slide-up{
	0% {
		opacity: 1;
	}
	1% {
		opacity: 1;
		transform: translateY(0%);
	}
	100% {
		display: none;
		opacity: 0;
		transform: translateY(-100%);
	}
}

@-webkit-keyframes slide-down{
	0% {
		opacity: 0;
	}
	1% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes slide-down{
	0% {
		opacity: 0;
	}
	1% {
		opacity: 0;
		transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}


/*section#add-page #barcode-reader.scanning{
   	display: block;
   	height: 40px;
}*/

.select2-close-mask{
    z-index: 2099 !important;
}
.select2-dropdown{
    z-index: 3051  !important;
}

.nowrap{
	white-space: nowrap;
}

/* On Hover Nav bar */
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #16BFA0!important;
    color: #FEFEFE!important;
}

.md-skin .nav-second-level li a:hover{
	background-color: #009587!important;
    color: #FEFEFE!important;
}

.md-skin .nav > li.active.nav-first-level > a{
	background-color: #16BFA0!important;
    color: #FEFEFE!important;
}

.md-skin .nav-second-level li.active a{
	background-color: #009587!important;
    color: #FEFEFE!important;
}

.datepicker{
    padding-left: 10px!important;
}

.js-select2{
	width: 100%!important;
	height: 100%!important;
}

.btnTop{
	position       : fixed;
	width          : 40px;
	height         : 40px;
	bottom         : 40px;
	right          : 25px;
	
	text-decoration: none;
	text-align     : center;
	line-height    : 20px;
	font-size      : 18px
}

.btnTop i{
	margin-left: -2px;
	margin-bottom: -5px;
}

.validate-style{
	color:red;
	font-size:12px
}

.dn{
	display: none!important;
}

.dataTables-example{
	width:100%!important
}
td{
	vertical-align: middle!important;
}
.form-group *{
	vertical-align: middle!important;	
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #16BFA0!important;
	color: white!important;
	border: 1.1px solid lightgray!important;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts{
	width: 490px!important;
	min-width: 0;
}

.navbar-top-links .dropdown-menu li a:hover{
	background-color: #16BFA0!important;
	color: white!important;
}

.toggle-barcode{
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}



/*@media screen and (max-width: 768px){
	.mini-navbar{
		display: none;
	}
}*/

@media only screen and (max-width: 768px) {
  .close-canvas-menu{
	display: block!important;
  }

  nav.navbar > ul.navbar-top-links{
  	float: right!important;
  }

  .dropdown-menu{
  	left : -370%!important;
  	width: 270px!important;
  }  
}

@media only screen and (max-width: 375px) {

  .dropdown-menu{
  	left : -370%!important;
  }

  .dropdown-menu > li > a{
  	font-size: 10px!important;
  }
}



/*.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #F5F5F6;
  /*color: #FFFFFF;*/
/*}

/*thead , thead > tr > th {
	background-color: #16BFA0!important;
	color: #FFFFFF!important;
*/


.datepicker thead tr:first-child > th.datepicker-switch {
	background: #1AB394;
	color: white;
}

.datepicker thead tr:first-child > th.datepicker-switch:hover {
	background: #1AB394;
	color: white;
}

.md-skin {
	background: #F3F3F4!important;
}

/* Modified by JML 05.07.2021 */

/*.md-skin .nav-third-level li.active a{
	background-color: #F3F3F4!important;
    color: #676a6c!important;
    font-weight: normal;
}*/

.md-skin .nav-third-level li a.url-change{
	background-color: #F3F3F4!important;
    color: #676a6c!important;
}

.md-skin .nav-third-level li.active a{
	background-color: #16BFA0!important;
    color: #FEFEFE!important;
}



div.form-group-hide {
    display:none;
}


tfoot {
    display: table-header-group;
}


@media only screen and (max-width: 768px) {
    .fixed-header{
        display: none;
    }
}


.md-skin .wrapper-content {
    padding: 10px 0px 10px 0px!important;
}