/* --------------- Common Variants ---------------------*/
/* --------------- Theme -------------------------*/
body {
  color: #000000;
}
.main-content {
  background-color: #fff;
}
.page-header {
  border-bottom: 1px solid #a3a3a3;
}
.page-header h1 {
  color: #666;
}
.main-login .box-forgot,
.main-login .box-login,
.main-login .box-register {
  background: #fff;
  border-radius: 5px;
  box-shadow: -30px 30px 50px rgba(0, 0, 0, 0.32);
  overflow: hidden;
  padding: 15px;
  display: block;
}
.modal-content {
  background-color: #fff;
  border: 1px solid #a3a3a3;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.modal-backdrop {
  background-color: #232526;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.close {
  color: #000000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover {
  color: #000000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-footer {
  background: #e9e9e9;
  border-top: 1px solid #f0f0f0;
}
.accordion-custom .panel {
  background-color: #fff;
}
.label-chart {
  color: #333;
}
.panel-default {
  border-color: #cccccc;
}
.panel-tools .btn-default:hover,
.panel-tools .btn-default:focus {
  color: #000000;
}
.input-group-addon {
  color: #555;
  background-color: #ededed;
  border: 1px solid #c2c2c2;
}
.popover {
  background-color: #fff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.popover.top > .arrow {
  border-top-color: #cccccc;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.top > .arrow:after {
  border-top-color: #fff;
}
.popover.right > .arrow {
  border-right-color: #cccccc;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  border-left-color: #cccccc;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  border-left-color: #fff;
}
.popover-title {
  background-color: #f0f0f0;
  border-bottom: 1px solid #cccccc;
}
.tooltip-inner {
  color: #fff;
  background-color: #000000;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #000000;
}
pre {
  color: #333;
  background-color: #f0f0f0;
  border: 1px solid #c2c2c2;
}
hr {
  border-top: 1px solid #f0f0f0;
}
iframe {
  border: none;
}
.panel {
  background-color: #fff;
  border-radius: 6px;
}
.panel-heading {
  background-color: #f0f0f0;
  -moz-box-shadow: 0 1px 0 #fff inset;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom: 1px solid #a3a3a3;
}
.panel-heading.white {
  background-color: #fff !important;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f0f0f0;
  border-color: #cccccc;
  border-bottom: 1px solid #a3a3a3;
}
.panel-heading > [class*=" icon-"],
.panel-heading > [class*=" fa-"],
.panel-heading > [class*=" clip-"],
.panel-heading > [class^="icon-"],
.panel-heading > [class^="fa-"],
.panel-heading > [class^="clip-"] {
  border-right: 1px solid #a3a3a3;
  -moz-box-shadow: 1px 0 0 0 #fff;
  -webkit-box-shadow: 1px 0 0 0 #fff;
  box-shadow: 1px 0 0 0 #fff;
}
.accordion-bricky .panel-heading .accordion-toggle {
  background: #e9e9e9;
  border-left: 2px solid #e7322b;
  color: #CF4843;
}
.accordion-bricky .panel-heading .accordion-toggle.collapsed {
  background: #e9e9e9;
  border-left: none;
  color: #333;
}
.dropdown-menu {
  background: #fff;
  border: 1px solid #c2c2c2;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
  color: #333;
}
.dropdown-menu > li > a:hover {
  color: #000000;
  background-color: #f0f0f0;
}
.dropdown-menu .divider {
  background-color: #f0f0f0;
}
.navbar-tools .dropdown-menu {
  background: #fff;
  border: 1px solid #f0f0f0;
}
.navbar-tools .drop-down-wrapper li a,
.navbar-tools .drop-down-wrapper li p {
  color: #333;
}
.navbar-tools .dropdown-menu li a,
.navbar-tools .dropdown-menu li p {
  color: #333;
  border-bottom: 1px solid rgba(100, 100, 100, 0.22);
}
.navbar-tools .dropdown-menu li a:hover,
.navbar-tools .dropdown-menu li p:hover {
  color: #000000;
  background-color: #f0f0f0 !important;
}
.dropdown-menu notifications .view-all a {
  border-top-color: #000000;
}
.navbar-tools .dropdown-menu li .dropdown-menu-title {
  background: #f0f0f0;
  color: #666;
}
.alert-warning {
  color: #181108;
  background-color: #fbe6ca;
  border-color: #fbe6ca;
}
.alert-danger {
  color: #160808;
  background-color: #f4cbca;
  border-color: #f4cbca;
}
.navbar-tools .drop-down-wrapper li a:focus,
.navbar-tools .drop-down-wrapper li a:hover {
  background-color: #c2d7e9 !important;
  color: #000000;
}
.tab-bricky > li > a {
  background-color: #CF4843;
  color: #ffffff;
}
.nav-tabs > li > a,
.nav-tabs > li > a:focus,
tabs-left > .nav-tabs > li > a,
.tabs-left > .nav-tabs > li > a:focus,
.tabs-left > .nav-tabs > li > a:hover {
  border-color: #a3a3a3;
}
.tab-content {
  border: 1px solid #a3a3a3;
}
.tab-bricky > li > a:hover {
  color: #CF4843;
  border-color: #a3a3a3;
}
.tab-bricky > li.active > a,
.tab-bricky > li.active > a:focus,
.tab-bricky > li.active > a:hover {
  border-color: #e7322b #cccccc transparent !important;
  border-top-color: #e7322b;
  border-top: 2px solid #e7322b !important;
  background-color: transparent !important;
  color: #000000 !important;
}
legend {
  color: #CF4843;
  border-bottom: 1px solid #cccccc;
}
.primary-text {
  color: #c63833;
}
.info-text {
  color: #2d6da3;
}
.danger-text {
  color: #d43f3a;
}
.blueLink,
a {
  color: #1c7cce;
  cursor: pointer;
}
.blueLink:hover,
a:hover {
  text-decoration: underline;
  color: #1661a1;
}
.greenLink {
  color: #327b00;
  cursor: pointer;
}
.greenLink:hover {
  text-decoration: underline;
  color: #1d4800;
}
.blueText {
  color: #1c7cce;
}
.redText {
  color: #d9534f;
}
.greenText {
  color: #3D9400;
}
.orangeText {
  color: #f0ad4e;
}
.rowToggle {
  display: inline-block;
  color: #327b00;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  margin-right: 0.25em;
}
.rowToggle::before {
  content: '\f0da';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
.rowToggle:hover {
  text-decoration: underline;
  color: #1d4800;
}
.rowToggle:hover {
  text-decoration: none;
}
.rowToggle.expanded::before {
  content: '\f0d7';
}
.rowToggle2 {
  display: inline-block;
  color: #327b00;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  margin-right: 0.25em;
  font-size: 12px;
}
.rowToggle2::before {
  content: '\f0da';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
.rowToggle2:hover {
  text-decoration: underline;
  color: #1d4800;
}
.rowToggle2:hover {
  text-decoration: none;
}
.rowToggle2.expanded::before {
  content: '\f0d7';
}
.rowToggle2::after {
  content: 'More';
  margin-left: 0.5em;
}
.rowToggle2.expanded::after {
  content: 'Less';
}
.greenCheck {
  display: inline-block;
  width: unset;
  height: unset;
  font-size: 22px;
  background: none;
  color: #3d9400;
}
.greenCheck::before {
  content: '\f00c';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
@media (max-width: 767px) {
  .greenCheck {
    font-size: 12px;
  }
}
.tableChart {
  display: inline-block;
  color: #1c7cce;
  font-size: 17px;
  cursor: pointer;
}
.tableChart::before {
  content: '\f080';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}
.k-info {
  font-family: clip-font;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #2d6da3;
  margin-left: 0.5em;
}
.k-info::before {
  content: '\e0d5';
}
.k-info:hover {
  text-decoration: none;
}
.k-info:focus {
  text-decoration: none;
}
.btn,
.btn.focus,
.btn:focus,
.btn:hover,
.breadcrumb .btn {
  color: #fff;
}
.btn-link:focus {
  color: #e7322b;
}
.btn-default {
  color: #000000;
  background-color: #fff;
  border-color: #cccccc;
}
.btn-defaultactive,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
  color: #000000;
  background-color: #cccccc;
  border-color: #c2c2c2;
}
.btn-default:active:focus {
  background-color: #888888;
  border-color: #c2c2c2;
}
.btn-go,
.btn-create,
btn-green {
  color: #ffffff;
  background-color: #3D9400;
  border-color: #327b00;
}
.btn-goactive,
.btn-createactive,
btn-greenactive,
.btn-go:active,
.btn-create:active,
btn-green:active,
.btn-go:focus,
.btn-create:focus,
btn-green:focus,
.btn-go:hover,
.btn-create:hover,
btn-green:hover {
  color: #ffffff;
  background-color: #327b00;
  border-color: #3d9400;
}
.btn-go:active:focus,
.btn-create:active:focus,
btn-green:active:focus {
  background-color: #2b6800;
  border-color: #3d9400;
}
.btn-edit,
.btn-update {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2d6da3;
}
.btn-editactive,
.btn-updateactive,
.btn-edit:active,
.btn-update:active,
.btn-edit:focus,
.btn-update:focus,
.btn-edit:hover,
.btn-update:hover {
  color: #ffffff;
  background-color: #2d6da3;
  border-color: #1c7cce;
}
.btn-edit:active:focus,
.btn-update:active:focus {
  background-color: #135790;
  border-color: #1c7cce;
}
.btn-lock {
  color: #ffffff;
  background-color: #333;
  border-color: #1a1a1a;
}
.btn-lockactive,
.btn-lock:active,
.btn-lock:focus,
.btn-lock:hover {
  color: #ffffff;
  background-color: #1a1a1a;
  border-color: #382e2e;
}
.btn-lock:active:focus {
  background-color: #272020;
  border-color: #382e2e;
}
.btn-duplicate {
  color: #ffffff;
  background-color: #364F6A;
  border-color: #2d4259;
}
.btn-duplicateactive,
.btn-duplicate:active,
.btn-duplicate:focus,
.btn-duplicate:hover {
  color: #ffffff;
  background-color: #2d4259;
  border-color: #264e7a;
}
.btn-duplicate:active:focus {
  background-color: #1b3755;
  border-color: #264e7a;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-dangeractive,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
  color: #ffffff;
  background-color: #d43f3a;
  border-color: #ee3f3a;
}
.btn-danger:active:focus {
  background-color: #a72c28;
  border-color: #ee3f3a;
}
.btn-primary,
.btn-bricky {
  color: #ffffff;
  background-color: #CF4843;
  border-color: #c63833;
}
.btn-primaryactive,
.btn-brickyactive,
.btn-primary:active,
.btn-bricky:active,
.btn-primary:focus,
.btn-bricky:focus,
.btn-primary:hover,
.btn-bricky:hover {
  color: #ffffff;
  background-color: #c63833;
  border-color: #e7322b;
}
.btn-primary:active:focus,
.btn-bricky:active:focus {
  background-color: #a1231e;
  border-color: #e7322b;
}
.btn-light-grey {
  color: #ffffff;
  background-color: #888888;
  border-color: #747474;
}
.btn-light-greyactive,
.btn-light-grey:active,
.btn-light-grey:focus,
.btn-light-grey:hover {
  color: #ffffff;
  background-color: #747474;
  border-color: #9b9b9b;
}
.btn-light-grey:active:focus {
  background-color: #6d6d6d;
  border-color: #9b9b9b;
}
@media (max-width: 767px) {
  .bootstrap-datetimepicker-widget {
    z-index: 1031;
  }
}
.bootstrap-datetimepicker-widget a,
.bootstrap-datetimepicker-widget a.btn {
  color: #337ab7;
}
.bootstrap-datetimepicker-widget .btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #1c7cce;
}
.bootstrap-datetimepicker-widget .btn-primaryactive,
.bootstrap-datetimepicker-widget .btn-primary:active,
.bootstrap-datetimepicker-widget .btn-primary:focus,
.bootstrap-datetimepicker-widget .btn-primary:hover {
  color: #ffffff;
  background-color: #1c7cce;
  border-color: #2d6da3;
}
.bootstrap-datetimepicker-widget .btn-primary:active:focus {
  background-color: #204c72;
  border-color: #2d6da3;
}
.bootstrap-datetimepicker-widget .datepicker table tr td.today {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #eea236, #ffb03f);
  background-image: -ms-linear-gradient(to bottom, #eea236, #ffb03f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eea236), to(#ffb03f));
  background-image: -webkit-linear-gradient(to bottom, #eea236, #ffb03f);
  background-image: -o-linear-gradient(to bottom, #eea236, #ffb03f);
  background-image: linear-gradient(to bottom, #eea236, #ffb03f);
  border-color: #ffb03f #ffb03f #f0ad4e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget .datepicker table tr td.today::before {
  border-bottom-color: #fff;
  border-right-color: #fff;
}
.bootstrap-datetimepicker-widget .datepicker table tr td.active {
  background-color: #337ab7;
  background-image: -moz-linear-gradient(to bottom, #1c7cce, #2d6da3);
  background-image: -ms-linear-gradient(to bottom, #1c7cce, #2d6da3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1c7cce), to(#2d6da3));
  background-image: -webkit-linear-gradient(to bottom, #1c7cce, #2d6da3);
  background-image: -o-linear-gradient(to bottom, #1c7cce, #2d6da3);
  background-image: linear-gradient(to bottom, #1c7cce, #2d6da3);
  border-color: #337ab7 #337ab7 #2d6da3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: #c63833;
  border-color: #e7322b;
}
.table-head{
  color: white;
  position:relative;
  text-shadow: 2px 2px 8px #FFF;
  top: 50px;
  left: 50px;
  padding-right: 325px;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
}

.table-data1{
  color: white;
  position:relative;

  top: 80px;
  left: 50px;

  padding-left:20px;
  width: 440px;

  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
}

.table-icon{
  width:30px;
  height: 30px;

  background-color: white;
}

.table-link{
  color: #fff;
  text-decoration: underline;
}

.welcomeLinks{

  color:#fff;
}

.welcomeLinks:hover{
  color: #cf4843;
}

.username{
  color: #fff;
  font-size:16px;
  margin-top:15px;
  position: absolute;
}
.navbar-container {
  display: inline-block;
  cursor: pointer;
}

.navbar-container:hover {
  display: inline-block;
  cursor: pointer;
  background-color: #cf4843;
}

.material-icons{
  color: #cf4843;
}

.bar1, .bar2, .bar3 {
  width: 30px;
  height: 4px;
  background-color: #cf4843;
  margin: 5px 0;
  margin-right:10px;
  transition: 0.2s;
}
.bar1{
  margin-top:15px;
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
input.form-control,
select.form-control,
textarea.form-control {
  background-color: #fff;
  color: #333;
  border-color: #c2c2c2;
}
select.form-control-newUI{
  background-color: #232526;
  color: #cf4843;
  border: none;
  font-size:16px;
}
.styled-select {
  width: auto;
  height: 34px;
  overflow: hidden;
  background-color: #fff;
  margin-left: 15px;
  margin-right: 15px;
}
.styled-select select{
  width: 300px;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  height: 34px;
  -webkit-appearance: none;
}
input.form-control:hover,
select.form-control:hover,
textarea.form-control:hover {
  border-color: #6baadf;
}
select.form-control-newUI:hover{
  cursor: pointer;
  border-bottom: solid 2px;
  border-color: #cf4843;
  outline: none;
}
input.form-control:focus,
textarea.form-control:focus {
  border-color: #1c7cce;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(28, 124, 206, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(28, 124, 206, 0.6);
}

select.form-control:focus{
  border-color: #232526;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #cccccc;
}
.form-group .select2 {
  width: 100%;
}
.form-inline .select2 {
  width: 160px;
}
.input-group .select2 {
  width: 100%;
}
.select2-container {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
}
.select2-container.select2-container--open {
  border-color: #1c7cce;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(28, 124, 206, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(28, 124, 206, 0.6);
}
.select2-container .select2-results__option::after {
  content: ' ';
  display: inline;
}
.select2-container .select2-results__option[aria-selected="true"] {
  color: #333;
  background-color: #67a7de;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
  background-color: #1c7cce;
  color: #fff;
}
.select2-container .select2-selection--single {
  height: 34px;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  transition: border 0.3s;
}
.input-group .select2-container .select2-selection--single {
  border-radius: 0;
}
.input-group select:first-child + .select2-container .select2-selection--single {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.select2-container .select2-selection--single:hover {
  border-color: #6baadf;
}
.select2-container--open.select2-container .select2-selection--single {
  background-color: #fff;
  border: 1px solid #1c7cce;
}
.input-group select:first-child + .select2-container--open.select2-container .select2-selection--single {
  border-bottom-left-radius: 0;
}
.select2-container--disabled.select2-container .select2-selection--single {
  background-color: #cccccc;
  cursor: default;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  color: #333;
  padding: 5px 6px;
  line-height: 22px;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  color: #555;
  background-color: #ededed;
  border-left: 1px solid #c2c2c2;
  border-radius: 0 3px 3px 0;
  height: 32px;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.input-group .select2-container .select2-selection--single .select2-selection__arrow {
  border-radius: 0;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #666 transparent transparent transparent;
}
.select2-container .select2-selection--single .select2-selection__arrow:hover {
  background: #c2c2c2;
}
.select2-container--open.select2-container .select2-selection--single .select2-selection__arrow {
  border-left: 1px solid #1c7cce;
  border-bottom-right-radius: 0;
}
.select2-container--open.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #1c7cce transparent;
}
.select2-container--above.select2-container--open.select2-container .select2-selection--single .select2-selection__arrow {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 0;
}
.select2-container--disabled.select2-container .select2-selection--single .select2-selection__arrow {
  background-color: #cccccc;
  cursor: default;
}
.select2-container .select2-search {
  width: calc(100% - 26px);
  position: absolute;
  top: -27px;
  left: 5px;
  padding: 0;
  border: none;
}
.select2-container .select2-search .select2-search__field {
  background-color: #fff;
  color: #000000;
  height: 20px;
  padding: 0px;
  border: none;
  outline: none;
}
.select2-container .select2-dropdown--above .select2-search {
  top: unset;
  bottom: -27px;
}
.select2-dropdown {
  background-color: #fff;
  border: 1px solid #1c7cce;
  z-index: 1020;
}
.s2-layered .select2-dropdown {
  z-index: 1051;
}
.form-group.date-selector span.input-group-addon {
  cursor: pointer;
  transition: background 0.3s;
}
.form-group.date-selector span.input-group-addon:hover {
  background: #c2c2c2;
}
/* Dashboard */
.core-box {
  border-bottom: none;
}
.core-box.primary a:hover {
  color: #e7322b;
}
.core-box.primary a:hover h2 {
  color: #666;
  background: rgba(231, 50, 43, 0.15);
}
.core-box.primary .circle-icon {
  border: 1px solid;
  background-color: #e7322b;
  border-color: #df211a;
}
.core-box.complementary a:hover {
  color: #2be770;
}
.core-box.complementary a:hover h2 {
  color: #666;
  background: rgba(43, 231, 112, 0.15);
}
.core-box.complementary .circle-icon {
  border: 1px solid;
  background-color: #2be770;
  border-color: #1adf62;
} 
.core-box.fraudmanager a:hover {
  color: #000;
}
.core-box.fraudmanager a:hover h2 {
  color: #000;
  background: rgb(209, 209, 209);
}
.core-box.fraudmanager .circle-icon {
  border: 1px solid;
  background-color: #000;
  border-color: #000;
}
.core-box.secondary a:hover {
  color: #2b63e7;
}
.core-box.secondary a:hover h2 {
  color: #666;
  background: rgba(43, 99, 231, 0.15);
}
.core-box.secondary .circle-icon {
  border: 1px solid;
  background-color: #2b63e7;
  border-color: #1a54df;
}
.core-box .heading h2 {
  color: #666;
  line-height: 59px;
  padding-right: 28px;
  border-radius: 30px;
  white-space: nowrap;
}
.mini-stats li {
  border-left: 1px solid #fff;
  border-right: 1px solid #cccccc;
  padding-bottom: 6px;
  text-align: center;
}
.dashboard-page .column {
  min-height: 36px;
}
.dashboard-page .column.empty {
  min-height: 56px;
}
.dashboard-page .column.empty::before {
  content: ' ';
  position: absolute;
  left: 16px;
  right: 16px;
  top: 1px;
  bottom: 21px;
  border: 1px dashed #c2c2c2;
  border-radius: 4px;
}
.dashboard-page .panel-heading > i {
  cursor: move;
  transition: all 0.3s;
}
.dashboard-page .panel-heading > i:hover {
  background: #c2c2c2;
  color: #000000;
}
.panel-placeholder {
  background: rgba(28, 124, 206, 0.1);
  border: 1px dashed #2d6da3;
  border-radius: 4px;
  margin-bottom: 20px;
}
.row-placeholder {
  height: 36px;
  background: rgba(28, 124, 206, 0.1);
  border: 2px solid #2d6da3;
  border-radius: 4px;
  margin-bottom: 20px;
}
ul#sortable > li {
  position: relative;
}
ul#sortable > li > div.handle {
  content: ' ';
  position: absolute;
  display: none;
  left: -14px;
  top: 0;
  bottom: 20px;
  width: 12px;
  border: 2px solid #c2c2c2;
  background: #ededed;
  border-left: 4px double #c2c2c2;
  border-right: 4px double #c2c2c2;
  cursor: move;
  z-index: 10;
  transition: all 0.3s;
}
ul#sortable > li:hover > div.handle {
  display: block;
}
ul#sortable > li:hover > div.handle:hover {
  background: #c2c2c2;
  border-left: 4px double #bbb;
  border-right: 4px double #bbb;
}
/* Charts */
.highcharts-root .highcharts-background {
  fill: #fff;
}
.highcharts-root .highcharts-title,
.highcharts-root .highcharts-legend-item text {
  fill: #333;
}
.highcharts-root .highcharts-axis-labels {
  fill: #666;
}
.highcharts-root .highcharts-halo {
  fill-opacity: 0.35;
  stroke-width: 1;
  stroke-opacity: 0.4;
}
.highcharts-root .highcharts-graph {
  stroke-width: 4;
}
.highcharts-root .highcharts-line-series .highcharts-point {
  stroke-width: 4;
}
.highcharts-root .highcharts-column-series .highcharts-point {
  stroke: #000;
  stroke-width: 2;
  stroke-opacity: 0.1;
}
#pageViewHistoryChart .highcharts-root .highcharts-line-series .highcharts-graph {
  stroke-width: 3;
}
#pageViewHistoryChart .highcharts-root .highcharts-line-series .highcharts-point {
  stroke-width: 0;
  fill: none;
}
#pageViewHistoryChart .highcharts-root .highcharts-line-series .highcharts-point.highcharts-point-hover {
  fill: inherit;
}
.highcharts-root .highcharts-grid-line {
  stroke: #cccccc;
}
.highcharts-root .highcharts-axis-line {
  stroke: #c2c2c2;
}
.highcharts-root .highcharts-tick {
  stroke: #c2c2c2;
}
.highcharts-root .highcharts-color-0 {
  stroke: #ac413e;
  fill: #ac413e;
}
.highcharts-root .highcharts-color-1 {
  stroke: #658ebd;
  fill: #658ebd;
}
.highcharts-root .highcharts-color-2 {
  stroke: #3ea9ac;
  fill: #3ea9ac;
}
.highcharts-root .highcharts-color-3 {
  stroke: #325b8a;
  fill: #325b8a;
}
.highcharts-root .highcharts-color-4 {
  stroke: #232526;
  fill: #232526;
}
.highcharts-root .highcharts-color-5 {
  stroke: #8a3432;
  fill: #8a3432;
}
.highcharts-root .highcharts-color-6 {
  stroke: #3e72ac;
  fill: #3e72ac;
}
.highcharts-root .highcharts-color-8 {
  stroke: #bd6765;
  fill: #bd6765;
}
.highcharts-root .highcharts-color-7 {
  stroke: #65babd;
  fill: #65babd;
}
.highcharts-root .highcharts-color-9 {
  stroke: #2e3031;
  fill: #2e3031;
}
.highcharts-root .charts-good {
  stroke: #15CF76;
  fill: #15CF76;
}
.highcharts-root .charts-good > .highcharts-point {
  fill: #15CF76;
  stroke: #02150c;
}
.highcharts-root .charts-good > .highcharts-halo {
  fill: #15CF76;
  stroke: #44d991;
}
.highcharts-root .charts-good2 {
  stroke: #5A969C;
  fill: #5A969C;
}
.highcharts-root .charts-good2 > .highcharts-point {
  fill: #5A969C;
  stroke: #090f10;
}
.highcharts-root .charts-good2 > .highcharts-halo {
  fill: #5A969C;
  stroke: #7babb0;
}
.highcharts-root .charts-neutral {
  stroke: #236369;
  fill: #236369;
}
.highcharts-root .charts-neutral > .highcharts-point {
  fill: #236369;
  stroke: #030a0a;
}
.highcharts-root .charts-neutral > .highcharts-halo {
  fill: #236369;
  stroke: #4f8287;
}
.highcharts-root .charts-bad {
  stroke: #D56068;
  fill: #D56068;
}
.highcharts-root .charts-bad > .highcharts-point {
  fill: #D56068;
  stroke: #150a0a;
}
.highcharts-root .charts-bad > .highcharts-halo {
  fill: #D56068;
  stroke: #dd8086;
}
.highcharts-root .charts-bad2 {
  stroke: #9C1B65;
  fill: #9C1B65;
}
.highcharts-root .charts-bad2 > .highcharts-point {
  fill: #9C1B65;
  stroke: #10030a;
}
.highcharts-root .charts-bad2 > .highcharts-halo {
  fill: #9C1B65;
  stroke: #b04984;
}
.highcharts-root .highcharts-data-label-connector {
  fill: none;
}
.highcharts-root .highcharts-tooltip {
  stroke-opacity: 0.8;
}
#realtimePageViews #gradient-0 stop[offset="0"] {
  stop-color: #232526;
}
#realtimePageViews #gradient-0 stop[offset="1"] {
  stop-color: #111;
}
#realtimePageViews .realtimeViewsChart {
  stroke: #000;
  stroke-width: 4;
  fill-opacity: 1.0;
}
#realtimePageViews .highcharts-label rect {
  stroke: #fff;
  stroke-opacity: 0.1;
  fill: #000;
  fill-opacity: 1.0;
}
#realtimePageViews .vph {
  fill: #CF4843;
}
#realtimePageViews .highcharts-dial {
  stroke: #CF4843;
  stroke-width: 1;
  fill: #CF4843;
  fill-opacity: 1;
}
#realtimePageViews .highcharts-pivot {
  stroke: #CF4843;
  stroke-width: 1;
  fill: #CF4843;
  fill-opacity: 1;
}
#realtimePageViews .highcharts-minor-grid-line {
  stroke: #fff;
  stroke-opacity: 0.1;
  stroke-width: 1;
}
#realtimePageViews .highcharts-minor-tick {
  stroke: #fff;
  stroke-opacity: 0.1;
  stroke-width: 1;
}
#realtimePageViews .highcharts-grid-line {
  stroke: #fff;
  stroke-opacity: 0.1;
  stroke-width: 1;
}
#realtimePageViews .highcharts-tick {
  stroke: #CF4843;
  stroke-opacity: 0.9;
  stroke-width: 2;
}
#realtimePageViews .highcharts-axis-title,
#realtimePageViews .highcharts-axis-labels {
  fill: #ffffff;
}
/* Misc */
.other .messages {
  background: #e9e9e9;
}
.other .messages::after {
  border-color: #e9e9e9 #e9e9e9 transparent transparent;
}
.self .messages {
  background: #CF4843;
}
.self .messages::after {
  border-color: #CF4843 transparent transparent #CF4843;
}
.plugin-panel {
  border: 2px solid #cccccc;
}
.plugin-panel:hover {
  border: 2px solid #c63833;
}
.tab-bricky > li.open .dropdown-toggle,
.tab-bricky .active > a,
.tab-bricky .dropdown-menu > li > a:hover {
  background-color: #CF4843;
  border-color: #c63833;
  color: #ffffff;
}
.fc-toolbar .fc-state-default {
  background-color: #fff;
  background-image: none;
  border-color: #c2c2c2;
  color: #666;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.fc-toolbar .fc-state-hover {
  background-color: #ededed;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .fc-state-down {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  background-color: #CF4843;
  border-color: #c63833;
  color: #ffffff;
}
/* Navigation */
.footer,
.main-container,
.main-navigation,
body,
.navbar-inverse,
.navbar-toggle {
  background-color: #232526;
}
.navigation-small ul.main-navigation-menu > li > ul.sub-menu,
ul.main-navigation-menu > li > ul.sub-menu {
  background-color: rgba(35, 37, 38, 0.9);
}
ul.main-navigation-menu > li a,
.navbar-inverse .nav > li > a,
.navbar-inverse .nav > li.current-user > a,
.navbar-tools label,
.hamburger-menu {
  border: none;
  border-top-color: #CF4843;
  color: #FFF !important;
}
ul.main-navigation-menu > li:hover > a,
ul.main-navigation-menu > li > a:hover {
  background-color: #3a2727;
}
ul.main-navigation-menu > li.active > a {
  background: #CF4843 !important;
  border-top: none !important;
  color: #fff;
}
ul.main-navigation-menu > li.active > a .selected::before {
  color: #CF4843 !important;
}
ul.main-navigation-menu > li.open {
  background-color: #232526;
}
ul.main-navigation-menu > li a > i {
  color: #CF4843;
  font-weight: 400;
}
ul.main-navigation-menu > li > ul.sub-menu > li a:hover {
  color: #fff !important;
  background: #3a2727 !important;
}
ul.main-navigation-menu > li > ul.sub-menu > li.open > ul.sub-menu > li.active > a,
ul.main-navigation-menu > li > ul.sub-menu > li.open > a {
  color: #000 !important;
  background: #FFF !important;
}
ul.main-navigation-menu > li > ul.sub-menu > li.active > a,
ul.main-navigation-menu > li > ul.sub-menu > li.active.open > a,
ul.main-navigation-menu > li > ul.sub-menu > li.open > ul.sub-menu > li.active > a {
  color: #FFF !important;
  background: #CF4843 !important;
}
ul.main-navigation-menu > li > ul.sub-menu > li.active > a > i,
ul.main-navigation-menu > li > ul.sub-menu > li.active.open > a > i,
ul.main-navigation-menu > li > ul.sub-menu > li.open > ul.sub-menu > li.active > a > i {
  color: #fff;
}
.nav > li.dropdown .dropdown-toggle .badge {
  background-color: #CF4843;
  color: #fff;
  border: none;
}
.navbar-inverse .nav > li.current-user > a i {
  display: inline-block;
  text-align: center;
  width: 1.25em;
  color: #CF4843 !important;
  font-size: 12px;
}
.navbar-inverse .nav > li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav > li.dropdown.open.active > .dropdown-toggle,
.navbar-inverse .nav > li.dropdown.open > .dropdown-toggle {
  background: #3a2727;
}
.navbar-inverse .nav > li:active > a,
.navbar-inverse .nav > li:hover > a,
.nav > li > a:focus,
.nav > li > a:hover {
  background: #3a2727;
}
.navbar-inverse .nav h4,
.navbar-toggle span {
  color: #FFF;
}
.main-content .container,
.navbar-inverse {
  border-left: none;
  border-bottom: none;
}
#dashboard-header{
  margin-left : 100px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 35px;
}
#dashboard-welcometo{
  width: 317px;
  height: 35px;
  left: 83px;
  top: 135px;

  color: #CF4843;

}
#dashboard-getstarted{
position:absolute;
  width: 514px;
  height: 98px;
  left: 282px;
  top: 55px;
  font-size: 66px;
  font-family: Open Sans;
  font-style: normal;
  color:#ffffff;
}
#dashboard-konnektive{
  width: 317px;
  height: 35px;
  left: 83px;
  top: 135px;
  color:#ffffff;
}
#dashboard-container{
  margin-top: 20px;
  background-color: #656667;
  border-radius: 5px;
  width: 1440px;
  height: 640px;
  color:#ffffff;
}
body.navigation-small .navigation-toggler i:first-child,
body:not(.navigation-small) .navigation-toggler i:last-child {
  color: rgba(85, 85, 85, 0.3);
}
.go-top,
.navigation-toggler {
  background-color: #2a2c2d !important;
  color: #FFF;
}
.go-top:hover,
.navigation-toggler:hover i:first-child,
.navigation-small .navigation-toggler:hover i:last-child {
  color: #CF4843;
}
.footer .footer-inner {
  color: #666;
}
.footer .support-line {
  text-align: right;
  padding: 8px;
  margin-right: 20px;
  color: #ffffff;
}
.footer .support-line hr {
  margin: 4px auto;
  border: 1px solid #333;
}
/* Breadcrumb */
.crumb-trail {
  background-color: #656667 !important;
}
.breadcrumb {
  list-style: none;
  font: 18px Helvetica, Arial, Sans-Serif;
  height: 50px;
  overflow: hidden;
  padding: 1px 0 0 0;
  background-color: transparent;
  border-bottom: 1px solid #515252;
}
.breadcrumb .btn {
  padding: 3px 6px;
}
.breadcrumb i {
  color: #FFF;
}
.breadcrumb li {
  float: left;
}
.breadcrumb li + li::before {
  content: '';
  padding: 0;
}
.breadcrumb li a {
  padding: 10px 0 10px 45px;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  background: #c2c2c2;
  position: relative;
  display: block;
  float: left;
  border: 1px solid #515252;
  border-right-color: transparent !important;
  color: white;
  text-decoration: none;
}
.breadcrumb li a i {
  color: black;
}
.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #515252;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 100%;
  z-index: 2;
}
.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid #515252;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  left: 100%;
  border-left-color: #333;
  margin-left: 0.86px;
  z-index: 1;
}
.breadcrumb li > .active {
  color: #FFF;
}
.breadcrumb li:first-child a {
  padding-left: 20px;
  background-color: #656667;
}
.breadcrumb li:first-child a:after {
  border-left-color: #656667;
}
.breadcrumb li:first-child a:before {
  border-left-color: #333;
}
.breadcrumb li:nth-child(7) a {
  background-color: #995855;
}
.breadcrumb li:nth-child(7) a:after {
  border-left-color: #995855;
}
.breadcrumb li:nth-child(6) a {
  background-color: #925a58;
}
.breadcrumb li:nth-child(6) a:after {
  border-left-color: #925a58;
}
.breadcrumb li:nth-child(5) a {
  background-color: #8a5c5a;
}
.breadcrumb li:nth-child(5) a:after {
  border-left-color: #8a5c5a;
}
.breadcrumb li:nth-child(4) a {
  background-color: #835e5d;
}
.breadcrumb li:nth-child(4) a:after {
  border-left-color: #835e5d;
}
.breadcrumb li:nth-child(3) a {
  background-color: #7b6060;
}
.breadcrumb li:nth-child(3) a:after {
  border-left-color: #7b6060;
}
.breadcrumb li:nth-child(2) a {
  background-color: #746262;
}
.breadcrumb li:nth-child(2) a:after {
  border-left-color: #746262;
}
.breadcrumb li a[disabled] {
  background-color: #656667;
  pointer-events: none;
}
.breadcrumb li a[disabled]:after {
  border-left-color: #656667;
}
.breadcrumb li a:hover {
  background-color: #ededed;
  border-color: #333;
  color: #000;
}
.breadcrumb li a:hover:after {
  border-left-color: #ededed;
}
.breadcrumb li a:hover:before {
  border-left-color: #333;
}
.breadcrumb li.active a {
  background-color: #CF4843;
  border-color: #333;
}
.breadcrumb li.active a:after {
  border-left-color: #CF4843;
}
.breadcrumb li.active a:before {
  border-left-color: #333;
}
#timer_widget,
#salesForm .checkbox label {
  color: #CF4843;
}
#productBoxWrap {
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  background-color: #edeeee;
  box-shadow: 2px 3px 12px rgba(35, 37, 38, 0.05) inset;
}
#productBoxWrap .k-info {
  font-size: 22px;
}
.productSelect-table th {
  color: #000000;
}
#k-spinner {
  background-color: rgba(35, 37, 38, 0.6);
  color: #CF4843;
  text-shadow: 0 0 1px #232526, 0 0 2px #e7322b;
}
.nav-tabs > li > a:hover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #c2c2c2 !important;
}
.fc-state-highlight {
  background: #f0f0f0 !important;
}
.fc-event {
  color: #000000;
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
}
.fc-event.label-success {
  background-color: #3D9400 !important;
  border-color: #3D9400 !important;
}
.fc-event.label-warning {
  background-color: #f0ad4e !important;
  border-color: #f0ad4e !important;
}
.fc-event.label-danger {
  background-color: #d9534f !important;
  border-color: #d9534f !important;
}
.fc-event.label-info {
  background-color: #5bc0de !important;
  border-color: #5bc0de !important;
}
.daterangepicker .ranges li {
  color: #337ab7;
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
  background: #337ab7;
  border: 1px solid #337ab7;
  color: #fff;
}
.daterangepicker td.active {
  background-color: #337ab7;
}
.daterangepicker .input-mini.active {
  border: 1px solid #337ab7;
  border-radius: 4px;
}
.table-striped-column > tbody > tr td:nth-of-type(even) {
  background-color: #f0f0f0;
}
.totalRowCol {
  border: 3px solid #c2c2c2;
  border-width: 0px 0 1px 0;
  background-color: white;
}
.input-group.input-right input {
  text-align: right;
}
#addCountrySelect {
  width: calc(64%);
  vertical-align: bottom;
  margin: 0;
  border-radius: 4px 0 0 4px;
}
#addCountrySelect + .select2-container--default {
  width: calc(64%);
  text-align: left;
}
#addCountrySelect + .select2-container--default .select2-selection--single {
  border-radius: 4px 0 0 4px;
}
#addCountrySelect + span + button {
  width: 36px;
  margin: 0;
  border-radius: 0 4px 4px 0;
}
#creditCardDiv .select2 {
  width: 47%;
}
.header-addon-xs {
  display: none;
  margin: 18px -10px 0;
  padding-top: 6px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 767px) {
  .header-addon-xs {
    display: block;
  }
}
.header-addon-xs label {
  margin: 0;
}
.header-addon-xs select {
  width: auto;
}
.pagination.pagination-primary li a {
  color: #CF4843;
  background-color: #fff;
  border: 1px solid #a3a3a3;
}
.pagination.pagination-primary li a:hover {
  color: #c63833;
  background-color: #fad6d5;
}
.pagination.pagination-primary li.active a {
  color: #ffffff;
  background: #CF4843;
  border-color: #c63833;
}
.baseTable_bg0 {
  background-color: #fff;
}
.baseTable_bg1 {
  background-color: #f0f0f0;
}
table.sticky tbody:first-child tr.sticky td,
table.sticky thead th.sticky,
table.sticky thead td.sticky,
table.sticky tbody:first-child tr.sticky td.sticky,
table.sticky > tbody > tr > td.sticky {
  background-color: #fff;
}
table.sticky tbody tr td.sticky.last,
table.sticky thead tr td.sticky.last,
table.sticky thead tr th.sticky.last {
  border-right: thin solid #c2c2c2;
}
table.sticky.table-striped > tbody > tr:nth-of-type(2n+1) > td.sticky {
  background-color: #f0f0f0;
}
.table thead tr {
  color: #666;
  font-weight: 400;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #cccccc;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 1px solid #cccccc;
}
.table-flipper {
  display: none;
}
.table-flipper::after {
  content: 'Scrolling Mode';
}
.flipped.table-flipper::after {
  content: 'Responsive Mode';
}
.table-striped > tbody > tr {
  background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #f0f0f0;
}
.table-striped > tbody > tr td.col_details {
  padding: 0 8px;
}
.table-striped > tbody > tr.sr[depth='1'] {
  border-bottom: 1px solid #c2c2c2;
  border-left-width: 16px;
  border-left-style: solid;
  background-color: #e7e7e7;
  border-left-color: #f0f0f0;
}
.table-striped > tbody > tr.sr[depth='1']:nth-of-type(2n+1) {
  background-color: #f6f6f6;
}
.table-striped > tbody > tr.sr[depth='1'] td:first-child {
  border-left: 1px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='1'] + tr:not([depth='1']) {
  border-top: 2px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='1'] + tr[depth='2'] {
  border-top: 3px solid #c2c2c2;
}
@media (max-width: 767px) {
  .table-striped > tbody > tr.sr[depth='1'] {
    border-left: 4px solid #c2c2c2;
    border-bottom: 2px solid #c2c2c2;
  }
  .table-striped > tbody > tr.sr[depth='1'] > td[colKey='id'] {
    display: none;
  }
}
.table-striped > tbody > tr.sr[depth='2'] {
  border-bottom: 1px solid #c2c2c2;
  border-left-width: 32px;
  border-left-style: solid;
  background-color: #ededed;
  border-left-color: #f0f0f0;
}
.table-striped > tbody > tr.sr[depth='2']:nth-of-type(2n+1) {
  background-color: #dedede;
}
.table-striped > tbody > tr.sr[depth='2'] td:first-child {
  border-left: 1px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='2'] + tr:not([depth='2']) {
  border-top: 3px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='2'] + tr[depth='3'] {
  border-top: 4px solid #c2c2c2;
}
@media (max-width: 767px) {
  .table-striped > tbody > tr.sr[depth='2'] {
    border-left: 8px solid #c2c2c2;
    border-bottom: 2px solid #c2c2c2;
  }
  .table-striped > tbody > tr.sr[depth='2'] > td[colKey='id'] {
    display: none;
  }
}
.table-striped > tbody > tr.sr[depth='3'] {
  border-bottom: 1px solid #c2c2c2;
  border-left-width: 48px;
  border-left-style: solid;
  background-color: #d5d5d5;
  border-left-color: #f0f0f0;
}
.table-striped > tbody > tr.sr[depth='3']:nth-of-type(2n+1) {
  background-color: #e4e4e4;
}
.table-striped > tbody > tr.sr[depth='3'] td:first-child {
  border-left: 1px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='3'] + tr:not([depth='3']) {
  border-top: 4px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='3'] + tr[depth='4'] {
  border-top: 5px solid #c2c2c2;
}
@media (max-width: 767px) {
  .table-striped > tbody > tr.sr[depth='3'] {
    border-left: 12px solid #c2c2c2;
    border-bottom: 2px solid #c2c2c2;
  }
  .table-striped > tbody > tr.sr[depth='3'] > td[colKey='id'] {
    display: none;
  }
}
.table-striped > tbody > tr.sr[depth='4'] {
  border-bottom: 1px solid #c2c2c2;
  border-left-width: 64px;
  border-left-style: solid;
  background-color: #dbdbdb;
  border-left-color: #f0f0f0;
}
.table-striped > tbody > tr.sr[depth='4']:nth-of-type(2n+1) {
  background-color: #cccccc;
}
.table-striped > tbody > tr.sr[depth='4'] td:first-child {
  border-left: 1px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='4'] + tr:not([depth='4']) {
  border-top: 5px solid #c2c2c2;
}
.table-striped > tbody > tr.sr[depth='4'] + tr[depth='5'] {
  border-top: 6px solid #c2c2c2;
}
@media (max-width: 767px) {
  .table-striped > tbody > tr.sr[depth='4'] {
    border-left: 16px solid #c2c2c2;
    border-bottom: 2px solid #c2c2c2;
  }
  .table-striped > tbody > tr.sr[depth='4'] > td[colKey='id'] {
    display: none;
  }
}
.table-striped > tbody > tr:not([depth]) + tr[depth],
.table-striped > tbody > tr[depth] + tr:not([depth]) {
  border-top: 2px solid #c2c2c2;
}
@media (max-width: 767px) {
  .navbar-header {
    background-color: #232526;
  }
  .navbar-tools {
    height: 51px;
    background-color: rgba(35, 37, 38, 0.9);
    border-top: 1px solid #232526;
    border-bottom: 2px solid #232526;
  }
  .navbar-tools > ul > li > form {
    padding: 8px 0;
  }
  .navbar-tools .company-box {
    height: 32px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(35, 37, 38, 0.9);
    border-top: 1px solid #232526;
  }
  .navbar-tools .company-box form {
    padding: 0;
    vertical-align: bottom;
  }
  .navbar-tools .company-box form select {
    border: inherit !important;
    margin: 0 4% !important;
    width: 64% !important;
    height: 30px !important;
    padding: 0 !important;
    position: relative !important;
  }
  .navbar-tools .company-box form select + .select2 {
    display: none;
  }
  .navbar-tools .company-box form input[type='submit'] {
    width: 24%;
    height: 30px;
    padding: 0;
  }
  .footer {
    padding-bottom: 48px;
  }
  .breadcrumb {
    display: none;
  }
  ul.main-navigation-menu {
    padding-bottom: 45px;
  }
  /* nested tables */
  .table-responsive .table-responsive {
    overflow: visible;
    border: none;
    border-bottom: 3px double #c2c2c2;
    border-left: 1px solid #c2c2c2;
  }
  .table-flipper {
    display: block;
  }
  table .table-flipper {
    display: none;
  }
  table.table.table-flip {
    position: relative;
    display: block;
  }
  table.table.table-flip > thead {
    display: none;
  }
  table.table.table-flip > tbody {
    display: block;
  }
  table.table.table-flip > tbody > tr {
    display: block;
  }
  table.table.table-flip > tbody > tr.sr {
    border-top: none;
  }
  table.table.table-flip > tbody > tr:not(:last-child) {
    border-bottom: 2px solid #c2c2c2;
  }
  table.table.table-flip > tbody > tr > th,
  table.table.table-flip > tbody > tr > td {
    display: block;
    position: relative;
    white-space: normal;
    text-align: left;
    padding-left: 6px;
    border-top: none;
    margin-top: 0;
  }
  table.table.table-flip > tbody > tr > th.sticky,
  table.table.table-flip > tbody > tr > td.sticky {
    border-right: none;
  }
  table.table.table-flip > tbody > tr > th:not(:last-child),
  table.table.table-flip > tbody > tr > td:not(:last-child) {
    border-bottom: 1px dotted #c2c2c2;
  }
  table.table.table-flip > tbody > tr > th[title],
  table.table.table-flip > tbody > tr > td[title] {
    padding-left: calc(35% + 4px);
  }
  table.table.table-flip > tbody > tr > th[title]::before,
  table.table.table-flip > tbody > tr > td[title]::before {
    content: attr(title);
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: '..';
    position: absolute;
    left: 6px;
    width: 32%;
    height: calc(100% - 16px);
    padding-right: 1%;
    margin-right: 1%;
    text-align: left;
    font-weight: bold;
    border-right: 1px dotted #c2c2c2;
  }
  table.table.table-flip > tbody > tr > th.center,
  table.table.table-flip > tbody > tr > td.center {
    text-align: left;
  }
  table.table.table-flip > tbody > tr > th:empty::after,
  table.table.table-flip > tbody > tr > td:empty::after {
    content: ' ';
    /* this is a Unicode space, for line height on empty cells */
    display: inline;
  }
  table.table.table-flip > tbody > tr > th[colKey='none'],
  table.table.table-flip > tbody > tr > td[colKey='none'] {
    display: none;
  }
  table.table.table-flip > tbody > tr > th[colKey='none'] + td,
  table.table.table-flip > tbody > tr > td[colKey='none'] + td {
    background-color: #cccccc;
    padding: 0 0 0 3px;
    border-right: none;
    border-left: 1px solid #c2c2c2;
  }
  table.table.table-flip > tbody > tr > th[colKey='none'] + td::before,
  table.table.table-flip > tbody > tr > td[colKey='none'] + td::before,
  table.table.table-flip > tbody > tr > th[colKey='none'] + td::after,
  table.table.table-flip > tbody > tr > td[colKey='none'] + td::after {
    content: '';
    display: none;
  }
  table.table.table-flip > tbody > tr > th[title*='Batch'],
  table.table.table-flip > tbody > tr > td[title*='Batch'] {
    text-align: right;
    padding-left: 90%;
  }
  table.table.table-flip > tbody > tr > th[title*='Batch']::before,
  table.table.table-flip > tbody > tr > td[title*='Batch']::before {
    width: 88%;
    border-right: none;
    line-height: 22px;
  }
  table.table.table-flip > tbody > tr > th[colKey='details'],
  table.table.table-flip > tbody > tr > td[colKey='details'] {
    display: none;
  }
  table.table.table-flip > tbody > tr > th[colKey='details2'],
  table.table.table-flip > tbody > tr > td[colKey='details2'] {
    background-color: #ebf2e6;
    z-index: 2;
    padding-left: 6px;
    text-align: center;
  }
  table.table.table-flip > tbody > tr > th[colKey='details2']::before,
  table.table.table-flip > tbody > tr > td[colKey='details2']::before,
  table.table.table-flip > tbody > tr > th[colKey='details2']::after,
  table.table.table-flip > tbody > tr > td[colKey='details2']::after {
    content: '';
    display: none;
  }
  table.table.table-flip > tbody > tr > th[colKey='details2']:empty,
  table.table.table-flip > tbody > tr > td[colKey='details2']:empty {
    height: 4px;
    padding: 0;
    background-color: #fbfcfa;
  }
  table.table.table-flip > tbody > tr.trVisible {
    display: block;
  }
  table.table.table-flip > tbody > tr.trHidden {
    display: none;
  }
}
@media (min-width: 768px) {
  table th[key='details2'] {
    display: none;
  }
  table td[colKey='details2'] {
    display: none;
  }
}