/* changing select text. filter and toggle color to gray
 */
.filter-option, span.text {
	color: grey;
}
/* Label color to black
 */
label {
	font-size: small;
	color: #333333;
	font-weight: lighter;
	margin-bottom: -.5rem;
	/*width: 40px;*/
}
body
{
	line-height: 1.65;
}
/* .btn.customSelect
{
	font-size: 0.625rem;
} */

.form-group
{
	padding-bottom: -7px;;
}
/* Input text Box Gray Shadow With Border
 */
.customText:focus {
	box-shadow: 0 0 5px gray;
	border: 1px solid gray;
	/*  rgba(81, 203, 238, 1)  light blue color*/
}
/* Responsive Text Width And Height
 */
.customText {
	width: 100%;
	height: 32px; 
	border-radius: 3px;
	border: 1px solid gray;
	font-size: small;
}

input:-moz-read-only {
	/* background: lightgray; */
	background: #F0F8FF; 
	border: none; /* <-- This thing here */
	border: solid 1px lightgray;
	border-radius: 3px;
}

textarea:-moz-read-only {
	background: #F0F8FF;
}

/* select button customize to gray its btn btn secondary css */
.customButton {
	color: #ffffff;
	background-color: #00bcd4;
	border-color: #00bcd4;
	box-shadow: none;
}

.customButton:hover {
	color: #ffffff;
	background-color: #009aae;
	border-color: #008fa1;
}

.customButton:focus, .customButton.focus {
	box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5);
}

.customButton.disabled, .customButton:disabled {
	color: #ffffff;
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.customButton:not (:disabled ):not (.disabled ):active, .customButton:not
	 (:disabled ):not (.disabled ).active, .show>.customButton.dropdown-toggle
	{
	color: grey;
	background-color: #008fa1;
	border-color: #008394;
}

.customButton:not (:disabled ):not (.disabled ):active:focus,
	.customButton:not (:disabled ):not (.disabled ).active:focus, .show>.customButton.dropdown-toggle:focus
	{
	box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5);
}

.customSelect {
	color: #ffffff;
	background-color: #6c757d;
	border-color: #6c757d;
	box-shadow: none;
	border: 1px solid grey;
	padding: 8px 20px;
	margin: 1px 1px;
}
/*.dropdown-menu .dropdown-item, .dropdown-menu li > a
{
 font-size: 0.6125rem;
}*/

.customSelect:hover {
	color: #6c757d;
	background-color: #5a6268;
	border-color: #545b62;
}

.customSelect:focus, .customSelect.focus {
	box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.customSelect.disabled, .customSelect:disabled {
	color: #ffffff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.customSelect:not (:disabled ):not (.disabled ):active, .customSelect:not
	 (:disabled ):not (.disabled ).active, .show>.customSelect.dropdown-toggle
	{
	color: #ffffff;
	background-color: #545b62;
	border-color: #4e555b;
}

.customSelect:not (:disabled ):not (.disabled ):active:focus,
	.customSelect:not (:disabled ):not (.disabled ).active:focus, .show>.customSelect.dropdown-toggle:focus
	{
	box-shadow: none, 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn.customSelect {
	color: #333333;
	background-color: #fafafa;
	border-color: #ccc;
	box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px
		rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.btn.customSelect:hover {
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
}

.btn.customSelect:focus, .btn.customSelect.focus, .btn.customSelect:hover
	{
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
}

.btn.customSelect:active, .btn.customSelect.active, .open>.btn.customSelect.dropdown-toggle,
	.show>.btn.customSelect.dropdown-toggle {
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
	box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px
		rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.btn.customSelect:active:hover, .btn.customSelect:active:focus, .btn.customSelect:active.focus,
	.btn.customSelect.active:hover, .btn.customSelect.active:focus, .btn.customSelect.active.focus,
	.open>.btn.customSelect.dropdown-toggle:hover, .open>.btn.customSelect.dropdown-toggle:focus,
	.open>.btn.customSelect.dropdown-toggle.focus, .show>.btn.customSelect.dropdown-toggle:hover,
	.show>.btn.customSelect.dropdown-toggle:focus, .show>.btn.customSelect.dropdown-toggle.focus
	{
	color: #333333;
	background-color: #f2f2f2;
	border-color: #8c8c8c;
}

.open>.btn.customSelect.dropdown-toggle.bmd-btn-icon {
	color: inherit;
	background-color: #fafafa;
}

.open>.btn.customSelect.dropdown-toggle.bmd-btn-icon:hover {
	background-color: #f2f2f2;
}

.btn.customSelect.disabled:focus, .btn.customSelect.disabled.focus, .btn.customSelect:disabled:focus,
	.btn.customSelect:disabled.focus {
	background-color: #fafafa;
	border-color: #ccc;
}

.btn.customSelect.disabled:hover, .btn.customSelect:disabled:hover {
	background-color: #fafafa;
	border-color: #ccc;
}

.btn.customSelect:focus, .btn.customSelect:active, .btn.customSelect:hover
	{
	box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2);
}

.btn.customSelect.btn-link {
	background-color: transparent;
	color: #fafafa;
	box-shadow: none;
}

.btn.customSelect.btn-link:hover, .btn.customSelect.btn-link:focus, .btn.customSelect.btn-link:active
	{
	background-color: transparent;
	color: #fafafa;
}

.fixed-plugin .btn.customSelect {
	color: #333333;
	background-color: #fafafa;
	border-color: #ccc;
	box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px
		rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.fixed-plugin .btn.customSelect:hover {
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
}

.fixed-plugin .btn.customSelect:focus, .fixed-plugin .btn.customSelect.focus,
	.fixed-plugin .btn.customSelect:hover {
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
}

.fixed-plugin .btn.customSelect:active, .fixed-plugin .btn.customSelect.active,
	.open>.fixed-plugin .btn.customSelect.dropdown-toggle, .show>.fixed-plugin .btn.customSelect.dropdown-toggle
	{
	color: #333333;
	background-color: #f2f2f2;
	border-color: #adadad;
	box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px
		rgba(250, 250, 250, 0.2), 0 1px 5px 0 rgba(250, 250, 250, 0.12);
}

.fixed-plugin .btn.customSelect:active:hover, .fixed-plugin .btn.customSelect:active:focus,
	.fixed-plugin .btn.customSelect:active.focus, .fixed-plugin .btn.customSelect.active:hover,
	.fixed-plugin .btn.customSelect.active:focus, .fixed-plugin .btn.customSelect.active.focus,
	.open>.fixed-plugin .btn.customSelect.dropdown-toggle:hover, .open>.fixed-plugin .btn.customSelect.dropdown-toggle:focus,
	.open>.fixed-plugin .btn.customSelect.dropdown-toggle.focus, .show>.fixed-plugin .btn.customSelect.dropdown-toggle:hover,
	.show>.fixed-plugin .btn.customSelect.dropdown-toggle:focus, .show>.fixed-plugin .btn.customSelect.dropdown-toggle.focus
	{
	color: #333333;
	background-color: #f2f2f2;
	border-color: #8c8c8c;
}

.open>.fixed-plugin .btn.customSelect.dropdown-toggle.bmd-btn-icon {
	color: inherit;
	background-color: #fafafa;
}

.open>.fixed-plugin .btn.customSelect.dropdown-toggle.bmd-btn-icon:hover
	{
	background-color: #f2f2f2;
}

.fixed-plugin .btn.customSelect.disabled:focus, .fixed-plugin .btn.customSelect.disabled.focus,
	.fixed-plugin .btn.customSelect:disabled:focus, .fixed-plugin .btn.customSelect:disabled.focus
	{
	background-color: #fafafa;
	border-color: #ccc;
}

.fixed-plugin .btn.customSelect.disabled:hover, .fixed-plugin .btn.customSelect:disabled:hover
	{
	background-color: #fafafa;
	border-color: #ccc;
}

.fixed-plugin .btn.customSelect:focus, .fixed-plugin .btn.customSelect:active,
	.fixed-plugin .btn.customSelect:hover {
	box-shadow: 0 14px 26px -12px rgba(250, 250, 250, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(250, 250, 250, 0.2);
}

.fixed-plugin .btn.customSelect.btn-link {
	background-color: transparent;
	color: #fafafa;
	box-shadow: none;
}

.fixed-plugin .btn.customSelect.btn-link:hover, .fixed-plugin .btn.customSelect.btn-link:focus,
	.fixed-plugin .btn.customSelect.btn-link:active {
	background-color: transparent;
	color: #fafafa;
}
/* select button customize to gray its btn btn secondary css */

/* Dashboard Card Size Fixed        */
.card-stats {
	height: 75%;
	width: 100%;
}

/* Table customize inside the card in dashboard */
.customTable {
	align-self: center;
	text-align: center;
	font-size: small;
	width: 98%;
	align-content: center;
	height: 75px;
	border-color: gray;
}
/* a href size in dashboard */
.hrf {
	font-size: x-small;
	padding-left: 10px;
}
form
{
	margin-top: -30px;
}
/* Margin Changed For The card For Spacing */
.customcard {
	margin-top: 10px;
}

/* .card {
	margin-top: -60px;
} */

/* font awesome icons size  */
.card-stats .card-header.card-header-icon i {
	font-size: 36px;
	line-height: 30px;
	width: 65px;
	height: 65px;
	text-align: center;
}

/* Custom Button with buton info and button round*/
.customBtn {
	position: relative;
	padding: 12px 30px;
	margin: 0.3125rem 1px;
	font-size: .75rem;
	font-weight: 400;
	line-height: 1.42857;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0;
	cursor: pointer;
	background-color: transparent;
	border: 0;
	border-radius: 0.2rem;
	outline: 0;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color
		0.2s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: box-shadow, transform;
}

.customBtn:focus, .customBtn.focus, .customBtn:active:focus, .customBtn:active.focus,
	.customBtn.active:focus, .customBtn.active.focus {
	outline: 0;
}

.customBtnInfo {
	color: #ffffff;
	background-color: #00bcd4;
	border-color: #00bcd4;
	box-shadow: none;
}

.customBtnInfo:hover {
	color: #ffffff;
	background-color: #009aae;
	border-color: #008fa1;
}

.customBtnInfo:focus, .customBtnInfo.focus {
	box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5);
}

.customBtnInfo.disabled, .customBtnInfo:disabled {
	color: #ffffff;
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.customBtnInfo:not (:disabled ):not (.disabled ):active, .customBtnInfo:not
	 (:disabled ):not (.disabled ).active, .show>.customBtnInfo.dropdown-toggle
	{
	color: #ffffff;
	background-color: #008fa1;
	border-color: #008394;
}

.customBtnInfo:not (:disabled ):not (.disabled ):active:focus,
	.customBtnInfo:not (:disabled ):not (.disabled ).active:focus, .show>.customBtnInfo.dropdown-toggle:focus
	{
	box-shadow: none, 0 0 0 0.2rem rgba(0, 188, 212, 0.5);
}

.customBtn.customBtnInfo {
	color: #fff;
	background-color: #00bcd4;
	border-color: #00bcd4;
	box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px
		rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.customBtn.customBtnInfo:hover {
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
}

.customBtn.customBtnInfo:focus, .customBtn.customBtnInfo.focus,
	.customBtn.customBtnInfo:hover {
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
}

.customBtn.customBtnInfo:active, .customBtn.customBtnInfo.active, .open>.customBtn.customBtnInfo.dropdown-toggle,
	.show>.customBtn.customBtnInfo.dropdown-toggle {
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
	box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px
		rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.customBtn.customBtnInfo:active:hover, .customBtn.customBtnInfo:active:focus,
	.customBtn.customBtnInfo:active.focus, .customBtn.customBtnInfo.active:hover,
	.customBtn.customBtnInfo.active:focus, .customBtn.customBtnInfo.active.focus,
	.open>.customBtn.customBtnInfo.dropdown-toggle:hover, .open>.customBtn.customBtnInfo.dropdown-toggle:focus,
	.open>.customBtn.customBtnInfo.dropdown-toggle.focus, .show>.customBtn.customBtnInfo.dropdown-toggle:hover,
	.show>.customBtn.customBtnInfo.dropdown-toggle:focus, .show>.customBtn.customBtnInfo.dropdown-toggle.focus
	{
	color: #fff;
	background-color: #00aec5;
	border-color: #004b55;
}

.open>.customBtn.customBtnInfo.dropdown-toggle.bmd-btn-icon {
	color: inherit;
	background-color: #00bcd4;
}

.open>.customBtn.customBtnInfo.dropdown-toggle.bmd-btn-icon:hover {
	background-color: #00aec5;
}

.customBtn.customBtnInfo.disabled:focus, .customBtn.customBtnInfo.disabled.focus,
	.customBtn.customBtnInfo:disabled:focus, .customBtn.customBtnInfo:disabled.focus
	{
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.customBtn.customBtnInfo.disabled:hover, .customBtn.customBtnInfo:disabled:hover
	{
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.customBtn.customBtnInfo:focus, .customBtn.customBtnInfo:active,
	.customBtn.customBtnInfo:hover {
	box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.customBtn.customBtnInfo.btn-link {
	background-color: transparent;
	color: #00bcd4;
	box-shadow: none;
}

.customBtn.customBtnInfo.btn-link:hover, .customBtn.customBtnInfo.btn-link:focus,
	.customBtn.customBtnInfo.btn-link:active {
	background-color: transparent;
	color: #00bcd4;
}

.fixed-plugin .customBtn.customBtnInfo {
	color: #fff;
	background-color: #00bcd4;
	border-color: #00bcd4;
	box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px
		rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.fixed-plugin .customBtn.customBtnInfo:hover {
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
}

.fixed-plugin .customBtn.customBtnInfo:focus, .fixed-plugin .customBtn.customBtnInfo.focus,
	.fixed-plugin .customBtn.customBtnInfo:hover {
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
}

.fixed-plugin .customBtn.customBtnInfo:active, .fixed-plugin .customBtn.customBtnInfo.active,
	.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle, .show>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle
	{
	color: #fff;
	background-color: #00aec5;
	border-color: #008697;
	box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px
		rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
}

.fixed-plugin .customBtn.customBtnInfo:active:hover, .fixed-plugin .customBtn.customBtnInfo:active:focus,
	.fixed-plugin .customBtn.customBtnInfo:active.focus, .fixed-plugin .customBtn.customBtnInfo.active:hover,
	.fixed-plugin .customBtn.customBtnInfo.active:focus, .fixed-plugin .customBtn.customBtnInfo.active.focus,
	.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle:hover,
	.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle:focus,
	.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle.focus,
	.show>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle:hover,
	.show>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle:focus,
	.show>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle.focus {
	color: #fff;
	background-color: #00aec5;
	border-color: #004b55;
}

.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle.bmd-btn-icon
	{
	color: inherit;
	background-color: #00bcd4;
}

.open>.fixed-plugin .customBtn.customBtnInfo.dropdown-toggle.bmd-btn-icon:hover
	{
	background-color: #00aec5;
}

.fixed-plugin .customBtn.customBtnInfo.disabled:focus, .fixed-plugin .customBtn.customBtnInfo.disabled.focus,
	.fixed-plugin .customBtn.customBtnInfo:disabled:focus, .fixed-plugin .customBtn.customBtnInfo:disabled.focus
	{
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.fixed-plugin .customBtn.customBtnInfo.disabled:hover, .fixed-plugin .customBtn.customBtnInfo:disabled:hover
	{
	background-color: #00bcd4;
	border-color: #00bcd4;
}

.fixed-plugin .customBtn.customBtnInfo:focus, .fixed-plugin .customBtn.customBtnInfo:active,
	.fixed-plugin .customBtn.customBtnInfo:hover {
	box-shadow: 0 14px 26px -12px rgba(0, 188, 212, 0.42), 0 4px 23px 0px
		rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.fixed-plugin .customBtn.customBtnInfo.btn-link {
	background-color: transparent;
	color: #00bcd4;
	box-shadow: none;
}

.fixed-plugin .customBtn.customBtnInfo.btn-link:hover, .fixed-plugin .customBtn.customBtnInfo.btn-link:focus,
	.fixed-plugin .customBtn.customBtnInfo.btn-link:active {
	background-color: transparent;
	color: #00bcd4;
}

.customBtn.btn-fab.customBtnRound, .customBtn.btn-just-icon.customBtnRound
	{
	border-radius: 50%;
}

.form-file-upload .input-group-btn:last-child>.customBtnRound {
	border-radius: 30px;
}

.fixed-plugin .customBtn.customBtnRound {
	border-radius: 30px;
}

.customBtn.customBtnRound {
	border-radius: 30px;
}

/*  /Background color change of th of data tables */
.customThDiv {
	background-color: #D3D3D3;
	padding-left: 5px;
	padding-right: 5px;
	font-size: smaller;
}
/*  /Background color change of th of data tables */
.bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li a.active
	{
	background-image: none !important;
	background-color: #D3D3D3;
	!
	important;
}

/* Custom Button with buton info and button round*/

/* To reduce the line height between two rows */
/* .row {
	margin-bottom: -18px;
} */
/* To reduce the line height between two rows */

/* To reduce the Font size of label */

/* To reduce the Font size of label */

/* To Take The modal To The Top Of The Screen */
.modal .modal-dialog {
	margin-top: 10px;
}

.customCard {
	/*margin-top: -5px;*/
	-webkit-box-shadow: 1px 1px 3px 3px #ccc;
	/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow: 1px 1px 3px 3px #ccc; /* Firefox 3.5 - 3.6 */
	box-shadow: 1px 1px 3px 3px #ccc;
	/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	/* padding-bottom: 5px; */

}

.modal-dialog .modal-body {
	margin-top: -30px;
}

.modal-header .close {
	padding: 5px;
}
/* To Take The modal To The Top Of The Screen */
.card [class*="card-header-"] .card-text .card-title {
	margin-top: -5px;
	margin-bottom: -5px;
	font-size: small;
}
/* .table .table-striped .table-no-bordered .table-hover
{
	font-size: small;
} */
/* to reduce space between the rows*/
/* .table>tbody>tr>th, .table>tbody>tr>td {
	padding: 5px 2px;
} */
/* to reduce space between the rows*/

/* custom table data use on normal table to use it like data table with table class*/
.customDataTable {
	font-size: small;
	text-align: center;
	white-space: nowrap;
	/* display: block;
	overflow-x:auto; */
}
/* custom table data use on normal table to use it like data table with table class*/
/* used for the date time picker position relative*/
/* .table td {
	position: relative;
	white-space: break-spaces;
} */
/* used for the date time picker position relative*/
.modal-lg {
	max-width: 80%;
	margin: 0 auto;
}

.swal2-content {
	display: none;
}

#swal2-title {
	font-size: 20px;
}

.smk-error-text
{
	color: red;
}
.modal {  overflow-y: auto !important; }
.addFaIcon, .removeFaIcon {
	cursor: pointer;
}

[data-tooltip]:before {
	/* needed - do not touch */
	content: attr(data-tooltip);
	position: absolute;
	opacity: 0;
	/* customizable */
	transition: all 0.15s ease;
	padding: 10px;
	color: #333;
	border-radius: 10px;
	box-shadow: 2px 2px 1px silver;
}

[data-tooltip]:hover:before {
	/* needed - do not touch */
	opacity: 1;
	/* customizable */
	background: yellow;
	margin-top: -50px;
	margin-left: 20px;
}

[data-tooltip]:not ([data-tooltip-persistent] ):before {
	pointer-events: none;
}