/*
06/Aug/2021 - Commented out this section because it seems that it's not being applied by browser
              due to missing semicolon after "font-size: 12px !important".
              However I'm not sure whether it's being applied by some browsers, so commented out for now rather than delete them. 
html {
    font-size: 12px !important
    padding-top: 65px;
}
*/

.table {
    font-size: 12px !important;
}

.eps-header {
    color: black;
}

.gda-raw-data {
    display: none;
}

.render_table{
    color:#32CD32
}
.render_table_extra{
    color:#D8000C;
    background-color: #FFBABA;
}
.render_color{
    color:#32CD32
}

.form-group {
    font-size: 12px !important;
    width: 25% !important;
    float:left;
}

.form-control{
    font-size: 12px !important;
    width: 80%;
}

/*.container {*/
/*    float : left;*/
/*    padding-left: 20px; !important;*/
/*    !*max-width: 200%; !important;*!*/
/*    !*overflow:auto; !important*!*/
/*    !*max-width: 950px;*!*/
/*}*/

/*.navbar {*/
/*    !*float: left;*!*/
/*    !*font-size: 14px;*!*/
/*    !*background-color: #ffcc00;*!*/
/*    !*width:150px;*!*/
/*}*/

/*.side-navigation {*/
/*    float: left;*/
/*    font-size: 14px;*/
/*    background-color: #ffcc00;*/
/*    width:150px;*/
/*    height: 100%;*/
/*}*/

.col-1 {
    background-color: #ffcc00;
    font-size: 14px;
    height: 520px;
}

.col-md-1 {
    background-color: #ffcc00;
    font-size: 14px;
    height: 520px;
}

.col-xs-4 {
    background-color: #ffcc00;
    font-size: 14px;
    height: 520px;
}

/*.logo-wrapper {*/
/*    margin-top: 12px;*/
/*    margin-bottom: 69px;*/
/*}*/

/*.table-container {*/
/*    width: 100%;*/
/*}*/

.top-container {
    background-color: #ffcc00;
    /*height: 65px;*/
}

/*.button-submit {*/
/*    margin-top: 20px;*/
/*}*/

/*#site-name {*/
/*    margin-left: 20px;*/
/*}*/

/*.logout {*/
/*    float: right;*/
/*    top: -20px !important;*/
/*    position: relative;*/
/*    right: 10px;*/
/*}*/

#upload_file {
    top: 15px !important;
    position: relative;
}

.left-item {
    margin-left: -15px;
    width: 75%;
}

/*.maincontent {*/
/*    !*float: right;*!*/
/*    position: relative;*/
/*}*/

.btn-primary {
    color: black;
    background-color: #ffcc00;
    border-color: #ffcc00;
}

.padding-removed td , .padding-removed th{
    padding: 0em !important;
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.my-btn, .booking-email, .shipment-email, .close-btn {
    margin-top: 21px;
}

#send-booking-email {
    width: 150% !important;
}

#send-shipment-email {
    width: 150% !important;
}


.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 1px solid #666666;
  width: 500px;
  height: 100px;
  left: 25%;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
}