@import url("http://cbtsmp.talentaschool.sch.id:8063/cbt_talenta/assets/css/fonts.css");
.br-20 {
border-radius: 20px;
}

.br-15 {
border-radius: 15px;
}

.br-10 {
border-radius: 10px;
}

.br-5 {
border-radius: 5px;
}

.br-right {
border-top-right-radius: 10px;
}

.border-none {
border: none;
}

.w45 {
width: 45%;
}

.w30 {
width: 30%;
}

.mr-20 {
margin-right: 20px;
}

.fw-mediums {
font-weight: 500;
}

.modalFootTalenta {
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
}


/* .modal-backdrop {
background-color: transparent;
}*/

.act-btn {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: white;
font-size: 30px;
font-weight: bold;
border-radius: 50%;
-webkit-border-radius: 50%;
text-decoration: none;
transition: ease all 0.3s;
position: fixed;
right: 24px;
bottom: 65px;
}

.ui-autocomplete-loading {
background: white url('http://cbtsmp.talentaschool.sch.id:8063/cbt_talenta/assets/images/spinner-24px.gif') right center no-repeat;
}

.overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
border-radius: 25px;
background: rgba(255, 255, 255, 0.85) url('http://cbtsmp.talentaschool.sch.id:8063/cbt_talenta/assets/images/loaders.gif?v=1769570420') center no-repeat;
}

body.loading {
overflow: hidden;
}

body.loading .overlay {
display: block;
}

.highcharts-title {
font-size: 15px !important;
font-weight: 500 !important;
}

.dataTables_info {
font-size: 11px !important;
}

hr.dots {
border-top: 1px dotted #ddd;
}

.cards-img-top {
width: 100%;
height: 20vw;
object-fit: cover;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}

.jawabanPG {
max-height: 150px !important;
}

#sidebar-menu ul li a {
color: #545a6d;
font-size: 13px !important;
}

#sidebar-menu ul li ul.sub-menu li a {
padding: .4rem 1.5rem .4rem 3.5rem;
font-size: 13px !important;
color: #545a6d;
}

.form-floating>.form-control,
.form-floating>.form-select {
height: calc(3rem + 2px) !important;
line-height: 1.25 !important;
}

body[data-topbar="dark"] #page-topbar {
background-image: linear-gradient( 94.3deg, rgba(26, 33, 64, 1) 10.9%, rgba(81, 84, 115, 1) 87.1%);
/*Opsi 2 : */
/* background-image: linear-gradient( 109.6deg, rgba(45, 116, 213, 1) 11.2%, rgba(121, 137, 212, 1) 91.2%); */
}

.btn-grad-primary {
background-image: linear-gradient(to right, #005C97 0%, #363795 51%, #005C97 100%)
}

.btn-grad-primary {
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: 0 0 20px #eee;
border-radius: 10px;
}

.btn-grad-primary:hover {
background-position: right center;
/* change the direction of the change here */
color: #fff;
text-decoration: none;
}

.btn-grad-orange {
background-image: linear-gradient(to right, #FF512F 0%, #DD2476 51%, #FF512F 100%)
}

.btn-grad-orange {
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: 0 0 20px #eee;
border-radius: 10px;
}

.btn-grad-orange:hover {
background-position: right center;
/* change the direction of the change here */
color: #fff;
text-decoration: none;
}

.teks-danger {
color: #F6416C;
}

.teks-danger:hover {
color: #F6416C;
}


/* BG FORM */

.bg-form-success {
background-image: linear-gradient( 135deg, #69FF97 10%, #00E4FF 100%);
}

.bg-form-danger {
background-image: radial-gradient( circle 860px at 11.8% 33.5%, rgba(240, 30, 92, 1) 0%, rgba(244, 49, 74, 1) 30.5%, rgba(249, 75, 37, 1) 56.1%, rgba(250, 88, 19, 1) 75.6%, rgba(253, 102, 2, 1) 100.2%);
}

.bg-inpo {
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}

.teks-primary {
color: #2F3C95;
}

.f-arial {
font-family: -apple-system, Arial, Helvetica, sans-serif !important;
font-weight: normal;
}

.f-poppins {
font-family: Poppins, sans-serif !important;
}

.exam-timer {
width: 46px !important;
}

.swal2-styled.swal2-confirm {
border: 0 !important;
box-shadow: none !important;
border-radius: .25em !important;
background-color: #556ee6 !important;
color: #fff !important;
font-size: 1.0625em !important;
}

.swal2-styled.swal2-cancel {
font-size: 14px !important;
}

.line-html {
white-space: pre !important;
}

.x-focus {
max-width: 40px;
text-align: center;
border-top: none;
border-left: none;
border-right: none;
border-color: #ddd;
}

.x-focus:focus {
outline: none !important;
border-color: #556ee6 !important;
}

input[type=file]::file-selector-button {
color: #fff !important;
background: #556ee6 !important;
border: none;
outline: none;
box-shadow: none;
border-radius: 4px !important;
}

input[type=file]::-webkit-file-upload-button {
color: #fff !important;
background: #556ee6 !important;
border: none;
outline: none;
box-shadow: none;
border-radius: 4px !important;
}

div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto;
border-radius: 10px;
padding: 6px 8px;
}

.blink-notif {
animation: blinker 1.5s step-end infinite;
color: #C70039;
}

@keyframes blinker {
50% {
opacity: 0;
}
}

.navbar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
height: 55px !important;
padding: 0 calc(22px / 2) 0 0;
}

.page-content {
padding: calc(55px + 22px) calc(22px / 2) 60px calc(22px / 2);
}

.page-title-box h4 {
text-transform: none;
font-weight: 500;
font-size: 16px !important;
}

.card-title {
font-size: 15px;
margin: 0 0 7px 0;
margin-bottom: 7px;
font-weight: 500;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
border-bottom-width: 1px!important;
}

.vertical-menu {
top: 55px;
}

.zoomables {
pointer-events: none;
}

#zoomMe {
position: center;
top: 0px;
left: 0px;
}

.cbt-background {
background: url("http://cbtsmp.talentaschool.sch.id:8063/cbt_talenta/assets/images/login-bgs.webp");
height: 100vh;
background-size: cover;
background-position: center;
}

.cbt-background:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
}