/* this is the main font */
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Regular'), local('Cabin-Regular'), url('./fonts/Cabin-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 500;
    src: local('Cabin Medium'), local('Cabin-Medium'), url('./fonts/Cabin-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    src: local('Cabin Bold'), local('Cabin-Bold'), url('./fonts/Cabin-Bold.ttf') format('truetype');
}

body {
    padding-top: 160px;
    font-family: "Cabin", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.scrollable-menu {
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

.navbar-inverse {
    background-color: #000E9C;
    margin-bottom:0px;
    color:#FFFFFF
}
.navbar-inverse .navbar-brand {
    color: #FFFFFF;
}
body .sub-header {
    color:#FFF;
    font-weight:bold;
    background:#0050D7;
    padding:10px 30px;
    margin-bottom:100px;
    position:absolute;
    top:50px;
    width:100%;
}
.date-template {
  padding: 10px 15px;
  text-align: left;
}

.vms-template {
  padding: 10px 15px;
  text-align: center;
}

.vms-plan .popover-title {
    color: black;
    font-size: 15px;
    font-weight: bold;
}
.vms-plan .popover-content {
    color: black;
    font-size: 10px;
    font-weight: normal;
}

.vms-plan table {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 8px;
}

.vms-plan td {
    width: 25px;
    border: 2px solid white;
    text-align: center;
    vertical-align: middle;
}

.vms-plan tr
{
    height: 30px;
}
.legend-template .vms-plan tr {
    height: 15px;
}

.legend-template:after {
    color: #BBBBBB;
    content: "Legend";
    font-size: 10px;
    font-weight: 700;
    left: 15px;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
}
.legend-template {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    border-width: 1px;
    box-shadow: none;
    margin: 40px 0 20px;
    padding: 25px 15px 5px;
    border-style: solid;
    position: relative;
    width: 350px;
}


.vms-plan td.caption { color: black;  font-weight: bold; }
.vms-plan td.lvundef { background-color: #E0E0E0; }
.vms-plan td.lvundef a { color: white; font-weight: bold; }
.vms-plan td.lv0 { color: #EDF8DD; background-color: #268403; }
.vms-plan td.lv1 { background-color: #DEF8FF; }
.vms-plan td.lv1 a { color: #4D5592; font-weight: bold; }
.vms-plan td.lv2 { background-color: #BEF1FF; }
.vms-plan td.lv2 a { color: #4D5592; font-weight: bold; }
.vms-plan td.lv3 { background-color: #85D9FD; }
.vms-plan td.lv3 a { color: #4D5592; font-weight: bold; }
.vms-plan td.lv4 { background-color: #FEF4C2; }
.vms-plan td.lv4 a { color: #9A390A; font-weight: bold; }
.vms-plan td.lv5 { background-color: #FFE8EE; }
.vms-plan td.lv5 a { color: #C11B1B; font-weight: bold; }
.vms-plan td.lv6 { background-color: #C11B1B; }
.vms-plan td.lv6 a { color: #FFE8EE; font-weight: bold; }

.dc-template {
    position: relative;
    margin-top: 15px;
    margin-bottom: 0px;
    min-height: 90px;
}
.dc-template .location {
    margin-left: 120px;
    vertical-align: middle;
}
.dc-template .location .location-name {
    line-height: 1;
}
.dc-template .location .location-dc {
    margin-right: 10px;
}
.dc-template .flag {
    position: absolute;
}
.dc-template .location li {
    margin-top: 5px;
    margin-left: 10px;
}
a.disabled {
  pointer-events: none;
  opacity: 0.5;
}