.page-content .element-layout .element-content {
  height: 100%;
  width: 100%;
}
#colorbox {
  outline: 0;
}
.popup-notif {
  background: #f0f0f0;
  font-family: 'Open Sans';
  width: 680px;
}
.popup-notif p {
  margin-bottom: 10px;
}
.popup-notif strong {
  font-weight: bold;
}
.popup-notif .popup-notif-header {
  padding: 0 20px;
  background: #4d1657;
  height: 50px;
}
.popup-notif .popup-notif-header h3 {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  height: 50px;
}
.popup-notif .popup-notif-content {
  padding: 15px 20px;
}
.popup-notif .popup-notif-content * {
  font-size: 12px;
  color: #262626;
}
.popup-notif .popup-notif-footer {
  padding: 15px 20px;
}
.popup-notif .btn {
  border: none;
  background: #946a9c;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  outline: 0;
  cursor: pointer;
}
/* CK EDITOR */
.editor ul {
  margin-bottom: 10px !important;
}
.editor ul li {
  margin-left: 17px !important;
  list-style-type: disc;
}
.editor ol {
  margin-bottom: 10px !important;
}
.editor ol li {
  margin-left: 17px !important;
  list-style-type: decimal;
}
.editor dl {
  margin-bottom: 10px !important;
}
.editor dl dt {
  font-weight: bold;
}
.editor dl dd {
  margin-left: 17px !important;
}
.editor strong {
  font-weight: bold;
}
.editor em {
  font-style: italic;
}
.editor u {
  text-decoration: underline;
}
/* Full Block Loading */
.loading-layout-fullblock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  z-index: 10000;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  opacity: 0;
}
.loading-layout-fullblock .loading {
  width: 44px;
  height: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #fff;
  z-index: 10001;
  margin-left: -72px;
  padding: 0 50px;
  background-image: url(../../general/images/loader.gif);
  background-repeat: no-repeat;
  background-position: 50px 35px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
}
.loading-layout-fullblock .loading:after {
  content: 'LOADING';
  font-size: 10px;
  font-weight: bold;
  color: #9177e0;
  position: absolute;
  bottom: 20px;
  left: 0;
  text-align: center;
  width: 100%;
}
.loading-layout-fullblock .loading.active {
  height: 44px;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: -72px;
}
/*
* --------------------------------
* ALERT MESSAGES
* --------------------------------
*/
/*.alert{
  background: #fff; line-height: 30px; height: 30px; padding-right: 10px; margin-bottom: 10px; position: relative;
  .alert-label{ float: left; margin-right: 10px; display: block; color: #fff; padding: 0 10px; }
  .alert-close{ float: right; font-weight: bold; cursor: pointer; }
  
  &.success{
    color: #12ae24;
    .alert-label{ background: #12ae24; }
	&.border {
      border : 1px solid #12ae24;
    }
  }
  
  &.error{
    color: #f44545;
    .alert-label{ background: #f44545; }
    &.border {
      border : 1px solid #f44545;
    }
  }
  
  &.warning{
    color: #ffc102;
    .alert-label{ background: #ffc102; }
  }
  
  &.info{
    color: #0070f3;
    .alert-label{ background: #0070f3; }
  }
  
  &.multi{
    height: auto; padding: 0 10px;
    .alert-label{ float: none; margin-right: 0; width: 100%; margin-left: -10px; }
    .alert-close{ position: absolute; right: 10px; top: 5px; color: #fff; top: 0; }
  }
}*/
/* TABLE MOBILE TABLET GENERAL */
@media all and (max-width: 1279px) {
  /*Untuk menggunakan CSS table mobile dan table tablet struktur dari table harus sesuai dengan CSS di bawah ini
    Untuk mengubah struktur table sesuai dengan CSS dibawah ini dapat menggunakan javascript
    1. Ubah struktur menggunakan javascript
    2. Gunakan class yang sama dengan CSS di bawah ini
    
    author: adrian salim
  */
  .package-table-general {
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
  }
  .package-table-general .package-first-table {
    width: 100%;
    position: relative;
    border: 1px solid black;
  }
  .package-table-general .package-first-table thead {
    float: left;
    z-index: 1;
    background-color: #f3f4f4;
    position: relative;
    width: 110px;
    display: block;
    margin: 0;
  }
  .package-table-general .package-first-table thead tr th {
    float: left;
    width: 110px;
    height: 40px;
  }
  .package-table-general .package-first-table .first-tbody-general {
    width: 99%;
    overflow-x: scroll;
    z-index: 0;
    position: absolute;
  }
  .package-table-general .package-first-table .first-tbody-general tr td {
    border: none;
  }
  .package-table-general .package-first-table .first-tbody-general tr td .table-mobile-general {
    border-left: none;
    border-top: none;
  }
  .package-table-general .package-first-table .first-tbody-general tr td .table-mobile-general tbody {
    border-radius: 0;
    float: left;
    position: relative;
    width: 149px;
    top: 0;
    margin-left: 84px;
  }
  .package-table-general .package-first-table .first-tbody-general tr td .table-mobile-general tbody tr {
    border: none;
    float: left;
    width: 110px;
    height: 40px;
  }
  .package-table-general .package-first-table .first-tbody-general tr td .table-mobile-general tbody tr:nth-last-child(1) {
    border-bottom: none;
  }
}