.form-control-with-spinner>.form-control {
    padding-right: 2rem;
}

.table-result td {
    padding: 0px;
    border: 0px;
    background: white;
}

h3 {
    font-family: 'Righteous', Arial, Helvetica;
}

body {
    background-color: #f8f8f8;
}

.navbar {}

h2 {
    font-family: 'Righteous', Arial, Helvetica;
}

.navbar-custom {
    /*     background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
    box-shadow: 0 0 10px 1px rgba(115, 103, 240, 0.7); */
    background: #ff608b !important;
}

.main-menu.menu-light .navigation>li.active>a {
    /* background-image: linear-gradient(to right, #ff608b 0%, #ff608b 51%, #ff608b 100%); */
    background: #ff207d !important;
    box-shadow: 0 0 10px 1px rgba(255, 85, 127, 0.3);
}


/* .btn-primary {
    border-color: #007bff !important;
    background-color: #007bff !important;
    color: #fff;
} */

.main-menu .navbar-header .navbar-brand .brand-text {
    color: #ff608b;
}

a {
    color: #ff608b;
}

.dropdown-header {
    color: white;
}

@media (max-width: 575.98px) {
    .header-navbar.floating-nav {
        width: calc(100vw - (100vw - 100%) - 2.3rem) !important;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }
}


/* 

.link:hover {
    text-decoration: none;
}
  .navbar-dark .navbar-nav .nav-link{
    color:white !important;
}
.bg-primary{
    color:white !important;
    font-weight: bold;
}
.bg-default{
    background-color: rgba(0,0,0,.03);
}
.btn-info{
    color:white;
}
.btn-link{
    background:#B4ABAB !important;
    color: white;
}
.btn-link:hover{
    background:#B4ABAB !important;
    color: white;
    text-decoration: none;
}
.btn-warning{
    color:white !important;
}
.btn-warning {
    color: #212529;
    background-color: #FC9929;
    border-color: #FC9929;
}
.btn-warning:hover {
    background-color: #FC9929;
    border-color: #FC9929;
}
.btn {
    -webkit-box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
    box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
}
.btn:hover{
    -webkit-box-shadow: 2px 3px 11px -2px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 2px 3px 11px -2px rgba(0,0,0,0.75) !important;
    box-shadow: 2px 3px 11px -2px rgba(0,0,0,0.75) !important;
}
.shadows{
    -webkit-box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
    box-shadow: 1px 2px 6px -2px rgba(0,0,0,0.75) !important;
}
.alert.alert-success{
    background-color: #5cb860;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
    border-color:#5cb860;
}
.alert.alert-danger {
    background-color: #f55a4e;
    color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
    border-color:#f55a4e;
}
.alert.alert-default {
    background-color: #FAFAFA;
    color: black;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(0,0,0,0.75), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
    border-color:#E5E5E5;
    -webkit-box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
    box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
}
.alert.alert-info {
    background-color: #4191BB;
    color: white;
    border-radius: 3px;
    box-shadow: 0 12px 20px -10px rgba(0,0,0,0.75), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
    border-color:#E5E5E5;
    -webkit-box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
    box-shadow: 6px 7px 20px -13px rgba(0,0,0,0.75);
}    
.badge {
    font-size:12px;
    font-family: Courier New, Helvetica, sans-serif;        
}
.badge-warning{
    color:white;
}
.tsupervisor
{
    font-size: 13px;
}
.tsupervisor td{
    padding: 2px;
    padding-left: 4px;
}
.tsupervisor th{
    padding: 2px;
    padding-left: 4px;
}
.btn-default{
    background: #9B9898 !important;
    color:white !important;
}

.list-link{
    color:black;
}

.list-link.active{
    text-decoration: underline;
    color:white;
}

.list-link:hover{
    color:black;
    text-decoration: none;
}
.list-link.active2{
    color:black;
}

li.active2{
    background-color: gold;
}

li.mhs:hover{
    text-decoration: none;
    cursor: pointer;
}
.link-menu-mhs:before {
    
}
.link-menu-mhs:hover {
    cursor: pointer;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
    -ms-transform: translateX(0);
    font-weight: bold;
    border-left: 3px solid #FFC400;
    background-color: #E8E8E8;
}
.active2{
    font-weight: bold;
    border-left: 3px solid #FFC400;
    background-color: #E8E8E8;
} */

.tr-semester {
    background: #e5dafd;
    font-weight: bold;
    border-bottom: 1px solid #ccc !important;
    cursor: pointer;
}

.tr-skripsi-kp {
    /* background: #dbe1e4; */
    border-bottom: 1px solid #ccc !important;
    cursor: pointer;
}

.tr_hover {
    color: #626262;
    font-weight: bold;
    background-color: whitesmoke;
}

.mouseon {
    cursor: pointer;
}

.bg-unama {
    background-image: linear-gradient(to right, #ff608b 0%, #ff608b 51%, #ff608b 100%);
    background: #ff207d !important;
    box-shadow: 0 0 10px 1px rgba(255, 85, 127, 0.3);
}

.alert.alert-primary {
    background-color: #007bff !important;
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(0, 188, 212, .46);
}

.alert.alert-danger {
    /* background-color: #ff0055 !important; */
    background-color: red !important;
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(233, 30, 99, .46);
}

.alert.alert-info {
    background-color: #00cae3 !important;
    color: #fff !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(0, 188, 212, .46);
}

.alert.alert-success {
    background-color: #55b559 !important;
    color: #fff !important;
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, .14), 0 3px 1px -2px rgba(76, 175, 80, .2), 0 1px 5px 0 rgba(76, 175, 80, .12);
}

.alert.alert-warning {
    background-color: #ff9e0f !important;
    color: #fff !important;
    box-shadow: 0 2px 2px 0 rgba(255, 152, 0, .14), 0 3px 1px -2px rgba(255, 152, 0, .2), 0 1px 5px 0 rgba(255, 152, 0, .12);
}

.shadow-primary {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(156, 39, 176, .46);
}

.shadow-danger {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(233, 30, 99, .46);
}

.shadow-info {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(0, 188, 212, .46);
}

.shadow-success {
    box-shadow: 0 2px 2px 0 rgba(76, 175, 80, .14), 0 3px 1px -2px rgba(76, 175, 80, .2), 0 1px 5px 0 rgba(76, 175, 80, .12);
}

.shadow-warning {
    box-shadow: 0 2px 2px 0 rgba(255, 152, 0, .14), 0 3px 1px -2px rgba(255, 152, 0, .2), 0 1px 5px 0 rgba(255, 152, 0, .12);
}

.btn-primary:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 12px -5px rgba(156, 39, 176, .46);
}

label {
    font-size: 1rem;
}

.badge {
    font-size: 1rem;
}

.form-control {
    letter-spacing: 1.2px;
    font-size: 1rem;
}

th {
    font-size: 13px !important;
}

.btn {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}

.kontrak-now {
    position: fixed;
    bottom: 5%;
    z-index: 1031;
}

.kontrak-now .btn {
    box-shadow: 0 1px 10px 1px grey !important;
}

.kontrak-now .btn:hover {
    box-shadow: none !important;
}

.link-notif :hover {
    cursor: pointer;
}

#sks_kontrak {
    font-weight: bold;
    font-size: 16px;
}

#beban {
    font-weight: bold;
    font-size: 16px;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: painted;
    cursor: not-allowed;
}

.btn.disabled,
fieldset:disabled .btn {
    pointer-events: painted;
    cursor: not-allowed;
}

.disabled {
    pointer-events: painted;
    cursor: not-allowed;
}

.button-ajax {
    cursor: pointer;
}

.button-ajax:hover {
    background: #dfecf5;
    cursor: pointer;
}

.card-link:hover {
    cursor: pointer;
    background: #dfecf5;
}

.buy-now .btn {
    box-shadow: 0 1px 10px 1px grey !important;
}

.custom-checkbox :hover {
    cursor: pointer;
}

.link-wa-baak {
    font-size: 18px;
    text-decoration: underline;
}

.link-wa-baak :hover {
    font-size: 19px;
    text-decoration: underline;
}

.main-menu.menu-light .navigation>li ul .active {
    background: #ff207d !important;
    box-shadow: 0 0 0px 1px #ff207d !important;
}