::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: 5px;
}
.br-header-right .dropdown .dropdown-menu {
    margin-top: 8px;
}
.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: 59%;
    display: inline-block;
}
.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 {
    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 55px;
}
.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: 1;
        padding-left: 114px;
    }
}
.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;
}
.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;
}
.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;
}

/* 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; } }

@media (min-width: 576px) {
    .hidden-sm-up {
        display: none !important; }
    .br-pagebody {
        padding: 0 25px; }
    .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; } }

@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;
}

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

/* 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;
}