@font-face{
    font-family:'Open Sans';
    font-style:normal;
    font-weight:300;
    src:local('Open Sans Light'),local('OpenSans-Light'),url(../fonts/OpenSans-300.woff) format('woff')
}
@font-face{
    font-family:'Open Sans';
    font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(../fonts/OpenSans-400.woff) format('woff')
}

@font-face{
	font-family:"Font Awesome 5 Brands";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/@fortawesome/fa-brands-400.eot);
	src:url(../fonts/@fortawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../fonts/@fortawesome/fa-brands-400.woff2) format("woff2"),url(../fonts/@fortawesome/fa-brands-400.woff) format("woff"),url(../fonts/@fortawesome/fa-brands-400.ttf) format("truetype"),url(../fonts/@fortawesome/fa-brands-400.svg#fontawesome) format("svg")
}
.fab{
	font-family:"Font Awesome 5 Brands"
}
@font-face{
	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/@fortawesome/fa-regular-400.eot);
	src:url(../fonts/@fortawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/@fortawesome/fa-regular-400.woff2) format("woff2"),url(../fonts/@fortawesome/fa-regular-400.woff) format("woff"),url(../fonts/@fortawesome/fa-regular-400.ttf) format("truetype"),url(../fonts/@fortawesome/fa-regular-400.svg#fontawesome) format("svg")
}
.fab,.far{
	font-weight:400
}
@font-face{
	font-family:"Font Awesome 5 Free";
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url(../fonts/@fortawesome/fa-solid-900.eot);
	src:url(../fonts/@fortawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../fonts/@fortawesome/fa-solid-900.woff2) format("woff2"),url(../fonts/@fortawesome/fa-solid-900.woff) format("woff"),url(../fonts/@fortawesome/fa-solid-900.ttf) format("truetype"),url(../fonts/@fortawesome/fa-solid-900.svg#fontawesome) format("svg")
}
.fa,.far,.fas{
	font-family:"Font Awesome 5 Free"
}
.fa,.fas{
	font-weight:900
}
.col-span-1 {
    grid-column: span 1/span 1;
}
.col-span-5 {
    grid-column: span 5/span 5;
}
.col-span-7 {
    grid-column: span 7/span 7;
}
.col-span-8 {
    grid-column: span 8/span 8;
}
.col-span-9 {
    grid-column: span 9/span 9;
}
.col-span-10 {
    grid-column: span 10/span 10;
}
.col-span-11 {
    grid-column: span 11/span 11;
}

html body{
    font-family:'Segoe UI', 'Open Sans', Geneva, Verdana, sans-serif
}
html{
	font-size: 120%;
}
html.condensed {
    font-size: 80%;
    /* zoom: 80%;
    transform: scale(1);
    -moz-transform: scale(1);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0; */
}

.top-bar-boxed{
    height: 50px;
}

.dataTables_wrapper.form-inline{
    display: block;
}
.dataTables_wrapper.form-inline .row{
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
}
.dataTables_wrapper select{width: 60px;}

/* Table effects */
.table.table-padded {
	border-collapse: separate;
	border-spacing: 0 5px;
  }
  
  .table.table-padded thead tr th {
	border: none;
	font-size: 0.81rem;
	color: rgba(90, 99, 126, 0.49);
	letter-spacing: 1px;
	padding: 0.3rem 1.1rem;
	text-transform: uppercase;
  }
  
  .table.table-padded tbody tr {
	border-radius: 4px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  
  .table.table-padded tbody tr:hover {
		-webkit-box-shadow: 0px 3px 10px rgba(69, 101, 173, 0.5);
				box-shadow: 0px 3px 10px rgba(69, 101, 173, 0.5);
		-webkit-transform: perspective(1px) translateY(-1px) scale(1.02);
				transform: perspective(1px) translateY(-1px) translateX(13px) scale(1.02);

				-webkit-font-smoothing: subpixel-antialiased;
				backface-visibility: hidden;
				/* transform: perspective(1px) translateZ(0); */
				/* zoom: 0.5; */
				transform-origin: 100% 0;

				

		font-weight: 500;
  }
  
  .table.table-padded tbody td {
	padding: 0.5rem 1.0rem;
	background-color: #fff;
	border: none;
	border-right: 1px solid rgba(0, 0, 0, 0.03);
  }
  
  .table.table-padded tbody td.bolder {
	font-weight: 500;
	font-size: 0.99rem;
  }
  
  .table.table-padded tbody td img {
	display: inline-block;
	vertical-align: middle;
  }
  
  .table.table-padded tbody td img + span {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
  }
  
  .table.table-padded tbody td span + span {
	margin-left: 5px;
  }
  
  .table.table-padded tbody td .status-pill + span {
	margin-left: 10px;
  }
  
  .table.table-padded tbody td:first-child {
	border-radius: 4px 0px 0px 4px;
  }
  
  .table.table-padded tbody td:last-child {
	border-radius: 0px 4px 4px 0px;
	border-right: none;
  }
/* end Table effects */

.inner-actions{
	position: relative;
	z-index: 2;
	/* right: 0px; */
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 13px;
	color: #047bf8;
	text-decoration: none;
	cursor: pointer;

	margin-top: 8px;
	background: none !important;

}

.inner-actions i{opacity:0.3}
.inner-actions:hover i{opacity:1}

.inner-actions .actions-list {
    position: absolute;
	background-color: #0068B3;
	color: #fff;
	font-size: 85%;
	padding: 5px 8px;
	border-radius: 5px;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
    
	right: 7px;
	bottom: 0px;
    
	width: 200px;
    text-align: left;
}
.inner-actions .actions-list a {
	display: block;
	width: 100%;
	padding: 2px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
	color: #ffffff;
}
.inner-actions:hover .actions-list{
	visibility: visible;
	/* transform: translateY(0px); */
	opacity: 1;
	-webkit-transform: perspective(1px) translateY(-1px) scale(1.3);
			transform: perspective(1px) translateY(-1px) scale(1.3);

			-webkit-font-smoothing: subpixel-antialiased;
			backface-visibility: hidden;

}
.inner-actions .actions-list a span {
	display: inline-block;
}

.error{
    /* display: inline-block; */
    color: red;
    /* position: absolute; */
    right: -95px;
    top: 0;
}
button.close{display:none;}

.icon-success,.icon-info,.icon-danger,.icon-warning{display:none;}

.error .icon-danger{display: block;}
.success .icon-success{display: block;}
.info .icon-info{display: block;}
.warning .icon-warning{display: block;}

.toast-error .toastify-content{background-color: rgb(254 202 202);}
.toast-success .toastify-content{background-color: rgb(217 249 157);}
.toast-info .toastify-content{background-color: rgb(147 197 253);}
.toast-warning .toastify-content{background-color: rgb(253 230 138);}

.intro-y{
    z-index: 0!important;
}

.hide_first_column tr th:first-child,.hide_first_column tr td:first-child{
  display: none;
}

.modal-body{
	/* height: 83vh; */
	height: calc(100vh - 86px);
	overflow: auto;
}
.modal-footer{background-color: gainsboro;}
	.dark .modal-footer{background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity))}
.invalid-feedback{color: red;}
.is-invalid{border:thin solid red;}

.top-nav>ul li ul{
	left: 0;
	top: auto;
	margin-top: -0.25rem;
}

.top-nav>ul li .top-menu{
	padding-left: 0.65rem;
	padding-right: 0.35rem;
}

.top-nav>ul li .top-menu .top-menu__title{
	margin-left: 0.25rem;
}
.top-menu__icon{width: 24px;}

.show-password{
	cursor: pointer;
	background-color: rgb(254, 230, 221) !important;
}
.pwd-active .show-password{background-color: rgb(172, 218, 255) !important; }
.show-password .lucide-eye{display: none;}
.pwd-active .show-password .lucide-eye-off{
	display: none;
}
.pwd-active .show-password .lucide-eye{display: inline;}

.multiple .single-mode, .single .multiple-mode{display: none}

.col-form-label{font-weight: bold;}

.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{
	border-width: 0 0 1px 0;
}

.top-nav>ul li ul li .top-menu{
	height: 35px;
}

.bg-form-actions{
	background: rgba(red, green, blue, alpha);
}

.member-select,.calendar{
	cursor: pointer !important;
}

.pledge-card{
	background: lightgray;
}

.nav.nav-tabs .nav-item{margin-bottom: -5px;}
.tab-content.border-l{border-width: 3px !important;}

.totals-row {
    border-top: 2px dashed #983333;
    background-color: beige;
}

#report_data .table-bordered td,#report_data .table-bordered th{
	padding: 2px 5px;
}

/* .report-image { */
.content.reporting {
	background-image: url(../images/business-analytics.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-blend-mode: soft-light;
	background-color: gainsboro;
}

.report-body{min-height: 500px;}
.report-menu{
	width: 400px;
}
.report-menu button{
	padding: 20px;
	width: 290px;
	background: white;
	justify-content: right;
}
	.report-menu.active button{
		background: rgb(var(--color-primary)/var(--tw-text-opacity));
		color: white;
	}
.report-menu button span{
	display: block;
}

.report-menu .dropdown-menu{
	width: 500px;
}
.dropdown-menu li.active a{
	background: rgb(var(--color-primary)/var(--tw-text-opacity));
	color: white;
}

.report_data thead {
    text-transform: uppercase;
    background: gray;
}


.formImageInput{
	height:100px; width:100px; overflow:hidden; border:thin solid #bbb; float:left; /* margin-right: 10px; */
	cursor:pointer;
}

.formImageInput input{
	display:none;
}
.formImageInput .usrImg{
	width:100%;
}
.formImageInput .info,.formImageInput .error{
	position: absolute;
	/*margin-left: 75px;*/
	margin-top: -22px;
	font-size: 14px;
	color: blue;
	padding: 0;
}
.formImageInput .thumbnail {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
form td>div{
    position: relative;
}


.uploadimg.clients,.uploadimg.stock,.uploadimg.inputElement,.uploadimg{
	position: absolute;
    margin-left: 0;
    width: 100px !important;
	height: 105px;

	top: 0;
	left: 0;
	
	opacity: 0;
    /* visibility: hidden; */
    cursor: pointer;
}

#mediax_static_image textarea{
    height: 95px;
}

.table.single_file_upload{width: auto;}

.table.single_file_upload thead, .table.single_file_upload td:not(:first-child) {
	display: none;
}

.image-fit{
	background-size: cover;
}

.accordion.accordion-style1 .accordion-item{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 5px;
}
.accordion.accordion-style1 .accordion-item .accordion-header{
	background: #0068B3;
	border-radius: 5px 5px 0 0;
	padding: 1em;
}
.accordion.accordion-style1 .accordion-item button.accordion-button{
	color: #fff !important;
} 
.accordion.accordion-style1 .accordion-item button.accordion-button.collapsed{
	color: yellow !important;
}
.accordion.accordion-style1 .accordion-item .accordion-collapse{
	background: #ecf6fd;
	border-radius: 0 0 5px 5px;
	padding: 1em;
	margin: 0;
}
.dark .accordion.accordion-style1 .accordion-item .accordion-collapse{
	background: transparent;
}


.chosen-single {
    background: none !important;
    background-color: #fff !important;
    padding: .5rem .75rem !important;
    border-width: 1px;
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    --tw-shadow-colored: 0 1px 2px 0 var(
	--tw-shadow-color);
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity)) !important;
    border-radius: .375rem !important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow) !important;
    font-size: .875rem;
    line-height: 1.25rem !important;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100%;
}


.has-error .form-control,.has-error .chosen-single {
	border-color: red !important;
	border-radius: 3px;
}
.chosen-container{
    width: 100% !important;
}
.chosen-container-single .chosen-single {
    height: auto !important;
}
.dark .chosen-container-single .chosen-single {
	background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity)) !important;
	border: none !important;
}
.chosen-container-single .chosen-single div b {
    background-position-y: 10px !important;
}

.dark .chosen-container-single .chosen-single span{
	color: rgb(148, 163, 184);
}

.dark .chosen-container .chosen-drop{
	background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity)) !important;
	border-color: transparent;
}
.dark .chosen-container .chosen-results{
	color: white;
}


.login .login__input{
	min-width:
}
@media (max-width: calc(768px - 1px)) {
    .desktop-location-selector {
        display:none
    }
}