@font-face {
    font-family: Oswald;
    src: url('/assets/fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
    font-stretch: extra-condensed;
}
@font-face {
    font-family: "Roboto Condensed";
    src: url('/assets/fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
    font-stretch: extra-condensed;
}
@font-face {
    font-family: Roboto;
    src: url('/assets/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-stretch: normal;
}
@font-face {
    font-family: Trebuchet;
    src: url('/assets/fonts/trebuchet/trebuc.ttf') format('truetype');
    font-stretch: normal;
}
  

.angkadashboard {
    font-family: Roboto, "Roboto Condensed";
    font-size: 32pt;
    font-weight: bold;
    color: #777;
    padding: 0px 0px;
    margin: 0px 0px;
}


.form-control {
    color: #666;
    font-weight: bold;
}

.form-control:focus {
    background-color: #cbdcff;
    color: #222;
    font-weight: bold;
}


.form-control readonly {
    opacity: 0.7;
    background: #eee;
}

.element {
    color: #444444;
}

.tablejudul {
    color: #555555;
}


.table thead th {
    background-color: #64B5F6;
    color: white;
}

.table td, .table th {
    color: #666666;
}

.page-header {
  min-height: 30px;
}

.pc-container .pc-content {
    padding-top: 5px;
}


a {
    color: white;
    font-weight: bold;
}


.divtombol {
    width: 300px;
    float: left;
}

.divmsg {
    float: left;
    width: 600px;
    text-align: right;
}


.divprofilkiri {
    width: 300px;
    float: left;
}

.photo img {
    width: 200px;
    height: 250px;
    object-fit: contain;
}

.divdivprofilkanan {
    float: left;
    width: 600px;
}



.successmsg {
    background-color: #00897B;
    width: 250pt; 
    color: white; 
    height: 35px; 
    padding: 4px 10px;
    transition: visibility 0.5s, opacity 0.5s linear;
}

.errormsg {
    background-color: #b02a37;
    width: 250pt; 
    color: white; 
    height: 35px; 
    padding: 4px 10px;
    transition: visibility 0.5s, opacity 0.5s linear;
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}