﻿input.ng-invalid {
    border: solid 1px red;
}

select.ng-invalid {
    border: solid 1px red;
}

.shadowed {
    margin-top: 50px;
    padding:0 15px 0 15px;

    -webkit-box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
    -moz-box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
    box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
}

.k-window-content .container {
    width: unset;
}

.k-window-content .shadowed {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin-top: unset;
    padding: unset;
}

.actionbtn {
    margin-bottom: 5px;
}

.form_separator 
{
    border-bottom: solid 1px #c0c0c0;
    
    width: 100%;
    margin-bottom: 10px;
}

tr.alert {
    color: #cc4900;
}


.dynfld_image {
    max-width: 100%;
}

table.orderlines  {
   border: solid 2px #f3b972;
    
}




.k-widget .border-box-sizing,
.k-widget .border-box-sizing * {
    box-sizing: border-box;
}

.k-widget > span.k-invalid,
input.k-invalid,
select.k-invalid
{
  border: 1px solid red !important;
}


fieldset.fieldset-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.fieldset-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}

button.btn-flat {
    box-sizing: border-box;
}

div.un_productconfigpanel {
    background-color:white;
}

div.un_order_editor {
    background-color: #ffffff;
    padding: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

div.user-panel
{
    overflow: visible;
    white-space: normal!important;
}

.un_button_well
{
}

.table-bordered {
  border: 1px solid #707070;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #c0c0c0;
}

.newswrap {
    padding:4px;
}

.newswrap .ann {
    padding-bottom:20px;
    
}

.newswrap .ann h4 {
    font-weight:bold;
    
}

a.disabled {
    pointer-events: none;
       cursor: default;
       color:#a0a0a0;
}

.row {
    margin-right: -15px;
}


input[readonly="readonly"], input[readonly] {
    background-color: rgba(245,245,245,0.7);
    color: rgba(51, 51, 51,0.7);
    border-color: rgba(204,204,204,0.7);
    cursor: not-allowed;
}

input[type="text"][disabled="disabled"] {
    background-color: rgba(245,245,245,0.7);
    color: rgba(51, 51, 51,0.7);
    border-color: rgba(204,204,204,0.7);
    cursor: not-allowed;
}

/* turning off spinners for input type numeric, because changing value with spin buttons didn't updated data */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

#savebuttonwrapper.dirty button i.fa {
    display: none !important;
}


.customer_feedback_container {
    margin-top: 50px;
    padding: 0 15px 0 15px;
    -webkit-box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
    -moz-box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
    box-shadow: 7px 11px 40px -4px rgba(128,128,128,1);
}

.customer_feedback_header {
    background-color: #c82538;
    color: #fff;
}
