html, body
{
	font-size:16px !important;
}

#um-btn-title
{
	border-radius: 0.375rem!important;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    background: rgb(243 244 246 / var(--tw-bg-opacity));
    color: rgb(1 58 102 / var(--tw-text-opacity));
    --tw-text-opacity: 1;
    text-align: left;
    position: relative;
    padding: 0px;
}

#um-btn-title > span
{
	color:rgb(1 58 102 / var(--tw-text-opacity));
	
}
#um-btn-title:hover, #um-btn-title:focus
{
	outline: 1px solid currentcolor;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}


}

.um-form {
    background: #fff;
    padding: 1px 20px 20px;
    border-radius: 3px;
    box-shadow: 0px 0px 6px #ccc;
    margin-top: 15px;
    margin-bottom: 25px;
    display: block;
}

.d-flex {
    display: flex;
    align-items: center;
}

.um-form p {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 300px;

}
.emp-search,
.employer-btn{
	text-transform: capitalize;
}


.edit {
    text-decoration: none;
    margin-right: 10px;
}

.mr-2 {
    margin-right: 2rem !important;
}

.um-input {
    width: 100%;
}

.dt-table {
    background-color: #fff;
    padding: 10px;
}

.ml-3 {
    margin-left: 30px !important;
}

.pg-title {
    display: flex;
    align-items: center;
}

.dataTables_wrapper .dataTables_length select {
    width: 50px !important;
}

/* frontend */
.font-fjalla {
    font-family: 'Fjalla One', sans-serif;
}

.bg-accent {
    background-color: #f0b42c;
}

.mt-2 {
    margin-top: 0.5rem;
}

.relative {
    position: relative;
}

.um-btn,
.employer-data input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: rgb(243 244 246);
    color: rgb(1 58 102);
    font-size: 16px;
    line-height: 24px;
    cursor: default;
    border-radius: 0.375rem;
    border-width: 0px !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-ring-color: transparent;
}

.um-btn:hover,
.um-btn:focus {
    background: rgb(243 244 246);
    cursor: default;
    color: #333;
	outline: 1px solid currentColor;
}

.um-wrap {
    margin: auto;
    max-width: 288px;
}

.absolute {
    position: absolute;
}

ul.um-list {
    z-index: 10;
    margin-top: 0.25rem;
    max-height: 15rem;
    margin-left: 0;
    width: 100%;
    border-radius: 0.375rem;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 16px;
    line-height: 24px;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: 0px 2px 4px -2px rgb(1 58 102);
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
    --tw-ring-opacity: .05;
}

ul.um-list li span {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(1 58 102 / var(--tw-text-opacity));
    list-style: none;
}

html body .go-to-app {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 14px;
    line-height: 20px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: transparent;
    --tw-ring-offset-width: 0px;
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    text-decoration: none !important;
    display: flex;
    background-color: #5db941;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0 0px 3px 0px #817f7f;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    border: 0.5px solid #5db941;
    max-width: 180px;
    margin-top: 30px;
}

html body .go-to-app:focus {
    border: 0.5px solid rgb(1 58 102);
}

.emp-search::placeholder {
    font-style: italic;
    font-size: 14px;
    color: rgb(1 58 102);
}

html .go-to-app div {
    width: 1rem;
    height: 1rem;
    margin-left: 0.5rem;

}

.dd-icon {
    top: 10px;
    right: 5px;
    height: 20px;
    width: 20px;
    color: rgb(1 58 102);
}

/* end frontend */
.hidden {
    display: none;
}

.show {
    display: block;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

ul.um-list li span:hover {
    background-color: rgb(1 58 102);
    color: #fff;
}

.um-item span {
    display: block;
    width: 100%;
}

.um-btn:focus {
    outline-style: solid;
    outline-color: rgb(1 58 102);
    outline-width: 1px;
}

.um-item span.active {
    background-color: rgb(1 58 102);
    color: #fff;
    font-weight: 600;
}

.w-full {
    width: 100%;
}

.block {
    display: block;
}

.text-primary {
    color: rgb(1 58 102);
}

.opacity-95 {
    opacity: 0.95;
}

.text-center {
    text-align: center;
}

ul.um-list li span  svg{
    width: 20px;
    height: 20px;
}
ul.um-list li span span {
    width: auto;
}
li.um-item>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.um-list li span em {
    font-style: normal;
    flex: 1;
    width: 100%;
}
.um-item span.active svg{
    display: inline-block;
}


.text-opacity-80 {
    --tw-text-opacity: .8;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(1 58 102 / var(--tw-bg-opacity));
}
.w-full {
    width: 100%;
}
.h-12 {
    height: 3rem;
}
.pt-36 {
    padding-top: 6rem;
}
.text-primary {
    --tw-text-opacity: 1;
    color: rgb(1 58 102 / var(--tw-text-opacity));
}
.leading-6 {
    line-height: 1.5rem;
}
.font-normal {
    font-weight: 400;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.font-heading {
    font-family: Fjalla One,sans-serif;
}
.text-center {
    text-align: center;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.mb-10 {
    margin-bottom: 2.5rem;
}

.um-wrap h3{
	color:rgb(1, 58, 102) !important;
	font-size:30px !important;
}

.um-wrap label {
	color: rgba(1, 58, 102, 0.95);
	font-size:16px;
}