.login-bg {
    background-color: #333;
    /*background-image:url('Images/thumbprint-full.png');*/
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 650px;
}

    .login-bg #header {
        display: none;
    }

.form-login .title {
    margin-bottom: 10px;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 30px;
    color: #666;
}
.right {
    float: right;
}

#lotMgmtSummary .v-addNote {
    background: none;
    color: #B2A25C;
    font-weight: bold;
    padding: 0 10px 3px 5px;
} 

#lotMgmtSummary .v-addNote:hover {
    color: #B2A25C;
}

.login {
    width: 420px;
    margin: 0px auto;
    padding: 20px;
}

.acceptInviteExistingUser {
    display: block;
    margin: 0px auto;
    width: 400px;
    padding: 0 30px 30px;
    border-radius: 25px 25px 25px 25px;
    border: solid #999999 1px;
    min-height: 250px;
}

.customerLoginForm .form-group {
    padding-right: 0;
}

.forgotPassword, .backToSign {
    text-transform: uppercase;
    margin-right: 10px;
    margin-top: 6px;
}

.forgotPassword a {
    color: rgb(178,162,92);
    font-weight: bold;
}

.backToSign {
    margin-right: 0px;
    text-align: center;
}

    .backToSign.pull-right {
        margin-top: -23px;
    }

.customerLoginForm .email-feedback {
    padding: 0 40px;
    text-align: center;
    margin-top: 90px;
}

.backToSign a {
    font-weight: bold;
}

.customerLoginForm .alert p.h5, .customerLoginForm .alert a.close {
    display: none;
}

.customerLoginForm .alert ul li {
    display: inline;
}

.customerLoginForm ::-webkit-input-placeholder {
    color: transparent;
}

.customerLoginForm :-moz-placeholder {
    color: transparent;
}

.customerLoginForm ::-moz-placeholder {
    color: transparent;
}

.customerLoginForm :-ms-input-placeholder {
    color: transparent;
}

.form-login {
    padding: 0px;
}

.form-login > div > hr {
    margin-top: 8px;
}

.content-block.login {
    background-color: transparent;
    padding: 15px;
}

.black {
    color: #333;
}

.white {
    color: #fff;
}

.clear {
    clear: both;
}

#footer .poweredBy {
    margin-bottom: -10px;
}

.center {
    margin: auto;
    position: relative;
    left: 20%;
}

.table-prodTallySummary {
    border: 2px solid #000;    
}

.table-prodTallySummary > tbody > tr:nth-child(odd) {
    background-color: #EEEEEE;
}

.table-prodTallySummary > tbody > tr:nth-child(even) {
    background-color: #cccccc;
}

.table-prodTallySummary > tbody > tr > td {
    border-left:2px solid #000;    
    border-right:2px solid #000;
}

.table-prodTallySummary > tbody > tr > td > span{
    margin-left: 5px;
    color: black;
    top: 0 !important;
    display: inline !important;
    min-height: 1px !important;
    font-size: 12px;
}

.table-prodTallySummary > tbody > tr > td > span > span{
    top: 0 !important;
    display: inline !important;
    min-height: 1px !important;
    font-size: 12px;
}


.table-prodTallySummary > tbody > tr > td > label{
    margin-left: 5px;
    top: 0 !important;    
    min-height: 1px !important;
    font-size: 12px;
}

.prodTallySummery-footer > td {
    border-top: 2px solid #000;    
}

.prodTally-rightAlign {
    text-align: right;
}
.prodTally-reworkMargin {
    margin-right: 23px;
}

.prodTally-FooterStyle {
    text-align: right; 
    margin-right: 20px;
    display: block !important;
}

/*--------------------------------------------CURRENT INVENTORY REPORT--------------------------------------------*/
.InventoryReportDialog {
    /*background-color: #efefef;*/
    background: rgba(239,239,239,.9);
    border-top: 8px solid #666600;
    padding: 10px 50px 20px 50px;
    border-radius: 5px;
}

.ActivityReport {
    max-height: 330px;
}

.InventoryReportDialog h2 {
    margin-bottom: 5px;
    font-weight: bold;
}

.InventoryReportDialog p {
    margin-bottom: 15px;
    font-size: 16px;
}

.InventoryReportDialog .input-group-btn button.btn {
    border-radius: 4px;
}

.InventoryReportDialog button.view-button {
    /*margin-left: 24%;*/
}

.InventoryReportDialog button.exportButton {
    padding: 0 10px;
}

.inventory-bg-image {
    background: url('Images/Pipe-bkgd.jpg');
    /*height: 81.7vh;*/
    min-height: 540px;
    /*padding-top: 70px;*/
/*    padding-bottom: 20px;*/
}

.activity-bg-image {
    background: url('Images/Pipe-bkgd.jpg');
/*    height: 50.7vh;*/
/*    padding-top: 70px;*/
/*    bottom: 20px;*/
    min-height: 430px;
}

.select_left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right-width: 0px;
    border-right: 1px solid #ccc;
    height: 34px;
    margin-right: 0;
}

.select_right {
    /* margin-left: -6px; */
    border-radius: 0 5px 5px 0 !important;
    outline: 0;
    height: 34px;
    margin-right: 0;
}

.InventoryReportDialog #clearButton {
}

    .InventoryReportDialog #clearButton .btn {
        margin-right: 0;
        border-radius: 4px;
    }

.InventoryReportDialog .k-picker-wrap {
    width: auto;
}

.InventoryReportDialog #exportButton {
    max-width: 0px;
}

.recentTransactionsReport h4 {
    font-size: 16px;
    font-weight: bold;
}

.recentTransactionsReport {
    padding: 0px;
}
/*------------------Account Layout--------------------*/
.border-top {
    border-top: 1px solid #dedede;
    padding-left: 0;
}

.border-bottom {
    border-bottom: 1px solid #dedede;
    padding-left: 0;
}

.padding-top {
    padding-top: 15px;
}

.margin-bottom {
    margin-bottom: 15px;
}

#inviteUser .form-group {
    padding-right: 0;
}

.control-label, label {
    color: #333;
}

#inviteUser p.h5 {
    color: #585858;
}

.k-multiselect {
    border: 1px solid #ccc !important;
    background-image: url('Bootstrap/sprite.png');
    background-position: 0 -32px;
}

#acStatus {
    width: 100px;
    display: inline-block;
}

.account-status-label {
    width: 15%;
    float: left;
    clear: both;
}

#layoutMasterBreadcrumb .active {
    font-weight: normal !important;
    font-size: 12px !important;
}

.noPaddingTab-sides {
    padding-left: 0;
    padding-right: 0;
}

#lotMgmtSummary .k-grid thead > tr > th {
    background-color: #f0f0f2 !important;
}

#lotMgmtSummary .k-grid tr.k-alt td:first-child, #transactionsGrid.k-grid tr.k-alt td:first-child {
    border-radius: 12px 0 0 12px;
}

#lotMgmtSummary .k-grid tr.k-detail-row.k-alt td:first-child, #transactionsGrid.k-grid tr.k-detail-row.k-alt td:first-child {
    border-radius: 0 0 0 12px;
}

#lotMgmtSummary .k-grid tr.k-alt td:last-child, #transactionsGrid.k-grid tr.k-alt td:last-child {
    border-radius: 0 12px 12px 0;
}

#lotMgmtSummary .k-grid tr.k-detail-row.k-alt td:last-child, #transactionsGrid.k-grid tr.k-detail-row.k-alt td:last-child {
    border-radius: 0 0 12px 0;
}

#lotMgmtSummary .k-grid table {
    border-bottom: solid 1px #ccc;
}

#lotMgmtSummary .k-pager-wrap {
    border-top: 0;
}

#lotMgmtSummary .k-grid .k-grid-header .k-header .k-link {
    display: inline;
}

#lotMgmtSummary .k-header > .k-grid-filter, {
    width: 70%;
}

#transactionsGrid .k-header > .k-grid-filter {
    width: 55%;
}

#lotMgmtSummary .k-hierarchy-cell .k-icon, #transactionsGrid .k-hierarchy-cell .k-icon {
    display: none;
}

.grey-gradient .col-md-3:nth-child(5), .grey-gradient .col-md-4:nth-child(5) {
    clear: both;
}

.label-table {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 900;
    padding-left: 10px;
    margin: 0px 0px 8px;
    color: #333;
}

.label-table-normal {
    font-size: 16px;
    font-weight: 900;
    padding-left: 10px;
    margin: 0px 0px 8px;
    color: #333;
}
#lotStatusGrid tr {
    height: 38px;
}

#lotHeatNumbersGrid.k-grid tr.k-alt td:last-child {
    border-radius: 12px;
}

.k-header-column-menu.k-state-active{
    background-color: #B2A25C;
}

.k-header.k-with-icon.filtered-header, .k-link.filtered-header {
    background-color: #B2A25C !important;
    color: white !important;
}


.filterIndicatorButton {
    color: #B2A25C;
    font-size: 17px;
}
.endDate {
    margin-top: 24px;
}

.k-datepicker .form-control-feedback {
    right: 43px;
    top: 10px;
    padding-right: 0;
    position: absolute;
}

/*.activityReport-date {
    width: 20.25%;
    float: left;
    padding-left: 15px;
    padding-right: 0;
}

    .activityReport-date:last-child {
        padding-right: 0;
    }

    .activityReport-date .k-datepicker {
        max-width: 83%;
    }*/

/*---SHIPPING TALLY---*/

.lof-info.coated .col-md-3, .lof-info.transfer .col-md-3{
    align-items: stretch;
}
.lof-info.coated .col-md-12, .lof-info.transfer .col-md-12 {
    display: flex;
}

.lof-info.coated span, .lof-info.transfer span  {
    min-height: 22px;
    display: block;
    margin-top: -5px;
}

.lof-info.comments .col-md-8 {
    border-bottom: 1px solid #cccccc;
}

.lof-info.comments .col-md-12:after {
    border-bottom: 1px solid #ccc;
    position: absolute;
    content: " ";
    width: 80%;
    /*margin-left: 25px;*/
    bottom: 0px;
    width: 96.5%;
}

.lof-info.comments .row:last-child .col-md-12:after {
    border: 0;
}

.lof-info.comments .col-md-12 {
    padding-bottom: 10px;
    padding-top: 10px;
    display:flex;
}
.lof-info.comments .col-md-3{
    align-items:stretch;
}

.lof-info.one-section{
    border-bottom: 1px solid #cccccc;    
    margin-top: 15px;
    padding-left: 0;

}
.lof-info.one-section .col-md-3{
      border-right: 1px solid #cccccc;
      border-bottom:0;
}
/*.comments hr{
        margin-left: 15px;
        margin-right: 15px;
        border-width: 1px;
        border-top-width: 1px;
        border: solid;
        border-bottom: 0;
        border-color:#999;
    }
    .comments:last-child hr{
        display:none;
    }*/
.line {
    height: 32px;
    padding: 5px inherit;
}

.line:nth-child(4n+3), .line:nth-child(4n+2) {
    background-color: #f5f5f5;
}

.line:nth-child(4n+3) {
    border-radius: 0 8px 8px 0;
}

.line:nth-child(4n+2) {
    border-radius: 8px 0 0 8px;
}

#tierGrid.k-grid tr td, #tierGridRight.k-grid tr td {
    padding: 3px 15px;
    border-radius: 0;
    text-align: center;
    color: #111;
    font-size: 16px;
}

#tierGrid.k-grid tr.k-alt td:first-child {
    background: -webkit-linear-gradient(to right, #ededed, #f3f3f3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #ededed, #f3f3f3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #ededed, #f3f3f3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ededed, #f3f3f3); /* Standard syntax */
}

#tierGrid.k-grid tr.k-alt td:nth-child(2) {
    background: -webkit-linear-gradient(to right, #f3f3f3, #f8f8f8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #f3f3f3, #f8f8f8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #f3f3f3, #f8f8f8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f3f3f3, #f8f8f8); /* Standard syntax */
}

#tierGridRight.k-grid tr.k-alt td:first-child {
    background: -webkit-linear-gradient(to right, #f8f8f8, #fcfcfc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #f8f8f8, #fcfcfc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #f8f8f8, #fcfcfc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f8f8f8, #fcfcfc); /* Standard syntax */
}

#tierGridRight.k-grid tr.k-alt td:nth-child(2) {
    background: -webkit-linear-gradient(to right, #fcfcfc, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to right, #fcfcfc, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to right, #fcfcfc, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fcfcfc, #fff); /* Standard syntax */
}

#tierGrid th, #tierGridRight th {
    border: 0;
    background-color: #fff;
}

#tierGrid th .k-link, #tierGridRight th .k-link {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    color: #666666;
}

#tierGrid .k-grid-header-wrap, #tierGridRight .k-grid-header-wrap {
    border: 0;
}

.margin-top40 {
    margin-top: 40px;
}
.margin-top10{
    margin-top: 10px!important;
}
.padding-left{
    padding-left:15px;
}


.k-pager-sizes > .k-widget.k-dropdown {
    display:inherit;
    color: #333;
    margin-top: -1px;
}

.k-pager-sizes > .k-widget.k-dropdown > .k-dropdown-wrap{
    min-height: 26px;
}

.k-pager-sizes {
    color: #333;
}

.changed {
    background-color: #CCFFFF;
}

/*---------Lot transactions - Order Summary -----------*/
.statusSummary .k-grid thead > tr > th{
    background-color:#fff;
    border-bottom:1px solid #959595;
}

.statusSummary thead.k-grid-header th.k-header{
    padding-bottom:0;
}

.statusSummary hr{
    border-color: #949494;
    border-style: dotted;
    border-width: 1px;
    border-bottom-width: 0;
}
.statusSummary div:first-child hr {
    display: none;
}
.statusSummary div:last-child hr{
    display:none;
} 
.statusSummary .k-grid tbody td{
    padding-top:2px;
    padding-bottom:2px;
}

.summary-info{
    padding: 1px 0;
}
.totalsContainer{
    background-color: #dddddd;
    font-weight: bold;
    border-top: 1px solid #969696;
}

.grandTotal{
    background-color:#7c7c7c;
    color:#fff;
    font-size:16px;    
    padding: 7px 8px 8px 0;
}

.statusSummary .left{
    width: 53%;
    display: inline-block;
    padding: .4em .6em;
        /*padding: .4em .6em;*/
}
.statusSummary .middle{
    width: 17%;
    display: inline-block;
}
.statusSummary .right{
    width:28%;
    display: inline-block;
}
.statusSummary span{
    padding: .4em .6em;
}

.v-orderStatus-highlighted  {
	background-color:#EFEFEE !important;
}

.table-striped > tbody > tr.v-orderStatus-highlighted {
	background-color:#EEEEEE !important;
}

.table-striped > tbody > tr:nth-child(odd).v-orderStatus-highlighted > td {
    background-color: #EEEEEE !important;
}

.table-striped > tbody > tr:nth-child(even).v-orderStatus-highlighted > td {
    background-color: #EEEEEE !important;
}

.v-orderStatus-total  {
	background-color:#EFEFEE !important;
}

.table-striped > tbody > tr.v-orderStatus-total {
	background-color:#EEEEEE !important;
}

.table-striped > tbody > tr:nth-child(odd).v-orderStatus-total > td {
    background-color: #EEEEEE !important;
}

.table-striped > tbody > tr:nth-child(even).v-orderStatus-total > td {
    background-color: #EEEEEE !important;
}

.v-orderStatus-total-highlighted  {
	background-color:#545454 !important;
    color: #FFFFFF;
}

.table-striped > tbody > tr.v-orderStatus-total-highlighted {
	background-color:#545454 !important;
    color: #FFFFFF;
}

.table-striped > tbody > tr:nth-child(odd).v-orderStatus-total-highlighted > td {
	background-color:#545454 !important;
    color: #FFFFFF;
}

.table-striped > tbody > tr:nth-child(even).v-orderStatus-total-highlighted > td {
	background-color:#545454 !important;
    color: #FFFFFF;
}

#Groups_InProgressdetail thead.k-grid-header th.k-header:first-child, #Groups_Produceddetail thead.k-grid-header th.k-header:first-child, #Groups_NetProduceddetail thead.k-grid-header th.k-header:first-child, #Groups_InventoryOnHanddetail thead.k-grid-header th.k-header:first-child{
    width: 53.5%;
}
#Groups_InProgressdetail thead.k-grid-header th.k-header:nth-child(2), #Groups_Produceddetail thead.k-grid-header th.k-header:nth-child(2), #Groups_NetProduceddetail thead.k-grid-header th.k-header:nth-child(2), #Groups_InventoryOnHanddetail thead.k-grid-header th.k-header:nth-child(2){
    width: 18%;
}
#RIOH_heading.grandTotal{
    background-color:#333;
}


/*----------------------------------------------MEDIA QUERIES--------------------------------------------------*/

/*Ipad screen*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) {
    #lotMgmtSummary .k-header > .k-grid-filter, #transactionsGrid .k-header > .k-grid-filter {
        width: 50%;
    }
}

/*Small laptop screens screen*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1700px) {
  /*  .k-datepicker {
        max-width: 133px;
    }*/

    .InventoryReportDialog {
        margin-left: 17.5%;
        width: 65%;
    }

        .InventoryReportDialog #exportButton {
            max-width: 35px;
        }

    .button-container {
        width: 65%;
        margin-left: 17.5%;
    }
}
/*Small laptop screens screen*/
@media screen and (min-device-width: 1700px) and (max-device-width: 1880px) {
    .button-container {
        width: 56%;
        margin-left: 22%;
    }

}

.btn-clear:active,
.btn-clear.active {
    background-color: white;
    border-color: #CCCCCC;
    color: rgb(178,162,92);
}

.k-state-selected {
    background-color: transparent !important;
    border-width: 1px 0 1px 1px !important;
    border-color: #ccc !important;
    color: rgb(178,162,92) !important;
}


.btn-clear:hover,
.btn-clear:focus {
    color: rgb(178,162,92) !important;
}

.btn-clear:active,
.btn-clear.active {
    color: rgb(178,162,92) !important;
}

td.arrow-td i {
    color: rgb(178,162,92) !important;
}