.upload-preview {
	border-radius: 8px;

	height: 400px;
	width: 300px;
}
.img-preview {
	height: 300px;
	width: 300px;
	object-fit:cover;
	padding: 5px;
}
.btn-tpa {
    color: #fff;
    background-color: #034ea2;
    border-color: #034ea2;
}
    .btn-tpa:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }
    .btn-tpa:focus, .btn-tpa.focus {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        -webkit-box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
        box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
    }
.btn-tpa.disabled, .btn-tpa:disabled {
    color: #fff;
    background-color: #556ee6;
    border-color: #556ee6; 
}
.btn-tpa:not(:disabled):not(.disabled):active, .btn-tpa:not(:disabled):not(.disabled).active,
.show > .btn-tpa.dropdown-toggle {
    color: #fff;
    background-color: #2948df;
    border-color: #2040db; 
}
.btn-tpa:not(:disabled):not(.disabled):active:focus, .btn-tpa:not(:disabled):not(.disabled).active:focus,
.show > .btn-tpa.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(111, 132, 234, 0.5); 
}
.backgroundtpa {
    background-color: #034ea2;
}
.media-tpa-font{
	color:#ffffff;
}
.H300{
	height: 120px;
}

.border-tpa {
    border-color: #034ea2 !important;
}

.nav-pills-custom .nav-link {
    color: #aaa;
    background: #fff;
    position: relative;
}

    .nav-pills-custom .nav-link.active {
        color: #45b649;
        background: #fff;
    }


/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
    .nav-pills-custom .nav-link-disabled::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #fff;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.nav-pills-custom2 .nav-link {
    border-radius: 0.25rem;
    border: 1.5px solid black;
    border-color: #435fe3;
}

    .nav-pills-custom2 .nav-link.disabled {
        border-radius: 0.25rem;
        border: 1.5px solid black;
        border-color: #c0d6e4;
        color: #c0d6e4;
    }

    .nav-pills-custom2 .nav-link.active,
    .nav-pills-custom2 .show > .nav-link {
        color: #fff;
        background-color: #556ee6;
    }

.pull-up {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

    .pull-up:hover {
        -webkit-transform: translateY(-4px) scale(1.02);
        -moz-transform: translateY(-4px) scale(1.02);
        -ms-transform: translateY(-4px) scale(1.02);
        -o-transform: translateY(-4px) scale(1.02);
        transform: translateY(-4px) scale(1.02);
        -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
        z-index: 999;
    }

.avatar-xxl {
    height: 9rem;
    width: 9rem;
}
a.disabled {
    pointer-events: none;
    cursor: default;
    border-color: #c0d6e4;
}


/* Custom */


@media screen and (max-width: 768px) {
    body {
        .col-form-label {
			 text-align: left !important; /* Align the colon to the right (though this may not have an effect on the inline elements) */
		}

    }
}