[center] {
    text-align: center !important;
}

[left] {
    text-align: left !important;
}

[right] {
    text-align: right !important;
}

[top] {
    vertical-align: top !important;
}

[middle] {
    vertical-align: middle !important;
}

[bottom] {
    vertical-align: bottom !important;
}

[cursor_pointer] {
    cursor: pointer;
}

[cursor_default] {
    cursor: default;
}

[cred] {
    color: red !important;
}

[cblue] {
    color: blue !important;
}

[cgreen] {
    color: green !important;
}

[cyellow] {
    color: yellow !important;
}

[caqua] {
    color: aqua !important;
}

[cblack] {
    color: black !important;
}

[cgrey] {
    color: grey !important;
}

[cwhite] {
    color: white !important;
}

[corange] {
    color: rgb(234, 122, 12) !important;
    text-shadow: 1px 1px 1px #fff;
}

[cdarkred] {
    color: darkred !important;
}

[cdarkblue] {
    color: darkblue !important;
}

[cdarkgreen] {
    color: darkgreen !important;
}

[cdarkyellow] {
    color: darkyellow !important;
}

[cdarkaqua] {
    color: darkaqua !important;
}

[cdarkblack] {
    color: darkblack !important;
}

[cdarkgrey] {
    color: darkgrey !important;
}

[bred] {
    color: red !important;
}

[bblue] {
    color: blue !important;
}

[bgreen] {
    color: green !important;
}

[byellow] {
    color: yellow !important;
}

[baqua] {
    color: aqua !important;
}

[bblack] {
    color: black !important;
}

[bgrey] {
    color: grey !important;
}

[bdarkred] {
    color: darkred !important;
}

[bdarkblue] {
    color: darkblue !important;
}

[bdarkgreen] {
    color: darkgreen !important;
}

[bdarkyellow] {
    color: darkyellow !important;
}

[bdarkaqua] {
    color: darkaqua !important;
}

[bdarkblack] {
    color: darkblack !important;
}

[bdarkgrey] {
    color: darkgrey !important;
}

[fright] {
    float: right !important;
}

[fleft] {
    float: left !important;
}

[fnone] {
    float: none !important;
}

[hide] {
    display: none;
}

[tright] {
    text-align: right;
}

[tleft] {
    text-align: left;
}

[tcenter] {
    text-align: center;
}

[pointer] {
    cursor: pointer;
}

[i] {
    font-style: italic !important;
}

[s] {
    text-decoration: line-through !important;
}

[u] {
    text-decoration: underline !important;
}

[b] {
    font-weight: bold !important;
}

[fn] {
    font-style: normal !important;
}

[clear] {
    clear: both !important;
}

[loader_body] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999999999999999999999999;
    background: rgba(0, 0, 0, 0.36);
}

[loader_body] > div {
    position: fixed;
    top: calc(50% - 64px);
    left: calc(50% - 40px);
}

[loader_body] > div:after {
    position: absolute;
    content: "Mohon Tunggu...";
    width: 200px;
    color: white;
    font-size: 16px;
    font-family: verdana;
    margin: -14px 0px 0px -25px;
    text-shadow: 0px 2px 1px #000;
}

/* ........... MODIFICATION THEME .......... */
.timeline-item.alt .timeline-date {
    right: -220px !important;
    display: block !important;
}

.body-content {
    min-height: 500px;
}

.dropdown-menu {
    left: inherit;
    right: 0;
    margin-bottom: 50px;
}

.dropdown-menu.dm-left {
    left: 0;
    right: inherit;
}

.tt-dropdown-menu {
    /*right: 0 !important;
      left: auto !important;*/
}

.open ul > .dropdown-menu {
    left: auto !important;
    right: 0px !important;
}

span.twitter-typeahead {
    width: 100%;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    width: 280px;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    display: none !important;
}

/* ......... END MODIFICATION THEME ........ */

/* ............... GENERAL ................. */
[otherForm] {
}

[otherForm] [formLabel] {
    padding-top: 5px;
}

[otherForm] [formLabel] sub span {
    line-height: 10px !important;
    position: relative;
    display: block;
}

[otherForm] [formInput] {
    margin-bottom: 1px;
}

[otherForm] [formRadio] {
    float: left;
    margin-right: 20px;
}

[otherForm] [formInput] [formRadio] {
    float: left;
    margin-right: 20px;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(../images/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

[bFilter] {
    font-size: 12px;
    padding: 4px 6px;
    margin-bottom: 8px;
}

.tr_filter th,
.tr_filter th > div {
    padding: 0px !important;
}

.tr_filter div[class*="col-"] {
    width: 100%;
}

.tr_filter .chosen-container {
    margin-bottom: 0px !important;
}

.tr_filter .chosen-single {
    height: 34px !important;
    line-height: 32px !important;
}

.tr_filter .chosen-container-single .chosen-single div {
    margin-top: 2px;
}

[bfTabs] {
}

[bfTabs] a,
[bfTabs] i {
    color: #81b71a !important;
    font-weight: bold;
}

[tblFormNilai] {
}

[tblFormNilai] thead {
}

[tblFormNilai] thead tr {
}

[tblFormNilai] thead tr th {
    padding: 2px 5px;
    font-size: 10px;
}

[tblFormNilai] thead tr th[normalBorderBottom] {
    border-bottom-width: 1px;
}

[tblFormNilai] tbody {
}

[tblFormNilai] tbody tr {
}

[tblFormNilai] tbody tr td {
    padding: 2px 5px;
    font-size: 10px;
    cursor: default;
}

[tblFormNilai] tbody tr td input[type="text"] {
    background: transparent;
    border: 0px;
    cursor: pointer;
    font-size: 12px !important;
    outline: none;
    padding: 2px 5px;
    line-height: normal;
}

[tblFormNilai] tbody tr td select {
    background: transparent;
    border: 0px;
    cursor: pointer;
    font-size: 12px !important;
    outline: none;
    padding: 2px 5px;
    line-height: normal;
}

[tblFormNilai] tbody tr td input[type="text"]:focus {
    border: 0px !important;
    /*font-weight: bold;*/
    color: #d87d46 !important;
}

[tblFormNilai] tbody tr td select:focus {
    border: 0px !important;
    /*font-weight: bold;*/
    color: #d87d46 !important;
}

[tblFormNilai] tbody tr td[fNilai] {
    width: 58px;
    background: #fff;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
}

[tblFormNilai] tbody tr td[fNilai] input[type="text"] {
    width: 100%;
    text-align: center;
}

[tblFormNilai] tbody tr td[fNilai] select {
    width: 100%;
    text-align: left;
}

[tblFormNilai] tbody tr td[fNilai][bgBlue] {
    background: #e7f4ff !important;
}

[tblFormNilai] tbody tr td[fNilai][bgOrange] {
    background: #fff2e7 !important;
}

[tblFormNilai] tbody tr td[fNilai][bgYellow] {
    background: #fdfcd0 !important;
}

[tblFormNilai] tbody tr:hover td {
    background: #e0f9b2 !important;
}

[tblFormNilai] tbody tr td[fNilai]:hover,
[tblFormNilai] tbody tr td[fNilai]:focus,
[tblFormNilai] tbody tr td[fNilai]:active {
    background: #fff !important;
}

[tblFormNilai] tbody tr td[fNilai][readonly] {
    background: #fbfbfb !important;
}

[tblFormNilai] tbody tr td[fNilai][readonly] input[type="text"] {
    cursor: default;
}

[panelOther].panel .panel-body {
    padding: 0px;
    padding-bottom: 10px;
}

[panelOther] .form-body {
    padding: 0px;
}

img[emoticonview] {
    width: 20px;
    height: 20px;
}

[bModalMDDefault],
[bModalMDLarge] {
    display: none;
}

[bktknrj] {
    list-style-type: upper-alpha;
    padding-left: 18px;
}

[bktknrja] {
    list-style: none;
    padding-left: 10px;
}

[bktknrj] li {
}

[bktknrj] li > div,
[bktknrja] li > div {
    width: 175px;
    display: inline-block;
}

[bktknrj] li div:first-child {
}

[bktknrj] li div:last-child {
}

[info_tambahan] {
}

[info_tambahan] p {
    margin: 0px 0px 6px 0px;
    padding: 0px;
    line-height: 15px;
}

[info_tambahan] ol,
[info_tambahan] ul {
    padding-left: 13px;
}

[info_tambahan] li {
}

[bProfilImage] [bUbahFotoProfil] {
    padding: 9px 4px;
    background: rgba(42, 42, 42, 0.68);
    position: absolute;
    margin: -28px 0px 0px 0px;
    z-index: 99999999;
    height: auto;
    width: auto;
    display: none;
    font-size: 10px;
    color: #fff;
    text-align: center;
    line-height: 10px;
    cursor: pointer;
}

.page-sidebar-minimize [bProfilImage] {
}

.page-sidebar-minimize [bProfilImage] [bUbahFotoProfil] {
    padding: 4px 4px;
}

[bProfilImage]:hover [bUbahFotoProfil] {
    display: block;
}

[bProfilImage] [bUbahFotoProfil][hide] {
    display: none !important;
}

#gritter-notice-wrapper {
    z-index: 99999999999999999 !important;
}

[panel_head_color] {
    background: #949fa9;
    color: #fff;
}

[panel_head_color] .panel-title {
    font-weight: bold;
    font-size: 15px !important;
}

[panel_tagihan] {
}

[panel_tagihan].panel-heading {
    background: rgba(246, 187, 67, 0.3);
}

[panel_tagihan].panel-heading .panel-title {
    font-size: 15px;
    font-weight: bold;
}

[panel_tagihan].panel-body {
}

[panel_tagihan].panel-body .table {
}

[panel_tagihan].panel-body .table thead {
}

[panel_tagihan].panel-body .table thead tr {
}

[panel_tagihan].panel-body .table thead tr th {
    /*background: rgb(230, 212, 185);*/
    border-bottom: 0px solid #fff;
    border-width: 0px;
}

[panel_tagihan].panel-body .table thead tr td {
}

[panel_tagihan].panel-body .table tbody {
}

[panel_tagihan].panel-body .table tbody tr {
}

[panel_tagihan].panel-body .table tbody tr th {
}

[panel_tagihan].panel-body .table tbody tr td {
    background: #fff;
    border: 0px !important;
}

.list-message.list-custom {
    height: 432px;
    /*overflow: auto;*/
}

.list-message.list-custom .list-group-item {
    padding: 8px 15px !important;
}

.list-message.list-custom .list-group-item .list-group-item-heading {
    margin-bottom: 0px !important;
}

.list-message.list-custom .list-group-item .list-group-item-text {
    margin-bottom: 0px !important;
}

.anim_blink {
    animation: opacity-badge 0.6s infinite;
    -webkit-animation: opacity-badge 0.6s infinite;
}

[anim_blink_before]:before {
    animation: opacity-badge 0.6s infinite;
    -webkit-animation: opacity-badge 0.6s infinite;
}

[blink] {
    animation: blinker 1s linear infinite;
}

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

.weather-full-info .wib {
    font-size: 27px;
    font-weight: 600;
    display: inline-block;
    padding-left: 10px;
}

.weather-full-info .wib:after {
    content: "wib";
    position: relative;
    top: -12px;
    font-size: 16px;
}

.weather-full-info .norm {
    padding-top: 5px;
}

.weather-full-info .norm:after {
    content: "";
    position: relative;
    top: -5px;
    font-size: 10px;
}

.smrt-learn {
}

.smrt-learn .cnt-lrn {
}

.smrt-learn .cnt-lrn table.tbl-lrn {
}

.smrt-learn .cnt-lrn table.tbl-lrn {
}

.smrt-learn .cnt-lrn table.tbl-lrn tbody {
}

.smrt-learn .cnt-lrn table.tbl-lrn tbody tr {
}

.smrt-learn .cnt-lrn table.tbl-lrn tbody tr th {
}

.smrt-learn .cnt-lrn table.tbl-lrn tbody tr td {
    padding: 25px 8px;
}

.smrt-learn .cnt-lrn table.tbl-lrn .media {
    overflow: visible !important;
}

.smrt-learn .cnt-lrn table.tbl-lrn .media > a {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media > a > i {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body {
    /*overflow: visible !important;*/
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > h4 {
    font-size: 16px;
    margin-bottom: 8px;
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > p {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > span {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .email-summary {
    font-size: 12px;
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .email-summary .label {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .email-summary > i {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .media-meta {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .media-attach {
}

.smrt-learn .cnt-lrn table.tbl-lrn .media .media-body > .media-attach i {
}

.tooltip-inner {
    max-width: none !important;
}

.chosen-container {
    min-width: 76px !important;
}

[bx_icn] {
}

[bx_icn] > div {
    padding-bottom: 25px;
}

[bx_icn] > div > h4 {
    /*border-bottom: 1px solid #e5e5e5;*/
    padding: 5px 0px 5px 10px;
    font-size: 15px;
    border-left: 5px solid #e5e5e5;
}

[bx_icn] > div > h4:before {
    content: "";
    position: relative;
    margin: 6px -300px 0px 0px;
    color: #e5e5e5;
    float: left;
}

[bx_icn] > div > div {
}

[bx_icn] > div > div > i {
    font-size: 30px;
    width: 45px;
    height: 45px;
    margin-right: 1px;
    margin-bottom: 1px;
    line-height: 45px;
    text-align: center;
    border-radius: 5px;
}

[bx_icn] > div > div > i.active {
    background: #4caf50;
    color: #fff;
}

[bx_icn] > div > div > i:hover {
    background: #e5e5e5;
    cursor: pointer;
}

.clockpicker-popover {
    z-index: 9999999999 !important;
}

.tooltip {
    z-index: 9999999999;
}

.tbl-absen tr th u {
    cursor: pointer;
    color: #81b71a;
}

.tbl-absen-detail tr td {
    vertical-align: middle !important;
}

.tbl-absen-detail tr:hover {
    background: rgba(76, 175, 80, 0.24);
}

.tbl-absen-detail tr:hover td {
}

.tbl-absen-detail tr td select {
    outline: none;
    padding: 4px 10px;
}

.tbl-absen-detail tr td select option {
}

.tbl-absen-detail tr td select option:selected {
}

.rdio-group-inline {
}

.rdio-group-inline .rdio {
    float: left;
    display: block;
}

.rdio-group-inline .rdio input {
}

.rdio-group-inline .rdio label {
    margin-right: 10px;
    padding-left: 5px;
}

.rdio-group-inline .rdio label:before {
}

.nav .btn-group {
}

.nav .btn-group ul {
    display: none;
    position: absolute;
    border: 1px solid #dddddd;
    padding: 0px;
}

.nav .btn-group button[aria-expanded="true"] + ul {
    display: block;
}

.nav .btn-group ul li {
}

.nav .btn-group ul li a {
    padding: 3px 20px;
}

[diskusi_aduan] {
}

[diskusi_aduan] [list_diskusi] {
    display: flex;
    margin-bottom: 5px;
    flex-direction: row;
}

[diskusi_aduan] [list_diskusi] [diskusi_avatar] {
    width: 65px;
}

[diskusi_aduan] [list_diskusi] [diskusi_avatar] img {
    width: 50px;
    background: rgb(255, 255, 255);
    height: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid green;
}

[diskusi_aduan] [list_diskusi] [diskusi_content] {
    background: #fbfbfb;
    border-radius: 5px;
    padding: 5px 12px 9px 12px;
    border: 1px solid rgb(221, 221, 221);
    width: calc(100% - 65px);
}

[left_triangle] {
}

[left_triangle]:before,
[left_triangle]:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 0px solid transparent;
    position: absolute;
    display: block;
}

[left_triangle]:before {
    border-right: 10px solid rgb(221, 221, 221);
    margin: 3px 0px 0px -23px;
}

[left_triangle]:after {
    border-right: 10px solid rgb(251, 251, 251);
    margin: 3px 0px 0px -22px;
}

[diskusi_aduan] [list_diskusi] [diskusi_content] > div {
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_header] {
    display: flex;
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_header] > div {
    width: 50%;
}

[diskusi_aduan]
[list_diskusi]
[diskusi_content]
[diskusi_header]
> div:first-of-type {
    font-weight: bold;
}

[diskusi_aduan]
[list_diskusi]
[diskusi_content]
[diskusi_header]
> div:last-of-type {
    text-align: right;
    font-size: 12px;
    color: rgba(99, 110, 123, 0.55);
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_isi] {
    line-height: 15px;
    padding: 6px 0px;
    font-size: 13px;
    color: rgba(103, 114, 126, 0.72);
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_footer] {
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_footer] > div {
}

[diskusi_aduan] [list_diskusi] [diskusi_content] [diskusi_footer] button {
}

[diskusi_aduan] [list_diskusi][diskusi_penerima="1"] {
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] {
    flex-direction: row-reverse;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [diskusi_avatar] {
    text-align: right;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [left_triangle] {
    float: right;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [left_triangle]:before,
[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [left_triangle]:after {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    display: block;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [left_triangle]:before {
    border-left: 10px solid rgb(221, 221, 221);
    margin: 3px 0px 0px 13px;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [left_triangle]:after {
    border-left: 10px solid rgb(251, 251, 251);
    margin: 3px 0px 0px 11px;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [diskusi_header] {
    flex-direction: row-reverse;
}

[diskusi_aduan]
[list_diskusi][diskusi_pengirim="1"]
[diskusi_header]
> div:first-of-type {
    text-align: right;
}

[diskusi_aduan]
[list_diskusi][diskusi_pengirim="1"]
[diskusi_header]
> div:last-of-type {
    text-align: left;
}

[diskusi_aduan] [list_diskusi][diskusi_pengirim="1"] [diskusi_footer] > div {
    float: left;
}

[diskusi_aduan] [list_diskusi]:hover [diskusi_content] {
    background: rgb(255, 255, 255);
}

[diskusi_aduan] [list_diskusi]:hover [left_triangle]:after {
    border-right-color: #fff;
}

[diskusi_aduan]
[list_diskusi][diskusi_pengirim="1"]:hover
[left_triangle]:after {
    border-left-color: #fff;
}

[icn_copy] {
    cursor: pointer;
}

[icn_copy]:hover {
    /*font-weight: bold; */
}

[icn_copy]:focus {
    /*font-weight: normal; */
    outline: none;
}

[icn_copy]:active {
    font-weight: bold;
}

[icn_copy]:hover + span {
    font-weight: bold;
}

[icn_copy]:active + span {
    font-weight: normal;
}

[otherForm] [formInput][hslbl] {
    padding: 5px 10px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #636e7b54;
    height: 26px;
    line-height: 20px;
}

.callout ol,
.callout ul {
    padding-left: 15px;
    margin-left: 0;
}

.callout ol li,
.callout ul li {
}

table.table tr[filters] th {
    padding: 0px !important;
}

table.table tr[filters] th > div {
    padding: 1px 1px !important;
    margin-bottom: -7px;
}

table.table tr[filters] th input[type="text"],
table.table tr[filters] th select {
    font-weight: normal;
    padding: 6px 7px;
    line-height: normal;
    height: auto;
}

table.table tr[filters] th .chosen-container {
}

table.table tr[filters] th .chosen-container > a {
    font-weight: normal !important;
    line-height: normal !important;
    height: auto !important;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px -1px 0px !important;
    font-size: 12px !important;
}

table.table tr[filters] th .chosen-container-single .chosen-single div b,
table.table
tr[filters]
th
.chosen-container-single.chosen-with-drop
.chosen-single
div
b {
    background-position: 0px 4px !important;
}

table.table tr[filters] th .chosen-container .chosen-results li {
    font-weight: normal !important;
}

table.table tr[filters] th button {
    padding: 6px 9px;
    margin: 1px 1px;
    line-height: normal;
    font-size: 11px;
}

.gritter-item p {
    font-size: 12px;
    line-height: normal;
}

.gritter-with-image ol,
.gritter-with-image ul {
    padding-left: 0px;
    margin-left: 15px;
}

.gritter-with-image ol li,
.gritter-with-image ul li {
}

.ztree li span.fa {
    font: normal normal normal 15px/1 FontAwesome;
    background: none;
    margin: -4px 5px 0px 0px;
}

.lds-facebook {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 13px;
    background: #fff;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    box-shadow: 1px 6px 9px 0px #000;
    border-radius: 4px;
}

.lds-facebook div:nth-child(1) {
    left: 6px;
    animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
    left: 26px;
    animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
    left: 45px;
    animation-delay: 0;
}

@keyframes lds-facebook {
    0% {
        top: 6px;
        height: 51px;
    }
    50%,
    100% {
        top: 19px;
        height: 26px;
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #cef;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

@-webkit-keyframes effect_dylan {
    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
    99% {
        -webkit-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 1;
    }
}

@keyframes effect_dylan {
    50% {
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        opacity: 0;
    }
    99% {
        -webkit-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(0.001, 0.001);
        transform: scale(0.001, 0.001);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    #page-content {
        position: initial;
    }
}

#sessionTimeout-dialog {
    z-index: 9999999999999999999999 !important;
}

[btnBlangko] {
    cursor: pointer;
}

[btnBlangko]:active {
    background: rgba(59, 89, 152, 0.78) !important;
}

[tblFormNilai] tbody tr[rdo] {
}

[tblFormNilai] tbody tr[rdo] > td,
[tblFormNilai] tbody tr[rdo] > td[fNilai][bgblue],
[tblFormNilai] tbody tr[rdo] > td[fNilai][bgyellow],
[tblFormNilai] tbody tr[rdo] > td[fNilai][bgorange],
[tblFormNilai] tbody tr[rdo] > td[fNilai][readonly],
[tblFormNilai] tbody tr[rdo] > td[fNilai]:hover,
[tblFormNilai] tbody tr[rdo] > td[fNilai]:focus,
[tblFormNilai] tbody tr[rdo] > td[fNilai]:active {
    background: rgb(255, 222, 222) !important;
}

[tblFormNilai] tbody tr[rdo] input[ket_nilai] {
    font-weight: bold;
    color: darkred !important;
}

[cntttt] {
}

[cntttt] span {
    /*white-space: nowrap;*/
}

[cntttt] p.media-heading {
    font-size: 14px !important;
    line-height: 13px !important;
    margin: 0px 0px 10px 0px !important;
}

[cntttt] span.media-text {
    line-height: 12px !important;
    font-size: 11px !important;
}

p[nty] {
    font-size: 17px;
    padding: 4px 8px;
    line-height: normal;
    margin: 0px;
}

p[nty="default"] {
    border-left: 5px solid rgb(179, 179, 179);
    background: rgb(239, 239, 239);
}

p[nty="warning"] {
    border-left: 5px solid rgb(255, 198, 42);
    background: rgb(255, 236, 184);
    color: #d8a416;
}

p[nty="success"] {
    border-left: 5px solid rgb(129, 183, 26);
    background: rgb(213, 236, 167);
    color: #68980d;
}

p[nty="danger"],
p[nty="error"] {
    border-left: 5px solid rgb(183, 26, 26);
    background: rgb(236, 167, 167);
    color: #980d0d;
}

p[nty] i {
}

.timeline-item.alt[pnotif]
.timeline-desk
.panel-danger
.panel-heading
.arrow-alt {
    border-left: 8px solid #8bc34a !important;
}

.timeline-item[pnotif] .timeline-desk .panel .timeline-icon {
    background-color: #8bc34a !important;
    border: 1px solid #8bc34a;
}

.timeline-item[pnotif] .panel-danger .panel-heading {
    background-color: #8bc34a;
    border: 1px solid #8bc34a;
    color: white;
}

.timeline-item[pnotif] .panel-title {
    text-align: left !important;
    font-weight: bold;
}

.timeline-item[pnotif] .timeline-desk .panel-body * {
    text-align: left;
}

.timeline-item[pnotif] .timeline-desk .panel-body ol,
.timeline-item[pnotif] .timeline-desk .panel-body ul {
    margin: 5px 0px;
    padding: 0px 0px 0px 20px;
    color: #999;
}

.timeline-item[pnotif] .timeline-desk .panel-body ol li,
.timeline-item[pnotif] .timeline-desk .panel-body ul li {
}

[progress] .sr-only {
    position: relative !important;
    color: red !important;
}

[console] {
    color: #fff !important;
    background: #000 !important;
    font-family: "courier new";
    line-height: 13px;
    font-size: 14px;
    padding: 10px !important;
    height: 275px;
    overflow-y: auto;
}

[console] font {
    font-weight: bold;
}

[console] [success] {
    font-weight: bold;
    color: #6bd06b;
}

[console] [warning] {
    font-weight: bold;
    color: orange;
}

[console] [danger],
[console] [error] {
    font-weight: bold;
    color: red;
}

[console] [ctools] {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 10px 10px 0px 0px;
}

[console] [cbody] {
    border-spacing: 0px;
    border-collapse: separate;
}

[console] [cbody] tr {
}

[console] [cbody] tr td {
    white-space: nowrap;
    padding: 0px 10px 1px 0px;
}

[console] [cbody] [cmessage] {
    color: rgba(255, 255, 255, 0.61) !important;
}

[console] [ctools] i {
    cursor: pointer;
    position: relative !important;
    display: inline-flex;
    top: auto;
    right: auto;
    font-size: 23px;
}

[console] [ctools] [btn_start] {
    color: rgba(255, 255, 255, 0.62) !important;
}

[console] [ctools] [btn_start]:hover {
    color: #fff !important;
}

[console] [ctools] [btn_start]:focus {
}

[console] [ctools] [btn_start]:active {
    color: rgba(255, 255, 255, 0.62) !important;
}

[console] [ctools] [btn_loading] {
    color: rgba(255, 255, 255, 0.62) !important;
    cursor: default;
    display: none;
}

[console] [ctools] [btn_loading]:hover {
}

[console] [ctools] [btn_loading]:focus {
}

[console] [ctools] [btn_loading]:active {
}

[console] [ctools] [btn_end] {
    color: rgba(255, 255, 255, 0.62) !important;
    display: none;
}

[console] [ctools] [btn_end]:hover {
    color: #fff !important;
}

[console] [ctools] [btn_end]:focus {
}

[console] [ctools] [btn_end]:active {
    color: rgba(255, 255, 255, 0.62) !important;
}

[tblsagt] {
}

[tblsagt] thead tr {
}

[tblsagt] thead tr th {
    background: #eeeeee;
    border: 1px solid #cccccc;
    padding: 3px 7px;
}

[tblsagt] tbody tr {
}

[tblsagt] tbody tr td {
    padding: 1px 5px;
    vertical-align: middle;
}

[tbl_info_kkl] {
}

[tbl_info_kkl] thead th {
    font-size: 11px !important;
    padding: 5px 10px !important;
    border-bottom: 0px !important;
}

[tbl_info_kkl] tbody td {
    font-size: 12px;
    padding: 2px 10px !important;
}

[bgYellow] {
    background: #fdfcd0 !important;
}

[bgBlue] {
    background: #e7f4ff !important;
}

[bgGreen] {
    background: #c3f7c3 !important;
}

.modal_shalat {
    text-align: center;
    padding: 0 !important;
}

.modal_shalat:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
    /* Adjusts for spacing */
}

.modal_shalat-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

[flex_tengah] {
    display: flex;
    align-items: center;
    align-content: center;
}

[tab_number] {
    width: 100%;
    height: 30px;
    line-height: 20px;
    font-size: 25px;
    color: #ccc;
}

.disabled {
    pointer-events: none;
}

[sy_css] #sidebar-left,
[sy_css] #sidebar-left:after {
    background: rgb(42, 42, 42);
}

[sy_css] #sidebar-left,
[sy_css] #sidebar-left:after {
    background: rgb(42, 42, 42);
}

[sy_css] .sidebar-menu ul li:after {
    background: rgb(42, 42, 42);
}

body[sy_css].page-sidebar-minimize
#sidebar-left
.sidebar-menu
> li:hover.submenu
> ul,
body[sy_css].page-sidebar-minimize-auto
#sidebar-left
.sidebar-menu
> li:hover.submenu
> ul {
    background: #000416;
}

[sy_css] .sidebar-menu ul {
    background: #000416;
}

[sy_css] .sidebar-box .sidebar-menu > li > a > .icon i,
[sy_css] .sidebar-rounded .sidebar-menu > li > a > .icon i,
[sy_css] .sidebar-circle .sidebar-menu > li > a > .icon i {
    background: #000002;
}

body[sy_css].page-sidebar-minimize #sidebar-left .sidebar-menu > li:hover,
body[sy_css].page-sidebar-minimize-auto #sidebar-left .sidebar-menu > li:hover {
    background: #000002;
}

[sy_css] .sidebar-menu > li > ul > li > a:hover {
    background: #000002;
}

[sy_css] .sidebar-menu > li > a > span {
    color: #FCF7F8;
}

[sy_css] .sidebar-menu > li > a > .icon i {
    color: #FCF7F8;
}

[sy_css] .sidebar-footer a {
    color: #FCF7F8;
}

[sy_css] .sidebar-menu ul li a {
    color: #FCF7F8;
}

[sy_css] .sidebar-content .media-heading {
    color: #FCF7F8;
}

[sy_css] .sidebar-content small {
    color: #FCF7F8;
}

[sy_css] .sidebar-menu > li > a:hover .text {
    color: #FCF7F8;
}

[sy_css] .sidebar-menu > li > a:hover .icon > i {
    color: #FCF7F8;
}

[sy_css] .sidebar-menu ul li a:hover {
    color: #FCF7F8;
}

[sy_css] .sidebar-content .media-heading span {
    color: #FCF7F8;
}

tr[pertemuan]:hover {
    background-color: #f0f0f0;
}

.kotak-kotak {
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 15px;
}

fieldset.scheduler-border {
    border: 1px groove #e5e5e5 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}


.label.label-outlined {
    border-width: 1px;
    border-style: solid;
    background-color: transparent
}

.label.label-outlined.label-default {
    border-color: #B0BEC5;
    color: #B0BEC5
}

.label.label-outlined.label-primary {
    border-color: #2196F3;
    color: #2196F3
}

.label.label-outlined.label-secondary {
    border-color: #323a45;
    color: #323a45
}

.label.label-outlined.label-info {
    border-color: #29B6F6;
    color: #29B6F6
}

.label.label-outlined.label-success {
    border-color: #64DD17;
    color: #64DD17
}

.label.label-outlined.label-warning {
    border-color: #FFD600;
    color: #FFD600
}

.label.label-outlined.label-danger {
    border-color: #ef1c1c;
    color: #ef1c1c
}

.list-modul {
    padding: 5px;
    list-style: none;
    overflow: hidden;
    text-align: center;
}

.list-modul a {
    float: left;
    width: 33.33%;
    height: 100px;
    padding: 5px;
    margin: 0 -1px -1px 0;
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
    background-color: white;
    color: #4CAF50;
}

.list-modul a:hover {
    background-color: #EEEEEE;
    border-radius: 10px;
}

.list-modul a .list-modul-icon span, .list-modul a .list-modul-icon img {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.list-modul a .list-modul-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    font-weight: bold;
}

.list-modul a:hover {
    color: #1c741f;
    text-decoration: none;
}

[ntf_semester] .desktop {
    display: block;
}

[ntf_semester] .mobile {
    display: none;
}

@media (max-width: 768px) {
    [ntf_semester] .desktop {
        display: none;
    }

    [ntf_semester] .mobile {
        display: block;
    }
}

.navbar-modul .dropdown-menu {
    width: 250px !important;

}