/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #000!important;
}

.logo-simasjid {
  width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.drp-buttons {
  background-color: #888a8d !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff !important;
    border-color: transparent;
}

.daterangepicker {
    color: #000!important;
}

.timeline__item .timeline__content p {
  line-height: 1;
}

.textarea-vert { resize:vertical; }

.text-secondary-d1 {
    color: #728299!important;
}
.page-header {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    padding-top: .5rem;
    border-bottom: 1px dotted #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.brc-default-l1 {
    border-color: #dce9f0!important;
}

.ml-n1, .mx-n1 {
    margin-left: -.25rem!important;
}
.mr-n1, .mx-n1 {
    margin-right: -.25rem!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.text-grey-m2 {
    color: #888a8d!important;
}

.text-success-m2 {
    color: #86bd68!important;
}

.font-bolder, .text-600 {
    font-weight: 600!important;
}

.text-110 {
    font-size: 110%!important;
}
.text-blue {
    color: #478fcc!important;
}
.pb-25, .py-25 {
    padding-bottom: .75rem!important;
}

.pt-25, .py-25 {
    padding-top: .75rem!important;
}
.bgc-default-tp1 {
    background-color: rgba(121,169,197,.92)!important;
}
.bgc-default-l4, .bgc-h-default-l4:hover {
    background-color: #f3f8fa!important;
}
.page-header .page-tools {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.btn-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4;
}
.w-2 {
    width: 1rem;
}

.text-120 {
    font-size: 120%!important;
}
.text-primary-m1 {
    color: #4087d4!important;
}

.text-danger-m1 {
    color: #dd4949!important;
}
.text-blue-m2 {
    color: #68a3d5!important;
}
.text-150 {
    font-size: 150%!important;
}
.text-60 {
    font-size: 60%!important;
}
.text-grey-m1 {
    color: #7b7d81!important;
}
.align-bottom {
    vertical-align: bottom!important;
}

#jam {
  font-size: 20px;
  width: 200px;
  text-align: center;
}

.font-small {
    font-size: 12px;
}

ul.twocolumns {
    display: inline-block;
    margin-left: -2em;
}

ul.columned li {
    margin-top: 1em;
    float: left;
    list-style: outside;
    width: 25%;
    margin-bottom: 0.5em;
    padding-right: 2em;
}

.easy-autocomplete{
  width:100% !important
}

.easy-autocomplete input{
  width: 100%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown {
    width: 500px !important;
}

.card-memo {
  overflow: auto !important;
}

::-webkit-scrollbar {
    width: 0.2em;
    height: 0.2em;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.select2-container--default .select2-selection--single {
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-dropdown .select2-search__field, .select2-container--default .select2-selection--multiple .select2-search__field {
    border-color: #2c2e33;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: -0.5em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0.5rem !important;
    margin-top: -0.8em;
}

.bg-transparan {
    background-color: rgba(250,250,250,0.70) !important;
}

.header .lead {
  max-width: 620px;
}

/** Below CSS is completely optional **/

.gallery-item {
  width: 200px;
  padding: 5px;
}

.tagsinput {
    border: 1px solid #adadad;
    width: 100%;
    overflow-y: auto;
    padding: 5px 5px 1px !important;
}
span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 1px 1px;
    text-decoration: none;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica
}
span.tag a {
    color: #F1F6F7 !important
}
.tagsinput span.tag a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 11px
}
.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 3px;
    background: transparent;
    color: #000;
    outline: 0px
}
.tagsinput div {
    display: block;
    float: left;
}

div.tagsinput {
    border-color: #aaa!important;
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px
}

.select2-container--open .select2-dropdown--below {
    background-color: #fff;
    color: #000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0.3rem !important;
}

.table th img, .jsgrid .jsgrid-table th img, .table td img, .jsgrid .jsgrid-table td img {
    border-radius: 0% !important;
}

.bg-secondary {
    background-color: #2A3F54!important;
}

.bg-navbar {
    background-color: #E2C68F!important;
}

.content-wrapper {
    background-color: #EBECEA!important;
}

.text-metro {
    color: #EBECEA;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
    color: #EBECEA !important;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #adadad;
}

.table-bordered {
    border: 1px solid #adadad;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #d8d8d8;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row select, .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field, .typeahead, .tt-query, .tt-hint {
    color: #3c3c3c!important;
    border: 1px solid #aaaaaa!important;
}

.page-link, .jsgrid .jsgrid-pager .jsgrid-pager-nav-button a, .jsgrid .jsgrid-pager .jsgrid-pager-page a {
    color: #5d81a8;
    background-color: #ffffff;
}

div.dataTables_wrapper div.dataTables_info {
    color: #7b7f84;
}

div.dataTables_wrapper div.dataTables_length label {
    color: #7b7f84;
}

div.dataTables_wrapper div.dataTables_filter label {
    color: #7b7f84;
}

.btn-primary:not(.btn-light):not(.btn-secondary), .wizard > .actions a:not(.btn-light):not(.btn-secondary) {
    color: #ffffff!important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-dropdown, .select2-container--default .select2-selection--multiple {
    border-color: #aaa!important;
    background: #d8d8d8!important;
    color: #2a2e32!important;
}

.form-saru {
    position:absolute;
    top: -9999px;
}

td.wrapok {
    white-space:normal
}

.font-lg {
    font-size: 5rem;
}

.standalone-container {
    margin: 50px auto;
    max-width: 720px;
}
#reply_content {
    height: 350px;
}

.card-login {
  background-color: rgba(10,10,10,0.8) !important;
}

ul.cloud {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 2.75rem;
  width: 850px;
}

ul.cloud a {
  /*   
  Not supported by any browser at the moment :(
  --size: attr(data-weight number); 
  */
  --size: 4;
  --color: #a33;
  color: var(--color);
  font-size: calc(var(--size) * 0.25rem + 0.5rem);
  display: block;
  padding: 0.125rem 0.25rem;
  position: relative;
  text-decoration: none;
  /* 
  For different tones of a single color
  opacity: calc((15 - (9 - var(--size))) / 15); 
  */
}
ul.cloud a[data-weight="0"] { --size: 0.1; }
ul.cloud a[data-weight="1"] { --size: 0.5; }
ul.cloud a[data-weight="2"] { --size: 0.8; }
ul.cloud a[data-weight="3"] { --size: 1; }
ul.cloud a[data-weight="4"] { --size: 3; }
ul.cloud a[data-weight="5"] { --size: 5; }
ul.cloud a[data-weight="6"] { --size: 8; }
ul.cloud a[data-weight="7"] { --size: 10; }
ul.cloud a[data-weight="8"] { --size: 12; }
ul.cloud a[data-weight="9"] { --size: 15; }
ul.cloud a[data-weight="10"] { --size: 18; }

ul[data-show-value] a::after {
  content: " (" attr(data-weight) ")";
  font-size: 1rem;
}

ul.cloud li:nth-child(2n+1) a { --color: #181; }
ul.cloud li:nth-child(3n+1) a { --color: #33a; }
ul.cloud li:nth-child(4n+1) a { --color: #c38; }
ul.cloud li:nth-child(5n+1) a { --color: #f18; }

ul.cloud a:focus {
  outline: 1px dashed;
}

ul.cloud a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  background: var(--color);
  transform: translate(-50%, 0);
  opacity: 0.15;
  transition: width 0.25s;
}

ul.cloud a:focus::before,
ul.cloud a:hover::before {
  width: 100%;
}

@media (prefers-reduced-motion) {
  ul.cloud * {
    transition: none !important;
  }
}

.cloud-words {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-transparent-80 {
    background-color: rgba(255,255,255,0.9);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #4d6bff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F7F3F3EA;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

div.dt-button-collection {
    position: absolute;
    z-index: 2001;
    background-color: #818181;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    padding: 0.5rem 0;
    width: 200px;
}

.bg-navy {
    background-color: #2a3f54 !important;
}

.btn-outline-secondary, .editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel {
    color: #385c68;
    border-color: #385c68;
}

.fs-11 {
    font-size: 11px!important;
}
.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
    background: #246440;
    color: #ffffff;
}

.btn-success {
    color: #fff;
    background-color: #107c66;
    border-color: #107c66;
}

.btn-success:hover {
    color: #107c66!important;
    background-color: #ffffff;
    border-color: #107c66;
}

.text-success {
    color: #107c66 !important;
}

.highlight {
    background-color: #ff3414;
}

table.dataTable tr.dtrg-group.dtrg-level-0 th {
    font-weight: bold;
    font-size: 9pt!important;
    padding:10px;
}

.sidebar .nav .menu-items:nth-child(5n+2) .nav-link .menu-icon i {
    color: #02c356;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(5n+2) {
    background: #156e3c;
}

table.dataTable thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.dataTable thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.dataTable thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.dataTable thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
table.dataTable thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

#site_keywords_addTag input#site_keywords_tag {
    color: rgb(102, 102, 102); 
    width: auto;
}

 .highlighted {
     background-color:yellow;
 }
 .highlight {
     background-color: #fff34d;
     -moz-border-radius: 5px;
     /* FF1+ */
     -webkit-border-radius: 5px;
     /* Saf3-4 */
     border-radius: 5px;
     /* Opera 10.5, IE 9, Saf5, Chrome */
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* FF3.5+ */
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* Saf3.0+, Chrome */
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* Opera 10.5+, IE 9.0 */
 }
 .highlight {
     padding:1px 4px;
     margin:0 -4px;
 }

.highcharts-background {
    fill: rgb(245 241 241);
}

.highcharts-data-table {
    color: #75777d;
}