@font-face{
  font-family: "Poppins";
  src: url("../../fonts/poppins/Poppins-Regular.otf");
}

@font-face{
  font-family: "Poppins-Medium";
  src: url("../../fonts/poppins/Poppins-Medium.otf");
}

@font-face{
  font-family: "Poppins-Bold";
  src: url("../../fonts/poppins/Poppins-Bold.otf");
}

html {
  font-size: 93.75%;
}

@media(max-width: 575px) {
  html {
    /*font-size: 93.75%;*/
    /*font-size: 87.5%;*/
    font-size: 75%;
  }
}

body {
  font-family: "Poppins";
  height: 100vh;
}

/*a:not(.scrollto, .cta-btn), 
a:not(.scrollto, .cta-btn):visited {
  color: rgba(3, 23, 124, 1.0);
}*/
a, a:visited {
  color: rgba(3, 23, 124, 1.0);
}

a:hover {
  color: rgba(22, 23, 196, 1.0);
}

.text-regular {
  font-family: "Poppins";
}

.text-medium {
  font-family: "Poppins-Medium";
}

.text-bold {
  font-family: "Poppins-Bold";
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins-Medium";
}


/* HEADER */
.main-header{
	border: 0;
	position: absolute;
	display: flex;

	transition: transform .3s ease-in-out;
}

.sidebar-mini .main-header{
  width: calc(100% - 250px);
}

.sidebar-mini.sidebar-collapse .main-header{
  width: calc(100% - 4.6rem);
}

@media(max-width: 991px){
	.sidebar-mini.sidebar-collapse .main-header,
	.sidebar-mini.sidebar-open .main-header{
	  width: 100%;
	}
}

.navbar-transparent {
  background-color: transparent;
}

.navbar-transparent .form-control-navbar::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .form-control-navbar::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .form-control-navbar:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .form-control-navbar::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .form-control-navbar::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .form-control-navbar,
.navbar-transparent .form-control-navbar + .input-group-append > .btn-navbar {
  background-color: whitesmoke;
  border-color: #e8e8e8;
  color: rgba(255, 255, 255, 0.8);
}

.navbar-transparent .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-transparent .navbar-brand:hover, .navbar-transparent .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-transparent .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

.navbar-transparent .navbar-nav .nav-link:hover, .navbar-transparent .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 1.0);
}

.navbar-transparent .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-transparent .navbar-nav .show > .nav-link,
.navbar-transparent .navbar-nav .active > .nav-link,
.navbar-transparent .navbar-nav .nav-link.show,
.navbar-transparent .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-transparent .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-transparent .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-transparent .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-transparent .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-transparent .navbar-text a:hover, .navbar-transparent .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-transparent .navbar-nav .nav-link.nav-link-user{
  background-color: #ffffff;
  border-radius: 50px;
  color: rgba(0, 30, 110, 1.0);
  border: 2px solid rgba(251, 201, 32, 1.0);
  padding: 5px;
  height: auto;
}

/* FOOTER */

/* SIDEBAR */

.filter-btn {
  cursor: pointer;
}

.sidebar-mini .filter-sidebar,
.sidebar-mini .session-sidebar {
  content: '';
  position: fixed;
  display: block;
  width: calc(100% - 250px);
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1.0);
  z-index: 1037;

  border-top-left-radius: 25px;
  border-top-right-radius: 25px;

  box-shadow: 0px -2px 4px rgba(0, 2, 191, 1.0);
  padding: 25px;

  transition: bottom .5s ease-in-out;
}

.sidebar-mini.sidebar-collapse .filter-sidebar,
.sidebar-mini.sidebar-collapse .session-sidebar {
  width: calc(100% - 4.6rem);
}

.sidebar-mini.sidebar-open .filter-sidebar,
.sidebar-mini.sidebar-open .session-sidebar {
  width: calc(100% - 250px);
}

@media(max-width: 991px){
  .sidebar-mini.sidebar-collapse .filter-sidebar,
  .sidebar-mini.sidebar-open .filter-sidebar,
  .sidebar-mini.sidebar-collapse .session-sidebar,
  .sidebar-mini.sidebar-open .session-sidebar {
    width: 100%;
  }
}

.filter-sidebar .filter-sidebar-close,
.session-sidebar .session-sidebar-close {
  position: absolute;
  top: 0;
  left: 95%;
  border-radius: 50%;
  padding-left: 0.4em;
  padding-right: 0.4em;
  border: 2px solid rgba(3, 23, 124, 1.0);
  cursor: pointer;
}

@media(max-width: 575px){
  .filter-sidebar .filter-sidebar-close,
  .session-sidebar .session-sidebar-close {
    left: 90%;
  } 
}

.filter-sidebar {
  height: 60vh;
}

.filter-sidebar .container {
  overflow: auto;
  overflow-x: hidden;
  max-height: 45vh;
  min-height: 45vh;
  /*padding-bottom: 50px;*/
}

.filter-sidebar .filter-sidebar-control {
  padding-bottom: 10px;
  padding-top: 15px;
  padding-left: 25px;
  padding-right: 25px;
  display: inline-flex;
  width: 100%;
}

/* CONTENT */
.decoration-top {
  display: flex;
  flex-direction: column;

  border-radius: 0px 0px 30px 30px;
  /*min-height: 223px;*/
  width: 100%;

  padding: 10px;
  padding-top: 60px;
  color: rgba(255, 255, 255, 1.0);
  /*position: relative;*/
  
  background: -webkit-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -o-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -ms-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -moz-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: linear-gradient(to bottom, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  /* background: var(--src) center center/cover no-repeat; */
}

.decoration-top-expand {
  display: flex;
  flex-direction: column;

  height: 400px;
  background-color: rgba(29, 91, 251, 1.0);
}

.content-wrapper {
	background-color: rgba(255, 255, 255, 1.0);
}

.decoration-top .input-group .input-group-prepend{
	border: 0;
}

.decoration-top .input-group .input-group-text{
	background-color: rgba(255, 255, 255, 1.0);
	border: 0;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.decoration-top .input-group input{
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 1.0);
}

.small-box{
	border-radius: 15px;
	/*box-shadow: 0px 2px 4px 0px rgba(0, 2, 191, 1.0);*/
	min-height: 130px;
  box-shadow: 0 0;
}

.small-box img::not(.img-fluid){
	height: 90px;
}

.small-box .small-box-footer{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

@media(max-width: 767px) {
  .small-box.small-box-main {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.small-box.small-box-main .small-box-close {
  position: absolute;
  top: 0;
  left: 95%;
  border-radius: 50%;
  padding-left: 0.4em;
  padding-right: 0.4em;
  border: 2px solid rgba(3, 23, 124, 1.0);
  cursor: pointer;
}

.small-box.small-box-main .small-box-filter {
  position: absolute;
  top: 0;
  left: 93%;
  padding-left: 0.4em;
  padding-right: 0.4em;
  cursor: pointer;
}

@media(max-width: 991px){
  .small-box.small-box-main .small-box-close,
  .small-box.small-box-main .small-box-filter {
    left: 90%;
  } 
}

@media(max-width: 576px){
  .small-box.small-box-main .small-box-close,
  .small-box.small-box-main .small-box-filter {
    top: 3px;
    left: 87%;
  } 
}

.small-box.small-box-bottom {
  position: absolute;
  bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.content-wrapper .card{
  border-radius: 25px;
}

.content-wrapper .card .card-footer{
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.card .card-custom-footer {
  border-bottom-right-radius: 0!important;
  border-top-left-radius: 25px!important;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.small-box .small-box-footer-v2{
  content: '';
  position: absolute;
  display: block;
  height: 40px;
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.podium-container{
  margin-top: 20px;
}
.podium-owner-2{
  margin-top: 25px;
}
.podium-owner-3{
  margin-top: 35px;
}
.podium-owner-1 .small-box .inner,
.podium-owner-2 .small-box .inner,
.podium-owner-3 .small-box .inner{
  word-wrap: break-word;
}

.podium-owner-1 .podium-photo,
.podium-owner-2 .podium-photo,
.podium-owner-3 .podium-photo,
.row-data .img-circle {
  width: 50px;
  margin-bottom: 0.3em;
}

.row-data .img-circle {
  margin-right: 0.3em;
  width: 35px;
}

@media(max-width: 767px){
  .podium-owner-1 .podium-photo,
  .podium-owner-2 .podium-photo,
  .podium-owner-3 .podium-photo,
  .row-data .img-circle {
    width: 40px;
  }
}

.podium-1,
.podium-2,
.podium-3 {
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
  font-size: 3em;
}
.podium-1{
  height: 250px;
  margin-top: 0;
}
.podium-2{
  height: 225px;
  margin-top: 25px;
}
.podium-3{
  height: 200px;
  margin-top: 50px;
}
@media(max-width: 767px){
  .podium-1{
    height: 150px;
  }
  .podium-2{
    height: 125px;
  }
  .podium-3{
    height: 100px;
  }
}

.podium-medal {
  position: absolute;
  top: -10px;
  left: 70%;
  /*if using image
  top: -30px;
  left: 50%;*/
}
.podium-medal i{
  text-shadow: 2px 2px 10px rgba(0, 2, 191, 1.0);
}
.row-data{
  padding: 5px;
  margin-top: 7px;
  border-radius: 15px;
  box-shadow: 0px 0px 5px rgba(0, 2, 191, 0.2);
}

.img-mockup {
  box-shadow: 12px 7px 10px rgba(0, 0, 0, .3);
  width: 75%;
  transform-origin: right;
  transform: perspective(60em) rotateX(0deg) rotateZ(0deg) rotateY(-25deg);
}

.img-mockup-side {
  content: '';
  background-color: rgba(255, 255, 255, 1.0);
  width: 15%;
  transform-origin: left;
  transform: perspective(60em) rotateY(60deg);
}

.img-mockup-side:after {
  content: '';
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  left: 0;
  background: 
        linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .6));
}

.overlap-top-10 {
  margin-top: -100px;
}

.qr-reader {
  min-height: 300px;
}

.profile-picture {
  position: relative;
  display: inline-block;
  width: 2.25em;
  border-radius: 50%;
  background: rgba(251, 201, 32, 1.0);
  font-weight: bold;
  font-size: 5em;
  /*padding: 0.25em;*/
  margin-top: -85px;
  border: 10px solid rgba(255, 255, 255, 1.0);
}

.profile-picture img {
  border-radius: 50%;
  width: 100%;
}

.subtitle {
  font-size: 0.9rem;
}

/* GENERIC */
html, body {
  font: "Poppins", Helvetica, Arial, serif;
}

.bg-mediatama-yellow {
  background-color: rgba(251, 201, 32, 1.0);
}

.bg-mediatama-blue {
  background: none;
  background-color: rgba(29, 91, 251, 1.0)!important;
}

.bg-mediatama-darkblue {
  background-color: rgba(22, 23, 196, 1.0);
}

.bg-mediatama-darkerblue {
  background-color: rgba(3, 23, 124, 1.0);
}

.bg-mediatama-red {
  background-color: rgba(174, 0, 0, 1.0);
}

.bg-mediatama-orange {
  background-color: rgba(242, 75, 4, 1);
}

.bg-mediatama-purple {
  background-color: rgba(94, 43, 255, 1);
}

.bg-mediatama-blue-gradient {
  background: -webkit-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -o-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -ms-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -moz-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: linear-gradient(to bottom, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
}

.text-mediatama-yellow {
  color: rgba(251, 201, 32, 1.0);
}

.text-mediatama-lightyellow {
  color: rgba(255, 199, 0, .24);
}

.text-mediatama-blue {
  color: rgba(29, 91, 251, 1.0);
}

.text-mediatama-darkblue {
  color: rgba(22, 23, 196, 1.0);
}

.text-mediatama-darkerblue {
  color: rgba(3, 23, 124, 1.0);
}

.text-mediatama-blue-gradient {
  background: -webkit-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -o-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -ms-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -moz-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: linear-gradient(to bottom, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-mediatama-red {
  color: rgba(174, 0, 0, 1.0);
}

.border-bottom-mediatama-darkerblue {
  border-bottom: 0.15rem solid rgba(22, 23, 196, 1.0);
}

.border-top-mediatama-darkerblue {
  border-top: 0.15rem solid rgba(22, 23, 196, 1.0);
}

.btn {
  margin: 5px;
  margin-bottom: 10px;
}

.btn-fixed-w {
  width: calc(25% - 15px);
}

.btn-half-rounded {
  border-radius: 10px;
}

.btn-rounded {
  border-radius: 10px;
}

.btn-shadow {
  box-shadow: 2px 2px 5px rgba(22, 23, 196, .3);
}

.btn-purple {
  background-color: rgba(117, 85, 246, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.btn-purple:hover {
  background-color: rgba(125, 90, 255, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.btn-mediatama-blue-gradient {
  background: -webkit-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -o-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -ms-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: -moz-linear-gradient(top, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  background: linear-gradient(to bottom, rgb(10, 88, 250) 0%, rgb(14, 49, 241) 64%, rgb(16, 0, 231) 100%);
  color: rgba(255, 255, 255, 1.0);
  border: 0;
}

.btn-mediatama-blue-gradient:hover,
a:visited.btn-mediatama-blue-gradient {
  color: rgba(255, 255, 255, 1.0);
}

.btn-mediatama-yellow {
  background-color: rgba(255, 199, 0, .24);
  border: 0;
}

.btn-mediatama-yellow {
  background-color: rgba(255, 199, 0, .24);
  border: 0;
}

.btn-mediatama-yellow:hover {
  background-color: rgba(251, 201, 32, 1);
  border: 0;
}

.btn-mediatama-darkeryellow {
  background-color: rgba(251, 201, 32, 1);
  border: 0;
}

.btn-green {
  background-color: rgba(195, 230, 203, 1);
  border: 0;
}

.btn-green:hover {
  background-color: rgba(142, 201, 155, 1);
  border: 0;
}

.shadow-01 {
  box-shadow: 6px 10px 12px rgba(29, 91, 251, 0.1);
}

.shadow-02 {
  box-shadow: 0px 0px 5px rgba(29, 91, 251, 0.2);
}

.shadow-03 {
  box-shadow: 1px 0px 4px 2px rgba(0, 0, 0, 0.25);
}

.shadow-04 {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

table.table-rounded {
  border-spacing: 0 !important;
  border-radius: 1rem !important;
}
table.table-rounded thead,
table.table-rounded tr {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

/* top-left border-radius */
table.table-rounded tr:first-child th:first-child {
  border-top-left-radius: 1rem !important;
}

/* top-right border-radius */
table.table-rounded tr:first-child th:last-child {
  border-top-right-radius: 1rem !important;
}

/* bottom-left border-radius */
table.table-rounded tr:last-child td:first-child {
  border-bottom-left-radius: 1rem !important;
}

/* bottom-right border-radius */
table.table-rounded tr:last-child td:last-child {
  border-bottom-right-radius: 1rem !important;
}

.wrapper .content-wrapper{
  min-height: 90vh!important;
}

@media(min-width: 768px){
  .wrapper .content-wrapper{
    min-height: 100vh!important;
  }
}

@media(min-width: 768px){
  .text-right-md {
    text-align: right!important;
  }
}

table.table-selectable tbody tr:hover td,
table.table-selectable tbody tr.active td {
  background-color: rgba(29, 91, 251, 1.0);
  color: #fff;
  cursor: pointer;
}

table.table-selectable tbody tr.active:last-child,
table.table-selectable tbody tr.active:last-child td:first-child {
  border-bottom-left-radius: 1rem!important;
}

input.datetimepicker-input{
  cursor: pointer;
}

/*table.table tr {
  min-height: 10px;
}*/

/*.sidebar .image img {
  border-radius: 50%;
  width: 100%;
}*/

.modal form div[class*='col-'] {
  margin-bottom: .75rem;
}

.modal .form-group {
  margin-bottom: 0;
}

.toast {
  border-radius: 10px!important;
}
.swal2-modal {
  border-radius: 15px!important;
}
.swal2-actions > button {
  border-radius: 10px!important;
}
.modal-content {
  border-radius: 15px!important;
}
.modal-header {
  border-top-left-radius: 10px!important;
  border-top-right-radius: 10px!important;
}
.modal-footer {
  border-bottom-left-radius: 10px!important;
  border-bottom-right-radius: 10px!important;
}

@media(max-width: 575px) {
  .select2-container--default .select2-selection--single {
    padding: 0.15rem .75rem;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -4px;
  }
}