/*import the parts*/
/* definition of used images*/
/*@background: "/assets/images/bg/AGMI-bg.png";*/
/* definition of colors*/
/*Interface Blocks*/
/* Customer Specials */
/*@CovestroGradient:linear-gradient(to right,#009FE4 0,#00BB7E 20%,#FE0 35%,#FF7F41 50%,#E6007E 75%,#7D55C7 100%);*/
/* Parts and Pieces */
/* Login Page */
/*Background*/
/*Header and Footer*/
/*Left Menu*/
/* BreadCrumbs */
/* Content */
/* Profile */
/* Table in content */
/* temps */
/* profile */
font-face {
  font-family: 'Raleway-VariableFont_wght';
  src: url('/assets/fonts/Raleway-VariableFont_wght.ttf') format('truetype');
}
.bg-head {
  background-image: -webkit-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
}
/***
From Medium Devices Up To Larger Devices
***/
/***Up To Medium Devices***/
/***
From Small Devices Up To Medium Devices
***/
/*** Extra Small Devices Only ***/
/***
The Most Extra Small Devices Landscape Mode Only
***/
/***
The Most Extra Small Devices Portrait Mode Only
***/
/* BS 5*/
header {
  height: 70px;
}
header .navbar {
  background-color: red !important;
}
header .navbar .container-fluid {
  margin: 0 150px 0 150px;
}
header .navbar .title {
  color: white;
  font-weight: 600;
}
header .navbar .navbar-brand img {
  content: url("/assets/img/logo/ACMI-white-n.png");
  background-size: 30px auto;
}
header .navbar .hor-tools-menu .nav-link {
  color: white;
}
header .navbar .hor-tools-menu .dropdown-menu .nav-link {
  color: black;
}
header .navbar .hor-tools-menu .dropdown-menu .nav-link :hover {
  color: red;
}
header nav {
  height: 35px;
  color: white;
}
/*

header {
    height: 70px;

    nav {
        background: @AtosHeaderGradient !important;
        height: 35px;

        .container.top-menu {
            //background-color: red !important;


            .navbar-brand {
                img {
                    content: url("@{logo}");
                    background-size: 30px auto;
                }
            }

            .navbar-toggler {
            }

            .navbar-collapse {
                .hor-menu {
                    ul.navbar-nav {
                        list-style-type: none !important;
                        margin: 0;
                        padding: 0;
                        // overflow: hidden;

                        li a {
                            display: block;
                            color: white;
                            text-align: center;
                            padding: 16px;
                            text-decoration: none !important;
                        }

                        li a:hover {
                            background-color: #111111;
                        }

                        .dropdown-menu {
                            background-color: peachpuff;

                            li a {
                                display: block;
                                color: black;
                                //background-color:gainsboro;
                                text-align: left;
                                padding: 5px 10px;
                                text-decoration: none !important;
                            }

                            li a:hover {
                                background-color: white;
                            }
                        }
                    }
                }

                .hor-tools-menu {
                    ul.navbar-nav {
                        //list-style-type: none !important;
                        margin: 0;
                        padding: 0;
                        //overflow: hidden;

                        li a {
                            display: block;
                            color: white;
                            text-align: center;
                            padding: 16px;
                            text-decoration: none !important;
                        }

                        li a:hover {
                            background-color: #111111;
                        }

                        .dropdown-menu {
                            background-color: peachpuff;

                            li a {
                                display: block;
                                color: black;
                                //background-color:gainsboro;
                                text-align: left;
                                padding: 5px 10px;
                                text-decoration: none !important;
                            }

                            li a:hover {
                                background-color: white;
                            }
                        }
                    }
                }
            }
        }

        .container.sub-menu {
            height: 35px;
            background-color: greenyellow !important;
        }
    }
}
main{
    margin-top:72px;
}
*/
.navbar .megamenu {
  padding: 1rem;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
  }
}
/* ============ desktop view .end// ============ */
/* ============ mobile view ============ */
@media (max-width: 991px) {
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
}
.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  left: auto;
  width: auto;
  background-color: #ff8080;
}
.mega-menu-dropdown {
  background-color: #ff8080;
}
ul {
  list-style-type: none;
}
/*** general ***/
/*** Form Medium Devices Up To Large Devices ***/
/*** From Medium Devices Up To Larger Devices ***/
@media (min-width: 992px) {
  .footer {
    clear: left;
  }
}
/*** Up To Medium Devices ***/
/*** From Small Devices Up To Medium Devices ***/
/*** Extra Small Devices Only ***/
@media (max-width: 767px) {
  /***	Footer		***/
  .footer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer .go-top {
    float: right;
    display: block;
    margin-right: 0px;
  }
}
/*** The Most Extra Small Devices Portrait Mode Only ***/
.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 20px;
  /* Vertically center the text there */
  padding: 8px 20px 5px 20px;
  font-size: 12px;
  font-family: var(--fontHeaders);
  background-image: -webkit-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
}
.footer .footer-inner {
  float: left;
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
}
.footer .footer-tools {
  float: right;
  display: inline-block;
}
.footer .footer-tools .go-top {
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin-top: -2px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 6px 0px 6px;
}
.footer .footer-tools .go-top i {
  font-size: 22px;
  margin-bottom: 5px;
  color: #FFFFFF;
}
.footer:after,
.footer:before {
  content: "";
  display: table;
  line-height: 0;
}
.footer:after {
  clear: both;
}
/***
General HR
***/
hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}
/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #dddddd;
  margin: 10px 0 !important;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > thead > tr > td,
.table-scrollable > .table > tbody > tr > td,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scrollable > .table-bordered {
  border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
/***
Responsive Flip Scroll Tables
***/
.flip-scroll table {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .flip-scroll * html .flip-content {
    zoom: 1;
  }
  .flip-scroll *:first-child + html .flip-content {
    zoom: 1;
  }
  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }
  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }
  .flip-scroll thead {
    display: block;
    float: left;
  }
  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .flip-scroll thead tr {
    display: block;
  }
  .flip-scroll th {
    display: block;
    text-align: right;
  }
  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }
  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  /* sort out borders */
  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }
  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}
/* cast */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: rgba(180, 220, 250, 0.6);
}
.table-striped > tbody > tr:nth-child(odd) > td a,
.table-striped > tbody > tr:nth-child(odd) > th a {
  color: inherit;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: rgba(180, 210, 240, 0.8);
}
.table-striped > tbody > tr:nth-child(even) > td a,
.table-striped > tbody > tr:nth-child(even) > th a {
  color: inherit;
}
.table-striped > tbody > tr.selected > td,
.table-striped > tbody > tr.selected > th {
  background-color: #66A3C7;
}
/***
Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e7ecf1;
  margin: 10px 0 !important;
}
.DTS .table-scrollable {
  border: 0;
}
.table-scrollable.table-scrollable-borderless {
  border: 0;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
}
.table-scrollable > .table > thead > tr > th,
.table-scrollable > .table > tbody > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > th,
.table-scrollable > .table > tfoot > tr > td {
  white-space: nowrap;
}
.table-scrollable > .table-bordered {
  border: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:first-child,
.table-scrollable > .table-bordered > tbody > tr > th:first-child,
.table-scrollable > .table-bordered > tfoot > tr > th:first-child,
.table-scrollable > .table-bordered > thead > tr > td:first-child,
.table-scrollable > .table-bordered > tbody > tr > td:first-child,
.table-scrollable > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.table-scrollable > .table-bordered > thead > tr > th:last-child,
.table-scrollable > .table-bordered > tbody > tr > th:last-child,
.table-scrollable > .table-bordered > tfoot > tr > th:last-child,
.table-scrollable > .table-bordered > thead > tr > td:last-child,
.table-scrollable > .table-bordered > tbody > tr > td:last-child,
.table-scrollable > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.table-scrollable > .table-bordered > thead > tr:last-child > th,
.table-scrollable > .table-bordered > tbody > tr:last-child > th,
.table-scrollable > .table-bordered > tfoot > tr:last-child > th,
.table-scrollable > .table-bordered > thead > tr:last-child > td,
.table-scrollable > .table-bordered > tbody > tr:last-child > td,
.table-scrollable > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
/***
Customized Bootstrap Tables
***/
.table td,
.table th {
  font-size: 12px;
}
.table.table-bordered thead > tr > th {
  border-bottom: 0;
}
.table td .img-responsive {
  width: 100%;
}
/***
Responsive Flip Scroll Tables
***/
.flip-scroll table {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  /* 768px */
  .flip-scroll .flip-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .flip-scroll * html .flip-content {
    zoom: 1;
  }
  .flip-scroll *:first-child + html .flip-content {
    zoom: 1;
  }
  .flip-scroll table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .flip-scroll th,
  .flip-scroll td {
    margin: 0;
    vertical-align: top;
  }
  .flip-scroll th {
    text-align: left;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 5px;
    width: auto !important;
  }
  .flip-scroll table {
    display: block;
    position: relative;
    width: 100%;
  }
  .flip-scroll thead {
    display: block;
    float: left;
  }
  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  .flip-scroll .flip-content tbody tr td {
    font-size: 13px;
    line-height: 1.483;
  }
  .flip-scroll .table-bordered.flip-content tbody tr td {
    font-size: 13px;
    line-height: 1.43;
  }
  .flip-scroll thead tr {
    display: block;
  }
  .flip-scroll th {
    display: block;
    text-align: right;
  }
  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
  }
  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  /* sort out borders */
  .flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }
  .flip-scroll td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .flip-scroll tbody tr {
    border-left: 1px solid #ddd;
  }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: 1px solid #ddd;
  }
}
/***
Custom tables
***/
.table-toolbar {
  margin-bottom: 20px;
}
.table-toolbar:before,
.table-toolbar:after {
  content: " ";
  display: table;
}
.table-toolbar:after {
  clear: both;
}
.table.table-full-width {
  width: 100% !important;
}
.table .btn {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 5px;
}
.table-advance {
  margin-bottom: 10px !important;
}
.table-advance thead {
  color: #3f444a;
}
.table-advance thead tr th {
  background-color: #f1f4f7;
  font-size: 14px;
  font-weight: 400;
  color: #3f444a;
}
.table-advance div.success,
.table-advance div.info,
.table-advance div.important,
.table-advance div.warning,
.table-advance div.danger {
  position: absolute;
  margin-top: -5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}
.table-advance tr td {
  border-left-width: 0px;
}
.table-advance tr td:first-child {
  border-left-width: 2px !important;
}
.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}
.table-advance td.highlight div.primary {
  border-left: 2px solid #337ab7;
}
.table-advance td.highlight div.success {
  border-left: 2px solid #36c6d3;
}
.table-advance td.highlight div.info {
  border-left: 2px solid #659be0;
}
.table-advance td.highlight div.warning {
  border-left: 2px solid #F1C40F;
}
.table-advance td.highlight div.danger {
  border-left: 2px solid #ed6b75;
}
@media (max-width: 767px) {
  /* 767px */
  .table-advance tr > td.highlight:first-child a {
    margin-left: 8px;
  }
}
/***
Light Table
***/
.table.table-light {
  border: 0 !important;
}
.table.table-light > thead > tr:hover > th {
  background: none;
}
.table.table-light > thead > tr.uppercase {
  text-transform: uppercase;
}
.table.table-light > thead > tr > th {
  font-weight: 600;
  font-size: 13px;
  color: #93a2a9;
  font-family: "Open Sans", sans-serif;
  border: 0;
  border-bottom: 1px solid #F2F5F8;
}
.table.table-light > tbody > tr:last-child > td {
  border: 0;
}
.table.table-light > tbody > tr > td {
  border: 0;
  border-bottom: 1px solid #F2F5F8;
  color: #8896a0;
  vertical-align: middle;
}
.table.table-light > tbody > tr > td.fit {
  width: 1px;
  padding-right: 3px;
}
.table.table-light > tbody > tr > td .user-pic {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.table.table-light.table-hover > tbody > tr > td:hover,
.table.table-light.table-hover > tbody > tr > th:hover,
.table.table-light.table-hover > tbody > tr:hover > td,
.table.table-light.table-hover > tbody > tr:hover > th {
  background: #f9fafb;
}
#databaseContent,
#eamcustContent {
  margin: 10px 50px 10px 50px;
  color: white;
}
#databaseContent .DBTableControls,
#eamcustContent .DBTableControls {
  color: white;
}
#databaseContent .DBTableControls .btn-primary,
#eamcustContent .DBTableControls .btn-primary {
  color: white;
  background-color: #7cc;
  border-color: #5bc2c2;
}
#databaseContent .DBTableControls .btn-primary:hover,
#eamcustContent .DBTableControls .btn-primary:hover {
  color: white;
  background-color: #52bebe;
  border-color: #8ad3d3;
}
#databaseContent #MainDataTable_wrapper .dataTables_length,
#eamcustContent #MainDataTable_wrapper .dataTables_length {
  height: 25px;
  margin-bottom: 5px;
}
#databaseContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table th,
#eamcustContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table th {
  background-color: #4E5054;
  color: white;
  font-weight: 900;
}
#databaseContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table tr,
#eamcustContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table tr {
  height: 6px;
  padding: 0px;
  margin: 0px;
}
#databaseContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table .odd,
#eamcustContent #MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table .odd {
  background-color: blanchedalmond;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table {
  border-width: 0;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table tr,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table tr {
  border-top: 0px solid;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th {
  background-color: #4E5054;
  color: white;
  font-weight: 900;
  border-right: 2px solid white;
  border-left: 2px solid white;
  border-top: 0px solid;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th:first-child,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th:first-child {
  -webkit-clip-path: polygon(0% 20%, 20% 20%, 25% 0%, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(0% 20%, 20% 20%, 25% 0%, 100% 0%, 100% 100%, 0 100%);
  border-right: 2px solid white;
  border-left: 0px solid;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th:last-child,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-head .dt-scroll-headInner > table th:last-child {
  -webkit-clip-path: polygon(0% 0%, 80% 0%, 85% 20%, 100% 20%, 100% 100%, 0 100%);
  clip-path: polygon(0% 0%, 80% 0%, 85% 20%, 100% 20%, 100% 100%, 0 100%);
  border-left: 2px solid white;
  border-right: 0px solid;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .flip-content,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .flip-content {
  height: 0px;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table tr,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table tr {
  height: 6px;
  padding: 0px;
  margin: 0px;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .odd,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .odd {
  background-color: red;
}
#databaseContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .even,
#eamcustContent #MainDataTable_wrapper .dt-scroll .dt-scroll-body > table .even {
  background-color: pink;
}
.modal {
  outline: none;
  overflow-y: auto !important;
  color: black;
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #ff44aa;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 300;
  color: black;
}
.modal > .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
}
/***
Custom icon buttons
***/
.icon-btn {
  height: 60px;
  min-width: 80px;
  margin: 5px 5px 0 0;
  border: 1px solid #ddd;
  padding: 12px 0px 0px 0px;
  background-color: #fafafa;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  color: #646464;
  text-shadow: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-btn:hover {
  text-decoration: none;
  border-color: #999;
  color: #444;
  text-shadow: 0 1px 0px white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn:hover > .badge {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn > div {
  margin-top: 5px;
  margin-bottom: 20px;
  color: #3f444a;
  font-size: 12px;
  font-weight: 300;
}
.icon-btn > .badge {
  position: absolute;
  font-size: 11px;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 6px 3px 6px;
  color: white;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.icon-btn > i {
  font-size: 18px;
}
.ie8 .icon-btn:hover {
  filter: none;
}
.login .logo {
  width: 360px;
  height: 40px;
  font-size: 2em;
  font-weight: 800;
  margin: 0 auto;
  margin-top: 60px;
  padding: 15px;
  text-align: center;
  color: #fff;
  background-image: -webkit-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
}
.login .logo .lgntitle {
  float: left;
  color: white;
  margin: 0 auto;
  width: 100%;
  margin-top: -16px;
  font-size: 1em;
}
.login .content {
  width: 360px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  background-color: #ffffff68;
}
.login .content a {
  color: lightskyblue;
  font-weight: bold;
  text-decoration: none;
}
.login .content ol {
  color: white;
  font-weight: bold;
}
.login .content h3,
.login .content h4,
.login .content p,
.login .content label {
  color: white;
}
.login .content .alert {
  font-weight: bold;
}
.login .content .alert .alert-succes {
  background-color: green !important;
}
.login .content .alert .alert-danger {
  background-color: red !important;
}
.login .content .login-form,
.login .content forget-form {
  padding: 0px;
  margin: 0px;
}
.login .content .forget-form {
  display: none;
}
.login .content .form-title {
  font-weight: 300;
  margin-bottom: 25px;
}
.login .content .form-actions {
  background-color: transparent;
  clear: both;
  border: 0px;
  padding: 0px 30px 25px 30px;
  margin-left: -30px;
  margin-right: -30px;
}
.login .content .form-actions .checkbox {
  margin-left: 0;
  padding-left: 0;
  margin-top: 8px;
  display: inline-block;
}
.login .content .form-actions .btn {
  margin-top: 1px;
}
.login .content .select2-container i {
  display: inline-block;
  position: relative;
  color: #ccc;
  z-index: 1;
  top: 1px;
  margin: 4px 4px 0px 3px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}
.login .content .has-error .select2-container i {
  color: #b94a48;
}
.login .content .select2-container a span {
  font-size: 13px;
}
.login .content .select2-container a span img {
  margin-left: 4px;
}
.login .copyright {
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  width: 360px;
  font-size: 1em;
  font-weight: 600;
  background-color: #444;
  color: #fff;
  background-image: -webkit-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
  background-image: linear-gradient(right, #0596FF, #0F0F0F 100%) !important;
}
.login .wasp img {
  display: block;
  margin: 0 auto;
  content: url('/assets/img/logo/ACMI-white-n.png');
}
.login.wide .logo {
  width: 600px;
  height: 40px;
}
.login.wide .content {
  width: 600px;
}
.login.wide .copyright {
  width: 600px;
}
.spxfiller {
  height: 15px;
}
@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top: 10px;
  }
  .login .content {
    padding: 30px;
    width: 222px;
  }
  .login .content h3 {
    font-size: 22px;
  }
  .login .checkbox {
    font-size: 13px;
  }
}
.fade.in {
  opacity: 1;
}
@font-face {
  font-family: 'Raleway-VariableFont_wght';
  src: url("/assets/fonts/Raleway-VariableFont_wght.ttf") format('truetype');
}
@font-face {
  font-family: CustomerMain;
  src: url('/assets/fonts/stag-medium-webfont.woff') format('woff2');
}
@font-face {
  font-family: CustomerText;
  src: url('/assets/fonts/stag-book-webfont.woff') format('woff2');
}
@font-face {
  font-family: 'Roboto', sans-serif;
}
.dark-theme2 {
  --fontHeaders: Raleway-VariableFont_wght;
  --fontText: Raleway-VariableFont_wght;
  --panelBGCol: #2f2f2fE0;
  --panelTextCol: #ffffffff;
  --panelSubTextCol: #0596FFFF;
  --btnNeutralCol: #a1a1a1ff;
  --sel2DefBg: #4f4f4fff;
}
.dark-theme {
  --fontHeaders: Raleway-VariableFont_wght;
  --fontText: Raleway-VariableFont_wght;
  --panelBGCol: #EAE8EBE0;
  --panelTextCol: #515151ff;
  --panelSubTextCol: #01A0E1FF;
  --btnNeutralCol: #a1a1a1ff;
  --sel2DefBg: #fafafaff;
}
.bg-grey-spx {
  background-color: var(--panelBGCol);
}
.button-right {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 50%, 80% 100%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 50%, 80% 100%, 0 100%);
}
.button-mid {
  -webkit-clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
  clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
}
.button-left {
  -webkit-clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
  clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
}
.spxButton {
  display: inline-block;
  float: right;
  width: 100px;
  height: 40px;
  background: var(--btnNeutralCol);
  margin: 5px;
}
.spxButton .spxIcon {
  float: left;
  width: 30px;
  padding-left: 5px;
  padding-top: 1px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 2em;
}
.spxButton .spxTitle {
  position: relative;
  top: 10px;
  font-family: var(--fontText);
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
}
.spxButton:hover {
  background: var(--panelSubTextCol);
  color: white;
  cursor: pointer;
}
hr.solid {
  border-top: 2px solid var(--panelTextCol);
}
.box {
  display: flex;
  justify-content: center;
  align-items: start;
  width: 100%;
  height: 123px;
  font-size: 1em;
  padding: 0.5em;
  line-height: 1;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-size: 3px 100%, 100% 3px, 3px 100%, 100% 3px;
  background-repeat: no-repeat;
}
.spx-content {
  width: 100%;
  top: 1em;
  padding: 2em;
  margin-top: 1em;
  color: var(--panelTextCol);
  /* select2*/
  /*
    .select2-container--default {
        .select2-selection--single {
            background-color: #00ff00 !important; // @sel2bg;
            //   color:red;// @ColorMain;
        }

        .select2-search--dropdown .select2-search__field {
            //   background-color: @sel2bg;
            //   color: @ColorMain;
        }
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        background-color: #0000ff; // @sel2bg;
        color: #000000; // @ColorMain;
    }

    .select2-dropdown {
        background-color: #ff00ff; // @sel2bg;
        // color: @ColorMain;
    }

    .select2-results__option {
        background-color: red;
        color: yellow;
    }

    .select2-container--default .select2-selection--single {
    }

    .select2-container--default .select2-search--dropdown {
        background-color: #ffff00; // @sel2bg;
        //  color: @ColorMain;
    }
    */
}
.spx-content table {
  width: 100%;
}
.spx-content .tblfield {
  height: 300px;
  overflow-y: scroll;
}
.spx-content tr.even {
  background-color: #eeeeeeaa;
}
.spx-content th {
  font-size: 0.8em;
  background-color: var(--panelSubTextCol);
  -webkit-clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
  clip-path: polygon(0% 0%, 80% 0, 85% 20%, 100% 20%, 100% 100%, 0 100%);
}
.spx-content td {
  font-size: 1em;
}
.spx-content ul {
  line-height: 1em;
}
.spx-content ul li {
  margin-top: 1.2em;
}
.spx-content a {
  text-decoration: none;
  font-weight: 900;
}
.spx-content textarea {
  background-color: var(--sel2DefBg);
  color: var(--panelTextCol);
}
.spx-content label {
  color: var(--panelTextCol);
}
.spx-content .icon-btn {
  margin: 5px;
  clip-path: polygon(0% 10%, 10% 0%, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%);
}
.spx-content .icon-btn.approve:hover {
  background: #00aa21;
  color: white;
  cursor: pointer;
}
.spx-content .icon-btn.reject:hover {
  background: #ff2100;
  color: white;
  cursor: pointer;
}
.spx-content .icon-btn:hover {
  background: var(--panelSubTextCol);
  color: white;
  cursor: pointer;
}
.spx-content .icon-btn:hover div {
  color: white;
}
.spx-content .btplate {
  margin-top: -30px;
}
/* Plate generic */
/* Plate head */
.spx-element-plate-head {
  height: 50px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid var(--panelTextCol);
  background: var(--panelBGCol);
  padding: 5px;
}
.spx-element-plate-head .spxIcon {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: white;
}
.spx-element-plate-head .spxIcon .spxImg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 36px;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.spx-element-plate-head .spxTitle {
  color: var(--panelTextCol);
  display: inline-block;
  position: relative;
  top: -20px;
  font-family: var(--fontHeaders);
  font-size: 2em;
  font-weight: 900;
}
.spx-element-plate-head .spxSubTitle {
  color: var(--panelSubTextCol);
  position: relative;
  left: 45px;
  top: -25px;
  font-family: var(--fontHeaders);
  font-size: 1em;
  font-weight: 600;
}
.spx-element-plate-head.left {
  -webkit-clip-path: polygon(0% 0%, calc(100% - 2vw) 0%, calc(100% - 1vw) 50%, 100% 50%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, calc(100% - 2vw) 0%, calc(100% - 1vw) 50%, 100% 50%, 100% 100%, 0% 100%);
}
.spx-element-plate-head.mid {
  padding-left: calc(2vw);
  -webkit-clip-path: polygon(0% 50%, calc(1vw) 50%, calc(2vw) 0%, calc(100% - 2vw) 0, calc(100% - 1vw) 50%, 100% 50%, 100% 100%, 0 100%);
  clip-path: polygon(0% 50%, calc(1vw) 50%, calc(2vw) 0%, calc(100% - 2vw) 0, calc(100% - 1vw) 50%, 100% 50%, 100% 100%, 0 100%);
}
.spx-element-plate-head.right {
  padding-left: calc(2vw);
  -webkit-clip-path: polygon(0% 50%, calc(1vw) 50%, calc(2vw) 0%, 100% 0%, 100% 100%, 0 100%);
  clip-path: polygon(0% 50%, calc(1vw) 50%, calc(2vw) 0%, 100% 0%, 100% 100%, 0 100%);
}
/* Plate Body*/
.spx-element-plate-body {
  min-height: 50vh;
}
.spx-element-plate-body.twenty {
  min-height: 20vh;
}
.spx-element-plate-body.thirty {
  min-height: 30vh;
}
.spx-element-plate-body.fourty {
  min-height: 40vh;
}
.spx-element-plate-body.sixty {
  min-height: 60vh;
}
.spx-element-plate-body.seventy {
  min-height: 70vh;
}
.spx-element-plate-body.eighty {
  min-height: 80vh;
}
.spx-element-plate-bottom-body {
  min-height: 10vh;
}
/* Plate Foot */
.spx-element-plate-foot {
  height: 50px;
  margin: 0;
  padding-left: 35px;
  padding-bottom: 5px;
  width: 100%;
  border-top: 1px solid var(--panelTextCol);
  background: var(--panelBGCol);
}
.spx-element-plate-foot .btn {
  max-height: 50px;
  height: 35px;
}
.spx-element-plate-foot.left {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, calc(100% - 1.3vw) 100%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, calc(100% - 1.3vw) 100%, 0 100%);
  padding-right: 5px;
}
.spx-element-plate-foot.mid {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 50%, calc(100% - 1.3vw) 100%, calc(1.3vw) 100%, 0% 50%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 50%, calc(100% - 1.3vw) 100%, calc(1.3vw) 100%, 0% 50%, 0 100%);
  padding-right: 5px;
}
.spx-element-plate-foot.right {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(1.3vw) 100%, 0% 50%, 0 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(1.3vw) 100%, 0% 50%, 0 100%);
  padding-right: 5px;
}
/* audio */
audio {
  height: 40px;
  width: 400px;
  border-radius: 5px;
}
audio::-webkit-media-controls-panel {
  height: 40px ;
}
audio::-webkit-media-controls-enclosure {
  border-radius: 0px;
  height: 40px;
}
.dropdown-menu.scroll {
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
}
/*select2*/
.select2-selection__rendered {
  padding-top: 1.625rem !important;
  padding-bottom: 0.625rem !important;
  padding-left: 1.625rem !important;
  height: 58px !important;
}
.select2-container .select2-selection--single {
  height: 58px !important;
}
.select2-container--default .select2-results__option {
  color: #000000;
}
.select2-selection__arrow {
  height: 58px !important;
  top: 2px !important;
}
.text-danger.validation-summary-errors {
  color: orange !important;
  font-weight: bold;
  font-size: medium;
}
.text-danger.field-validation-error {
  color: orange !important;
  font-weight: bold;
}
/*
.apiHead {
    height:70px;
    display:block;
    background-color: red;

    .apiToplogo {
        background-color: lightgrey;
    }

    .hor-tools-menu {
        background-color: grey;
    }
}
*/
apiHead {
  height: 70px;
  background-color: red;
}
apiHead .navbar {
  background-color: red !important;
}
apiHead .navbar .container-fluid {
  margin: 0 150px 0 150px;
}
apiHead .navbar .title {
  color: white;
  font-weight: 600;
}
apiHead .navbar .navbar-brand img {
  content: url("/assets/img/logo/ACMI-white-n.png");
  background-size: 30px auto;
}
apiHead .navbar .hor-tools-menu .nav-link {
  color: red;
}
apiHead .navbar .hor-tools-menu .dropdown-menu .nav-link {
  color: black;
}
apiHead .navbar .hor-tools-menu .dropdown-menu .nav-link :hover {
  color: red;
}
apiHead nav {
  height: 35px;
  color: white;
}
.bg-api-head {
  background-image: -webkit-linear-gradient(left, #000000, #EEEEEE 100%) !important;
  background-image: -moz-linear-gradient(left, #000000, #EEEEEE 100%) !important;
  background-image: -ms-linear-gradient(left, #000000, #EEEEEE 100%) !important;
  background-image: -o-linear-gradient(left, #000000, #EEEEEE 100%) !important;
  background-image: linear-gradient(left, #000000, #EEEEEE 100%) !important;
}
#MainDataTable_wrapper .dataTables_length {
  height: 25px;
  margin-bottom: 5px;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table tr {
  padding-left: calc(2vw);
  -webkit-clip-path: polygon(0% 80%, calc(1vw) 80%, calc(2vw) 0%, calc(100% - 2vw) 0, calc(100% - 1vw) 80%, 100% 80%, 100% 100%, 0 100%);
  clip-path: polygon(0% 20%, calc(0.5vw) 20%, calc(1vw) 0%, calc(100% - 1vw) 0, calc(100% - 0.5vw) 20%, 100% 20%, 100% 100%, 0 100%);
  background-image: -webkit-linear-gradient(top, #0F0F0F, #0596FF 10%, #0596FF 80%, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(top, #0F0F0F, #0596FF 10%, #0596FF 80%, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(top, #0F0F0F, #0596FF 10%, #0596FF 80%, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(top, #0F0F0F, #0596FF 10%, #0596FF 80%, #0F0F0F 100%) !important;
  background-image: linear-gradient(top, #0F0F0F, #0596FF 10%, #0596FF 80%, #0F0F0F 100%) !important;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table th {
  color: white;
  font-weight: 900;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table th.sorting_desc,
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner > table th.sorting_asc {
  background-image: -webkit-linear-gradient(top, #0F0F0F, #FF5269 10%, #FF5269 80%, #0F0F0F 100%) !important;
  background-image: -moz-linear-gradient(top, #0F0F0F, #FF5269 10%, #FF5269 80%, #0F0F0F 100%) !important;
  background-image: -ms-linear-gradient(top, #0F0F0F, #FF5269 10%, #FF5269 80%, #0F0F0F 100%) !important;
  background-image: -o-linear-gradient(top, #0F0F0F, #FF5269 10%, #FF5269 80%, #0F0F0F 100%) !important;
  background-image: linear-gradient(top, #0F0F0F, #FF5269 10%, #FF5269 80%, #0F0F0F 100%) !important;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table tr {
  height: 6px;
  padding: 0px;
  margin: 0px;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table .even {
  background-color: #FFFFFF;
}
#MainDataTable_wrapper .dataTables_scroll .dataTables_scrollBody > table .odd {
  background-color: #2B2B2B;
}
#MainDataTable_wrapper .dataTables_info {
  color: white;
}
body {
  color: #000;
  font-family: 'Open Sans', sans-serif;
  padding: 0px !important;
  margin: 0px !important;
  font-size: 13px;
  direction: ltr;
  /* The image used */
  background-image: -webkit-linear-gradient(top, #0F0F0F 80%, #0596FF 100%) !important;
  background-image: -moz-linear-gradient(top, #0F0F0F 80%, #0596FF 100%) !important;
  background-image: -ms-linear-gradient(top, #0F0F0F 80%, #0596FF 100%) !important;
  background-image: -o-linear-gradient(top, #0F0F0F 80%, #0596FF 100%) !important;
  background-image: linear-gradient(top, #0F0F0F 80%, #0596FF 100%) !important;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  overflow-x: hidden;
}