._720kb-datepicker-calendar-day._720kb-datepicker-today {
  background:red;
  color:white;
}
.container
{
    width: 900px;
    margin: 0 auto;
    /*background: #dedede;*/
}
.section-1{
    margin-bottom:30px !important;
}
.product-input {
    height: 30px;
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    padding-left: 5px;
}
.product-input::placeholder{
    color:black;
    opacity:0.8;
   
}
select.headerfilter
{
    border: 1px solid #111;
    background: #eee;
    width:120px;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
}
select.packingheaderfilter
{
    border: 1px solid #111;
    background: #eee;
    width:100% !important;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
}
.filter-label-1 {
    margin: 0 !important;
}
.flash-message
    {
        position: fixed;
        z-index: 1000;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
        width: 50%;
        text-align: center;
    }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.no-spinners {
  -moz-appearance:textfield;
}

.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#logout-btn:hover{
    background-color:black !important;
   
}

#location
{
    padding: 15px;
    background: #f2f2f2;
}

.location_panel
{
    display: block;
}
.YellowColor{
  background-color: yellow
}
.GreenColor{
  background-color:lightgreen
}
.RedColor{
  background-color: lightpink
}
.GrayColor
{
    background-color: lightgray;
}
.RedColorText{
  color: red
}
.RedBoldAnchor a {
  color: red !important;
  font-weight: bold;
}
.CommonButton
{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    font-weight: bold;
}
.ShipButton
{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    height:50px;
    width:100px;
    font-size : 20px !important;
}
.CompleteButton
{
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4;
    height:50px;
    width:150px;
    font-size : 20px !important;
}
.hd_description
{
    display: block;
}

.location_title
{
    border-bottom: 3px solid #919191;
    padding: 5px 6px;
    margin-bottom: 10px;
}

    .location_title h2, .location_title ul
    {
        display: inline-block;
        margin: 0px;
        padding-bottom: 5px;
    }

        .location_title h2 span input
        {
            border: 3px solid #000;
            padding: 2px 5px;
        }

        .location_title ul.navbar-right
        {
            float: right;
        }

            .location_title ul.navbar-right li
            {
                list-style: none;
            }

                .location_title ul.navbar-right li a, .location_title h2 span a
                {
                    cursor: pointer;
                }

.location_content
{
    padding: 0 0px 6px;
    width: 100%;
    clear: both;
    margin-top: 5px;
}

    .location_content table
    {
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin-bottom: 20px;
        border-spacing: 0px;
        padding: 0 10px;
    }

        .location_content table th
        {
            color: #919191;
            font-size: 20px; /*vertical-align: bottom;  border-bottom: 2px solid #ddd;*/
        }

        .location_content table tr td
        {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 2px solid #bababa;
        }

.clearfix
{
    clear: both;
}

.text_right
{
    text-align: right;
    padding-right: 10px;
}

.text_green
{
    color: #4fa532;
}

.page-header
{
    margin-top: 55px;
}

.container-fluid
{
    padding-left: 0px;
    padding-right: 0px;
}

.parent_arow
{
    background: url(../images/aroowup.png) no-repeat;
    border:double;
    height: 60px;
    width: 60px;
    margin-top: 6px;
    display: inline-block;
}

.collapse_arrow
{
    background: url(../images/collapse.png) no-repeat;
    height: 29px;
    width: 13px;
    display: inline-block;
}


.circle-icon,
.circle-icon:focus
{
    display: inline-block;
    border: solid 1px #000;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border-radius: 50%;
}
.circle-icon.vertical img
{
    height: 22px;
}
.circle-icon.horizontal img
{
    width: 22px;
}



.bdr_black
{
    border-color: #000;
}

.RadTreeView.RadTreeView_Default
{
    height: 0px;
    border: 0px !important;
}

.navbar-brand
{
    padding: 0px 0px 0px 5px;
    font-size: 13px;
}

.activeMenu, .activeMenu:hover {
  background-color: #337ab7 !important;
  color: white !important;
}

.loading
{
    position: fixed;
    z-index: 10001;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .loading:before
    {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(224,224,224,0.3);
    }

    .loading:not(:required)
    {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after
        {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

@-webkit-keyframes spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner
{
    0%
    {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* loader code end*/

/*  Below junaid css */
.arrow_small
{
    color: inherit;
}

a.collapsed.arrow_small i.fa:before
{
    font-size: 16px;
}

.arrow_small .fa-sort-up:before, .arrow_small .fa-sort-asc:before
{
    font-size: 16px;
    top: 4px;
}

a:focus
{
    border: 0px;
    outline: none;
}
.page-header{margin: 50px 0 5px; padding-bottom:0;}
.panel {margin-bottom: 5px;}
.page-header h3{ padding-top:15px;}
.pr span.badge{ background:#0c97a8; position:absolute; top: 0px;left: 25px;}
.pr span.badge.f_badge{ background:#d9534f;}
.search_message{margin:10px 0 0 0;}
.product_scroll {  max-height: 250px;   overflow: hidden;   overflow-y: auto;}
h1.page-header small input
{
    border: 3px solid #000;
    padding: 2px 5px;
}
.custom-width-300
{
    width: 300px;
     vertical-align:middle;
     margin-left:40%;
}
.custom-width-350
{
    width: 350px;
     vertical-align:middle;
     margin:auto;
}
.custom-width-550
{
    width: 550px;
     vertical-align:middle;
     margin:auto;
}
.custom-width-750
{
    width: 750px;
     vertical-align:middle;
     margin:auto;
}
h1.page-header
{
    border-bottom: 3px solid #000;
}

h3
{
    margin-top: 0px;
    margin-bottom: 6px;
}

a.collapsed i.fa:before
{
    content: "\f0dd";
    font-size: 28px;
    position: relative;
    top: -2px;
}

.fa
{
    line-height: 0px !important;
}

.fa-sort-up:before, .fa-sort-asc:before
{
    content: "\f0de";
    font-size: 28px;
    position: relative;
    top: 12px;
}

.panel-group .panel-default .panel-heading
{
    padding: 0px;
}

    .panel-group .panel-default .panel-heading a
    {
        padding: 10px 15px;
        display: inline-block;
        cursor: pointer;
        height: 39px;
        width: 100%;
    }

.mt200
{
    margin-top: 200px;
}

.pr
{
    position: relative;
}

.pa
{
    position: absolute;
}

.navbar-brand > img
{
    display: inline-block;
}

.locatindetail_child table tr:first-child td
{
    border-top: 0px;
}

.locatindetail_child .add_item
{
    border-bottom: 1px solid #ddd;
    padding: 8px;
}

.add_btn
{
    right: 15px;
    top: 10px;
}

.pt5
{
    padding-top: 5px;
}

.pr75
{
    padding-right: 140px;
}

.pl95
{
    padding-left: 95px;
}

.nav_right
{
    margin-right: 15px;
}

    .nav_right li
    {
        display: inline-block;
        list-style: none;
        margin: 5px;
    }

.mobving_tool
{
    cursor: pointer;
    float:right; 
    margin-top:0px;
}

    .mobving_tool i
    {
        background: url(../Images/move.png) no-repeat;
        height: 30px;
        width: 30px;
        display: inline-block;
    }

    .mobving_tool span.badge
    {
        vertical-align: top;
        position: relative;
        right: 15px;
        top: -8px;
    }

sup
{
    top: -1em;
    right: 15px;
}

    sup span.badge
    {
        background: #0c97a8;
    }

        sup span.badge.f_badge
        {
            background: #d9534f;
        }

.search_message
{
    padding: 10px 0px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);
    box-shadow: 0 1px 6px rgba(0,0,0,0.175);
    margin: 10px 0 0;
}

@media (min-width: 768px)
{
    .navbar
    {
        min-height: 0px;
        height: 50px;
        position: fixed;
        width: 100%;
        z-index: 100;
    }

    .sidebar
    {
        margin-top: 0px;
    }

    .sidebar_right table tr td, .sidebar_right table tr th
    {
        padding: 4px;
    }
}

.vis
{
    display: none;
}

.navbar-right li
{
    padding: 6px 0px 6px 15px;
}

    .navbar-right li a
    {
        padding: 6px 5px 0 0;
    }
.sidebar_right .well-sm .form-group, .sidebar_right .form-group
{
    margin-bottom: 5px;
}
.sidebar_right .well
{ margin-bottom:5px;
}
select.equipment
{
    border: 1px solid #111;
    background: transparent;
    width: 110px;
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../Images/equipment.png) 96% / 15% no-repeat #eee;
}

select.headerfilter
{
    border: 1px solid #111;
    background: #eee;
    width: 120px; 
    padding: 5px 25px 5px 5px;
    font-size: 14px;
    border: 1px solid #ccc;
    height: 34px;
}
button, input[type="button"], input[type="submit"] { 
    
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    /*line-height: 1.42857143;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    /*touch-action: manipulation;*/
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.left-panel-font
{
    font-size: 1.1em;
}
input[type="button"]:hover {
    color: #fff;
    border-color: #2e6da4;
    background-color: #1450db !important;
}
.ShipmentReceive
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
/* 
Generic Styling, for Desktops/Laptops 
*/
/* 
	Generic Styling, for Desktops/Laptops 
	*/
table
{
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd)
{
}

th
{
}

td, th
{
    text-align: left;
}

.small_device tr:last-child
{
    border-bottom: 1px solid #ccc;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
{
    .small_device {  max-height: 100%;}
    /* Force table to not be like tables anymore */
    .small_devicetable, .small_device thead, .small_device tbody, .small_device th, .small_device td, .small_device tr
    /*.locatindetail_child, .locatindetail_child thead, .locatindetail_child tbody, .locatindetail_child th, .locatindetail_child td, .locatindetail_child tr*/
    {
        display: block;
    }

    #logout-btn{
        height:50px;
    }
        /* Hide table headers (but not display: none;, for accessibility) */
        .small_device thead tr/*, .locatindetail_child thead tr*/
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .small_device tr/*, .locatindetail_child tr*/
        {
            border: 1px solid #ccc;
        }

        .small_device td/*, .locatindetail_child td*/
        {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 115px;
        }

            .small_device td:before/*, .locatindetail_child td:before*/
            {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                /*width: 45%;*/
                padding-right: 10px;
                white-space: nowrap;
                font-weight: bold;
            }


            /*
	Label the data
	*/
            .small_device td:nth-of-type(1):before
            {
                content: "No.";
            }

            .small_device td:nth-of-type(2):before
            {
                content: "Product";
            }

            .small_device td:nth-of-type(3):before
            {
                content: "Lot";
            }

            .small_device td:nth-of-type(4):before
            {
                content: "Status";
            }

            .small_device td:nth-of-type(5):before
            {
                content: "Qty";
            }
    /*td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/

    .nav>li>a {
        padding: 10px 6px;
        font-size: 12px;
        margin-top: 5px;
    }

}

@media screen and (max-width: 767px)
{
    .small_device.table-responsive > .table > tbody > tr > td
    {
        padding-left: 65px;
    }

    .small_device .table > tbody > tr > td
    {
        white-space: inherit;
        padding-left: 65px !important;
    }
}

/*LABEL SETTING*/
@media screen and (max-width:1200px) {
    #flow-through-pt {
        margin-top: -270px !important;
        margin-left: 240px !important;
    }
}

.side
{
    position: relative;
    min-height: 100%;
}

.footer
{
    background: #ddd;
    padding: 10px 2px 10px 13px;
    color: #267884;
    bottom: 0;
    position: fixed;
    bottom: 0;
    left: 0px;
    width: 200px;
}

    .footer p
    {
        margin-bottom: 0px;
    }

@media only screen and (max-width: 765px)
{
    .footer
    {
        width: 100%;
        position: absolute;
        display: block;
        padding-left: 25px;
    }

    #side-menu
    {
        padding-bottom: 60px;
    }

    .pl95
    {
        padding-left: 10px;
    }

    .pr75
    {
        padding-right: 25px;
    }
}




@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
{
    .newinventry_scroll, .newinventry_scroll thead, .newinventry_scroll tbody, .newinventry_scroll th, .newinventry_scroll td, .newinventry_scroll tr
    {
        display: block;
    }

        .newinventry_scroll thead tr
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .newinventry_scroll tr
        {
            border: 1px solid #ccc;
        }

        .newinventry_scroll td
        {
            / Behave like a "row" / border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 115px;
        }

            .newinventry_scroll td:before
            {
                / Now like a table header / position: absolute;
                / Top/left values mimic padding / top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                font-weight: bold;
            }


            /*
 Label the data
 */
            .newinventry_scroll td:nth-of-type(1):before
            {
                content: "UPC";
            }

            .newinventry_scroll td:nth-of-type(2):before
            {
                content: "Product";
            }

            .newinventry_scroll td:nth-of-type(3):before
            {
                content: "STATUS";
            }

            .newinventry_scroll td:nth-of-type(4):before
            {
                content: "QTY";
            }
    /*.newinventry_scroll td:nth-of-type(5):before { content: "Qty"; }
 td:nth-of-type(5):before { content: "Wars of Trek?"; }
 td:nth-of-type(6):before { content: "Porn Name"; }
 td:nth-of-type(7):before { content: "Date of Birth"; }
 td:nth-of-type(8):before { content: "Dream Vacation City"; }
 td:nth-of-type(9):before { content: "GPA"; }
 td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}

@media screen and (max-width: 767px)
{
    .newinventry_scroll tbody > tr > td
    {
        padding-left: 80px;
    }

    .newinventry_scroll tbody > tr > td
    {
        white-space: inherit;
        padding-left: 120px !important;
    }
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
{

    /*/ Force table to not be like tables anymore /*/
    .newinventry_scroll, .newinventry_scroll thead, .newinventry_scroll tbody, .newinventry_scroll th, .newinventry_scroll td, .newinventry_scroll tr
    {
        display: block;
    }

        /*/ Hide table headers (but not display: none;, for accessibility) /*/
        .newinventry_scroll thead tr
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .newinventry_scroll tr
        {
            border: 1px solid #ccc;
        }

        .newinventry_scroll td
        {
            /*/ Behave like a "row" /*/
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
        }

            .newinventry_scroll td:before
            {
                /*/ Now like a table header /*/ position: absolute;
                /*/ Top/left values mimic padding /*/ top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
            }

            /*
 Label the data
 */
            .newinventry_scroll td:nth-of-type(1):before
            {
                content: "UPC";
            }

            .newinventry_scroll td:nth-of-type(2):before
            {
                content: "Product";
            }

            .newinventry_scroll td:nth-of-type(3):before
            {
                content: "Inventry Status";
            }

            .newinventry_scroll td:nth-of-type(4):before
            {
                content: "Lot Code";
            }

            .newinventry_scroll td:nth-of-type(5):before
            {
                content: "Quantity";
            }

            .newinventry_scroll td:nth-of-type(6):before
            {
                content: "Status";
            }
    /*.newinventry_scroll td:nth-of-type(5):before { content: "Wars of Trek?"; }
 td:nth-of-type(6):before { content: "Porn Name"; }
 td:nth-of-type(7):before { content: "Date of Birth"; }
 td:nth-of-type(8):before { content: "Dream Vacation City"; }
 td:nth-of-type(9):before { content: "GPA"; }
 td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
    .ngdialog-content .newinventry_scroll tbody tr td
    {
        text-align: left;
        width: auto !important;
        padding: 6px;
        min-height: 30px;
    }
}

.equipment-wrap{
    float:left; 
    width:55%; 
    margin-top:25px;
}
.headerfilter-wrap{
    float:left;
    width:45%; 
}

@media (max-width:768px){
    .equipment-wrap{
    margin-top:0px;
}
}

@media (min-width:990px) and (max-width:1024px){
    .mobving_tool{
        /*margin-top:-64px;*/
    }
}

@media (min-width:991px) and (max-width:1024px){
    .sidebarright
    {
        top: 50px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .sidebarright
    {
        top: 100px;
    }
}


/* Change mobile menu brakpoint */
/*@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        display: none;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
}*/