.page-title-stock {
    margin-top: 30px;
}

.page-title-stock h3 {        
    display: inline-block;
    /*border: 4px solid pink!important;*/
    line-height: 25px;
    vertical-align: bottom;
}

.navbar {
    display: block;
    background-color: white!important;
    width: 100%!important;    
    margin-left: 1px!important;
    z-index: 999!important;
}

.ui-dialog-titlebar-close {
    padding:2px !important;    
    
}

.ui-dialog-titlebar-close:hover {
    padding:2px !important;    
    /*margin: 0px!important;*/
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 14px;
    height: 19px;
    display: inline-block;
    /* Change path to image*/
    background-image: url(Images/ui-icons_777777_256x240.png);
    background-position: -98px -130px;
    background-repeat: no-repeat;
    /*display: none;*/
}

.affix {
    top: 0px !important;
    width: 100% !important;
    max-width: 710px;
    /*border-bottom: 1px solid black!important;*/
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: 1px 1px 5px black;
    z-index: 99;
    padding-right: 0px !important;
    background-color: white !important;
}

    .affix .fixed-buttons {        
        padding-top: 6px;
        padding-right: 10px;
        /*margin-top: 51px!important;*/
        padding-bottom: 0px!important;
        background-color: white!important;
    }

    .affix h3 {
        text-indent: -999px;
    }

.infobox a {    
    color: #cc1632!important;
    background-color: white!important;    
}

.table {
    font-size: 0.9em;
    margin-bottom: 0px!important;
    border-bottom: 1px solid black;        
}

.table-info {    
    display: inline-block;
}

    .table-info tbody tr td {
        border-top: 1px solid transparent!important;
    
    }


.table-container {
    width: 100%!important;
    overflow: auto;        
}

.label-with-fixed-width {
    width:150px!important;    
}

.capitalize {
    /*text-transform: capitalize!important;*/
}

.moreSlide {    
    display: none;    
}

.item-info .table-info {
    margin-top: 4px;    
    min-width: 320px;
    display: inline-block;
    margin-left: 0px;
    -ms-word-break: keep-all;
    line-height: 13px;
    word-break: keep-all;        
}

.images {
    vertical-align: top;
    margin-top: 10px!important;
}

.itemImg {    
    margin-left: 5px;
    border: 1px solid #cccccc;
    /*margin-top: 10px!important;    /*was 10px*/*/
    width: 100%;
    height: auto;   
    max-width: 227px;
    max-height:210px; 
    float:left;
}

.data { }

.data a {    
    margin-top: 0px;
    color: #cc1632;
    /*line-height: 12px!important;*/
    background-color: white!important;
}

.data a:hover, .data a:active, .data a:focus {    
  text-decoration: underline;
  color: #cc1632!important;
}

.reveal {
    position: absolute;
    margin-top: 0px;
    font-size: 2.0em;        
    cursor: pointer;            
    vertical-align:bottom;    
    top: -45px;
    right: 10px;
}

.navigation-left {
    float: left;
    margin-bottom: 10px;
}

.viewNavigation {
    display: block;
    width: 100%;    
}

.viewNavigation .gridViewOption { 
    height: 35px!important;
    margin: 0px auto!important;    
}

.navigation-right {
    float: right!important;
    margin-right: 15px!important;
}

.iconbox {
    display: inline-block;
    width: 100px;
    position: absolute;    
    margin-top: 1px;    
    margin-left: 40px;
}

.gridViewButton {  
    display: inline-block!important;    
    border: 1px solid red;
    color: red!important;
    background-color: white!important;
    padding: 0px 5px 2px 5px!important;
    margin-left: 5px!important;    
    padding-top: 3px!important;            
}

.searchButton {    
    background-color: #cc1632!important;
    padding: 5px 5px 6px 5px;
    margin-left: 15px;
    box-shadow: 2px 2px 3px #333333;    
        -moz-box-shadow: 2px 2px 3px #333333;
        -webkit-box-shadow: 2px 2px 3px #333333;
    color: #f2f2f2!important;
}

    .searchButton:hover {
        box-shadow: 2px 2px 6px #aaa;    
        -moz-box-shadow: 2px 2px 6px #aaa;
        -webkit-box-shadow: 2px 2px 6px #aaa; 
        color: #fff!important;      
        text-decoration: none; 
    }

/*.fixed-buttons .glyphicon-search {
    margin-top: -1px;
    margin-left: -5px;
    padding: 6px 5px 9px 5px;
    background-color: #333333;  
}*/


.prev{    
    float: right;
    background-color: #cc1632!important;
    padding: 4px 5px 1px 5px!important;
    margin-left: 0px!important;
    
    -moz-box-shadow: 2px 2px 3px #333333;
    -webkit-box-shadow: 2px 2px 3px #333333;
    box-shadow: 2px 2px 3px #333333;    
    
    color: #f2f2f2!important;          
}

    .prev:hover {        
        -moz-box-shadow: 2px 2px 6px #aaa;
        -webkit-box-shadow: 2px 2px 6px #aaa; 
        box-shadow: 2px 2px 6px #aaa;    

        color: #fff!important;      
        text-decoration: none; 
    }

.glyphicon-chevron-left {
    margin-top: -19px;
    margin-left: -5px;
    padding: 6px 5px 9px 5px;
    background-color: #333333!important;      
}

.next{
    float: right;
    background-color: #cc1632!important;
    padding: 4px 5px 1px 5px!important;
    margin-left: 5px!important;
    
    -moz-box-shadow: 2px 2px 3px #333333;
    -webkit-box-shadow: 2px 2px 3px #333333;
    box-shadow: 2px 2px 3px #333333;  
          
    color: #f2f2f2!important;   
    margin-right: 15px;       
}

    .next:hover {
        -moz-box-shadow: 2px 2px 6px #aaa;
        -webkit-box-shadow: 2px 2px 6px #aaa; 
        box-shadow: 2px 2px 6px #aaa; 
           
        color: #fff!important;      
        text-decoration: none; 
    }

.glyphicon-chevron-right {
    margin-top: -19px;
    margin-left: -5px;
    padding: 6px 5px 9px 5px;
    background-color: #333333!important;
      
}

.item-info {
    border: 1px solid #ffffff;    
    vertical-align: top;    
    margin-top: 15px;
    margin-bottom: 20px;   
    margin-left: 15px;
    margin-right: 15px;
    
    border: 1px solid #cc1632;    
    border-bottom: 1px solid black;    
}

.infobox {
    line-height: 0px;
    padding: 5px 5px 5px 15px;
    font-size: 12px!important;          
    position: absolute;    
}

    .infobox label {
        line-height: 10px;
    }

.fix-top {
    margin-top: 0px;    
}

.qtyContainer {    
    position: absolute;    
    right: 30px;
    width: 100%;
    max-width: 185px;
    /*height: 270px;*/
    /*max-height: 270px;*/
    min-height: 210px;
    border: 1px solid #ddd;
    align-items: center;
    float: right;            
    padding: 5px;    
    text-align: center;
    vertical-align: middle;    
}

.qtyContainerSmall {
    width: 100%;
    height: 40px;
    text-align: right;
    padding-left: 0px!important;
    padding-right: 0px!important;
    line-height: 40px;
    vertical-align: middle;
    background-color: #eee;
    
}

.qtybox {        
    width: 100%;    
    margin-top: 30px;
    vertical-align: middle;              
}
    .qtybox label {        
        font-size: 1.6em;
        font-weight: bold;
        text-align: center;        
        display: block;
    }
    .qtybox .qty {
        font-size: 3.9em;
        color: #cc1632;
        text-align: center;        
    }

    .qtybox h2 {
        vertical-align: middle;
    }

.qtyboxsmall {
    display: inline-block;    
    width: 100%;    
    border: 1px solid #ddd;       
}

.qtyboxsmall span label {        
    text-align: right; 
    vertical-align: top;    
}

.qtyboxsmall .qty {
    color: #cc1632;
    text-align: right;
    vertical-align: top;   
    font-weight:700; 
    font-size: 1.1em;
    margin-left: 10px;
}

.imgbox {
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #cbcbcb;    
}


.item-info-style {
    border: 1px solid #cc1632!important;            
}
    .item-info-style img {
        display: inline-block;
        
    }

    .item-info-style .image-info {
        
    }

    .item-info-style .table-info {
        border: 1px solid transparent;
    }

    .item-info-style table tr td {
        /*border: none;*/
        border: 1px solid transparent;
    }



/* Novus (Table) */
.novus-styled {
    text-align: center;    
}
        
.novus-styled thead td{
    background-color: #cc1632;
    color: white;
}

.novus-styled .mobile-product-id{
    background-color: #cc1632;
    border-left: 1px solid #343434!important;
    border-top: 1px solid #343434!important;
    border-right: 1px solid #343434!important;
    border-bottom: none;
    color: white;
}

    .novus-styled .mobile-variant {
        border-right: 1px solid #343434!important;
    }
    
    /*.novus-styled .mobile-qty {
        border-right: 1px solid #343434!important;
    }*/

    .novus-styled .top-info {
        border-top: 1px solid #343434!important;
        border-right: 1px solid #343434!important;
    }

.novus-styled td{
    border: 1px solid #ccc;
    /*color: black;*/        
}

.novus-styled tfoot td{
    background-color: #343434;
    color: white;
}

.novus-styled tfoot .grandtotal {
    background-color: #cc1632;
    color: white;
}

.page-manager {
    display: inline-block;
    margin-top: 20px;
    list-style: none;                
    float: right;
}

.page-manager-title {            
    float: left;            
    padding: 2px 15px 0 5px;
    height: 25px;
    margin-right: 0px;
    text-align: center;     
}

.page-manager li {
    display: inline-block;
    vertical-align: middle;
    margin: -2px;
}

    .page-manager li a {
        float: left;        
        border: 1px solid #cccccc;    
        padding: 0 5px 0 5px;
        height: 25px;
        margin-right: 0px;
        text-align: center;            
    }

    .page-manager li a:hover, a:focus {
    text-decoration: none!important;
    /*background-color: #cc1632!important;*/
    color: white!important;    
}

.page-selected {    
    background-color: #cc1632!important;        
    display: inline-block;
}

    .page-selected a {
        background-color: #cc1632!important;
        color: white!important;    
    }