/*
 * IQMS 2013
*/

html {
height:100%
}

body {
margin:0;
padding:0;
height:100%
}

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

.italic {
font-style:italic
}

.padding-right5 {
padding-right:5px
}

.margin0 {
margin: 0;
}

.margin-right5 {
margin-right:5px
}

.margin-right10 {
margin-right:10px
}

.margin-left5 {
margin-left:5px
}

.margin-left10 {
margin-left:10px
}

.margin-left15 {
margin-left:15px
}

.margin-left25 {
margin-left:25px
}

.margin-top5 {
margin-top:10px
}

.margin-top10 {
margin-top:10px
}

.margin-top20 {
margin-top:20px
}

.margin-bottom0 {
margin-bottom:0px
}

.margin-bottom25 {
margin-bottom:25px
}

.margin-bottom20 {
margin-bottom:20px
}

.border-bottom {
border: 0;
border-bottom: 1px solid #e5e5e5;
}

.border-right {
border: 0;
border-right: 1px solid #e5e5e5;
}

.border-left {
border: 0;
border-left: 1px solid #e5e5e5;
}

.text-underline {
text-decoration:underline
}

.text-center {
text-align:center
}

.centered-xy {
position: absolute;
left: 50%;top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.text-overflow-container {
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden
}

.scroll-overflow-container {
white-space:nowrap;
overflow-x:scroll
}

.break-word {
/*pre-line takes into account whitespace. Trim space of column headers */
white-space: pre-line;
white-space: -pre-line;     
white-space: -o-pre-line;  
white-space: -moz-pre-line; 
word-wrap: break-word;
}

.plain-text,.plain-text:hover,.plain-text:visited {
color:inherit;
text-decoration:none;
cursor:pointer
}
.no-underline-link:hover {
text-decoration: none;
cursor: pointer;
}

#loadingSplash {
width:100%;
height:100%;
background:#FFF;
position:absolute;
top:0;
-webkit-transition:all .75s ease-in-out;
-moz-transition:all .75s ease-in-out;
-ms-transition:all .75s ease-in-out;
-o-transition:all .75s ease-in-out;
transition:all .75s ease-in-out;
z-index: 9999;
}

#loadingSplash div {
position:absolute;
top:40%;
height:60px;
width:100%;
text-align:center
}

#loadingSplash div img {
display:block;
margin:auto
}

.selectable {
display:block;
padding:4px;
line-height:20px;
border:1px solid #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,.055);
-moz-box-shadow:0 1px 3px rgba(0,0,0,.055);
box-shadow:0 1px 3px rgba(0,0,0,.055);
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}

.selectable:hover {
border-color:#08c;
-webkit-box-shadow:0 1px 4px rgba(0,105,214,.25);
-moz-box-shadow:0 1px 4px rgba(0,105,214,.25);
box-shadow:0 1px 4px rgba(0,105,214,.25)
}

.selectable a {
display:block
}

.commonContent {
padding:5px
}

.header {
vertical-align:middle
}

.editMode .WidgetArea {
padding:2px
}

.WidgetDropTarget {
border:1px dashed #000
}

.ProductCategoryListWidgetEdit label {
display:inline;
vertical-align:middle
}

.ProductCategoryListWidgetEdit input {
display:inline
}

.ProductCategoryListWidgetEdit input[type="text"] {
display:inline;
vertical-align:middle;
width:auto
}

.ProductCategoryListWidgetEdit tr td:first-child {
text-align:left;
padding-right:5px;
vertical-align:middle
}

.GenericContentWidgetEdit label {
display:inline-block;
vertical-align:middle
}

.GenericContentWidgetEdit input[type="checkbox"] {
display:inline-block;
vertical-align:baseline
}

.address label {
text-align:right;
width:8em;
display:block;
float:left;
font-weight:700;
margin-right:10px;
padding-top:2px
}

[class^="iq-"],[class*=" iq-"] {
display:inline-block;
width:14px;
height:14px;
margin-top:1px;
*margin-right:.3em;
line-height:14px;
vertical-align:text-top;
margin:3px;
background:no-repeat 14px 14px
}

.header .navbar-inner {
background:none
}

.add-to-cart-container  {
position:absolute;
width: 100px;
right: 3px;
white-space: normal;
}
.add-to-cart-container .btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}

[class*="add-to-cart-plus-one-text"] {       
position: absolute; 
right:4px;
font-size:1.25em;       
color: green;       
-webkit-animation: floating-text 2s;  
-webkit-animation-fill-mode:forwards;  
animation: floating-text 2s;  
animation-fill-mode:forwards; 
}

.input-validation-error {
color:#b94a48!important;
border-color:#953b39!important
}

.boxed.validation-summary-errors {
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-image-outset:0;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-top-left-radius:4px;
border-top-right-radius:4px;
color:#b94a48;
display:block;
margin-bottom:20px;
margin-left:5px;
margin-right:5px;
text-shadow:hsla(0,0,100%,.498039) 0 1px 0;
visibility:visible;
border-color:#eed3d7;
border-style:solid;
border-width:1px;
padding:8px 35px 8px 14px;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
background:#f2dede
}

.field-validation-error {
color:#b94a48
}

.validation-summary-valid {
display:none
}

.validation-summary-errors>span {
font-weight:700
}

.round-all-corners {
-webkit-border-top-right-radius: 6px !important;
border-top-right-radius: 6px !important;
-webkit-border-bottom-right-radius: 6px !important;
border-bottom-right-radius: 6px !important;
-moz-border-radius-topright: 6px !important;
-moz-border-radius-bottomright: 6px !important;

-webkit-border-top-left-radius: 6px !important;
border-top-left-radius: 6px !important;
-webkit-border-bottom-left-radius: 6px !important;
border-bottom-left-radius: 6px !important;
-moz-border-radius-topleft: 6px !important;
-moz-border-radius-bottomleft: 6px !important;
}

creditcard table, creditcardtrans table {
max-width: 370px;
width: 100%;
}

creditcard table tr td, creditcardtrans table tr td {
width: 50%;
}

.pointer {
cursor: pointer;
}

.no-list-style {
list-style-type: none;
}

@keyframes floating-text {
0%{opacity: 1;}
100% {
transform: translate(100px, -100px);   
opacity: 0;}
}

@-webkit-keyframes floating-text {
0%{opacity: 1;}
100% {-webkit-transform: translate(100px, -100px);
opacity: 0;}
}

@-moz-keyframes floating-text {
0%{opacity: 1;}
100% {-moz-transform: translate(100px, -100px);
opacity: 0;}
}

products.list {
    
}

.k-state-selected {
    line-height: 2em;
}

.edit-column {
    /* Pencil Column for Editing Rows */
    width: 18px;
}