.row>*[class*=span] {
  flex-shrink: initial;
  max-width: initial;
}

@media (min-width:1200px) {
  .layout--boxed #page-wrap {
    max-width: 1280px
  }

  .sidebar-layout #the-content {
    width: 860px
  }

  .sidebar-dual #the-content {
    width: 650px
  }

  .sidebar-layout .sidebar-area {
    width: 230px
  }

  .sidebar-dual #primary-sidebars {
    margin-right: 30px
  }

  .sidebar-layout.sidebar-right .sidebar-area #sidebar-shadow {
    left: -45px
  }

  .sidebar-layout.sidebar-left .sidebar-area #sidebar-shadow {
    right: -50px
  }

  footer .row,
  header .row {
    margin-left: -30px
  }

  footer .row:after,
  footer .row:before,
  header .row:after,
  header .row:before {
    display: table;
    line-height: 0;
    content: ""
  }

  footer .row:after,
  header .row:after {
    clear: both
  }

  [class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 30px
  }

  .container,
  .fullwidth-container,
  .navbar-fixed-bottom .container,
  .navbar-fixed-top .container,
  .navbar-static-top .container {
    width: 1170px
  }

  .span12 {
    width: 1170px
  }

  .span11 {
    width: 1070px
  }

  .span10 {
    width: 970px
  }

  .span9 {
    width: 870px
  }

  .span8 {
    width: 770px
  }

  .span7 {
    width: 670px
  }

  .span6 {
    width: 570px
  }

  .span5 {
    width: 470px
  }

  .span4 {
    width: 370px
  }

  .span3 {
    width: 270px
  }

  .span2 {
    width: 170px
  }

  .span1 {
    width: 70px
  }

  .offset12 {
    margin-left: 1230px
  }

  .offset11 {
    margin-left: 1130px
  }

  .offset10 {
    margin-left: 1030px
  }

  .offset9 {
    margin-left: 930px
  }

  .offset8 {
    margin-left: 830px
  }

  .offset7 {
    margin-left: 730px
  }

  .offset6 {
    margin-left: 630px
  }

  .offset5 {
    margin-left: 530px
  }

  .offset4 {
    margin-left: 430px
  }

  .offset3 {
    margin-left: 330px
  }

  .offset2 {
    margin-left: 230px
  }

  .offset1 {
    margin-left: 130px
  }

  .row-fluid {
    width: 100%
  }

  .row-fluid:after,
  .row-fluid:before {
    display: table;
    line-height: 0;
    content: ""
  }

  .row-fluid:after {
    clear: both
  }

  .row-fluid [class*=span] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    box-sizing: border-box
  }

  .row-fluid [class*=span]:first-child {
    margin-left: 0
  }

  .row-fluid .controls-row [class*=span]+[class*=span] {
    margin-left: 2.564102564102564%
  }

  .row-fluid .span12 {
    width: 100%
  }

  .row-fluid .span11 {
    width: 91.45299145299145%
  }

  .row-fluid .span10 {
    width: 82.90598290598291%
  }

  .row-fluid .span9 {
    width: 74.35897435897436%
  }

  .row-fluid .span8 {
    width: 65.81196581196582%
  }

  .row-fluid .span7 {
    width: 57.26495726495726%
  }

  .row-fluid .span6 {
    width: 48.717948717948715%
  }

  .row-fluid .span5 {
    width: 40.17094017094017%
  }

  .row-fluid .span4 {
    width: 31.623931623931625%
  }

  .row-fluid .span3 {
    width: 23.076923076923077%
  }

  .row-fluid .span2 {
    width: 14.52991452991453%
  }

  .row-fluid .span1 {
    width: 5.982905982905983%
  }

  .row-fluid .offset12 {
    margin-left: 105.12820512820512%
  }

  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%
  }

  .row-fluid .offset11 {
    margin-left: 96.58119658119658%
  }

  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%
  }

  .row-fluid .offset10 {
    margin-left: 88.03418803418803%
  }

  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%
  }

  .row-fluid .offset9 {
    margin-left: 79.48717948717949%
  }

  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%
  }

  .row-fluid .offset8 {
    margin-left: 70.94017094017094%
  }

  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%
  }

  .row-fluid .offset7 {
    margin-left: 62.393162393162385%
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%
  }

  .row-fluid .offset6 {
    margin-left: 53.84615384615384%
  }

  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%
  }

  .row-fluid .offset5 {
    margin-left: 45.299145299145295%
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%
  }

  .row-fluid .offset4 {
    margin-left: 36.75213675213675%
  }

  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%
  }

  .row-fluid .offset3 {
    margin-left: 28.205128205128204%
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%
  }

  .row-fluid .offset2 {
    margin-left: 19.65811965811966%
  }

  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%
  }

  .row-fluid .offset1 {
    margin-left: 11.11111111111111%
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%
  }

  .controls-row [class*=span]+[class*=span] {
    margin-left: 30px
  }

  .uneditable-input.span12,
  input.span12,
  textarea.span12 {
    width: 1156px
  }

  .uneditable-input.span11,
  input.span11,
  textarea.span11 {
    width: 1056px
  }

  .uneditable-input.span10,
  input.span10,
  textarea.span10 {
    width: 956px
  }

  .uneditable-input.span9,
  input.span9,
  textarea.span9 {
    width: 856px
  }

  .uneditable-input.span8,
  input.span8,
  textarea.span8 {
    width: 756px
  }

  .uneditable-input.span7,
  input.span7,
  textarea.span7 {
    width: 656px
  }

  .uneditable-input.span6,
  input.span6,
  textarea.span6 {
    width: 556px
  }

  .uneditable-input.span5,
  input.span5,
  textarea.span5 {
    width: 456px
  }

  .uneditable-input.span4,
  input.span4,
  textarea.span4 {
    width: 356px
  }

  .uneditable-input.span3,
  input.span3,
  textarea.span3 {
    width: 256px
  }

  .uneditable-input.span2,
  input.span2,
  textarea.span2 {
    width: 156px
  }

  .uneditable-input.span1,
  input.span1,
  textarea.span1 {
    width: 56px
  }
}

footer .container,
header .container,
footer .container .row>*[class*=span],
header .container .row>*[class*=span],
footer ul {
  padding-left: 0;
  padding-right: 0;

}

header a,
footer a {
  text-decoration: none;
}

body {
  margin-top: 0 !important;
}

body {
  background-color: #f2f6fc;
  color: #69707a;
}

.img-account-profile {
  height: 10rem;
  width: 10rem;
  border: 4px solid #dddddd;
}

.rounded-circle {
  border-radius: 50% !important;
}

.card {
  box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);
}

.card .card-header {
  font-weight: 500;
}

.card-header:first-child {
  border-radius: 0.35rem 0.35rem 0 0;
}

.card-header {
  padding: 1rem 1.35rem;
  margin-bottom: 0;
  background-color: rgba(33, 40, 50, 0.03);
  border-bottom: 1px solid rgba(33, 40, 50, 0.125);
}

.form-control,
.dataTable-input {
  display: block;
  width: 100%;
  padding: 0.875rem 1.125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  color: #69707a;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c5ccd6;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.35rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.nav-borders .nav-link.active {
  color: #0061f2;
  border-bottom-color: #0061f2;
}

.nav-borders .nav-link {
  color: #69707a;
  border-bottom-width: 0.125rem;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.link-list {
  list-style: none;
  padding: 0;
}

.link-list li {
  margin-bottom: 10px;
}

.link-list li a {
  text-decoration: none;
  transition: color 0.3s ease;
}

/*** KRIS */
#titlebar {
  display: none;
}

.card .card-header {
  font-weight: 700;
}

.small {
  font-size: 0.6250em;
}

/*# sourceMappingURL=bootstrap-responsive-1170.min.css.map */
