body {
    background-color: white;
}

html {
    overflow-y: scroll;
}

th {
    padding-right: 2cm;
}

label {
    font-weight: 500;
}

.row_selected td {
    background-color: #1EA7E7 !important; /* Add !important to make sure override datables base styles */
}

.navbar {
    margin-bottom: 0;
    background-color: white;
    z-index: 9999;
    border: 0;
    font-size: 15px !important;
    font-weight: lighter;
    line-height: 1.42857143 !important;
    letter-spacing: 1px;
    border-radius: 0;
    /*font-family: Montserrat, sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 2px solid lightblue;
}

.navbar li a, .navbar .navbar-brand {
    color: black !important;
    font-size: 15px !important;
    font-weight: lighter;
    line-height: 1.42857143 !important;
    letter-spacing: 1px;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: dodgerblue !important;
    background-color: white !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: white !important;
}

.container-fluid {
    padding: 0px;
    display: flex;
    min-height: 100vh;
}

.content {
    margin-top: 0px;
    background-color: white;
}

.required {
    color: #e04e39;
    font-size: 20px;
    padding-left: 4px;
}

.left-menu {
    /*                border-right-style: solid;
                    border-right-width: 1px;*/
}

.left-menu ul {
    margin-top: 80px;
    padding-left: 10px;
    list-style-type: none;
}

.left-menu li {

    padding-bottom: 20px;
}

/*.left-menu a {*/
    /*color: black;*/
    /*!*font-family: Montserrat, sans-serif;*!*/
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*text-decoration: none;*/
    /*text-align: center;*/
    /*font-size: 14px !important;*/
    /*font-weight: lighter;*/
    /*letter-spacing: 1px;*/
    /*display: block;*/
    /*border-radius: 5px;*/
    /*margin-bottom: 5px;*/

/*}*/

/*.left-menu a:hover {*/
    /*color: dodgerblue !important;*/
    /*!*background-color: white !important;*!*/
/*}*/

.legend {

}

.legend label {
    margin-top: 20px;
}

.legend label a {
    color: black;
    font-size: 14px;
    /*font-family: Montserrat, sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.legend label a:hover {
    color: orange !important;
    /*background-color: white !important;*/
}

.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shipment-container {
    box-shadow: 0 0 2px black;
    background-color: whitesmoke;
    padding: 15px;
}

.shipment-title {
    background-color: #1EA7E7;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.shipment-title label h4 {
    color: white;
    padding-left: 15px;
}

.shipment-submit {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0056b3;
    border-radius: 0px
}
.shipment-submit button {
    background-color: #1EA7E7;
}
.container-title {
    background-color: #1EA7E7;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.container-title label h4 {
    color: white;
    padding-left: 15px;
}
.btn-info {
    background-color: #1EA7E7; !important;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}