.page-subtitle {
    letter-spacing: .125rem;
    color: #818ea3;
    font-size: .625rem;
}
.progress {
    height: 20px !important;
}
.font-small{
    font-size:10px;
}

.round30{
    border-radius: 30px;
}
img{ 
  max-width: 100%; 
  height: auto;
}
.form-group.datetimepicker{
  position: relative;
}
.fieldgroup-field {
  display: inline-block;
}
.form-group .width_auto{
  width: auto;
}
.fieldholder-small{
  position: relative;
}
.field .alert{
  display: block;
}
.text-mini{
  font-size: 12px;
}
.text-super-mini{
  font-size: 10px;
}
.td-header {
  background-color: #000000;
  color: #FFFFFF;
  vertical-align: middle;
}
.help-block,
.help-inline {
  color: #555555;
}
.help-block {
  display: block;
  margin-bottom: 9px;
}

.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}

.warning > label,
.warning .help-block,
.warning .help-inline {
  color: #c09853;
}

.error > label,
.error .help-block,
.error .help-inline {
  color: #b94a48;
}

.success > label,
.success .help-block,
.success .help-inline {
  color: #468847;
}

.table-print{
  border: solid 1px;
  width: 100%;
}

.td-description {
  font-size: medium;
}
.ui-widget-content .ui-icon {
  background-image: url("../../modular-admin/images/ui-icons_555555_256x240.png")      
    !important;}
.ui-widget-header .ui-icon {
  background-image: url("../../modular-admin/images/ui-icons_555555_256x240.png")   
    !important;}

.ticket-box{
  background-color: #FCFFDF;
}

.wo-box{
  background-color: #f0f3f6;
}

.ui-autocomplete.ui-front
{
  z-index: 1051;
}

#user-added{
  margin-bottom: 15px;
}

.arrow_box_left {
  position: relative;
  background: #fcefa1;
  border: 1px solid orange;
  margin-bottom: 9px;
  border-radius: 10px;
  padding: 10px;
}

.arrow_box_left:after, .arrow_box_left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box_left:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fcefa1;
  border-width: 20px;
  margin-top: -20px;
}

.arrow_box_left:before {
  border-color: rgba(56, 220, 245, 0);
  border-right-color: orange;
  border-width: 21px;
  margin-top: -21px;
}

.arrow_box_right {
  position: relative;
  background: #e0ebff;
  border: 1px solid #38dcf5;
  margin-bottom: 9px;
  border-radius: 10px;
  padding: 10px;
}

.arrow_box_right:after, .arrow_box_right:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box_right:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #e0ebff;
  border-width: 20px;
  margin-top: -20px;
}

.arrow_box_right:before {
  border-color: rgba(56, 220, 245, 0);
  border-left-color: #38dcf5;
  border-width: 21px;
  margin-top: -21px;
}

.arrow_box {
  position: relative;
  background: #F2DADB;
  border: 1px solid #f50c0c;
  margin-bottom: 9px;
  border-radius: 10px;
  padding: 10px;
}

.arrow_box:after, .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(212, 255, 255, 0);
  border-left-color: #F2DADB;
  border-width: 20px;
  margin-top: -20px;
}

.arrow_box:before {
  border-color: rgba(245, 12, 12, 0);
  border-left-color: #f50c0c;
  border-width: 21px;
  margin-top: -21px;
}

.header-card-knowledgebase{
  border-bottom: solid 1px #D7DDE4!important; 
  background: #FAFAFA!important;
}

.card-meta{
  padding: 5px;
  padding-right: 20px;
  padding-left: 20px;
}

.span-views{
  color: green;
}

.span-rating{
  color: yellow;
}

.block-spk{
  padding: 10px;
}

div.ct_image {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.category {
  margin-bottom: 10px;
}

div.ct_image:hover {
  border: 1px solid #777;
}

div.ct_image img {
  width: 100%;
  height: auto;
}

td.middle {
  vertical-align: middle;
}

th.middle {
  vertical-align: middle;
}

div.desc {
  padding: 15px;
  text-align: center;
}

#NewPassword_Password_Holder{
  margin-bottom: 10px;
}

.form-group-small-margin-top{
  margin-top: 0px !important;
}

div.hide{
  display: none !important;
}
.gallery
{
  display: inline-block;
  margin-top: 20px;
}
.card.card-down-monitor > .card-header {
  color: #FFFFFF!important;
  background-color: #f50c0c!important;
}
.card.card-paused-monitor > .card-header {
  background-color: #777!important;
}
.card.card-down-acknowledged-monitor > .card-header {
  color: #FFFFFF!important;
  background-color: #ff1493!important;
}
.card.card-warning-monitor > .card-header {
  background-color: #ffff1a!important;
}
.card.card-up-monitor > .card-header {
  background-color: #00FF00!important;
}
.faktur-td{
  padding: 10px;
  size: 14px;
}
.item-faktur{
  padding: 10px;
  size: 14px;
}
.btn-select {
  position: relative;
  padding: 0;
  min-width: 236px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}

.btn-select .btn-select-value {
  padding: 6px 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 34px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}

.btn-select .btn-select-arrow {
  float: right;
  line-height: 20px;
  padding: 6px 10px;
  top: 0;
}

.btn-select ul {
  display: none;
  background-color: white;
  color: black;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: none !important;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 33px;
  z-index: 999;
}

.btn-select ul li {
  padding: 3px 6px;
  text-align: left;
}

.btn-select ul li:hover {
  background-color: #f4f4f4;
}

.btn-select ul li.selected {
  color: white;
}

/* Default Start */
.btn-select.btn-default:hover, .btn-select.btn-default:active, .btn-select.btn-default.active {
  border-color: #ccc;
}

.btn-select.btn-default ul li.selected {
  background-color: #ccc;
}

.btn-select.btn-default ul, .btn-select.btn-default .btn-select-value {
  background-color: white;
  border: #ccc 1px solid;
}

.btn-select.btn-default:hover, .btn-select.btn-default.active {
  background-color: #e6e6e6;
}
/* Default End */

/* Primary Start */
.btn-select.btn-primary:hover, .btn-select.btn-primary:active, .btn-select.btn-primary.active {
  border-color: #286090;
}

.btn-select.btn-primary ul li.selected {
  background-color: #2e6da4;
  color: white;
}

.btn-select.btn-primary ul {
  border: #2e6da4 1px solid;
}

.btn-select.btn-primary .btn-select-value {
  background-color: #428bca;
  border: #2e6da4 1px solid;
}

.btn-select.btn-primary:hover, .btn-select.btn-primary.active {
  background-color: #286090;
}
/* Primary End */

/* Success Start */
.btn-select.btn-success:hover, .btn-select.btn-success:active, .btn-select.btn-success.active {
  border-color: #4cae4c;
}

.btn-select.btn-success ul li.selected {
  background-color: #4cae4c;
  color: white;
}

.btn-select.btn-success ul {
  border: #4cae4c 1px solid;
}

.btn-select.btn-success .btn-select-value {
  background-color: #5cb85c;
  border: #4cae4c 1px solid;
}

.btn-select.btn-success:hover, .btn-select.btn-success.active {
  background-color: #449d44;
}
/* Success End */

/* info Start */
.btn-select.btn-info:hover, .btn-select.btn-info:active, .btn-select.btn-info.active {
  border-color: #46b8da;
}

.btn-select.btn-info ul li.selected {
  background-color: #46b8da;
  color: white;
}

.btn-select.btn-info ul {
  border: #46b8da 1px solid;
}

.btn-select.btn-info .btn-select-value {
  background-color: #5bc0de;
  border: #46b8da 1px solid;
}

.btn-select.btn-info:hover, .btn-select.btn-info.active {
  background-color: #269abc;
}
/* info End */

/* warning Start */
.btn-select.btn-warning:hover, .btn-select.btn-warning:active, .btn-select.btn-warning.active {
  border-color: #eea236;
}

.btn-select.btn-warning ul li.selected {
  background-color: #eea236;
  color: white;
}

.btn-select.btn-warning ul {
  border: #eea236 1px solid;
}

.btn-select.btn-warning .btn-select-value {
  background-color: #f0ad4e;
  border: #eea236 1px solid;
}

.btn-select.btn-warning:hover, .btn-select.btn-warning.active {
  background-color: #d58512;
}
/* warning End */

/* danger Start */
.btn-select.btn-danger:hover, .btn-select.btn-danger:active, .btn-select.btn-danger.active {
  border-color: #d43f3a;
}

.btn-select.btn-danger ul li.selected {
  background-color: #d43f3a;
  color: white;
}

.btn-select.btn-danger ul {
  border: #d43f3a 1px solid;
}

.btn-select.btn-danger .btn-select-value {
  background-color: #d9534f;
  border: #d43f3a 1px solid;
}

.btn-select.btn-danger:hover, .btn-select.btn-danger.active {
  background-color: #c9302c;
}
/* danger End */

.btn-select.btn-select-light .btn-select-value {
  background-color: white;
  color: black;
}
.custom-content{
  padding: 50px 50px 90px 50px;
  min-height: 100vh;
}

.borderless td, .borderless th {
  border: none;
  padding: 0.2rem 0.75rem;
}

.comments{
  margin-top: 7px;
  margin-bottom: 7px;
}

.list-group-item .last_comment{
  margin: 0; padding: 0; 
  font-size: 10px;
  font-style: italic;
}
.list-group-item .last_comment p{
  margin: 0; padding: 0; 
}

@media (min-width: 1200px){
  .custom-content{
    padding: 50px 50px 90px 50px;
    min-height: 100vh;
  }
}