* {
	scrollbar-width: thin;
	scrollbar-color: #fff #131515;
}

*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-track {
	background: #131515;
}

*::-webkit-scrollbar-thumb {
	background-color: #fff;
}

.dn {
	display: none;
}

.full-height,
body,
html {
	height: 100%
}

.full-width,
.form-horizontal .form-control~.form-control-line {
	width: 100%
}

.ltn {
	list-style: none
}

button:focus,
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus {
	outline: 0 !important;
	outline-offset: 0 !important;
}

body {
	background: #272c33;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 20px;
	background-size: 100% 100%;
	-ms-overflow-style: scrollbar text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

input,
select,
textarea {
	font-family: 'Open Sans', sans-serif;
	color: #131515;
}

a {
	color: #353d8e;
}

a:focus,
a:active,
a:hover {
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #353d8e;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Open Sans', sans-serif;
}

.mtop10 {
	margin-top: 10px;
}

hr {
	border-color: #ddd;
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
	display: block !important
}

.no-margin {
	margin: 0 !important
}

.no-padding {
	padding: 0 !important
}

.pl-0 {
	padding-left: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-2 {
	padding-right: 2px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-1 {
	padding-top: 5px !important;
}

.pt-2 {
	padding-top: 10 !important;
}

.pt-3 {
	padding-top: 15px !important;
}

.pt-4 {
	padding-top: 20px !important;
}

.pt-5 {
	padding-top: 25px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-1 {
	padding-bottom: 5px !important;
}

.pb-2 {
	padding-bottom: 10 !important;
}

.pb-3 {
	padding-bottom: 15px !important;
}

.pb-4 {
	padding-bottom: 20px !important;
}

.pb-5 {
	padding-bottom: 25px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-1 {
	margin-bottom: 5px !important;
}

.mb-2 {
	margin-bottom: 10 !important;
}

.mb-3 {
	margin-bottom: 15px !important;
}

.mb-4 {
	margin-bottom: 20px !important;
}

.mb-5 {
	margin-bottom: 25px !important;
}

.contain-lg,
.contain-md,
.contain-sm,
.contain-xs {
	margin-left: 0 !important;
	margin-right: auto;
}

.contain-xs {
	max-width: 480px
}

.contain-sm {
	max-width: 769px
}

.contain-md {
	max-width: 992px
}

.contain-lg {
	max-width: 1200px
}

.text-xs {
	font-size: 75%
}

.text-sm {
	font-size: 85%
}

.text-md {
	font-size: 100%
}

.text-lg {
	font-size: 125%
}

.text-xl {
	font-size: 180%
}

.text-xxl {
	font-size: 225%
}

.text-xxxl {
	font-size: 330%
}

.text-xxxxl {
	font-size: 500%
}

.text-light {
	font-weight: 300
}

.text-normal {
	font-weight: 400
}

.text-mediumtext-medium {
	font-weight: 500
}

.text-bold {
	font-weight: 700
}

.text-ultra-bold {
	font-weight: 900
}

.left-side {
	width: 240px;
	position: absolute;
	top: 0;
	left: 0;
}

.sticky-left-side {
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 100;
}

.sticky-left-side .custom-nav {
	/*margin-top: 50px;*/
}

.left-side-collapsed .sticky-left-side {
	overflow-y: visible;
}

.logo {
	height: 50px;
	background-color: #1d1d1d;
}

.logo a {
	font-size: 28px;
	color: #fff;
	margin: 0 0 0 0px;
	text-decoration: none;
	display: inline-block;
}

.logo-icon {
	display: none;
}

.left-side-collapsed .logo-icon {
	height: 48px;
	margin-top: -52px;
	display: block !important;
}

.left-side-inner {
	padding: 0px;
	margin-bottom: 50px;
}

.left-side .searchform {
	display: none;
}

.left-side .searchform::after {
	content: '';
	display: block;
	clear: both;
}

.left-side .searchform input {
	padding: 10px;
	width: 90%;
	margin: 0 0 20px 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;
}

.left-side .logged-user {
	padding: 0 0 15px 12px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: none;
}

.left-side .logged-user .media-object {
	width: 45px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: left;
}

.left-side .logged-user .media-body {
	margin-left: 60px;
	color: #d7d7d7;
}

.left-side .logged-user .media-body h4 {
	font-size: 15px;
	margin: 5px 0 0 0;
}

.left-side .logged-user .media-body h4 a {
	color: #fff;
}

.left-side .logged-user .media-body span {
	font-style: italic;
	font-size: 11px;
	opacity: 0.5;
}

.nav-stacked>li+li {
	margin-top: 1px !important;
}

.custom-nav {
	margin-bottom: 10px;
}

.custom-nav>li>a {
	color: #fff;
	padding: 12px 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.custom-nav>li>a:hover,
.custom-nav>li>a:active {
	background-color: #e74c3c !important;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.custom-nav>li>a:hover i,
.custom-nav>li>a:active i {
	color: #fff;
}

.custom-nav>li.menu-list>a {
	/* background: transparent url(../images/plus-white.png) no-repeat 93% center; */
}

.custom-nav>li.menu-list>a:hover {
	background-color: #272c33;
	/* background: url(../images/plus-white.png) no-repeat 93% center; */
}

.custom-nav>li.nav-active>a {
	background-color: #e74c3c !important;
	/* background: url(../images/minus-white.png) no-repeat 93% center; */
	color: #fff;
}

.custom-nav>li.nav-active>ul {
	display: block;
}

.custom-nav>li.nav-active>a:hover {
	/* background: url(../images/minus-white.png) no-repeat 93% center; */
}

.custom-nav>li.active>a,
.custom-nav>li.active>a:hover,
.custom-nav>li.active>a:focus {
	background-color: #272c33;
	color: #e74c3c;
}

.custom-nav>li.menu-list.active>a {
	background: url(../images/plus-white.png) no-repeat 93% center;
}

.custom-nav>li.nav-active.active>a {
	background: url(../images/minus-white.png) no-repeat 93% center;
}

.custom-nav>li.nav-active.active>a:hover {
	background: url(../images/minus-white.png) no-repeat 93% center;
}

.left-side-collapsed .custom-nav>li a {
	background-image: none !important;
}

.custom-nav li .fa {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 10px;
	width: 16px;
	text-align: center;
}

.custom-nav .sub-menu-list {
	list-style: none;
	display: none;
	margin: 0;
	padding: 0;
	background: #1d1d1d;
}

.custom-nav .sub-menu-list>li>a {
	color: #fff;
	font-size: 13px;
	display: block;
	padding: 10px 5px 10px 50px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.custom-nav .sub-menu-list>li>a:hover,
.custom-nav .sub-menu-list>li>a:active,
.custom-nav .sub-menu-list>li>a:focus {
	text-decoration: none;
	color: #ffeb3b;
	background: #3f3f3f;
}

.custom-nav .sub-menu-list>li .fa {
	font-size: 12px;
	opacity: 0.5;
	margin-right: 5px;
	text-align: left;
	width: auto;
	vertical-align: baseline;
}

.custom-nav .sub-menu-list>li.active>a {
	color: #ffeb3b;
	background-color: #3f3f3f;
}

.custom-nav .sub-menu-list ul {
	margin-left: 12px;
	border: 0;
}

.custom-nav .menu-list.active ul {
	display: block;
}

.left-side-collapsed .logo {
	display: none;
}

.left-side-collapsed .header-section {
	margin-left: 0px;
}

.left-side-collapsed .left-side {
	width: 52px;
	top: 52px;
}

.left-side-collapsed .left-side-inner {
	padding: 0;
}

h5.left-nav-title {
	margin-left: 10px;
	color: #fff;
}

.left-side-collapsed .custom-nav {
	margin: 2px 0 20px 0;
}

.left-side-collapsed .custom-nav li a {
	text-align: center;
	padding: 10px;
	position: relative;
}

.left-side-collapsed .custom-nav>li.menu-list>a {
	background-image: none;
}

.left-side-collapsed .custom-nav li a span {
	position: absolute;
	background: #e74c3c;
	padding: 10px;
	left: 52px;
	top: 0;
	min-width: 173px;
	text-align: left;
	z-index: 100;
	display: none;
}

.left-side-collapsed .custom-nav li a span:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #fff;
	border-width: 6px;
	margin-top: -6px;
}

.left-side-collapsed .custom-nav li.active a span {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.left-side-collapsed .custom-nav ul,
.left-side-collapsed .custom-nav .menu-list.nav-active ul {
	display: none;
}

.left-side-collapsed .custom-nav .menu-list.nav-hover ul {
	display: block;
}

.left-side-collapsed .custom-nav>li.nav-hover>a,
.left-side-collapsed .custom-nav>li.nav-hover.active>a {
	background: #e74c3c;
	color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover a span {
	display: block;
	color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover.active a span {
	background: #353d8e;
	color: #fff;
}

.left-side-collapsed .custom-nav li.nav-hover ul {
	display: block;
	position: absolute;
	top: 40px;
	left: 53px;
	margin: 0;
	min-width: 172px;
	background: #1d1d1d;
	z-index: 100;
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
	border-radius: 0 0 2px 0;
	overflow-y: auto;
}

.left-side-collapsed .custom-nav ul a {
	text-align: left;
	padding: 6px 10px;
	padding-left: 10px;
}

.left-side-collapsed .custom-nav ul a:hover {
	background: #343434;
	color: #ffeb3b;
}

.left-side-collapsed .custom-nav li a i {
	margin-right: 0;
	color: #fff;
}

.left-side-collapsed .main-content {
	margin-left: 52px;
}

.left-side-collapsed .left-side {
	overflow: visible !important;
}

.header-section {
	background: #272c33;
	border-bottom: 1px solid #fff;
}

.header-section::after {
	clear: both;
	display: block;
	content: '';
}

.toggle-btn {
	width: 52px;
	height: 50px;
	font-size: 20px;
	padding: 15px;
	cursor: pointer;
	float: left;
	background: #e74c3c;
	color: #fff;
	border-right: 1px solid #fff;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.toggle-btn:hover {
	background: #272c33;
	color: #fff;
	border-right-color: #fff;
}

.sticky-header .header-section {
	position: fixed;
	top: 0;
	left: 240px;
	width: 100%;
	z-index: 100;
}

.sticky-header .main-content {
	padding-top: 50px;
}

.sticky-header .menu-right {
	margin-right: 255px;
}

.sticky-header .left-side-collapsed .header-section {
	left: 52px;
}

.sticky-header .left-side-collapsed .menu-right {
	margin-right: 67px;
}

.dropdown-menu-head {
	background: #fff
}

.dropdown-menu-head .title {
	background: #353d8e;
	color: #fff;
	padding: 15px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
}

.main-content {
	margin-left: 240px;
	background: #eceff1;
	min-height: 1000px;
}

.page-heading {
	padding: 15px;
	position: relative;
}

.page-heading h3 {
	color: #49586e;
	font-size: 25px;
	font-weight: normal;
	margin: 10px 0;
}

.page-heading .breadcrumb {
	padding: 0;
	margin: 0;
	background: none;
}

.page-heading .breadcrumb a {
	color: #999999;
}

.page-heading .breadcrumb li.active {
	color: #ffeb3b;
}

.wrapper {
	padding: 15px;
}

.wrapper::after {
	clear: both;
	display: block;
	content: '';
	margin-bottom: 30px;
}

.menu-right {
	float: right;
	margin-right: 15px;
}

.top-right-menu {
	list-style: none;
}

.top-right-menu>li {
	display: inline-block;
	float: left;
	position: relative;
}

.top-right-menu>li>a>i {
	margin-top: 6px;
}

.top-right-menu .dropdown-toggle {
	padding: 15px 10px;
	border-color: #fff;
	background: #1d1d1d;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
}

.top-right-menu .btn-default {
	color: #fff;
}

.top-right-menu li:hover .btn-default {
	color: #e0e0e0;
}

.top-right-menu .dropdown-toggle:hover,
.top-right-menu .dropdown-toggle:focus,
.top-right-menu .dropdown-toggle:active,
.top-right-menu .dropdown-toggle.active,
.top-right-menu .open .dropdown-toggle.dropdown-toggle {
	background: #1d1d1d;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.top-right-menu .dropdown-toggle img {
	vertical-align: middle;
	margin-right: 5px;
	width: 26px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.top-right-menu .dropdown-toggle .caret {
	margin-left: 5px;
}

.top-right-menu .dropdown-menu {
	border: 0;
	margin-top: 1px;
	-moz-border-radius: 2px 0 2px 2px;
	-webkit-border-radius: 2px 0 2px 2px;
	border-radius: 2px 0 2px 2px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 5px;
}

.top-right-menu .dropdown-menu:after {
	border-bottom: 6px solid #e74c3c;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: "";
	display: inline-block;
	right: 10px;
	position: absolute;
	top: -6px;
}

.top-right-menu .dropdown-menu li {
	display: block;
	margin: 0px;
	float: none;
	background: #1d1d1d;
	color: #fff;
	padding: 15px;
}

.top-right-menu .dropdown-menu-usermenu li {
	padding: 0;
}

.top-right-menu .dropdown-menu li a {
	color: #fff;
	font-size: 13px;
	padding: 7px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.top-right-menu .dropdown-menu li a:hover {
	background: #e74c3c;
	color: #fff;
}

.top-right-menu .dropdown-menu li i {
	font-size: 11px;
	margin-right: 5px;
}

.top-right-menu .dropdown-menu-head {
	padding: 0;
	min-width: 300px;
}

.top-right-menu .info-number {
	padding: 12px 15px;
	height: 50px;
	font-size: 16px;
	background: #fff;
	color: #000;
	border-color: #fff;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.top-right-menu .dropdown-menu-usermenu {
	background: #e74c3c;
	min-width: 200px;
}

.top-right-menu .dropdown-menu-head ul {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 0;
}

.top-right-menu .dropdown-menu-head li a {
	color: #000;
	padding: 0;
	opacity: 1;
}

.top-right-menu .dropdown-menu-head li a:hover {
	background: none;
	color: #353d8e !important;
	text-decoration: none;
}

.top-right-menu .btn-group {
	margin-bottom: 0;
}

.dropdown-list li {
	padding: 15px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

.dropdown-list li:last-child {
	border-bottom: 0;
}

.dropdown-list .thumb {
	width: 36px;
	float: left;
}

.dropdown-list .thumb img {
	width: 100%;
	display: block;
	vertical-align: middle;
}

.dropdown-list .desc {
	margin-left: 45px;
	display: block;
}

.dropdown-list .desc h5 {
	font-size: 13px;
	margin-top: 7px;
}

.dropdown-list li:last-child {
	padding: 10px 15px;
}

.dropdown-list li .badge {
	float: right;
}

.main-content .card {
	background: #fff !important;
}

.main-content .card .card-body .breadcrumb {
	padding: 12px 15px;
	background: none;
	margin-bottom: 0;
	text-shadow: none;
}

.main-content-header {
	margin-bottom: 2rem;
}

.main-content-header .card {
	padding: 0px !important;
	background-color: #fff;
}

.main-content-header .card,
.main-content-header .card a {
	color: #000;
	font-weight: 600;
}

.card {
	border: 1px solid #dadada;
	padding: 1rem;
}

.card-header {
	vertical-align: middle;
	line-height: 52px;
	color: #fff;
}

.card-header header {
	color: #fff;
	font-weight: 500;

}

.login .card-header header,
.resetpwd .card-header header {
	color: #000;
	font-weight: 500;
}

.card-action {
	padding: 0 16px 16px;
}

.card-action.table-buttons {
	padding: 15px 0px !important;
}

.main-content-body .card .card-header {
	background-color: #272c33;
}

.main-content-body .card .card-body {
	padding: 2rem 0rem 0rem !important
}

.ofyhidden {
	overflow-y: hidden;
}

.cardfs,
.cardfs img {
	width: 26px;
}

.card-fullscreen {
	display: block;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: auto;
	background: #fff;
	margin: 0rem !important;
	padding: 0rem !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.main-content-body .card.card-fullscreen .card-body,
.card.card-fullscreen .card-body .table-responsive.form-table {
	padding: 2rem !important;
}

.card.card-fullscreen table.dataTable,
.card.card-fullscreen .card-body .table-responsive.form-table {
	width: 100% !important;
}

.card.card-fullscreen.libfiles .form-horizontal {
	margin: 2rem !important;
}

.card.card-fullscreen.libfiles .card-action {
	padding-left: 2rem;
}

.alert {
	border-radius: 0px;
	margin-bottom: 10px;
}

.alert-info {
	font-size: 16px;
	color: #131515;
}

.alert:first-child {
	margin-top: 10px !important;
}

.alert:last-child {
	margin-bottom: 0px !important;
}

.main-content-body div.row {
	margin-bottom: 2rem;
}

.main-content-body div.row:last-child {
	margin-bottom: 0px;
}

.form-control {
	border-bottom: 1px solid #A9A9A9 !important;
	padding: 0px 5px;
	height: 37px;
	/**
	  border-left: none;
	  border-right: none;
	  border-top: none
	  **/
}

.form-control.login {
	border-bottom: 1px solid #A9A9A9 !important;
	padding: 0px 5px;
	height: 37px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.form-control,
.has-error .form-control,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-control,
.form-control:focus,
.no-radius,
.note-editor,
div.dataTables_wrapper div.dataTables_processing {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: transparent;
	border-bottom-style: dashed
}

.form-control[disabled]~.form-control-line:after,
.form-control[disabled]~label:after,
.form-control[readonly]~.form-control-line:after,
.form-control[readonly]~label:after,
fieldset[disabled] .form-control~.form-control-line:after,
fieldset[disabled] .form-control~label:after,
.has-error .form-control~label:after {
	display: none
}

.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder {
	opacity: 1
}

textarea.form-control {
	padding: 4px 0
}

textarea.autosize {
	min-height: 38px
}

.form .form-group,
.form-inline .form-group {
	padding-top: 16px
}

.form-group {
	position: relative;
	margin-bottom: 19px
}

.form-group .form-control:not(.static)~.form-control-line,
.form-group .form-control:not(.static)~label {
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all
}

.form-group .form-control~.form-control-line,
.form-group .form-control~label {
	left: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none
}

.form-group .form-control~.form-control-line:after,
.form-group .form-control~label:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 45%;
	height: 2px;
	width: 10px;
	visibility: hidden;
	-webkit-transition: .2s ease all;
	-o-transition: .2s ease all;
	transition: .2s ease all
}

.form-group .form-control~label {
	top: 0;
	margin-bottom: 0;
	font-size: 12px;
	opacity: .5
}

.form-group .form-control:focus~label {
	opacity: 1
}

.form-group .form-control:focus~.form-control-line:after,
.form-group .form-control:focus~label:after {
	visibility: visible;
	width: 100%;
	left: 0
}

.no-outline,
.btn-default.btn-icon-toggle {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: 0 !important
}

.floating-label .input-group-lg>.input-group-addon~label,
.floating-label .input-group-lg>.input-group-content>.form-control~label {
	font-size: 1.6em
}

.floating-label .input-group-sm>.input-group-addon~label,
.floating-label .input-group-sm>.input-group-content>.form-control~label {
	font-size: 1em
}

.floating-label .form-control~label {
	top: 19px;
}

.floating-label .form-control~label,
.captcha div:first-child {
	font-size: 16px
}

.floating-label .form-control.dirty~label,
.floating-label .form-control:focus~label {
	top: 0;
	font-size: 12px !important
}

.floating-label .input-sm~label {
	font-size: 1em
}

.floating-label .input-lg~label {
	font-size: 1.6em
}

.field-icon {
	float: right;
	margin-left: -25px;
	margin-top: -25px;
	position: relative;
	z-index: 2;
	right: 5px;
}

.lhtd {
	line-height: 3rem !important;
}

.search-input {
	width: 100%;
	padding: 5px;
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	outline: 0;
}

.form-horizontal .form-group {
	margin-bottom: 3rem;
}

.chkbox {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.btn {
	font-size: 15px;
	border-radius: 0;
	background-image: none;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-raised {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
	-webkit-transition: -webkit-box-shadow .15s ease-out;
	-moz-transition: -moz-box-shadow .15s ease-out;
	-o-transition: -o-box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out
}

.btn-raised.active,
.btn-raised:active,
.btn-raised:hover {
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .38);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .38)
}

.btn-raised.disabled,
.btn-raised[disabled],
.pager .disabled .btn-raised,
.has-success .form-control,
.has-success .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	background-image: none;
}

.ink-reaction {
	position: relative;
	overflow: hidden
}

.ink-reaction .ink {
	position: absolute;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
	border-radius: 50%;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	-webkit-animation: ripple-animation 1.5s;
	animation: ripple-animation 1.5s
}

.ink-reaction.btn-floating-action,
.ink-reaction.btn-icon-toggle {
	overflow: visible
}

.ink-reaction.btn-floating-action .ink,
.ink-reaction.btn-icon-toggle .ink {
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px
}

textarea {
	resize: none
}

.form-horizontal .form-group {
	padding-top: 0;
	margin-bottom: 3rem
}

.form-horizontal .form-group:last-child,
.card-action .form-group {
	margin-bottom: 0 !important
}

.form-horizontal .input-group .form-control~.form-control-line {
	left: 0;
	right: 0
}

.help-block {
	font-size: 12px;
	position: absolute;
	right: 0;
	margin: 0;
	color: inherit;
}

.form-horizontal .help-block {
	bottom: -20px;
	right: 10px
}

.form-horizontal table tr td .help-block {
	bottom: 0px !important;
}

.form-horizontal span.help-block,
span.help-block {
	right: auto
}

.form-control:focus {
	outline: 0 !important
}

.menubar-toggle:active:focus,
.menubar-toggle:active:hover {
	background: none !important;
	border: none !important
}

.breadcrumb>li+li:before {
	padding: 0 0 0 5px;
	content: "\00BB\0020\0020" !important;
	font-size: 18px !important;
	color: #000;
}

.breadcrumb>.active {
	color: #000;
	font-weight: 600;
}

.chkbox {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.login .form-group .form-control~.form-control-line,
.login .form-group .form-control~label,
.resetpwd .form-group .form-control~.form-control-line,
.resetpwd .form-group .form-control~label {
	position: absolute;
}

.form-group .form-control~.form-control-line,
.form-group .form-control~label {
	position: relative;
}

.mb2rem {
	margin-bottom: 2rem
}

.captcha {
	min-height: 50px;
}

.captcha div:first-child {
	padding-left: 0px !important;
	padding-right: 0 !important;
	opacity: .5
}

.headerbar-left a,
.fl {
	float: left;
}

table.dataTable tbody td.actions a {
	font-size: 150% !important;
}

.table>thead>tr>th {
	vertical-align: middle;
}

table.dataTable thead th,
.table.items thead td {
	font-weight: 600 !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	padding-bottom: 8px;
}

.dataTables_length .rec {
	padding: 5px 0px 0px 10px;
}

table.dataTable tbody td.actions a {
	font-size: 150% !important;
}

.dataTables_length .rec {
	padding: 5px 0px 0px 10px;
}

.paginate_button:active,
.paginate_button:hover,
.paginate_button:visited,
.paginate_button:focus {
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important
}

.overlay {
	position: fixed;
	z-index: 10000;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.overlay:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.overlay:not(:required) {
	/* hide "loading..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.overlay:not(:required):after {
	content: "";
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 1500ms infinite linear;
	-moz-animation: spinner 1500ms infinite linear;
	-ms-animation: spinner 1500ms infinite linear;
	-o-animation: spinner 1500ms infinite linear;
	animation: spinner 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0,
		rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0,
		rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0,
		rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

section div.login {
	padding-top: 8rem
}

section div.resetpwd {
	padding-top: 4rem
}

section div.copyright {
	padding: 2rem 0
}

section div.formfields {
	padding-top: 1rem
}

.login .card-body,
.resetpwd .card-body,
.cardin,
.dtable {
	padding: 2rem !important
}

.dashapps {
	display: flex;
	align-items: center !important;
	position: relative;
}

.dashapps [class^=border] {
	display: flex;
	align-items: center !important;
	width: 10rem;
	height: 10rem;
	margin-right: 1rem;
	text-align: center;
}

.dashapps [class^=border]:hover {
	cursor: pointer;
	background-color: #e74c3c;
}

.dashapps [class^=border] .d1 {
	display: flex;
	flex-direction: column !important;
	margin-left: auto;
	margin-right: auto;
}

.dashapps [class^=border] .d1 a.icon {
	font-size: 36px;
	margin: 0px auto 10px;
	color: #fff;
}

.dashapps [class^=border] .d1 a.link {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
	padding: 8px 10px;
}

#reclog {
	padding: 5px 10px;
	border: 1px solid #272c33;
	background-color: #272c33;
	color: #fff;
	font-size: 12px;
	z-index: 999;
}


.formsteps {
	right: 0px;
	display: flex;
	justify-content: flex-end !important;
	margin-top: 0.5rem;
}

.formsteps_item {
	content: "";
	display: block;
	width: clamp(2rem, 10vw, 4rem);
	height: clamp(2rem, 10vw, 4rem);
	border-radius: 50%;
	text-align: center;
	border: 1px solid #fff;
	background-color: #272c33;
}

.formsteps_item.active {
	border: 1px solid #fff;
	background-color: #e74c3c;
}

.formsteps_item:not(:last-child) {
	margin-right: 10px;
}

.formsteps_title {
	font-size: 20px !important;
	margin: 8px;
	padding: 0px;
}

table..datatable {
	width: 100% !important;
}

table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: collapse !important;
	border-color: #333;
	width: 100% !important;
}

table..datatable>thead>tr>th,
table..datatable>thead>tr>td {
	border-top: none !important;
	border-bottom: none !important;
	vertical-align: middle;
}

table.dataTable tbody td.actions a,
table.dataTable tbody td.actions a:hover {
	color: #333;
}

table.dataTable thead th {
	background-color: #272c33 !important;
	color: #fff !important;
	border-right: 1px solid #fff !important;
	font-weight: 500;
	background-clip: padding-box;
}

table.dataTable thead th:last-child {
	border-right: 1px solid #333;
}

.navigicon {
	width: 20px;
	height: 20px;
}

body:not(.left-side-collapsed) ul.nav li a img.navigicon {
	margin-top: -3px;
	margin-right: 10px;
}

.appicon {
	width: 32px;
	height: 32px;
}

.multi-select-search-input {
	width: 100%;
	padding: 0.5rem 1rem;
	border: 1px solid #ccc;
	margin-bottom: 0.5rem;
}

.ms-container .ms-list {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.tokenize {
	margin-top: -2px;
}

.tokenize>.tokens-container {
	height: 37px !important;
	padding: 0 0 5px 1px !important;
}

.tokenize>.tokens-container>.token {
	cursor: pointer;
	padding: 0.5rem 2rem 0.5rem 1rem;
	margin-right: 0.5rem;
	color: #000;
	background: #D3D5D4;
	font-size: 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.tokenize>.tokens-container>.token,
.tokenize>.tokens-container>.placeholder {
	margin: 1px 0px 0 0 !important;
}

.tokenize>.tokens-container>.token>.dismiss {
	color: #fff;
	font-weight: 600;
	position: relative !important;
	background-color: #e74c3c;
	padding: 0px 5px;
	right: 0px !important;
}

.tokenize>.tokens-container>.token>.dismiss:after {
	content: "X";
}

.tokenize>.tokens-container>.token>span {
	padding-left: 10px;
}

.tokenize-dropdown>.dropdown-menu {
	margin: 0px;
	padding: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tokenize-dropdown>.dropdown-menu li>a {
	padding: 10px;
	font-size: 15px;
}

.tokenize-dropdown .dropdown-menu>.active>a,
.tokenize-dropdown .dropdown-menu>.active>a:hover,
.tokenize-dropdown .dropdown-menu>.active>a:focus {
	color: #000;
	background: #D3D5D4;
}

.customerselect,
.supplierselect {
	height: 0px !important;
}

.modal-content {
	border-radius: 0px !important;
}

.modal-header {
	background-color: #272c33 !important;
	padding: 10px !important;
	border-bottom: 0px !important
}

.modal-header h5 {
	float: left;
}

.modal-header .close {
	color: #fff !important;
	opacity: 1 !important;
}

.modal-body {
	padding-bottom: 0px !important;
}

.modal-footer {
	border-top: 0px !important;
	padding: 0px 0px 20px 0px !important;
	text-align: left !important;
}



.inputfile-box {
	position: relative !important;
}

.inputfilelabel {
	display: block !important;
}

.inputfile {
	height: 0px !important;
	visibility: hidden !important;
}

.file-box {
	display: inline-block;
	width: 100%;
	border: 1px solid #A9A9A9;
	padding: 5px 0px 5px 5px;
	box-sizing: border-box;
	height: 37px;
	font-weight: 600;
	font-size: 14px;
}

.file-box.dn {
	display: none !important;
}

.file-button {
	background: #e74c3c;
	padding: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
}

.file-button.suptable {
	position: relative !important;
}

.file-button img {
	width: 26px;
}

.fstcfdiv {
	float: right;
	padding: 5px 0px;
}

.fstdiv {
	float: left;
	padding-right: 10px;
}

.cardfdiv {
	width: 5%;
	float: left;
	padding: 0px 10px;
	text-align: center;
}

.radio {
	padding-right: 20px;
	padding-top: 5px !important;
	float: left;
}

.radio input[type="radio"],
.radio-inline input[type="radio"] {
	position: relative;
	margin: 0px !important;
}

.radio label {
	display: inline-block;
	position: relative;
	padding-left: 5px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	margin-top: 2px;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out;
	transition: border 0.15s ease-in-out;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 5px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
	transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
	opacity: 0;
}

.radio input[type="radio"]:checked+label::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio-red input[type="radio"]+label::after {
	background-color: #e74c3c;
}

.radio-red input[type="radio"]:checked+label::before {
	border-color: #e74c3c;
}

.radio-red input[type="radio"]:checked+label::after {
	background-color: #e74c3c;
}

.step_2 .radio .help-block.form-error {
	position: absolute;
	width: 300px;
	margin: 0px 0px 24px 300px;
}

.saletyperadios,
.proavailradios {
	float: left;
	width: 300px;
}

.saletyperadios .help-block,
.proavailradios .help-block {
	bottom: 2px !important;
}

.suplabel {
	font-weight: 600;
	color: #e74c3c;
}

.namefield {
	padding-top: 4px;
}

.namefield a,
a.filelink {
	color: #2979FF !important;
	font-size: 14px !important;
}

a.red {
	color: #ff0000 !important;
	font-size: 14px !important;
}

.orderbox {
	/**background-color: #e74c3c !important;**/
	color: #fff !important;
}

.orderbox .card-info-title {
	padding-top: 10px;
}

.orderbox .card-title {
	margin-top: 10px;
}

#orders-waiting-for-parts thead .sorting:after,
#orders-waiting-for-parts thead .sorting_asc:after,
#orders-waiting-for-parts thead .sorting_desc:after,
#orders-waiting-for-parts thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	padding-bottom: 0px !important;
}

.ant-table-content table {
	border: solid 1px #333;
	border-radius: 0 !important;
}

.ant-table-thead th {
	background-color: #272c33 !important;
	color: #fff !important;
	border-right: 1px solid #fff !important;
	font-weight: 500 !important;
	border-radius: 0 !important;
	background-clip: padding-box !important;
}

.ant-table-thead th:last-child {
	border-right: 1px solid #333 !important;
}

.ant-table-thead th::before {
	height: 0 !important;
}

.ant-table-column-sorter-inner svg path {
	color: #fff !important;
}

.ant-table-cell {
	border-right: 1px solid #333 !important;
}

.ant-table-cell:last-child {
	border-right: 0px solid #333 !important;
}

.ant-pagination {
	width: 100%;
	display: inline-block !important;
	justify-content: inherit !important;
}

.ant-pagination li:first-child {
	width: 50%;
	text-align: left;
}