/* --------------- Common Variants ---------------------*/
/* --------------- Theme -------------------------*/
body {
    color: #000;
    background-color: #ffffff;
}
.main-content {
    background-color: #FFF;
}
.page-header {
    border-bottom: 1px solid #041444;
}
.page-header h1 {
    color: #263f64;
}
.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-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: #f3f3f4;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #ffffff;
}
.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 #ffffff;
}
.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: #de6113;
}
.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: #041444;
}
.popover.right > .arrow {
    border-right-color: #cccccc;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
    border-right-color: #041444;
}
.popover.bottom > .arrow {
    border-bottom-color: #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
    border-bottom-color: #041444;
}
.popover.left > .arrow {
    border-left-color: #cccccc;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
    border-left-color: #041444;
}
.popover-title {
    background-color: #ffffff;
    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: #ffffff;
    border: 1px solid #c2c2c2;
}
hr {
    border-top: 1px solid #ffffff;
}
iframe {
    border: none;
}
.panel {
    background-color: #fff;
    border-radius: 6px;
}
.panel-heading {
    background-color: #ffffff;
    -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;
    box-shadow: none;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #ffffff;
    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 #de6113;
    color: #de6113;
}
.accordion-bricky .panel-heading .accordion-toggle.collapsed {
    background: #e9e9e9;
    border-left: none;
    color: #333;
}
.dropdown-menu {
    background: #fff;
    border: 1px solid #c2c2c2;
    -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: #ffffff;
}
.dropdown-menu .divider {
    background-color: #ffffff;
}
.navbar-inverse{
    background-color: rgba(35, 37, 38, 0.9);
}
.navbar-tools .dropdown-menu {
    background: #fff;
    border: 1px solid #ffffff;
}
.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: #ffffff !important;
}
.dropdown-menu notifications .view-all a {
    border-top-color: #000000;
}
.navbar-tools .dropdown-menu li .dropdown-menu-title {
    background: #ffffff;
    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: #de6113;
    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: #de6113;
    border-color: #a3a3a3;
}
.tab-bricky > li.active > a,
.tab-bricky > li.active > a:focus,
.tab-bricky > li.active > a:hover {
    border-color: #de6113 #cccccc transparent !important;
    border-top-color: #de6113;
    border-top: 2px solid #de6113 !important;
    background-color: transparent !important;
    color: #000000 !important;
}
legend {
    color: #de6113;
    border-bottom: 1px solid #cccccc;
}
.primary-text {
    color: #de6113;
}
.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: #de6113;
}
.btn-default {
    color: #000000;
    background-color: #fff;
    border-color: #cccccc;
}
.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: #fff;
    background-color: #3D9400;
    border-color: #327b00;
}

.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: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    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: #fff;
    background-color: #de6113;
    border-color: #de6113;
}
.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: #de6113;
    border-color: #de6113;
}
.btn-primary:active:focus,
.btn-bricky:active:focus {
    background-color: #007d68;
    border-color: #de6113;
}
.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: #de6113;
    border-color: #de6113;
}

.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: #041444;
    text-decoration: underline;
}

.welcomeLinks{

    color:#fff;
}

.welcomeLinks:hover{
    color: #de6113;
}

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

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

.material-icons{
    color: #de6113;
}

.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: #c2c2c2;
    color: #de6113;
    border: none;
    font-size:16px;
}
.styled-select {
    height: 34px;
    overflow: hidden;
}
.styled-select select{
    width: 300px;
    padding: 10px;
    margin-right: 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: #de6113;
    outline: none;
}
select.form-control:focus{
    border-color: #c2c2c2;
}
input.form-control:focus,
select.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);
}
.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: #fff;
    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: #ffffff;
    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: #de6113;
}
.core-box.primary a:hover h2 {
    color: #666;
    background: rgba(242, 101, 34, 0.15);
}
.core-box.primary .circle-icon {
    border: 1px solid;
    background-color: #de6113;
    border-color: #ed560e;
}
.core-box.complementary a:hover {
    color: #aabcd4;
}
.core-box.complementary a:hover h2 {
    color: #666;
    background: rgba(170, 188, 212, 0.15);
}
.core-box.complementary .circle-icon {
    border: 1px solid;
    background-color: #aabcd4;
    border-color: #99afcb;
}
.core-box.secondary a:hover {
    color: #041444;
}
.core-box.secondary a:hover h2 {
    color: #666;
    background: rgba(19, 28, 71, 0.15);
}
.core-box.secondary .circle-icon {
    border: 1px solid;
    background-color: #041444;
    border-color: #0e1433;
}
.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 .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: #de6113;
    fill: #de6113;
}
.highcharts-root .highcharts-color-1 {
    stroke: #3b71a6;
    fill: #3b71a6;
}
.highcharts-root .highcharts-color-2 {
    stroke: #f8a576;
    fill: #f8a576;
}
.highcharts-root .highcharts-color-3 {
    stroke: #17a271;
    fill: #17a271;
}
.highcharts-root .highcharts-color-4 {
    stroke:#3F3F7F;
    fill: #3F3F7F;
}
.highcharts-root .highcharts-color-5 {
    stroke: #cc0022;
    fill: #cc0022;
}
.highcharts-root .highcharts-color-6 {
    stroke: #aabcd4;
    fill: #aabcd4;
}
.highcharts-root .highcharts-color-8 {
    stroke: #ff3355;
    fill: #ff3355;
}
.highcharts-root .highcharts-color-7 {
    stroke: #263f64;
    fill: #263f64;
}
.highcharts-root .highcharts-color-9 {
    stroke: #494d67;
    fill: #494d67;
}
.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: #f3f3f4;
}
#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: #de6113;
}
#realtimePageViews .highcharts-dial {
    stroke: #de6113;
    stroke-width: 1;
    fill: #de6113;
    fill-opacity: 1;
}
#realtimePageViews .highcharts-pivot {
    stroke: #de6113;
    stroke-width: 1;
    fill: #de6113;
    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: #de6113;
    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: #de6113;
}
.self .messages::after {
    border-color: #de6113 transparent transparent #de6113;
}
.plugin-panel {
    border: 2px solid #cccccc;
}
.plugin-panel:hover {
    border: 2px solid #de6113;
}
.tab-bricky > li.open .dropdown-toggle,
.tab-bricky .active > a,
.tab-bricky .dropdown-menu > li > a:hover {
    background-color: #c2c2c2;
    border-color: #de6113;
    color: #041444;
}
.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: #de6113;
    border-color: #de6113;
    color: #ffffff;
}
/* Navigation */

.footer,
.main-container,
.main-navigation,
body,
.navbar-inverse,
.navbar-toggle {
    background-color: #f3f3f4;
}
.navigation-small ul.main-navigation-menu > li > ul.sub-menu,
ul.main-navigation-menu > li > ul.sub-menu {
    background-color: #f3f3f4;
    color: #041444;
}
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;
    color: #041444;
}
ul.main-navigation-menu > li:hover > a,
ul.main-navigation-menu > li > a:hover {
    background-color: #041444;
    color: #de6113;
}
ul.main-navigation-menu > li.active > a {
    background: #de6113 !important;
    border-top: none !important;
    color: #041444;
}
ul.main-navigation-menu > li.active > a .selected::before {
    color: #de6113 !important;
}
ul.main-navigation-menu > li.open {
    background-color: #f3f3f4;
}
ul.main-navigation-menu > li a > i {
    color: #de6113;
    font-weight: 400;
}
ul.main-navigation-menu > li > ul.sub-menu > li a:hover {
    color: #de6113 !important;
    background: #041444 !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 {
    background-color: #041444 !important;
    color: #de6113 !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: #041444 !important;
    background: #de6113 !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: #041444;
}

#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: #de6113;

}
#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;
}
.nav > li.dropdown .dropdown-toggle .badge {
    background-color: #de6113;
    color: #fff;
    border: none;
}
.navbar-inverse .nav > li.current-user > a i {
    display: inline-block;
    text-align: center;
    width: 1.25em;
    color: #de6113 !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,
.navbar-inverse .nav > li.dropdown.open > .dropdown-toggle > .hamburger-menu {
    background: #041444;
    color: #fff;
}
.navbar-inverse .nav > li:active > a,
.navbar-inverse .nav > li:hover > a,
.nav > li > a:focus,
.nav > li > a:hover {
    background: #041444;
}
.navbar-inverse .nav h4,
.navbar-toggle span {
    color: #041444;
}
.main-content .container,
.navbar-inverse {
    border-left: none;
    border-bottom: none;
}
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: #de6113 !important;
    color: #263f64;
}
.go-top:hover,
.navigation-toggler:hover i:first-child,
.navigation-small .navigation-toggler:hover i:last-child {
    color: #fff;
}
.footer .support-line {
    text-align: right;
    padding: 8px;
    margin-right: 20px;
    color: #de6113;
}
.footer .support-line hr {
    margin: 4px auto;
    border: 1px solid #333;
}
.powered {
    color: #de6113 !important;
}
/* Breadcrumb */
.crumb-trail {
    background-color: #041444 !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 #c8c7cc;
}
.breadcrumb .btn {
    padding: 3px 6px;
}
.breadcrumb i {
    color: #263f64;
}
.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 #041444;
    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 #041444;
    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 #041444;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 100%;
    border-left-color: #fff;
    margin-left: 0.86px;
    z-index: 1;
}
.breadcrumb li > .active {
    color: #263f64;
}
.breadcrumb li:first-child a {
    padding-left: 20px;
    background-color: #041444;
}
.breadcrumb li:first-child a:after {
    border-left-color: #041444;
}
.breadcrumb li:first-child a:before {
    border-left-color: #fff;
}
.breadcrumb li:nth-child(7) a {
    background-color: #3473b2;
}
.breadcrumb li:nth-child(7) a:after {
    border-left-color: #3473b2;
}
.breadcrumb li:nth-child(6) a {
    background-color: #3b71a7;
}
.breadcrumb li:nth-child(6) a:after {
    border-left-color: #3b71a7;
}
.breadcrumb li:nth-child(5) a {
    background-color: #426f9c;
}
.breadcrumb li:nth-child(5) a:after {
    border-left-color: #426f9c;
}
.breadcrumb li:nth-child(4) a {
    background-color: #496e92;
}
.breadcrumb li:nth-child(4) a:after {
    border-left-color: #496e92;
}
.breadcrumb li:nth-child(3) a {
    background-color: #506c87;
}
.breadcrumb li:nth-child(3) a:after {
    border-left-color: #506c87;
}
.breadcrumb li:nth-child(2) a {
    background-color: #576a7c;
}
.breadcrumb li:nth-child(2) a:after {
    border-left-color: #576a7c;
}
.breadcrumb li a[disabled] {
    background-color: #263f64;
    pointer-events: none;
}
.breadcrumb li a[disabled]:after {
    border-left-color: #263f64;
}
.breadcrumb li a:hover {
    background-color: #ededed;
    border-color: #fff;
    color: #000;
}
.breadcrumb li a:hover:after {
    border-left-color: #ededed;
}
.breadcrumb li a:hover:before {
    border-left-color: #fff;
}
.breadcrumb li.active a {
    background-color: #de6113;
    border-color: #fff;
}
.breadcrumb li.active a:after {
    border-left-color: #de6113;
}
.breadcrumb li.active a:before {
    border-left-color: #fff;
}
#timer_widget,
#salesForm .checkbox label {
    color: #de6113;
}
#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: #de6113;
    text-shadow: 0 0 1px #232526, 0 0 2px #de6113;
}
.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: #ffffff !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;
}
.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: #ffffff;
}
.totalRowCol {
    border: 3px solid #c2c2c2;
    border-width: 0px 0 1px 0;
    background-color: white;
}
.input-group.input-right input {
    text-align: right;
}

#addCurrencySelect {
    width: calc(64%);
    vertical-align: bottom;
    margin: 0;
    border-radius: 4px 0 0 4px;
}
#addCurrencySelect + .select2-container--default {
    width: calc(64%);
    text-align: left;
}
#addCurrencySelect + .select2-container--default .select2-selection--single {
    border-radius: 4px 0 0 4px;
}
#addCurrencySelect + span + button{
    width: 36px;
    margin: 0;
    border-radius: 0 4px 4px 0;
}

#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: #de6113;
    background-color: #fff;
    border: 1px solid #a3a3a3;
}
.pagination.pagination-primary li a:hover {
    color: #de6113;
    background-color: #ccf0ea;
}
.pagination.pagination-primary li.active a {
    color: #ffffff;
    background: #de6113;
    border-color: #de6113;
}
.baseTable_bg0 {
    background-color: #fff;
}
.baseTable_bg1 {
    background-color: #ffffff;
}
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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.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: #f3f3f4;
    }
    .navbar-tools {
        height: 51px;
        background-color: #f3f3f4;
        border-top: 1px solid #f3f3f4;
        border-bottom: 2px solid #f3f3f4;
    }
    .navbar-tools > ul > li > form {
        padding: 8px 0;
    }
    .navbar-tools .company-box {
        height: 32px;
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #f3f3f4;
        border-top: 1px solid #f3f3f4;
    }
    .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;
    }
    .navbar-toggle {
        background-color: #f3f3f4;
    }
    .footer {
        padding-bottom: 48px;
        background-color: #f3f3f4;
    }
    .footer .footer-inner {
        background-color: #f3f3f4;
    }
    .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;
    }
}