.log-out{
    background: linear-gradient(90deg, #F57F17 10%, #0D47A1 70%);
    border: none;
}

.highlight{
    background: green;
}
.input-box {
    width:38%;
    height: 27px;
    position: absolute;
    right: 60px;
}
.empty-text {
    text-align: center;
    padding: 2px 0;
    /*vertical-align: middle;*/
}

.status-cond {
    width: 200px;
}

.pull-arrow {
    color:#63FF19;
}

.take-arrow {
    color:#FF0ED3;
}

.center {
    text-align: center;
}

.order-list {
    width: 500px;
    margin: 20px auto 0 auto;
}

.cont-name {
    display: inline-block;
}

.cont-name:hover {
    text-decoration: underline;
}

.card {
    width: 700px;
    vertical-align: top;
    margin: 20px auto 0 auto;
}
a:hover {
    color: #42ffdd;
    text-shadow: 2px 2px 5px yellow;
}
.table-area {
    /*width: 98%;*/
    background-position: center;
    /*display: block;*/
    margin: auto;
    text-align: center;
    /*border: none;*/
    /*border-collapse: separate;*/
    /*position: relative;*/
    /*border-bottom: none;*/
    border-collapse: separate;
    border-spacing: 0 5px;
    /*table-layout: auto;*/
}
.active_side {
    /*color: #42ffdd;*/
    text-shadow: 2px 2px 5px yellow;
    background-color: #555;
    color: white !important;
}
.table-area2 {
    width: 98%;
    background-position: center;
    margin: auto;
    text-align: center;
}

.add-button {
    background-color: white;
    border-radius: 6px;
    border-color: hsl(141, 71%, 48%);
    color: hsl(204, 86%, 53%);
    /*color: hsl(206, 70%, 96%);*/
}

.remove-button {
    background-color: white;
    border-radius: 6px;
    border-color: hsl(347, 90%, 96%);
    color: hsl(348, 100%, 61%);
}

.save-icon {
    background-color: white;
    border-color: white;
    border-radius: 6px;
    color: hsl(204, 86%, 53%)
}

/*.row-count {width: 10%;}*/
/*.row-cont {width: 40%;}*/
/*.row-size {width: 15%;}*/
/*.row-lfd {width: 15%;}*/
/*.row-driver {width: 15%;}*/

.datepicker {
    height: 40px;
    width: 110px;
    border-radius: 4px;
    border-color: hsl(171, 100%, 41%);

}

.cus-dropdown {
    height: 40px;
    font-family: sans-serif;
    font-size: large;
    color: black;
    border-radius: 4px;
    border-color: hsl(204, 86%, 53%);
    margin-right: 10px;

}

.search-box {
    width: 300px;
    float: right;
    margin-right: 10px;
}

.search-button {
    float: right;
}

.h-body {
    height:60px;
    /*position: absolute;*/
    top: 50%;
}

.order-search {
    width: 150px;
}

.time-bdr {
    border: none;
}

/*tr:nth-child(even) {*/
/*  background-color: #f2f2f2;*/
/*}*/

.empty-container {
    /*background-color: #00FFFF;*/
    background: linear-gradient(to bottom, #00ffff 0%, #ffffff 100%);
    font-weight: bold;
    font-style: italic;
}
tr.outbound-done{
    background-color: #00FFFF !important;
    font-weight: bold;
    font-style: italic;
}
tr.outbound-verify{
    background-color: rgba(255, 0, 0, 0.7) !important;
    color: white;
    font-weight: bold;
    font-style: italic;
}
tr.outbound-vhalf{
    background-color: rgba(239, 108, 15, 0.7) !important;
    color: black;
    font-weight: bold;
    font-style: italic;
}
.full-container{
    background-color: #66afe9;
}
.even-color {
    /*background-color: white;*/
    background-color: #FFFDE7;
    /*background-color: #00FFFF;*/
}
.t-head-set {
    background-color: #455A64;
    /*color: white*/
}
.odd-color {
    /*background-color: #f2f2f2;*/
    background-color: #CCFFFF;
}
.dup {
    background-color: red;
}
.lfd-passed {
    background: linear-gradient(#FF0CB5, #FFFFFF);
    font-weight: bold;
}
.lfd-4 {
    background: linear-gradient(#FF0049, #FFFFFF);
    font-weight: bold;
}
.lfd-3 {
    background: linear-gradient(#FFB31C, #FFFFFF);
    font-weight: bold;
}
.lfd-2 {
    background: linear-gradient(#97FF4B, #FFFFFF);
    font-weight: bold;
}

.out-cal {
    display: inline-block;
    display: block;
    border-radius: 6px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.parent {
    /*border: 1px solid black;*/
    margin: 0.5rem;
    /*padding: 2rem 2rem;*/
    text-align: center;
}
.child {
    display: inline-block;
    /*border: 1px solid red;*/
    border-radius: 6px;
    padding: 0.2rem 0.2rem;
    vertical-align: middle;
}

/*.navbar {*/
/*  overflow: hidden;*/
/*  position: fixed;*/
/*  top: 0;*/
/*  width: 100%;*/
/*}*/

.fix-content {
    top: 150px;
    /*overflow: hidden;*/
    position: sticky;
    width: 100%;
    height: 100%;
    /*margin-bottom: 40px;*/
}


.check-icon{
    color: black;
}

.whs-switch{
    float: left;
    position: relative;
    top: 5px;
    left: 5px;
}
.side-button-menu{
    /*float: left;*/
    position: fixed;
    top: 75px;
    left: 10px;
}

.dash-board {
    position: fixed;
    top: 85px;
    width: 100%;

}
.first-sticky {
    position: sticky;
    top: 0px;
}
.second-sticky {
    position: sticky;
    top: 56px;
}
.st-sticky{
    position: sticky;
    top: 140px;
}
.third-sticky {
    position: sticky;
    top: 189px;
}
.fourth-sticky {
    /*position: sticky;*/
    /*top: 200px;*/
    /*overflow-y: hidden;*/
}
.delete-button{
    color: red;
}

.cancel-button {
    border-radius: 8px;
    background-color: transparent;
    width: 33px;
    border: none
}
.del-button-odd {
    background-color: #FFFDE7;
}
.del-button-even {

}

/*.even-color {*/
/*    !*background-color: white;*!*/
/*    background-color: #FFFDE7;*/
/*    !*background-color: #00FFFF;*!*/
/*}*/
/*.odd-color {*/
/*    !*background-color: #f2f2f2;*!*/
/*    background-color: #CCFFFF;*/
/*}*/
.check-button{
    border: none;
    border-radius: 8px;
    background-color: #39424b;
    color: greenyellow;
    /*height: 30px;*/
    /*width: 40px;*/
}
.save-button{
    /*border: none;*/
    /*border-radius: 2px;*/
    background-color: #39424b;
    color: greenyellow;
}
.revert-button{
    /*border: none;*/
    /*border-radius: 2px;*/
    background-color: transparent;
    color: red;
}


/*.dropdown {*/
/*    overflow:hidden;*/
/*}*/

body {
    /*zoom: 80%;*/
    font-size: 16px;
    font-family: "Century Gothic";
    /*transform: scale(0.8);*/
    /*transform-origin: 0 0;*/

}
/*@media screen and (max-width: 768px) {*/
/*      .navbar-menu.collapsed .navbar-hide {*/
/*        display: none;*/
/*      }*/
/*    }*/
.body_zoom{
  zoom: 80%;
}