/* Pagination */
.pagination > li > a {
  background: #fafafa;
  color: var(--text-dark);
}
.pagination.pagination-flat > li > a {
  border-radius: 0 !important;
}
.pagination>.active>a {
  background: var(--sharp-primary);
    color: var(--text-light);
}
/* End Pagination */

/* ABMP Footer Info */
.ABMP_Info { /* Placement of the (?) and anchor point for the tooltip */ 
  position: relative;
  display: inline-block;
  float: right;
  margin-left: 5px;
}

.ABMP_Info i { /* font awesome icon */
  color: gray;
}

.ABMP_Info .ABMP_Info_ToolTip { /* Tooltip not visable at start */
  display: none;
}

.ABMP_Info:hover .ABMP_Info_ToolTip,
.ABMP_Info .ABMP_Info_ToolTip:hover { /* Show tooltip when hovering on the icon but also when the tooltip */
  display: block;
}

.ABMP_Info .ABMP_Info_ToolTip { /* Main tooltip body */
  position: absolute;
  bottom: 0px;
  right: 0px;
  border: 1px solid #bfc0c1;
  background: #f9fafc;
  box-shadow: 5px 5px 5px 0px #a5a5a5;
  font-size: 10px;
  border-radius: 5px;
}

.ABMP_Info .ABMP_Info_ToolTip table { /* Tooltip Table */ 
  margin: 5px;
}

.ABMP_Info .ABMP_Info_ToolTip td,
.ABMP_Info .ABMP_Info_ToolTip th { /* cleanup cells */
  white-space: nowrap;
  padding-left: 5px;
  padding-right: 5px;
}

div#footerContainer {
  display: block;
  margin: 0px;
  padding: 0px;
}

div#footerContainer div {
 display: inline; 
}

div#footerPayOff {
 margin-left: 10px; 
}


/* END ABMP Footer Info */

section .nav-header .btn {
  margin-left: 5px;
  margin-top: -45px;
}

.nav.navbar-nav .username {
    color: var(--text-light);
    height: 100%;
    padding: 15px 15px 0px 15px;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;  
    margin-top: 5px;  
}

.rowline {
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.breadcrumb {
  margin-bottom: 0px;
  font-size: 20px;
  height: 45px;
}

.content-header {
  padding: 0px 0px 10px 0px;
}

.content-header > h1 {
  font-size: 36px;
}

.header-logo-large {
    display: block;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .header-logo-large {
    display: none;
}

.header-logo-mini {
    display: none;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .header-logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
}

.main-header .navbar-btn {
  float: left;
}

.main-header .btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.header-logo-large {
  max-height: 30px;
  display: block;
}

.header-logo-large > img {
    max-width: 30px;
    max-height: 30px;
    display: inline-block;
    float: left;
    margin-top: 15px;
    margin-right: 7px;
}

.LogoText {
 font-size: 14px;
    font-weight: 700;
    float: left;
}

.header-logo-mini > img {
    max-width: 30px;
    max-height: 30px;
    width: auto;
    height: auto;
    margin-bottom: 5px;
}

.sidebar-collapse .notificationbar {
    margin-left: 50px;
}

.notificationbar {
    margin-left: 230px;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    border-radius: 0px;
    padding: 5px 10px;
}

/*DashboardTiles*/
.dash-tiles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    margin: 0px 10px 15px 10px;
}

.dash-tiles .dash-tile {
    display: flex;
    text-align: left;
    background: inherit;
    margin-right: 15px;
    vertical-align: middle;
    flex-direction: row;
    background: none !important;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    z-index: 1005;
}

.dash-tiles .dash-icon {
    font-size: 45px;
    width: 90px;
    height: 90px;
    text-align: center;
    /* color: white !important; */
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 2px;
    transition: all 0.1s linear;
}

.dash-tiles .dash-name {
    font-size: 15px;
    font-weight: bold;
    color: black !important;
    background: white !important;
    padding: 5px;
    min-width: 90px;
    height: 90px;
    max-width: 180px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dash-tiles .dash-name:empty {
    padding: 0px;
    min-width: 0px;
    width: 0px;
}

.dash-tiles .dash-tile:hover .dash-icon {
    font-size: 55px;
}

.dash-tiles-delete {
  display: none;
  position: fixed;
  bottom: 0px;
  background: #ab010166;
  font-size: 100px;
  color: #ffffffa1;
  /* border: solid 1px #ff00008a; */
  z-index: 1000;
  text-align: center;
  width: 25%;
  margin: auto;
  left: 0px;
  right: 0px;
  border-radius: 50% 50% 0px 0px;
  box-shadow: 0 0 7px 0px #820000;
}

/* Pin to dashboard modal*/

#mdlPinToDashboard .modal-dialog {
    width: 75%;
}
#mdlPinToDashboard label.control-label {
    font-size: 20px;
}

#mdlPinToDashboard .input-group-btn .btn {
    height: 30px;
    padding: 0px 10px;
}

.DashboardTile-Icons {
    height: 300px;
    overflow-y: scroll;
}

.new-dash-tile-preview {
    background: #ecf0f5;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.new-dash-tile-preview .dash-tiles {
    margin: 0px;
}

.DashboardTile-class>ul {
    display: flex;
    list-style: none;
    padding: 0px;
}

.DashboardTile-class>ul>li {
  width: 50px;
  height: 50px;
  margin: 0px;
  border: 1px solid white;
  font-size: 30px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}


.DashboardTile-class>ul>li.active {
    border-width: 2px;
    border-color: #000000;
    border-style: dashed;
}

.DashboardTile-class>ul>li:hover {
    border-width: 2px;
    border-color: #ffffff;
    border-style: dashed;
}

/* Icons */

.DashboardTile-Icons>ul {
    display: flex;
    list-style: none;
    padding: 0px;
    flex-direction: row;
    flex-wrap: wrap;
    color: #606060;
}

.DashboardTile-Icons>ul>li {
  margin: 0px;
  border: 1px solid #e2e1e1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: stretch;
  justify-content: space-evenly;
  align-items: center;
}

.DashboardTile-Icons>ul>li.active {
    background: black;
    color: white
}

.DashboardTile-Icons>ul>li:hover {
    border-width: 2px;
    border-color: var(--sharp-primary);
    border-style: dashed;
}

.DashboardTile-Icons ul.size1 li {
  width: 20px;
  height: 20px;
  font-size: 12px;
}

.DashboardTile-Icons ul.size2 li {
  width: 30px;
  height: 30px;
  font-size: 20px;
}

.DashboardTile-Icons ul.size3 li {
  width: 40px;
  height: 40px;
  font-size: 25px;
}

.DashboardTile-Icons ul.size4 li {
  width: 50px;
  height: 50px;
  font-size: 30px;
}

.DashboardTile-Icons ul.size5 li {
  width: 60px;
  height: 60px;
  font-size: 40px;
}

.DashboardTile-Icons ul.size6 li {
  width: 70px;
  height: 70px;
  font-size: 50px;
}

.DashboardTile-Icons ul.size7 li {
  width: 80px;
  height: 80px;
  font-size: 60px;
}


/*End Of DashboardTiles*/

/* State colors */

label[class*="state-"] > i {
  padding-right: 5px;
}

.state-new { background-color: var(--state-new); color: #ffffff; }
.state-unplanned { background-color: var(--state-unplanned); color: #ffffff; }
.state-planned { background-color: var(--state-planned); color: #ffffff; }
.state-open { background-color: var(--state-open); color: #000000; }
.state-started { background-color: var(--state-started); color: #ffffff; }
.state-paused { background-color: var(--state-paused); color: #ffffff; }
.state-stopped { background-color: var(--state-stopped); color: #ffffff; }
.state-issued { background-color: var(--state-issued); color: #ffffff; }
.state-received { background-color: var(--state-received); color: #ffffff; }
.state-completed { background-color: var(--state-completed); color: #ffffff; }
.state-deleted { background-color: var(--state-deleted); color: #ffffff; }

/* Dashboard tile colors */
.dash-color1 { background-color:#a9a9a9; color: #ffffff}
.dash-color2 { background-color:#9A6324; color: #ffffff }
.dash-color3 { background-color:#800000; color: #ffffff }
.dash-color4 { background-color:#e6194B; color: #ffffff }
.dash-color5 { background-color:#f58231; color: #000000 }
.dash-color6 { background-color:#ffd8b1; color: #000000 }
.dash-color7 { background-color:#fffac8; color: #000000 }
.dash-color8 { background-color:#ffe119; color: #000000 }
.dash-color9 { background-color:#aaffc3; color: #000000 }
.dash-color10 { background-color:#bfef45; color: #000000 }
.dash-color11 { background-color:#3cb44b; color: #ffffff }
.dash-color12 { background-color:#808000; color: #ffffff }
.dash-color13 { background-color:#469990; color: #ffffff }
.dash-color14 { background-color:#42d4f4; color: #000000 }
.dash-color15 { background-color:#4363d8; color: #ffffff }
.dash-color16 { background-color:#000075; color: #ffffff }
.dash-color17 { background-color:#911eb4; color: #ffffff }
.dash-color18 { background-color:#f032e6; color: #ffffff }
.dash-color19 { background-color:#fabed4; color: #000000 }
.dash-color20 { background-color:#dcbeff; color: #000000 }
.dash-color21 { background-color:#000000; color: #ffffff}

/* Extended Tag colors */
.label-red { background-color: #FF0000; } /* Rood */
.label-orange { background-color: #FFA500; } /* Oranje */
.label-yellow { background-color: #FFFF00; color: gray; } /* Geel */
.label-green { background-color: #008000; } /* Groen */
.label-blue { background-color: #0000FF; } /* Blauw */
.label-purple { background-color: #800080; } /* Paars */
.label-pink { background-color: #FFC0CB; } /* Roze */
.label-black { background-color: #000000; } /* Zwart */
.label-white { background-color: #FFFFFF;  color: gray;} /* Wit */
.label-gray { background-color: #808080; } /* Grijs */
.label-brown { background-color: #A52A2A; } /* Bruin */
.label-skyblue { background-color: #87CEEB; } /* Hemelsblauw */
.label-lilac { background-color: #C8A2C8; } /* Lila */
.label-turquoise { background-color: #40E0D0; } /* Turkoois */
.label-salmon { background-color: #FA8072; } /* Zalm */
.label-lavender { background-color: #E6E6FA;  color: gray;} /* Lavendel */
.label-magenta { background-color: #FF00FF; } /* Magenta */
.label-indigo { background-color: #4B0082; } /* Indigo */
.label-coral { background-color: #FF7F50; } /* Koraal */
.label-olive { background-color: #808000; } /* Olijfgroen */
.label-peach { background-color: #FFEFD5;  color: gray;} /* Perzik */
.label-gold { background-color: #FFD700; } /* Goud */
.label-silver { background-color: #C0C0C0; } /* Zilver */
.label-navy { background-color: #000080; } /* Marineblauw */
.label-beige { background-color: #F5F5DC; color: gray; } /* Beige */
.label-lime { background-color: #00FF00; } /* Limoen */
.label-teal { background-color: #008080; } /* Teal */
.label-paleyellow { background-color: #FFFFE0; color: gray; } /* Zachtgeel */
.label-chestnut { background-color: #CD5C5C; } /* Kastanjebruin */
.label-darkgreen { background-color: #006400; } /* Donkergroen */




/* Cookie Consent */
nav#cookieConsent {
    position: fixed;
    bottom: 60px;
    width: 100%;
    z-index: 1000;
    display: flex;
    justify-content: center;
}

nav#cookieConsent .consent-container {
    display: flex;
    background: white;
    border: 1px solid var(--sharp-primary);
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #4545455c;
}

nav#cookieConsent .consent-icon {
    font-size: x-large;
}

nav#cookieConsent .consent-text {
    padding: 0px 10px;
}

nav#cookieConsent .consent-text p {
    margin: 0px;
}

nav#cookieConsent .consent-text a {
    text-decoration: underline;
}

div.avatar {
    max-width: 40px;
    max-height: 40px;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 5px;
}

div.avatar > img {
 height: 40px;
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
}

table.table.propertyValues {
  width: 100% !important;
}

.propertyValues span.fa-stack {
  width: 23px;
}

/* Division selector menu */
.nav>li.abmp-division-selector {
    display:flex;
}
.abmp-division-selector .abmp-division-current span {
    font-size: 20px;
}

.skin-absc .main-header .navbar .nav > li > a.abmp-division-current {
    /*padding-top: 6px;*/
    /*padding-bottom: 0px;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.abmp-division-selector .dropdown-menu {
    box-shadow: 4px 3px 8px 2px #00000030;
}

.dropdown-menu > li > a.abmp-division-option {
    color: black;
}
/*  END division selector menu */

/* ABMP Page Loading Spinnner*/
.ABMP-page-loading {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.61);
  z-index: 1040;
  display: flex;
  flex-direction: row;
}

.ABMP-page-loading-content {
  margin: auto;
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ABMP-page-loading-content img {
  width: 100%;
  height: 100%;
  border: 0;
  animation: abmp-spinner 2.5s linear infinite;
}

@keyframes abmp-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END Pageloading Spinner */


/* Custom Icon's */
/*
	Create svg with for example: https://app.svgator.com/
	Convert encode svg with: https://yoksel.github.io/url-encoder/
	Note: For icons in the menu we typically use fill color: #444444
*/

.ab-menu-icon {
  height: 16px;
  background-repeat: no-repeat;
}

.ab-mechanical-arm {
background-image: url("data:image/svg+xml,%3Csvg id='eg6JQ8ecZVF1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 600 600' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' project-id='c32fc68e84564f878a857c83f1a2dbff' export-id='525dabf0c0954670a2fdd2179e5b2f6b' cached='false'%3E%3Cpath d='M268.970219,699.72311c1.423464-29.7457,6.310386-107.103213,41.118148-104.362821c38.166456,134.159458,181.440897,117.995946,207.213823-1.93264c31.937706-12.939325,42.857337,70.593139,41.659176,106.295461h-289.991147Z' transform='matrix(1.062268 0 0 0.89212-198.042941-23.912444)' fill='%23444' stroke-width='0'/%3E%3Cpath d='M338.0496,580.35159c0-3.81038.28487-7.55422.83448-11.21139L293.3905,448.75241c-27.26575-15.0527-45.73303-44.08748-45.73303-77.43553c0-48.81763,39.57451-88.39213,88.39213-88.39213c16.34889,0,31.66111,4.43852,44.79738,12.1763l184.95505-46.06789c-17.21169,31.52864-8.22379,83.95385,12.98165,105.98119L421.26061,394.90093c-3.49209,12.64507-9.72346,24.15332-18.0155,33.84614l67.32902,104.00184c10.6802,12.93403,17.0965,29.51905,17.0965,47.60268c0,41.31671-33.49381,74.81051-74.81051,74.81051s-74.81051-33.49381-74.81051-74.81051h-.00001Zm74.81052,43.47321c24.00959,0,43.47321-19.46362,43.47321-43.47321s-19.46362-43.47321-43.47321-43.47321-43.47321,19.46362-43.47321,43.47321s19.46362,43.47321,43.47321,43.47321ZM336.04961,422.68252c28.36846,0,51.36564-22.99718,51.36564-51.36564s-22.99718-51.36564-51.36564-51.36564-51.36564,22.99718-51.36564,51.36564s22.99718,51.36564,51.36564,51.36564Z' transform='matrix(1.239635-.159061 0.159061 1.239634-363.60583-178.813806)' fill='%23444' stroke-width='0'/%3E%3Cpath d='M338.0496,580.35159c0-41.31671,33.49381-74.81051,74.81051-74.81051s74.81051,33.49381,74.81051,74.81051-33.49381,74.81051-74.81051,74.81051-74.81051-33.49381-74.81051-74.81051Zm74.81052,43.47321c24.00959,0,43.47321-19.46362,43.47321-43.47321s-19.46362-43.47321-43.47321-43.47321-43.47321,19.46362-43.47321,43.47321s19.46362,43.47321,43.47321,43.47321Z' transform='matrix(1.245124 0 0 1.245124-69.32509-629.39041)' fill='%23444' stroke-width='0'/%3E%3Cpath d='M721.883692,355.316247c-11.494035,14.467789-42.404241,30.222843-61.889246,31.397472l9.66076,42.869625c-7.817447,2.418401-12.939391,11.862517-11.472153,18.415823l4.830379,20.529116c3.022187,7.641316,11.52646,12.233191,16.906331,9.660761l67.021526-14.491141c6.533433-1.206973,14.099217-9.03192,13.283546-18.113926l-4.830381-18.717723c-3.297703-9.091759-12.875111-13.641578-18.717723-12.37785l-14.793039-59.172157Z' transform='matrix(.994834 0.101511-.101511 0.994834-165.178261-251.378226)' fill='%23444' stroke-width='0'/%3E%3Cpath d='M686.863436,498.718161l2.113291,14.189242c-21.559378,10.254175-38.683113,42.756874-35.406382,63.617592l15.379716,61.179213c4.390052,23.938422,48.696731,16.339164,44.093689-9.500988l-13.566715-59.036683c-3.742124-7.202621,4.434717-23.740154,16.235626-26.936775l29.577513-6.267788c8.836626-2.140452,24.681122,8.866043,26.746686,19.13043l12.844023,57.291365c8.059972,24.824228,48.932509,15.153065,43.874969-8.604839l-12.679748-59.172158c-5.594691-23.425053-36.578534-45.662953-60.681652-46.190511l-3.924684-13.585445-64.606332,13.887345Z' transform='matrix(.993478 0.114028-.114028 0.993478-154.405011-265.607305)' fill='%23444' stroke-width='0'/%3E%3C/svg%3E%0A");
}

.ab-server-connector {
background-image: url("data:image/svg+xml,%3Csvg id='ezq9A6GQ3fs1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 300 300' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' project-id='8797750092144e0e8fd3ed8410c11697' export-id='9b276d2f0f5945e0a613af9a2f05e243' cached='false'%3E%3Cg transform='translate(.000001 0)'%3E%3Cpath d='M247.237041,164.278685l17.123698-23.973178h-34.247396l17.123698,23.973178Z' transform='matrix(2.91993 0 0 2.91993-491.615674-318.716516)' fill='%23444' stroke-width='0.6'/%3E%3Cpath d='M230.59009,92.044072c3.347605-68.232726-50.675286-60.804578-79.71259-60.804578' fill='none' stroke='%23444' stroke-width='30'/%3E%3C/g%3E%3Cg transform='matrix(-1 0 0-1 300.846503 301.364105)'%3E%3Cpath d='M247.237041,164.278685l17.123698-23.973178h-34.247396l17.123698,23.973178Z' transform='matrix(2.91993 0 0 2.91993-491.615674-318.716516)' fill='%23444' stroke-width='0.6'/%3E%3Cpath d='M230.59009,92.044072c3.347605-68.232726-50.675286-60.804578-79.71259-60.804578' fill='none' stroke='%23444' stroke-width='30'/%3E%3C/g%3E%3Cpath d='' fill='none' stroke='%233f5787' stroke-width='0.6'/%3E%3Crect width='120' height='120' rx='0' ry='0' transform='matrix(.805661 0 0 0.805661 22.361485 22.010912)' fill='none' stroke='%23444' stroke-width='30'/%3E%3Crect width='120' height='120' rx='0' ry='0' transform='matrix(.805661 0 0 0.805661 181.027869 181.703154)' fill='none' stroke='%23444' stroke-width='30'/%3E%3Cpath d='' fill='none' stroke='%233f5787' stroke-width='0.6'/%3E%3Cpath d='' fill='none' stroke='%233f5787' stroke-width='0.6'/%3E%3C/svg%3E%0A");
}