.k-overlay{
    background: var(--accent-color);
}
.k-window{
    padding: 10px 50px 30px 50px;
    margin: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-radius: 8px;
    font-size: 1.4rem;
}
.k-window-actions{
    position: absolute;
    top: 77px;
    right: 10px;
}
.k-window-titlebar{
    border: none;
}
.k-window-title{
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--head-color);
    border: none;
}
#a-frm-apply .k-form-buttons{

}
.k-window-content{
    border: none;
}
#a-frm-search{
    font-size: 1.4rem;
}
#a-frm-apply .k-form-legend{
    border: none!important;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--head-color);
    text-transform: none;
}
#a-frm-apply .k-textbox, #a-frm-apply .k-datepicker, #a-frm-apply .k-picker-wrap, #a-frm-apply .k-select, #a-frm-apply .k-input{
    background-color: #f4f5f4;
    border: none;
    font-size: 1.4rem;
    color: var(--text-color)
}
.k-label, .k-input, .k-in, .form-control, .k-validation-summary{
	font-size:  1.4rem;
}
#a-frm-apply .k-form-buttons .d-flex{
    flex-direction: row-reverse;
    column-gap: 36px;
}
#a-frm-apply .btn, .r-org .btn{
    height: 4.2rem;
    padding: 1.2rem 1.8rem;
    border: 1px solid var(--accent-color);
    color: var(--accent-color);
    outline: none;
    background: transparent;
    background-color: transparent;
    font-style: normal;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0.3px;
    text-align: center;
    cursor: pointer;
    transition: all 0.1s;
}
#a-frm-apply .btn-success{
    background-color: var(--accent-color);
    color: #fff;
}
.k-multiselect-wrap, .k-dropdown-wrap, .input-group, .input-group .form-control{
    background-color: #f4f5f4 !important;
    border: none !important;
    height: 3.2rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.input-group-append .btn-outline-secondary{
    border: none;
}
.input-group-append .btn-outline-secondary:hover, .input-group-append .btn-outline-secondary:active{
    background-color: transparent;
    transform: none;
    border: none;
    box-shadow: none;
    outline: none;
}

.k-icon, .fas{
    color: var(--accent-color);
}

#a-frm-search{
    margin-bottom: 2.7rem;
}
#a-orgs, #o-trns{
    font-family: var(--font-family);
    margin-bottom: 6.5rem;
    border: none;
    border-style: none;
}
#a-orgs th, #o-trns th{
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--head-color);
    border: none;
    background: #fff;
    padding-bottom: 35px;
}
#a-orgs tr, #o-trns tr{
    border: none;
    background: #fff;
}
#a-orgs td, #o-trns td{
    font-size: 1.4rem;
    color: var(--text-color);
    border: none;
    border-style: none;
    background: #fff;
    padding: 0 18px 16px;
}
#a-orgs td a, #o-trns td a{
    color: var(--text-color);
}
#a-orgs td .btn, #o-trns td .btn{
    font-size: 1.4rem;
    width: 100%;
    border-color: var(--accent-color);
    border-radius: 0;
    color: var(--accent-color);
}
.r-org .card{
    border: none;
    font-size: 1.4rem;
}
.r-org .form-title{

}

@media screen and (max-width: 1400px){
	.k-window{
		min-width: 90% !important;
	}
}

@media screen and (max-width: 1350px){
	#a-frm-search .row{
		flex-direction: column;
	}	
	#a-orgs td, #a-orgs th{
		width: 33.3%;
	}
	#a-orgs td:nth-child(2), #a-orgs th:nth-child(2){
		display: none;
	}
	#a-orgs td:nth-child(4), #a-orgs th:nth-child(4){
		display: none;
	}
	#a-orgs td:nth-child(5), #a-orgs th:nth-child(5){
		display: none;
	}
	#o-trns td:nth-child(3), #o-trns th:nth-child(3){
		display: none;
	}
	#a-frm-apply .k-form-buttons .d-flex{
		flex-direction: column-reverse;
		row-gap: 1rem;
	}
}
@media screen and (max-width: 660px){

	#a-orgs td, #a-orgs th{
		width:  0%;
		display:  none;
	}
	#a-orgs tr{
		display:  flex;
		width:  80vw;
	}
	#a-orgs td:first-child, #a-orgs td:last-child, #a-orgs th:first-child, #a-orgs th:last-child{
		display: block;
		width: 100%;
		margin:  auto;
		flex-grow: 1;
	}
}