/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
  
html, body { height: 100%; background: #33343a; font-family: "Open Sans", sans-serif; }

h1 { color: #555a56; font-size: 24px; margin: 15px 0px; }
h2 { color: #555a56; font-size: 20px; padding: 15px 0px; margin: 0px; }
h3 { color: #555a56; font-size: 18px; padding: 15px 0px; margin: 0px; }

a { color: #007ea5; }

.clear { clear: both; }
.spacer { height: 15px; }
.white, .white:hover, .white:active, .white:focus { color: #fff; }
.h-100 { height: 100%; min-height: 100vh; }
.title, .title_options { padding-left: 0px; padding-right: 0px; }

.btn, .btn-action { display: inline-block; text-decoration: none !important; }
.btn-action { color: #fff; background-color: #00a580; border-color: #15886e; display: inline-block; }
.btn-action:hover, .btn-action:focus, .btn-action:active { color: #fff; background-color: #15886e; border-color: #00a580; }
.btn-secaction { color: #fff; background-color: #03745d; border-color: #005e4b; }
.btn-secaction:hover, .btn-secaction:focus, .btn-secaction:active { color: #fff; background-color: #005e4b; border-color: #03745d; }

input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 20px; }
.nopad { padding-left: 0px !important; padding-right: 0px !important;}
.nopadl { padding-left: 0px !important; }
.nopadr { padding-right: 0px !important;}

.badge {
    padding: 5px 7px;
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
	border-radius: 0.5em;
	margin:0 0.25em;
}
.badge-danger { background-color: #b94a48; }
.badge-error2 { background-color: #9c594a; }
.badge-error { background-color: #8b201e; }
.badge-warning { background-color: #f89406; }
.badge-success { background-color: #468847; }
.badge-info { background-color: #3a87ad; }

.badge-offer { background-color: #99c524; }
.badge-termin { background-color: #24c5a8; }
.badge-info { background-color: #3a87ad; }
.badge-info2 { background-color: #02427e; }
.badge-inverse { background-color: #777; }

.btn-sm { text-decoration: none !important; }
/* LOGIN BOX */
.loginbox { max-width: 300px; margin: 150px auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(46,51,58,1); -moz-box-shadow: 0px 0px 5px 0px rgba(46,51,58,1); box-shadow: 0px 0px 5px 0px rgba(46,51,58,1); }
.boxtitle { width: 100%; color: #fff; background: #007ea5; padding: 10px; }
.boxtitle h1 { font-size: 16px; font-weight: 400; margin: 0; }
.boxcontent { width: 100%; background: #fff; padding: 10px; }
/* END LOGIN BOX */

.topbar { width: 100%; height: 60px; line-height: 60px; position: fixed; top: 0; z-index: 1000; }
.branding { background: #007ea5; border-bottom: 1px solid #28282e; color: #fff; padding-left: 15px; }
.menubar { background: #333; border-bottom: 1px solid #28282e; color: #fff; padding-left: 0px; }
.loginarea { background: #333; border-bottom: 1px solid #28282e; padding-right: 10px; color: #fff; }
.loginarea a { text-decoration: none; }

#menuwrap { background: #33343a; color: #d7d7d7; left: 0px; padding-left: 0px !important; padding-right: 0px !important; }
#contentwrap { background: #e1e5e1; min-height: 100vh; padding: 15px; }
#showmenu { padding-top: 10px; }
#hidemenu { padding: 8px 15px; }
.hide { display: none; }
.menuspacer { background: #28282e; width: 100%; }
li.menuspacer { background: #28282e; width: 100%; font-size: 10px; color: #555a56; padding: 4px 15px; }

#navi { margin: 0px; padding: 0px; }
#navi li.menuitem { list-style-type: none; line-height: 60px; float: left; }
#navi li.menuitem span.fa { font-size: 18px; }
#navi li.menuitem span { width: 30px; text-align: center; }
#navi li.menuitem a { text-decoration: none; display: inline-block; width: 100%; color: #fff; padding-left: 8px; padding-right: 8px; }
#navi li.active, #navi li.menuitem:hover  { background: #c1dfe9; }
#navi li.active a, #navi li.menuitem a:hover { color: #23527c; }

.contentarea { position: relative; margin-top: 60px; z-index: 10; }
.content-box { background: #fff; border-top: 3px solid #c4cec4; border-bottom: 2px solid #c4cec4; padding: 0px 15px 15px 15px; margin-bottom: 15px; }
.content-box p { margin: 10px 0px; }
.title_options { margin-top: 15px; }

#since { line-height: 20px; }

.list { width: 100%; }
.list tr { min-height: 36px; }
.list th, .list td { padding: 4px 3px; }
.list .customer_no { width: 80px; }

.oddRow { background: #edf5f7; }
.tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0px 15px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background: #28282e; color: #fff; }
.nav-tabs > li > a { color: #28282e; }

/*
 * jQuery Bootstrap Responsive Tabs v2.0.1 | Valeriu Timbuc - vtimbuc.com
 * github.com/vtimbuc/bootstrap-responsive-tabs
 * @license WTFPL http://www.wtfpl.net/about/
 */
.responsive-tabs-container .tab-pane {
  margin-bottom: 15px;
}
.responsive-tabs-container .accordion-link {
  display: none;
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #333;
}
@media (max-width: 767px) {
  .responsive-tabs-container.accordion-xs .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-xs .accordion-link {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .responsive-tabs-container.accordion-sm .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-sm .accordion-link {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .responsive-tabs-container.accordion-md .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-md .accordion-link {
    display: block;
  }
}
@media (min-width: 1200px) {
  .responsive-tabs-container.accordion-lg .nav-tabs {
    display: none;
  }
  .responsive-tabs-container.accordion-lg .accordion-link {
    display: block;
  }
}

.tab-pane h3 { padding-bottom: 0px; }
.current_page span { color: #fff !important; background-color: #337ab7 !important;}