html,
body{
    margin: 0px;
    padding: 0px;
    min-height: 100%;

    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 0.9em;
    /*    font-size: 14px;*/
    /*    background-repeat:no-repeat;*/
    /*    background: linear-gradient(#ffffff, #ffffff, #394b5c);*/
}

body{
    background: linear-gradient(to bottom, #ffffff 0px, #ffffff 180px, #c1c6ca 1000px, #c1c6ca 1000px);
}

table{
    border-collapse: collapse;
}

/* jquery ui override*/
.ui-widget-overlay {
    /*    background-color: green;*/
    background-color: #000000;
    opacity: .3;
}

/* jquery tablesorter */
.tablesorter .header{
    background: none;
    text-align: left;
    padding: 0px;
}

.logo-holder{
    /*    background: linear-gradient(to right, #231f20, #3d393a);*/

    padding-top: 5px;
    display: flex;
    color: #ffe153;
}

.logo-holder > div {
    /*    flex: 1;
        text-align: center;
        font-weight: bold;
        font-size: 1.4em;*/
}

.logo-holder img {
    /*    width: 100%;*/
}

/*.header{
    background-color: #f7e82c;
        background: linear-gradient(#f7e82c, #efefbd);
    padding: 10px 5px;

}*/

.flex-spacer{
    flex-grow: 1;
}

.custom-input {

}
.custom-select{
    height: 25px;
}
.input-lg{
    width: 100%;
}

.input-date {
    width: 100px;
}

.table-lg{
    width: 100%;
}

table td.td-icon{
    width: 20px;
    text-align: center;
}
table td.td-date{
    width: 85px;
}

table.table-striped tbody tr:nth-child(odd){
    background-color: #efefbd;
}
table thead .sortable{
    font-weight: bold;
    cursor: pointer;
}

table.table-row-sortable {
}
table.table-row-sortable tbody tr td:first-child{
    cursor: move;
}

.custom-table{

}

.custom-table thead td{
    font-weight: bold;
}

.custom-table tbody tr{
    cursor: pointer;
}

.custom-table tbody tr:nth-child(odd){
    /*    background-color: #efefbd;*/
    background-color: #f0f0f0;
}

.custom-table tbody tr:hover{
    background-color: #f7e82c;
}
.custom-table tbody tr.selected{
    /*    background-color: #f7e82c;*/
    background-color: #efefbd;
}

.custom-table2{

}

.custom-table2 thead td{
    font-weight: bold;
}

.custom-table2 tbody tr{
}

.custom-table2 tbody tr:nth-child(odd){
    /*    background-color: #efefbd;*/
    background-color: #e0e0e0;
}

.custom-table2 tbody tr.selected{
    background-color: #efefbd;
}

.custom-table2 tbody tr:hover{
    background-color: #f7e82c;
}


.custom-btn{
    padding: 5px 30px;
    text-align: center;
    /*    border-color: #f5af14;*/
    /*    background-color: #000000;*/
    /*    background-color: #231f20;*/
    /*    background-color: #394a5a;*/
    /*    background-color: #536576;*/
    background: linear-gradient(to right, #394a5a, #536576);
    color: #ffffff;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

.custom-btn:disabled{
    opacity: 0.5;
}

.custom-dialog{
    /*    font-size: 0.8em;*/
}


.custom-dialog .ui-dialog-titlebar{
    /*    background: #f5f5f5;*/
    background: linear-gradient(to right, #394a5a, #536576);
    color: #ffffff;
}



.custom-dialog .ui-widget-header{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top: none;
    border-left: none;
    border-right: none;

}
.custom-dialog.ui-dialog{
    padding: 0px;
    background-color: #ffffff;
    /*    border: 1px solid #f8e72c;*/

}

.custom-dialog.ui-dialog .ui-dialog-buttonpane button{
    /*    background-color: #000000;*/
    background: linear-gradient(to right, #394a5a, #536576);
    color: #ffffff;
    border: none;
    border-radius: 2px;
}

.hidden {
    display: none;
}

.right{
    float: right;
}
.left{
    float: left;
}

.icon-hover{
    cursor: pointer;
}
.icon-hover:hover{
    opacity: 0.5;
}

.red{
    color: #c00000;
}

.green{
    color: #00ff00;
}
.dark-green {
    color: #009900;
}

.my-tooltip{
    padding: 2px 4px;
}

.toast {
    display:none;
    width:200px;
    /*    height:20px;*/
    height:auto;
    position:fixed;
    z-index: 9999;
    left:50%;
    margin-left:-100px;
    bottom:10px;
    background-color: #f7e82c;
    color: #000000;
    font-size: 0.9em;
    padding:10px;
    text-align:center;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 24px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 24px -1px rgba(0, 0, 0, 0.7);
}

.yellow{
    color: #ffe153;
}

/*.tablesorter th{
    display: table-cell;
    font-size: 1em;
    text-align: left;
    padding-left: 2px;
}*/
/*.tablesorter-headerAsc:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\f0de";
}
.tablesorter-headerDesc:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\f0dd";
}*/
/*.tablesorter-header:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\f0dc";
}
*/

.tablesorter th{
    text-align: left;
    padding-left: 2px;
    cursor: pointer;
}
.tablesorter .custom-sort:before,
.tablesorter .custom-sort-acs:before,
.tablesorter .custom-sort-desc:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px 2px;

}
.tablesorter .custom-sort:before{
    content: "\f0dc";
}
.tablesorter .custom-sort-acs:before{
    content: "\f0de";
}
.tablesorter .custom-sort-desc:before{
    content: "\f0dd";
}

.order-color-begun{
    /*    background-color: #f5f56e !important;*/
    background-color: #c9dede  !important;
}
.order-color-late{
    background-color: #ffadad !important;
}
.order-color-packed{
    background-color: #96d7ff !important;
}
.order-color-done{
    background-color: #b3ffb3 !important;
}
.order-color-comming{
    /*    background-color: #f7e82c !important;*/
    background-color: #efefbd !important;
}

/*.tablesorter .custom-sort:before  {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px 2px;

    content: "\f0dc";

}
.tablesorter .custom-sort-acs:before  {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px 2px;

    content: "\f0de";

}
.tablesorter .custom-sort-desc:before  {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px 2px;

    content: "\f0dd";

}*/

/* unsorted content: "\f0dc";*/