.right_col {
    background: #c6cbd3 !important;
    height:100vh;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ddd;
    cursor: default;
    background-color: #2A3F54;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

body {
    background: #c6cbd3;
}

.fixed-tabs {
    position: fixed;
    width: 21%;
}

.fixed-alert {
    position:fixed;
    z-index: 900;
    width: 100%;
}

.course-box {
    width:100%;
    height: 100px;
    border: 2px solid black;
}

.color-legend {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    height: 65px;
    text-align: center;
    padding-top: 25px;
    margin: 10px;
}

.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #419641;
}

.btn-success.active:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
color: #fff;
background-color: #5cb85c;
border-color: #5cb85c;
}

.full-size-select {
    width: 998% !important;
}

.btn-tall {
    height: 109%;
}

.small-table {
    width: 75%;
}

.scrollable-div {
    overflow: auto;
    max-height: 100vh;
}


/* FORM VALIDATION*/
input.ng-invalid.ng-touched {
    border-color: red;
    background-color: #ffe0e6;
}

select.ng-invalid.ng-touched {
    border-color: red;
    background-color: #ffe0e6;
}

.validation-message {
    color:red;
}