﻿body {
}
.navbar-light {
    background-color: #f8f9fa;
}
.card-header {
    padding: .7rem!important;
}
.card-body {
    padding: .7rem!important;
}

.btn-addnew {
    padding: 3px;
    padding-left: 12px;
    padding-right: 12px;
}

.table-bordered th {
    background-color: #eceef1;
    padding: 0.3rem;
}
.table-bordered td {
    padding: 0.3rem;
}

.dataTables_info {
padding-left:12px; padding-top:4px;}


/* DatePicker Container */
.ui-datepicker {
	
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background:#fff;
}
.ui-datepicker a {
	text-decoration: none;
}

.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: #0080ff;
	color: #e0e0e0;
	font-weight: bold;
	/*-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);*/
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../images/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
    text-align:center;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	/*text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);*/
}
.ui-datepicker-calendar .ui-state-default {
	background: #F5F5F5;
	/*background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );*/
	/*-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);*/
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #0080ff;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #0376e8;
	position: relative;
	/*margin: -1px;*/
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

.ui-datepicker-unselectable {
    background:#f9f9f9;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    background: #007bff;
    color:#fff;
}
.ui-datepicker-month, .ui-datepicker-year {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 5px;
	background: #007bff;
	color: #fff;
	border: 0px solid #a5c6e9;
	line-height: 40px;
	/*margin: 10px;*/
}
/* DatePicker Container */
.field-validation-error {
	font-size: 11px;
	color:orangered;
}

.form-control {
	font-size:.875rem !important;
}

.req-ast {
	color: #e24141 !important;
	font-size: 18px;
	vertical-align: middle;
	line-height: 0;
}


/*.inlineform {
display:inline;}
.inlineselect2 {
	display: inline;
	position: static !important;
}*/

.label-control {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .0rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	font-weight:normal !important;
	background-color: #fff;
}
.nav-select .select2-container--default {
	margin-top: 4px;
	min-width:200px;
}
.done-m {
	position:relative;
}
	.done-m:before {
		/* position: absolute; */
		float: right;
		right: 30px;
		top: 8px;
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: "\f00c";
		font-size: 10px;
		background-color: #02d933;
		width: 18px;
		height: 18px;
		text-align: center;
		border-radius: 50px;
		line-height: 18px;
		display: inline-block;
		color: #fff;
	}
.input-group > .custom-file + .input-group-append {
	position: relative;
	z-index: 1;
}
.c-name-label {
	padding-top:12px;
}
.sidemenu-c-name {
	text-align:center;
	color:#fff;
	margin-bottom:15px;
}
.sidemenu-c-name .fas {
	font-size: 18px;
	margin-right: 5px;
}
[class*=sidebar-dark-] .nav-treeview > .nav-item.has-treeview.menu-open > .nav-link {
	background-color: rgba(255,255,255,.1);
}
.bootstrap-datetimepicker-widget tr td{
	border:0;
}
.dropdown-multiselect + .btn-group {
	width: 100%;
}
	.dropdown-multiselect + .btn-group > .multiselect {
		text-align: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		position: relative;
		padding-right: 20px;
	}
	.dropdown-multiselect + .btn-group > .multiselect::after {
		right: 6px;
		top: 15px;
		position: absolute;
	}
.dropdown-multiselect + .btn-group .multiselect-container{
	width:100%;
	overflow:auto;
	max-height:390px;
}
.dropdown-multiselect + .btn-group .multiselect-container li label{
	font-weight:400;
}
.dropdown-multiselect + .btn-group .multiselect-container li label input[type=checkbox]{
	margin-right:5px;
}
.scroltable-nav {
	z-index:10;
}
.dashboard-table {
	border: 1px solid #dee2e6;
	box-shadow: 0 9px 10px rgba(0,0,0,0.1);
}
	.dashboard-table th {
		background-color: #dedede;
		border-bottom: 1px solid #c3c3c3 !important;
	}
.tbl-primary {
	border-color: #007bff;
}
.tbl-primary th {
	background-color: #007bff;
	color:#fff;
}
.tbl-primary .badge {
	background-color: #e3f1ff !important;
	color: #007bff !important;
}
.tbl-success {
	border-color: #28a745;
}
.tbl-success th {
	background-color: #28a745;
	color: #fff;
}
.tbl-success .badge {
	background-color: #caffd6 !important;
	color: #28a745 !important;
}
.tbl-warning {
	border-color: #ffc107;
}
.tbl-warning th {
	background-color: #ffc107;
	color: #1f2d3d;
}
.tbl-warning .badge {
	background-color: #fff3d0 !important;
}
.table-color-divider thead tr:nth-child(1) th:nth-child(2),
.table-color-divider thead tr:nth-child(2) th:nth-child(2),
.table-color-divider thead tr:nth-child(2) th:nth-child(3),
.table-color-divider thead tr:nth-child(2) th:nth-child(4),
.table-color-divider tbody tr td:nth-child(2),
.table-color-divider tbody tr td:nth-child(3),
.table-color-divider tbody tr td:nth-child(4) {
    background-color: #daecff;
    color: #0259b5;
    border: 0;
    padding: 10px 6px;
    border-bottom: 1px solid #71b6ff;
}

.table-color-divider thead tr:nth-child(1) th:nth-child(3),
.table-color-divider thead tr:nth-child(2) th:nth-child(5),
.table-color-divider thead tr:nth-child(2) th:nth-child(6),
.table-color-divider thead tr:nth-child(2) th:nth-child(7),
.table-color-divider tbody tr td:nth-child(5),
.table-color-divider tbody tr td:nth-child(6),
.table-color-divider tbody tr td:nth-child(7) {
    background-color: #cfcdff;
    color: #26226f;
    border: 0;
    padding: 10px 6px;
    border-bottom: 1px solid #9893f7;
}

.table-color-divider thead tr:nth-child(1) th:nth-child(2) {
    background-color: #007bff;
    color: #fff;
}

.table-color-divider thead tr:nth-child(1) th:nth-child(3) {
    background-color: #605ca8;
    color: #fff;
}

.table-color-divider tbody tr {
    transition: transform 0.2s linear;
}

.table-color-divider tbody tr:hover {
	background-color: #fff9c9;
	font-size: 1.1rem;
	cursor: pointer;
}
.table-color-divider thead tr th {
	vertical-align: middle;
}
.table-color-divider tbody tr td {
	vertical-align:middle;
}
.table-color-divider tbody tr:hover td {
    border-bottom: 1px solid #ffd451;
    box-shadow: inset 0px 1px 0 #ffd451;
    background-color: transparent;
}
.table-color-divider tbody tr:hover td .badge {
	font-size: 1rem !important;
}
.table-color-divider tbody tr td:first-child {
	max-width: 190px;
	width: 190px;
}
.table-color-divider tbody tr:hover td:first-child {
    border-left: 1px solid #ffd451;
}

.table-color-divider tbody tr:hover td:last-child {
    border-right: 1px solid #ffd451;
}
@media (max-width: 480px) {
	.nav-select .select2-container--default {
		max-width: 170px;
		min-width: 170px;
	}
}

.text-sm .btn {
	font-size: 13px !important;
}
/*.nav-treeview > .nav-item > .nav-link {

	top:0;
	left:10px;

}*/
.sidebar-collapse .sidebar-company-logo {
	display:none;
}
.sidebar-company-logo img {
	max-height: 100px;
	max-width: 200px;
}
[class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-treeview {
	padding-left: 25px;
}
.sidebar-collapse .nav-sidebar > .nav-item > .nav-treeview {
	padding-left: 0;
}
@media (min-width: 992px) {
	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
	.sidebar-mini.sidebar-collapse .main-sidebar .nav-sidebar > .nav-item > .nav-treeview {
	transition:all 0.3s ease-out;
	}

	.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
	.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar > .nav-item > .nav-treeview {
		padding-left: 25px;
	}
}