/* ===== Kriva Infosys login page ===== */
@media (min-width: 992px) {
  html body .page-login {
    left: 50% !important;
    width: 50% !important;
    background: #F4F6FB !important;
  }
  html body .page-login::before {
    content: "";
    position: fixed;
    top: 0; left: 0; bottom: 0;
    width: 50%;
    background:
      url("../Images/kriva-login-panel.svg") center center / contain no-repeat,
      linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 40px 40px,
      linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 40px 40px,
      linear-gradient(135deg, #0D1A45 0%, #14235B 60%, #1E3180 100%);
    z-index: 1;
  }
  html body .page-login .top-bar { display: none !important; }
  html body .page-login .panel-heading::before {
    content: "";
    display: block;
    width: 180px; height: 44px;
    margin-bottom: 22px;
    background: url("../Images/kriva-login-logo.png") left center / contain no-repeat;
  }
  html body .page-login [class*="col-md-offset"],
  html body .page-login [class*="col-lg-offset"],
  html body .page-login [class*="col-sm-offset"] { margin-left: 0 !important; }
  html body .page-login .row > [class*="col-md-"],
  html body .page-login .row > [class*="col-lg-"],
  html body .page-login .row > [class*="col-sm-"] { width: 100% !important; float: none !important; }
  /* every column that wraps the login box gets full width */
  html body .page-login [class*="col-"]:has(.panel) {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
}
html body .page-login .panel,
html body .page-login .login-footer {
  width: 100%;
  max-width: 440px;
  margin-left: auto !important;
  margin-right: auto !important;
}
html body .page-login .panel {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(20, 35, 91, .16);
  overflow: hidden;
}
html body .page-login .panel-heading {
  background: #fff !important;
  border-bottom: 0 !important;
  padding: 34px 32px 6px !important;
}

html body .page-login .panel-title,
html body .page-login .panel-heading h1,
html body .page-login .panel-heading h2,
html body .page-login .panel-heading h3 {
  color: #14235B !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
html body .page-login .panel-body { padding: 20px 32px 28px !important; }
html body .page-login .panel-footer { background: #F7F8FC !important; padding: 16px 32px !important; }
html body .page-login .panel-footer:not(:has(select)) { display: none !important; }
html body .page-login .form-control { height: 44px; border-radius: 0 8px 8px 0; border-color: #D5DBEC; }
html body .page-login .input-group-addon { border-radius: 8px 0 0 8px; background: #EEF1F9; border-color: #D5DBEC; color: #14235B; }
html body .page-login .form-control:focus { border-color: #E8661C; box-shadow: 0 0 0 3px rgba(232, 102, 28, .18); }
html body .page-login .btn-success,
html body .page-login .btn-primary {
  background: #E8661C !important;
  border-color: #E8661C !important;
  border-radius: 8px;
  padding: 9px 26px;
  font-weight: 600;
}
html body .page-login .btn-success:hover,
html body .page-login .btn-primary:hover { background: #C9540F !important; border-color: #C9540F !important; }
html body .page-login a { color: #E8661C; }
html body .page-login .login-footer { color: #6B7699; padding: 0 6px; }

/* ===== Kriva Infosys panel theme ===== */
html body { font-family: "Segoe UI", "Open Sans", Roboto, Arial, sans-serif; background: #F4F6FB; color: #2B3350; }
@media (min-width: 1201px) {
  html body { background: linear-gradient(90deg, #0F1B4C 0, #0F1B4C 220px, #F4F6FB 220px) fixed; }
}
html body a { color: #2453C9; }
html body a:hover, html body a:focus { color: #E8661C; }

/* top bar */
html body .top-bar {
  background: #fff;
  border-bottom: 0;
  box-shadow: 0 2px 14px rgba(20, 35, 91, .08);
}
html body .top-bar .logged-user, html body .top-bar .logged-user a { color: #14235B; font-weight: 600; }

/* left menu */
html body #col-left { background: linear-gradient(180deg, #14235B 0%, #0F1B4C 100%); }
html body .main-nav h3 { color: #fff; letter-spacing: .3px; }
html body ul.main-menu li a {
  color: #C3CBEA;
  border-left: 3px solid transparent;
  margin: 2px 10px 2px 0;
  border-radius: 0 10px 10px 0;
  transition: background-color .15s, color .15s;
}
html body ul.main-menu li i { color: #8D9AD0; }
html body ul.main-menu li a:hover, html body ul.main-menu li a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, .07);
}
html body ul.main-menu li a:hover i { color: #FFB27E; }
html body ul.main-menu li.active > a,
html body ul.main-menu li.active > a.submenu-toggle {
  color: #fff;
  background-color: rgba(232, 102, 28, .16);
  border-left-color: #E8661C;
}
html body ul.main-menu li.active > a i { color: #E8661C; }
html body ul.main-menu .sub-menu li a { background-color: rgba(0, 0, 0, .18); }
html body ul.main-menu .sub-menu li a:hover, html body ul.main-menu .sub-menu li a:focus { background-color: rgba(255, 255, 255, .07); }
html body ul.main-menu .sub-menu li.active a { background-color: rgba(232, 102, 28, .22); border-left-color: #E8661C; }

/* content area */
html body #col-right { background-color: #F4F6FB; }
html body .breadcrumb > li, html body .breadcrumb > li a { color: #5B6690; }
html body .breadcrumb > li a { color: #2453C9; font-weight: 600; }

/* boxes */
html body .panel {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(20, 35, 91, .07);
  overflow: hidden;
}
html body .panel-default > .panel-heading,
html body .panel > .panel-heading {
  background: #fff;
  color: #14235B;
  border-bottom: 1px solid #EDF0F7;
  padding: 16px 20px;
}
html body .panel-title, html body .panel-heading h2, html body .panel-heading h3 { color: #14235B; font-weight: 700; }
html body .panel-body { padding: 18px 20px; }
html body .panel-footer { background: #F8F9FD; border-top: 1px solid #EDF0F7; }
html body .well, html body .content-box-bordered { border-radius: 12px; border-color: #E3E7F2; background: #fff; box-shadow: none; }

/* buttons */
html body .btn { border-radius: 8px; font-weight: 600; transition: background-color .15s, box-shadow .15s; }
html body .btn-primary { background: #14235B; border-color: #14235B; color: #fff; }
html body .btn-primary:hover, html body .btn-primary:focus { background: #1E3180; border-color: #1E3180; }
html body .btn-success, html body .btn-warning { background: #E8661C; border-color: #E8661C; color: #fff; }
html body .btn-success:hover, html body .btn-success:focus,
html body .btn-warning:hover, html body .btn-warning:focus { background: #C9540F; border-color: #C9540F; }
html body .btn-default { background: #fff; border-color: #D5DBEC; color: #14235B; }
html body .btn-default:hover, html body .btn-default:focus { background: #EEF1F9; border-color: #C3CBE2; color: #14235B; }
html body .btn-danger { border-radius: 8px; }

/* forms */
html body .form-control { border-radius: 8px; border-color: #D5DBEC; box-shadow: none; }
html body .form-control:focus { border-color: #E8661C; box-shadow: 0 0 0 3px rgba(232, 102, 28, .15); }
html body .input-group .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
html body .input-group .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
html body .input-group-addon { background: #EEF1F9; border-color: #D5DBEC; color: #14235B; }

/* tables */
html body .table > thead > tr > th, html body .table > tbody > tr > th, html body table.table th {
  background: #F4F6FB;
  color: #5B6690;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .4px;
  border-bottom: 1px solid #E3E7F2;
}
html body .table > tbody > tr > td { border-top-color: #EDF0F7; vertical-align: middle; }
html body .table-hover > tbody > tr:hover > td, html body .table > tbody > tr:hover > td { background: #FAFBFE; }

/* tabs, pager, labels, progress */
html body .nav-tabs > li.active > a, html body .nav-tabs > li.active > a:hover, html body .nav-tabs > li.active > a:focus {
  color: #14235B; border-top: 3px solid #E8661C; font-weight: 600;
}
html body .nav-pills > li.active > a, html body .nav-pills > li.active > a:hover { background: #14235B; }
html body .pagination > .active > a, html body .pagination > .active > span,
html body .pagination > .active > a:hover, html body .pagination > .active > span:hover { background: #E8661C; border-color: #E8661C; }
html body .label-primary, html body .badge { background: #14235B; }
html body .progress { border-radius: 8px; background: #EDF0F7; box-shadow: none; }
html body .progress-bar { background: #E8661C; }
html body .dropdown-menu { border: 0; border-radius: 10px; box-shadow: 0 10px 30px rgba(20, 35, 91, .15); }
html body .dropdown-menu > .active > a, html body .dropdown-menu > li > a:hover { background: #EEF1F9; color: #14235B; }

/* right-hand widgets (account info, status, settings) */
html body .widget {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(20, 35, 91, .07);
  overflow: hidden;
  background: #fff;
}
html body .widget .widget-header {
  background: #fff;
  color: #14235B;
  font-weight: 700;
  border-bottom: 1px solid #EDF0F7;
  padding: 4px 16px;
}
html body .widget .widget-header h3, html body .widget .widget-header i { color: #14235B; }
html body .widget .widget-header .btn-group a, html body .widget .widget-header .widget-header-toolbar a { color: #8D9AD0; }
html body .widget .widget-content { padding: 14px 18px; }
html body .widget .widget-footer { background: #F8F9FD; border-top: 1px solid #EDF0F7; }

/* polish */
html body .panel > .panel-heading img,
html body .panel-heading .panel-title img {
  background: #FFF1E8;
  border-radius: 12px;
  padding: 6px;
  margin-right: 6px;
}
html body .panel > .panel-heading .panel-title,
html body .panel > .panel-heading h3 { font-size: 17px; letter-spacing: .2px; }
html body .panel:hover { box-shadow: 0 8px 26px rgba(20, 35, 91, .11); }
html body .panel, html body .widget { transition: box-shadow .2s; }
html body .table > thead > tr > td, html body tr.HeaderStyle > *, html body tr.GridHeader > * {
  background: #F4F6FB;
  color: #5B6690;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
}
html body .table > thead > tr > th:first-child, html body .table > thead > tr > td:first-child,
html body .table > tbody > tr > td:first-child { padding-left: 20px; }
html body .breadcrumb {
  display: inline-block;
  background: #fff;
  padding: 6px 16px;
  border-radius: 999px;
  box-shadow: 0 2px 10px rgba(20, 35, 91, .06);
  margin-bottom: 18px;
}
html body .breadcrumb > li { line-height: 1.8; }
html body ul.main-menu li a { font-size: 13.5px; }
html body .top-bar .btn-default, html body .top-bar .btn { border-radius: 8px; }
html body .top-bar input[type="text"], html body .top-bar .form-control { border-radius: 8px 0 0 8px; }
html body .top-bar .btn-primary, html body .top-bar button { background: #14235B; border-color: #14235B; border-radius: 0 8px 8px 0; }