::placeholder {
    color: #d5d5d5 !important;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #d5d5d5 !important;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #d5d5d5 !important;
}
.br-logo {
    text-align: center;
}
.br-logo a {
    width: 100%;
}
.br-pagetitle .icon {
    font-size: 40px;
    line-height: 0;
    color: #343a40;
}
.widget-4 .card-profile-img,
.media-list .card-profile-img {
    overflow: hidden;
    border-radius: 100%;
}
.widget-4 .card-profile-img img,
.media-list .card-profile-img img {
    border-radius: 0%;
}
.br-header-right .dropdown .dropdown-menu::before {
    display: none;
}
.br-header-right .dropdown .dropdown-menu.dropdown-menu-header-profile {
    padding: 20px;
    width: 250px;
    margin-right: 19px;
    margin-top: 10px;
}
.br-header-right .dropdown .dropdown-menu {
    margin-top: 10px;
}
.datepicker td,
.datepicker th {
    padding: 5px 10px;
}
.read_only_field {
    cursor: pointer;
    background-color: #fff !important;
}
.btn-foto {
    background: #000000;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-foto-bg {
    background-color: rgba(0, 0, 0, 0.5) !important;
    top: 0px !important;
}
.positionStatic {
    position: static !important;
}
.foto_btn_edit {
    background-color: rgba(0, 0, 0, 0.5) !important;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
}
.bg_img_crop_wrap {
    background: #dedede3d;
    border-radius: 3px;
}
.form_data_input_header {
    z-index: 1010;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Pilih File";
}
.custom-file-input {
    width: 80px;
    float: right;
    cursor: pointer;
}
.custom-file-label .custom-file-label-right {
    float: right;
    margin-right: 80px;
    font-size: 15px;
    margin-top: 0px;
}
.custom-file-label .custom-file-label-left {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55%;
    display: inline-block;
}
.form-control::file-selector-button {
    display: none;
}
.t--32 {
  top: -32px; 
}
.wizard > .actions a {
    color: #1CAF9A !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid transparent;
    border-color: #1CAF9A !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}
.accordion-head-colored .card-header a {
    margin: -1px -1px 0px;
}
.wizard > .actions a:hover {
    color: #fff !important;
    background-color: #1CAF9A !important;
    border-color: #1CAF9A !important;
}
.accordion .card {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.datepicker-dropdown {
    z-index: 1030 !important;
}
.has-error .form-control,
.has-error .custom-file-label,
.has-error .input-group .input-group-text,
.has-error .note-frame,
.has-error .fileframe {
    border: 1px solid #ff4b4b !important;
}
/* .has-error .input-group .form-control {
    border-left: 1px solid #ced4da;
} */
.has-error .help-block {
    color: #ff4b4b;
}
.has-success .select2-container--default .select2-selection--single,
.parsley-select.parsley-success
    .select2-container--default
    .select2-selection--single {
    border-color: #ced4da;
}
.has-error .select2-container--default .select2-selection--single,
.parsley-select.parsley-error
    .select2-container--default
    .select2-selection--single {
    border-color: #ff4b4b;
}
.has-error .select2-container--default .select2-selection--multiple {
    border-color: #ff4b4b;
}
.note-editor .note-toolbar {
    z-index: 200 !important;
}
/* dataTables CSS modification & positioning */
table.dataTable {
    width: 99.8% !important;
}
table.dataTable tbody tr.child ul.dtr-details{
    display: block !important;
}
table.dataTable tbody tr.child ul.dtr-details li .dtr-data{
    display: block !important;
}
table.dataTable tbody tr td.center{
    text-align: center;
}
table.dataTable tbody tr td.left{
    text-align: left;
}
table.dataTable tbody tr td.right{
    text-align: right;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1 !important;
    content: "" !important;
    top: 12px !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 1 !important;
    content: "" !important;
}
table.dataTable thead th {
    position: relative;
    background-image: none !important;
}
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 22px !important;
    right: 8px !important;
    display: block !important;
    font-family: FontAwesome !important;
}
table.dataTable thead th.sorting:after {
    color: #ddd !important;
    font-size: 0.8em !important;
    padding-top: 0.12em !important;
}
.table_processing {
    background: #ffffffb3 !important;
    padding: 0 !important;
    height: 100% !important;
    z-index: 11 !important;
    top: 25px !important;
}
.select2.select2-container{
    width: 100% !important;
}
.floatingFormHeader{
    top: 60px;
    height: 66px;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1029;
    background: rgba(245, 245, 245, 0.9) none repeat scroll 0% 0%;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 45px;
}
.dark-mode .floatingFormHeader, .dark-mode .table_processing, .dark-mode .loadingoverlay{
    background: rgba(26, 36, 50, 0.94) none repeat scroll 0% 0% !important;
}
@media screen and (prefers-reduced-motion: reduce) {
    .floatingFormHeader {
        transition: none; 
    }
}
@media (min-width: 992px) {
    .floatingFormHeader {
        left: 230px; 
    }
    
    .floatingFormHeader.floating-resize {
        left: 0px !important;
        width: 100% !important;
        z-index: 3;
        padding-left: 120px;
    }
}
@media (min-width: 480px) {
    .floatingFormHeader {
        padding: 15px 60px;
    }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #17A2B8;
}
.imageContainer .help-block{
    width: 100%;
    display: block;
    margin-top: 10px;
    text-align: center;
}
.square {
    position:relative;
    overflow:hidden;
    padding-bottom:100%;
}
.square img{
    position: absolute;
    max-width: 100%;
    top: 60%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.spin-loader{
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.br-menu-item {
    margin-bottom: 5px;
}
.br-sideleft {
    padding: 10px !important;
}
.list-group-item {
    border: 1px solid #343f4d;
    border-bottom: none;
    margin-bottom: 0px;
}
.list-group-item:first-child {
    border-radius: none;
}
.list-group-item:last-child {
    border-radius: none;
    border-bottom: 1px solid #343f4d;
}
.list-group-item.list-group-item-gray {
    border: 1px solid #dedede;
    border-bottom: none;
    margin-bottom: 0px;
}
.list-group-item.list-group-item-gray:first-child {
    border-radius: none;
}
.list-group-item.list-group-item-gray:last-child {
    border-radius: none;
    border-bottom: 1px solid #dedede;
}
.select2-container--default .select2-selection--multiple {
    min-height: 0px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px !important;
    padding-bottom: 0px !important;
    display: block;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    margin: 6.5px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
}
.select2-container--default .select2-search--inline .select2-search__field {
    color: #b0b0b0;
    margin: 8px;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #17a2b8;
    color: #fff;
}
.select2-container--default .select2-selection--single {
  padding-right: 30px !important;
}
.col-x1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1200px) {
    .col-xl-2x1 {
        flex: 0 0 19.667%;
        max-width: 19.667%;
    }
    .col-xl-10x1 {
        flex: 0 0 80.333%;
        max-width: 80.333%;
    }
    .col-lg-2x1 {
        flex: 0 0 19.667%;
        max-width: 19.667%;
    }
    .col-lg-10x1 {
        flex: 0 0 80.333%;
        max-width: 80.333%;
    }
}
@media (min-width: 1900px) {
    .col-xl-2x1 {
        flex: 0 0 11.667%;
        max-width: 11.667%;
    }
    .col-xl-10x1 {
        flex: 0 0 88.333%;
        max-width: 88.333%;
    }
    .col-lg-2x1 {
        flex: 0 0 11.667%;
        max-width: 11.667%;
    }
    .col-lg-10x1 {
        flex: 0 0 88.333%;
        max-width: 88.333%;
    }
}
.bootstrap-tagsinput input {
    height: 36px !important;
}
.form-control:focus, .dataTables_filter input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #17A2B8;
    outline: 0;
    box-shadow: none;
}
.d-none-visibility {
    visibility: hidden;
    position: absolute;
}

/* datetimepicker */
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 15em;
}
.bootstrap-datetimepicker-widget table td.cw {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
}
.bootstrap-datetimepicker-widget table td.day {
    font-size: 10px;
    height: 10px;
    line-height: 10px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #1CAF9A;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.cursor-pointer{
    cursor: pointer;
}
.lh-10-2 {
    line-height: 2.2;
}
.br-logo a i{
    color: #1d2939;
}
.img-fluid-100 {
    width: 100%;
    height: auto;
}

.hidden-xs-up {
    display: none !important; }

@media (max-width: 575.98px) {
    .hidden-xs-down {
        display: none !important; } 
    .br-pagebody {
        margin-top: 75px; }
}

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important; }
    /* .br-footer {
        padding: 25px;
        padding-top: 0 !important; }  */
}
    
@media (max-width: 767.98px) {
    .hidden-sm-down {
        display: none !important; 
    }

    .mg-sm-t-30-down {
        margin-top: 20px;
    }

    .align-sm-center-down {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important; } 
    .br-pagebody {
        margin-top: 30px; }
}

@media (max-width: 991.98px) {
    .hidden-md-down {
        display: none !important; } }

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important; } 
}

@media (max-width: 1199.98px) {
    .hidden-lg-down {
        display: none !important; } }

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important; } }

.hidden-xl-down {
    display: none !important; }

/* wizard */
.wizard .content {
    background-color: transparent !important;
    padding: 0px !important;
    border-radius: 0px !important;
}
.wizard .content .title.current {
    display: none;
}

.note-editor.note-frame .note-editing-area .note-editable {
    color: #495057 !important;
}

/* .nav-outline.flex-md-row .nav-item {
    padding: 0;
    width: 100%;
}

.nav-outline.flex-row .nav-link::before, .nav-outline.flex-xs-row .nav-link::before, .nav-outline.flex-sm-row .nav-link::before, .nav-outline.flex-md-row .nav-link::before, .nav-outline.flex-lg-row .nav-link::before, .nav-outline.flex-xl-row .nav-link::before {
    border-bottom: 0;
    border-left: 3px solid #343a40;
    border-left-color: rgb(52, 58, 64);
} */

/* btn */
.btn-outline-warning:hover {
    color: #ffffff;
    background-color: #F49917;
    border-color: #F49917;
}

.br-header-right span.nav-link {
  color: #6c757d;
}
.br-header-right span.nav-link:hover {
  color: #343a40;
}

@media (max-width: 576px) {
    .br-header-right .dropdown .dropdown-menu.dropdown-menu-header-profile {
    padding: 20px;
    width: 250px;
    margin-right: 54px;
    margin-top: 10px;
    }
}

.date-flatpickr {
    background-color: #fff !important;
    cursor: pointer;
}
.time-flatpickr {
  background-color: #fff !important;
  cursor: pointer;
}
.flatpickr-calendar{
    z-index: 0 !important;
}

.card-color .icon {
    font-size: 36px;
    padding: 20px 20px;
    border-radius: 4px;
    margin-bottom: 25px;
    line-height: 0;
}

.card-color .label-periode {
    font-size: 12px;
    padding: 12px;
    border-radius: 4px;
    margin-bottom: 25px;
    line-height: 0;
    background-color: #23BF08;
    color: #fff;
}

.card-color .title {
    line-height: 25px;
}

.card-color-disabled-past {
    background-color: #f0f0f0;
}
.card-color-disabled-past .icon {
    background-color: #dedede;
}
.card-color-disabled-past .label-periode {
    background-color: #dedede;
    color: #868ba1;
}

.card-color-disabled-future {
    background-color: #f0f0f0;
}
.card-color-disabled-future .icon {
    background-color: #0866c6;
    color: #fff;
}
.card-color-disabled-future .label-periode {
    background-color: #0866c6;
    color: #fff;
}

/* --- BLUE (#0d6efd) --- */
.card-color.card-color-blue {
    border-bottom: 3px solid #0d6efd;
}
.card-color.card-color-blue:hover {
    background-color: #0d6efd;
    color: #fff;
}
.card-color.card-color-blue .icon {
    background-color: rgba(13, 110, 253, 0.1);
    color: #0d6efd;
}
.card-color.card-color-blue:hover .icon {
    background-color: #fff;
}

/* --- INDIGO (#6610f2) --- */
.card-color.card-color-indigo {
    border-bottom: 3px solid #6610f2;
}
.card-color.card-color-indigo:hover {
    background-color: #6610f2;
    color: #fff;
}
.card-color.card-color-indigo .icon {
    background-color: rgba(102, 16, 242, 0.1);
    color: #6610f2;
}
.card-color.card-color-indigo:hover .icon {
    background-color: #fff;
}

/* --- PURPLE (#6f42c1) --- */
.card-color.card-color-purple {
    border-bottom: 3px solid #6f42c1;
}
.card-color.card-color-purple:hover {
    background-color: #6f42c1;
    color: #fff;
}
.card-color.card-color-purple .icon {
    background-color: rgba(111, 66, 193, 0.1);
    color: #6f42c1;
}
.card-color.card-color-purple:hover .icon {
    background-color: #fff;
}

/* --- PINK (#d63384) --- */
.card-color.card-color-pink {
    border-bottom: 3px solid #d63384;
}
.card-color.card-color-pink:hover {
    background-color: #d63384;
    color: #fff;
}
.card-color.card-color-pink .icon {
    background-color: rgba(214, 51, 132, 0.1);
    color: #d63384;
}
.card-color.card-color-pink:hover .icon {
    background-color: #fff;
}

/* --- RED (#dc3545) --- */
.card-color.card-color-red {
    border-bottom: 3px solid #dc3545;
}
.card-color.card-color-red:hover {
    background-color: #dc3545;
    color: #fff;
}
.card-color.card-color-red .icon {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}
.card-color.card-color-red:hover .icon {
    background-color: #fff;
}

/* --- ORANGE (#fd7e14) --- */
.card-color.card-color-orange {
    border-bottom: 3px solid #fd7e14;
}
.card-color.card-color-orange:hover {
    background-color: #fd7e14;
    color: #fff;
}
.card-color.card-color-orange .icon {
    background-color: rgba(253, 126, 20, 0.1);
    color: #fd7e14;
}
.card-color.card-color-orange:hover .icon {
    background-color: #fff;
}

/* --- YELLOW (#ffc107) --- */
.card-color.card-color-yellow {
    border-bottom: 3px solid #ffc107;
}
.card-color.card-color-yellow:hover {
    background-color: #ffc107;
    color: #fff;
}
.card-color.card-color-yellow .icon {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
}
.card-color.card-color-yellow:hover .icon {
    background-color: #fff;
}

/* --- GREEN (#198754) --- */
.card-color.card-color-green {
    border-bottom: 3px solid #198754;
}
.card-color.card-color-green:hover {
    background-color: #198754;
    color: #fff;
}
.card-color.card-color-green .icon {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
}
.card-color.card-color-green:hover .icon {
    background-color: #fff;
}

/* --- TEAL (#20c997) --- */
.card-color.card-color-teal {
    border-bottom: 3px solid #20c997;
}
.card-color.card-color-teal:hover {
    background-color: #20c997;
    color: #fff;
}
.card-color.card-color-teal .icon {
    background-color: rgba(32, 201, 151, 0.1);
    color: #20c997;
}
.card-color.card-color-teal:hover .icon {
    background-color: #fff;
}

/* --- CYAN (#0dcaf0) --- */
.card-color.card-color-cyan {
    border-bottom: 3px solid #0dcaf0;
}
.card-color.card-color-cyan:hover {
    background-color: #0dcaf0;
    color: #fff;
}
.card-color.card-color-cyan .icon {
    background-color: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
}
.card-color.card-color-cyan:hover .icon {
    background-color: #fff;
}

/* thm-unud */
.thm-unud .tx-unud-blue {
  color: #0866C6;
}
.thm-unud .tx-unud-yellow {
  color: #F49917;
}

.thm-unud .br-logo > a span {
  color: #0866C6;
}

.thm-unud .user-profile-nav .icon {
  color: #0866C6;
}

.thm-unud .br-menu-link.active {
  background-image: linear-gradient(to right, #0866C6 0%, #0866C6 100%);
}

.thm-unud .br-menu-sub .sub-link.active {
  color: #ffffff;
}
.thm-unud .br-menu-sub .sub-link:hover, 
.thm-unud .br-menu-sub .sub-link:focus {
  color: #ffffff;
}

.thm-unud .br-menu-sub .sub-link.active::before {
  background-color: #ffffff;
}
.thm-unud .br-menu-sub .sub-link:hover::before, 
.thm-unud .br-menu-sub .sub-link:focus::before {
  background-color: #ffffff;
}

.thm-unud .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.thm-unud .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, 
.thm-unud .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
  background-color: #0866c6;
}
.thm-unud .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #0866c6;
}
.thm-unud .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #0866c6;
}
.thm-unud .bootstrap-datetimepicker-widget table td.active, .thm-unud .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #0866c6;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.thm-unud .form-control:focus, .thm-unud .dataTables_filter input:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0866c6;
    outline: 0;
    box-shadow: none;
}
/*  */

/* thm-hospital */
.thm-hospital .br-logo,
.thm-hospital .br-header::before,
.thm-hospital .br-header{
    background-color: #1caf9a;
}
.thm-hospital .br-logo > a span,
.thm-hospital .br-logo > a i,
.thm-hospital .navicon-left a:hover,
.thm-hospital .navicon-left a:focus,
.thm-hospital .br-header-right .nav-link:hover,
.thm-hospital .br-header-right .nav-link:focus,
.thm-hospital .br-menu-link.active{
    color: #fff
}
.thm-hospital .br-sideleft,
.thm-hospital .br-menu-sub{
    background-color: #fff;
}
.thm-hospital .sidebar-label{
    color: #000;
}
.thm-hospital .br-menu-link,
.thm-hospital .br-header-right .dropdown-menu .nav-link{
    color: #6c757d;
}
.thm-hospital .br-menu-link:hover,
.thm-hospital .br-menu-link:focus,
.thm-hospital .br-menu-link.show-sub{
    color: #fff;
    background-color: #fff;
    background-image: linear-gradient(to right, #1CAF9A 0%, #17A2B8 100%);
    background-repeat: repeat-x;
    transition: none;
}
.thm-hospital .navicon-left a,
.thm-hospital .br-header-right .nav-link{
    color: #ffffffb3;
}
.thm-hospital .br-header-right .dropdown-menu .nav-link:hover, 
.thm-hospital .br-header-right .dropdown-menu .nav-link:focus{
    color: #495057;
}
/*  */

/* dark-mode */
.dark-mode .custom-file-label::after {
    background: #141d28;
    color: #868ba1;
    border-left: 1px solid #313a47;
}
.dark-mode .read_only_field {
    background-color: #1a2432 !important;
}
.dark-mode .select2-dropdown {
    background-color: #1a2432;
    border-color: #2c3542;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #afb2b7;
}
.dark-mode .has-success .select2-container--default .select2-selection--single, .parsley-select.parsley-success .select2-container--default .select2-selection--single {
    border-color: #2c3542;
}
.dark-mode .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #1d2939;
    color: #434c5c;
}
.dark-mode .custom-file-label .custom-file-label-left {
    color: #afb2b7;
}
.dark-mode .nav .nav-link {
    color: rgba(255, 255, 255, 0.65);
}
.dark-mode .nav .nav-link:hover, .dark-mode .nav .nav-link:focus {
    color: #fff;
}
.dark-mode .br-logo a i {
    color: rgba(255, 255, 255, 0.65);
}
.dark-mode .br-logo a i:hover, .dark-mode .br-logo a i:focus {
    color: #fff;
}
.dark-mode .input-group-text {
    background-color: #1a2432;
    color: #b3b8c0;
}
.dark-mode .note-editor.note-frame {
    border: 1px solid #343e4d;
}
.dark-mode .card-header.note-toolbar {
    background-color: #1a2432;
}
.dark-mode .card-header.note-toolbar > .btn-group .btn {
    background-color: #1a2432;
    border: 1px solid #343e4d;
    color: #71788d;
}
/*  */