/* Minification failed. Returning unminified contents.
(1320,17): run-time error CSS1039: Token not allowed after unary operator: '-k-color'
(1628,24): run-time error CSS1039: Token not allowed after unary operator: '-k-color'
(1631,17): run-time error CSS1039: Token not allowed after unary operator: '-k-color'
 */
body { 
  background: url(/Images/Layout/Background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#main {
    padding: 0px 0px 110px 0px !important;
    background: transparent !important;
    border: none !important;
}
.page {
    background-color: transparent !important;
    border: none !important;
}
div#header-content {
    border: none !important;
    border-radius: 0px 0px 5px 5px;
    opacity: 0.8;
}

.page {
    max-width: 900px;
    min-width: 900px;
    width: 900px;
}
footer{
    border-radius: 5px 5px 0px 0px;
    opacity: 0.7;
    border: none !important;
    left:50%;
    margin-left: -250px;
    width:  500px;
    min-width: 500px;
    max-width: 500px;
}
#content-login-form {    
    left: 50%;
    width: 500px;      
}
#transparent-login-form {
    margin: 60px auto 0;
    background: rgba(255,255,255,0.7);
    padding-top: 40px;
    padding-bottom: 40px;
    width: 500px;
    border-radius: 5px;
}

#content-login-form .login-aditional-info a {
    font-weight: bold;
}








.login-form {
    margin: 0px auto 0px auto;
    width: 340px;
}
.row-form, .row-form-button,.row-form-error {
    margin-top: 7px;
}
.row-form label {
    width:120px;
    text-align:right;
    display:inline-block;
}
.row-form-button {
    text-align:right;
}
h2 {
    margin: 0px auto;
    width:340px;

}
.row-form .k-numerictextbox, .row-form input{
    width: 200px;
}
div.login-aditional-info {
    text-align:center;
}
.table-terms tr td, .table-terms {
    border: none !important;
    text-align: justify;
}
.k-block > .k-header, .k-window-titlebar {
    font-size: 1.1em;
}


.lbl-header-acccess-title { 
    bottom: 15px;
    font-family: "Lucida Console";
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    width: 100%;
}
.link-header-access{
    display: inline-block; 
    width: 300px; 
    margin-top: 4px;
}
.link-header-access a, .link-header-access a span.l-i-circle-arrow{
    font-size: 17px;
    opacity: 0.9;
    /*font-weight:bold;*/
}
.link-header-access a span.l-i-circle-arrow{
    font-size: 15px !important;    
    line-height: 16px;
    vertical-align: top;
}
/*Vendor Self Registration*/

#content-vendor-self-registration-form {     
    left: 50%;
    margin-left: -500px;
    margin-top: -620px;
    position: absolute;
    width: 1000px;
}
#transparent-vendor-self-registration-form {   
    border-radius: 5px;
    height: 590px;
    margin: 30px 0 0 -75px;
    opacity: 0.9;
    padding-top: 40px;
    width: 1050px;
}

.budget-category {
    position: relative;
    top: -5px;
}

button.k-button.k-clear-selected {
    display: none;
}

button.k-button.k-upload-selected {
    width: 86px !important;
}

.k-upload .k-upload-selected {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-left-style: solid !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;
}

.k-file.k-file-invalid {
    color: #760b0b;
}

span.k-icon.k-i-clock {
    color: darkblue;
}

input.k-textbox.numeric-input-right {
    padding-right: 3.6px;
}

span.k-textbox {
    padding-left: 3.6px !important;
}

input.k-textbox {
    padding-left: 3.6px !important;
}

input.k-textbox.right-column {
    padding-right: 3.6px;
}

textarea.k-textbox {
    padding-left: 3.6px !important;
}

div.k-widget.k-grid.k-display-block > a.k-icon.k-i-expand {
    display: block;
}

div.k-widget.k-grid.k-display-block > a.k-icon.k-i-collapse {
    display: block;
}

.k-loading,
.k-state-hover .k-i-loading {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/loading.gif');
    background-position: 50% 50%;
}

.k-i-loading {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/loading.gif') !important;
    background-position: 50% 50%;
}

.k-i-loading-image {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/loading-image.gif') !important;
}

.k-i-loading-color {
    background-color: #ffffff;
}

#GridMenu a.k-icon.k-i-collapse {
    display: none !important;
}
#GridMenu a.k-icon.k-i-expand {
    display: none !important;
}
#FindGrid a.k-icon.k-i-collapse {
    display: none !important;
}

#FindGrid a.k-icon.k-i-expand {
    display: none !important;
}
#GridCustomerContacts a.k-icon.k-i-collapse {
    display: none !important;
}

#GridCustomerContacts a.k-icon.k-i-expand {
    display: none !important;
}
#GridVendorContacts a.k-icon.k-i-collapse {
    display: none !important;
}

#GridVendorContacts a.k-icon.k-i-expand {
    display: none !important;
}
#GridBudgetItems a.k-icon.k-i-collapse {
    display: none !important;
}

#GridBudgetItems a.k-icon.k-i-expand {
    display: none !important;
}
#GridPartyItems a.k-icon.k-i-collapse {
    display: none !important;
}

#GridPartyItems a.k-icon.k-i-expand {
    display: none !important;
}
td > a.k-button > span.f-icon {
    padding-right: 5px !important;
}
span.countAlert {
    background: linear-gradient(to bottom, #FD4333 0%, #C12C1E 100%);
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    min-width: 15px;
    text-align: center;
    vertical-align: top;
    /* margin-left: 3px; */
    font-size: 8px;
    position: absolute;
    top: -1px !important;
    left: 16px !important;
    z-index: 5;
    height: 13px !important;
    font-size: 8px !important;
    padding-top: 2px !important;
}
/******************Validations********************/
.k-tooltip-validation
{
    padding-right: 15px !important;
    position: absolute !important;
}

    .k-tooltip-validation .k-i-close
    {
        position: absolute;
        right: 0;
        top: 0;
    }

    .k-tooltip-validation .k-callout-n
    {
        left: 20%;
    }

    .k-tooltip-validation .k-warning
    {
        height: 16px !important;
    }

.k-block > .k-header
{
    font-size: 1em !important;
    margin-bottom: 2px !important;
}

/*********************Forms***********************/

div.half {
    width: 49%;
    display: inline-block;
}

div.third {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.display-label,
.editor-label {
    display: inline-block;
    width: 12%;
    margin-top: 2px;
}

.display-field,
.editor-field {
    display: inline-block;
    width: 85%;
    margin-top: 2px;
}

    .display-field input,
    .editor-field input
    {
        width: 100%;
    }

.row-property {
    display: inline-block;
    margin: 2px 4px;
}

.list-attach {
    float: right;
}

.row-property label, .row-property .row-field
{
    display: table-cell;
}

.row-property label
{
    padding-top: 2px;
    vertical-align: top;
    width: 80px !important;
}

.row-property .row-field
{
    width: 150px;
}

.row-control-third .row-property .row-field
{
    width: 300px;
}

.row-control-third .row-property
{
    width: 32%;
}

    .row-control-third .row-property .row-field input, .row-control-third .row-property .row-field textarea
    {
        width: 100%;
    }

.item-control-content, .orderitem-detail
{
    padding: 2px;
    border-radius: 3px;
    margin: 2px;
}

.item-control-content textarea, .BudgetItemEdit textarea
{
    height: 100px !important;
}

table.item-control1 tr td label
{
    width: auto !important;
}

/*table.item-control1 tr td
{
    vertical-align: top;
}*/

table.item-control1 tr td a
{
    /*margin-top:2px;*/
    vertical-align: top;
    display: inline-block;
}
#GroupingCodeContent label{
    line-height: 14px !important;
}

#GroupingCodeContent button{
    min-width: 18px ;
    width: 18px ;
    padding: 1px;
}
#GroupingCodeContent button span.f-icon{
    vertical-align: middle;
    font-size: 14px !important;    
    line-height: 15px !important;
}

#btnEditBudgetItemGroupingCodesAdd {
    min-width: 25px !important;
    width: 25px !important;
}

.line-item-status-edit {
    margin-top: -5px;
    display: inline-block;
}

.find-control-name {
    width: 100px !important;
}

.find-control-alpha
{
    width: 35px !important;
}

.row-form .row-label, .row-form .row-control
{
    display: table-cell;
    padding: 2px 4px;
}

.row-form .row-label
{
    vertical-align: top;
    line-height: 20px;
    padding-top: 3px;
    width: 10%;
    text-align: right;
}

.row-form
{
    display: table-row;
}

.area-buttons
{
    text-align: right;
    /*width: 98%;*/
    margin-top: 5px;
}

    .area-buttons button
    {
        min-width: 60px;
        margin-left: 5px;
    }

table.form
{
    border: none !important;
    width: 100%;
}

    table.form tbody tr td
    {
        border: none !important;
        padding: 1px;
    }

        table.form tbody tr td label {
            width: 100px;
            display: inline-block;
            vertical-align: top;
            margin-top: 3px;
            text-align: right;
            margin-right: 3px;
        }

        table.form tbody tr td label.width130 {
            width:auto;
            max-width:130px;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
        }

        table.form tbody tr td input.width8em {
            width:8em !important;
        }

        table.form tbody tr td span.control
        {
            display: inline-block;
        }

label.statusDates {
    width:90px !important;
    display: inline-block;
}

table.budget-profile-dates label {
    width: 123px !important;
}

table.budget-profile-dates1 label {
    width: 85px !important;
}

table.invoice-merchandise label {
    width: 85px !important;
}

table.budget-header label
{
    width: 60px !important;
}

table.label-auto label
{
    width: auto !important;
}

table.budget-find label
{
    width: 115px !important;
}

table.vendor-user-detail label
{
    width: 70px !important;
}

table.invoice-values label
{
    width: 90px !important;
}
.check-delete{
    position: relative; 
    left: -21px;
    cursor: pointer !important;
}

table.group-change-room label
{
    width: 130px !important;
}

table.form .k-datepicker
{
    width: 95px;
}

table.owner-representative label
{
    width: 70px !important;
}

table.owner-representative input
{
    width: 75% !important;
}

.k-list-container
{
    /*min-width:200px !important;*/ /*give a min width of your choice*/
    width: auto!important;
}


.k-list
{
    width: auto !important;
    overflow-x: hidden !important;    
    /*kendo new version 2016 q1*/
    /*overflow-y: scroll !important;*/ 
    /***********************************/
}

.k-list .k-item
{
    white-space: nowrap !important;
    padding-right: 20px !important;
}

#ShipToAddressID-list.ship-to-customer,
#FromShipToAddressID-list.ship-to-customer,
#ToShipToAddressID-list.ship-to-customer {
    height: 300px !important;
}

#ShipToAddressID-list.ship-to-customer #ShipToAddressID_listbox,
#FromShipToAddressID-list.ship-to-customer #FromShipToAddressID_listbox,
#ToShipToAddressID-list.ship-to-customer #ToShipToAddressID_listbox {
    height: 170px !important;
}

/*kendo new version 2016 q1*/
#ShipToAddressID-list.ship-to-customer div.k-list-scroller,
#FromShipToAddressID-list.ship-to-customer div.k-list-scroller,
#ToShipToAddressID-list.ship-to-customer div.k-list-scroller
{
    height: inherit !important;
}
/***********************************/

.list-customer-shipto
{
    height: 92px !important;
    overflow-y: scroll;
}

.room-type-edit tr td label
{
    width: 130px !important;
}

.approver-count
{
    width: 25px;
    height: 18px !important;
    padding: 0px;
    line-height: 18px !important;
}

.contact-block, .check-block, .check-block
{
    display: inline-block;
    width: 145px;
    text-align: center;
}

.contact-block
{
    width: 340px;
    text-align: left !important;
}
.contact-block.contact-block--popup
{
    width: 323px;
}

.check-block input[type=checkbox] {
    vertical-align: middle;
    height: 14px;
}

/********************Icons**********************/
/*.k-icon, */
.f-icon {
    font-family: "IcoMoon-Ultimate";
    font-feature-settings: "liga";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    vertical-align: middle;
    text-decoration: none !important;
    /*color: red;*/
}
/*.k-icon,*/ .f-icon
{
    font-size: 16px;
}

.fs32
{
    font-size: 32px !important;
}

.fs18 {
    font-size: 18px !important;
}

.k-button .l-icon
{
    vertical-align: top !important;
    /*cursor: pointer;*/
}

.k-button .k-sprite.f-icon
{
    font-size: 16px !important;
    line-height: 16px !important;
    margin: 0 !important;
}
/*****************BEGIN Kendo Icons Override**************/
/*
.k-i-arrow-s:before {
    content: '';
}
.k-i-arrow-e:before {
    content: '';
}
.k-i-arrow-n:before {
    content: '';
}
.k-i-search:before {
    content: '';
}
.k-i-calendar:before {
    content: '';
}
.k-i-clock:before {
    content: '';
}
*/
/*****************END Kendo Icons Override**************/

/*****************BEGIN editor control Kendo Icons Override**************/
/*
    .k-bold:before {
    content: '';
}
.k-italic:before {
    content: '';
}
.k-underline:before {
    content: '';
}
.k-strikethrough:before {
    content: '';
}
*/
/*****************END editor control Kendo Icons Override**************/

/*****************BEGIN Llinx Icons**************/
.l-i-RED_FLAG:before {
    content: '';
}

.l-i-BLUE_FLAG:before {
    content: '';
}

.l-i-WARNING:before {
    content: '';
}

.l-i-PIRATES:before {
    content: '';
}

.l-i-BOMB:before {
    content: '';
}

.l-i-LIGHTNING_BOLT:before {
    content: '';
}

.l-i-PENCIL_RULE:before {
    content: '\ee80';
}

.l-i-TRUCK:before {
    content: '';
}

.l-i-COIN:before {
    content: '';
}

.l-i-settings:before
{
    content: '';
}

.l-i-flag-home:before
{
    content: '';
}

.l-i-flag-notification:before
{
    content: '';
}

.l-i-search:before
{
    content: '';
}

.l-i-attach:before
{
    content: '';
}

.l-i-email:before
{
    content: '';
}

.l-i-print:before {
    content: '';
}

.l-i-print-friendly:before {
    content: '';
}

.l-i-file:before {
    content: '';
}

.l-i-download:before {
    content: '';
}

.l-i-delete:before {
    content: '';
}

.l-i-check:before
{
    content: '';
}

.l-i-user-online:before
{
    content: '';
}

.l-i-online:before
{
    content: '';
}

.l-i-offline:before {
    content: '';
}

.l-i-user-primary:before {
    content: '';
}

.l-i-user-contact:before
{
    content: '';
}

.l-i-circle:before
{
    content: '';
}

.l-i-edit:before
{
    content: '';
    font-size: 14px;
}

.l-i-tick:before {
    content: '';
}

.l-i-close:before
{
    content: '';
}

.l-i-add:before
{
    content: '';
}

.l-i-insert-m:before
{
    content: '';
}

.l-i-refresh:before
{
    content: '';
}

.l-i-arrowhead-w:before
{
    content: '';
}

.l-i-arrowhead-e:before
{
    content: '';
}

.l-i-arrowhead-n:before
{
    content: '';
}
.l-i-circle-arrow:before
{
    content: '';
}
.l-i-help:before{
    content: '';
}
.l-i-addressbook:before {
    content: '\00ea2c';
}
.l-i-archivedbudget:before {
    content: '\00e9d0';
}
.l-i-activebudget:before {
    content: '\00e9dc';
}
.l-i-enlarge:before {
    content: '\00eb3b';
}
.l-i-pasteinprev:before {
    content: '\00ee37';
}
.l-i-minus:before {
    content: '\ed5b';
}
.l-i-plus:before {
    content: '\ed5a';
}

.l-i-reorder:before {
    content: '\edfb';
}

.l-i-forbid:before {
    content: '\ed5f';
}

.l-i-award:before {
    content: '\eba4';
}

.l-i-creditcard:before {
    content: '\ea15';
}

.l-i-PENCIL_RULE:before {
    content: '\ee80';
}
.l-i-deviation:before {
    content: '\edb0';
}
.l-i-information:before {
    content: '\ed4f';
}
.l-i-pdf2:before {
    content: '\ef36';
}
.l-i-sigma:before {
    content: '\ee9f';
}
.l-i-exclamation:before {
    content: '\ed4e';
}
/* show all intermediary states as pending info */
.l-i-hourglass:before,
.l-i-wirestatus-Pending:before,
.l-i-wirestatus-Rejected:before, 
.l-i-wirestatus-Unknown:before,
.l-i-wirestatus-ACK_Accepted:before {
    content: '\eb1d';
}
.l-i-wirestatus-Error:before {
    content: '\ed4f';
}
/*
.l-i-wirestatus-Rejected:before {
    content: '\ed4e';
}
.l-i-wirestatus-Unknown:before {
    content: '\ed51';
}
*/
.l-i-wirestatus-Accepted:before {
    content: '\ed6e';
}
/*****************END Llinx Icons**************/


/******************DASHBOARD*********************/

#TreeViewMyReports .k-state-selected,
#TreeViewMyReports span.k-state-hover,
#TreeViewPanelReportEdit .k-state-selected,
#TreeViewPanelReportEdit .k-state-hover
{
    background: none !important;
    color: inherit !important;
    box-shadow: none !important;
}

.panel-dashboard .f-icon.l-i-settings
{
    right: 5px;
    position: absolute;
    cursor: pointer;
    display: none;
}

.k-context-menu{
    font-family: inherit !important;
}

#GridPanelBudgetListEdit tbody tr td:not(:last-child)
{
    cursor: move;
}

#BudgetDashboardViewChart3 g[clip-path~=url],
.home-chart3 g[clip-path~=url]{
    cursor: pointer;
}

/*****************END DASHBOARD**************/

/********************Panels Colors**********************/

/******************Controls*****************/

.k-grid tr td.command-column a{
    text-decoration: none !important;
}

.k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before
{
    padding-bottom: 0px !important;
}

.k-tooltip
{
    z-index: 10000 !important;
}

.right-column
{
    text-align: right !important;
}

.center-column {
    text-align: center !important;
}

.flex-right-align {
    margin-left: auto !important;
}

.grid-tab {
    border: none !important;
}

.tabstrip-grid-tab
{
    padding: 0px !important;
}

.k-multiselect-wrap
{
    min-height: 80px !important;
}

.k-button .k-sprite
{
    margin-top: 2px;
    /*vertical-align: top !important;*/
}

.k-button
{
    line-height: 1.44 !important;
}

a.k-state-disabled
{
    pointer-events: none !important;
}

.k-multiselect-wrap ul.k-reset li.k-button
{
    min-width: 280px;
    display: table-cell;
    text-align: left;
    margin: 1px 2px;
}


.k-multiselect-wrap ul.k-reset li.k-button span.k-delete, 
.k-multiselect-wrap ul.k-reset li.k-button span.k-edit, 
.k-multiselect-wrap ul.k-reset li.k-button span.l-i-edit, 
.k-multiselect-wrap ul.k-reset li.k-button span.l-i-delete
{
    display: table-cell;
    float: right;
    cursor: pointer;
}

.k-block > .k-header, .k-window-titlebar
{
    font-size: 1.1em !important;
}
.k-window-titlebar .k-window-action
{
    opacity: 1 !important;
}
/*.k-tabstrip .k-content {
    min-height: 500px;
}*/
.k-grid td
{
    padding: 0.1em 0.25em !important;
}

.k-tabstrip-items .k-link /*, .k-panelbar .k-tabstrip-items .k-link*/
{
    padding: 0.3em 0.92em !important;
}

.k-textbox
{
    height: 1.9em !important;
}

.k-grid-header .k-header
{
    /*padding: 0.3em 0.6em 0.2em !important;*/
    padding: 0.1em 0.25em !important;
}

/*kendo new version 2016 q1*/
.k-combobox .k-dropdown-wrap::before, .k-numeric-wrap::before, .k-picker-wrap::before{
    height: 0em !important;
}
.k-grid-toolbar .k-button, .k-grid-toolbar .k-split-button, .k-grid-toolbar .k-button-group, .k-grid-toolbar .k-widget, .k-grid-toolbar .k-textbox, .k-grid-toolbar label, .k-grid-toolbar .k-separator {
    line-height: 1.72em;
    margin: 0 0.2em;
    vertical-align: middle;
}
.k-multiselect-wrap li {
    padding-right: 0.15em !important;
}
/*line-height: 1.72em;*/
.k-header > *, .k-header .k-button {
    
    vertical-align: middle;
}
.k-header .f-icon{
    line-height: 1;
}
.k-upload-files  .k-file {
    padding-right: 0.967em !important;
}
/*.k-item.k-state-selected {
    display: none;
}*/
/*************************/

/* height: 1.4em !important;*/
.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input
{
   
    line-height: 1.4em !important;
}

.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
    line-height: 1.6em !important;
}

.k-numerictextbox .k-link {
    height: 0.8em !important;
    line-height: 0.85em !important;
}

.k-multiselect.k-state-disabled li span.k-icon {
    display: none !important;
}

.k-grid table tfoot.k-grid-footer tr.k-footer-template td {
    vertical-align: top;
}

.k-pager-numbers .k-state-selected {
    line-height: 23px !important;
}

.k-menu .k-item > .k-link > .k-i-arrow-n {
    margin-right: -8px !important;
}

/**************************************************/

.add-toolbar {
    float: right;
	margin-left: auto !important;
}

.add-toolbar, .search-toolbar {
    display: inline-block;
    margin: 3px;
}

#GridBudgetItemControls {
    border: none !important;
}

#GridBudgetItemControls tbody tr td,
#GridBudgetItems tbody tr td,
.GridBudgetItemControlsClass tbody tr td{
    cursor: default;
}

#budget-group-toolbar .k-button {
    display: inline-block;
    margin: 0 2% 10px;
    width: 12%;
}

#budget-group-toolbar {
    padding: 7px;
}

#GridOrderItems td span.order-description-cell,
#GridPOItemStatus td span.order-description-cell,
#GridOrderRevisionItems td span.order-description-cell,
#GridOrderNotRevisedItems td span.order-description-cell
{
    width: 400px !important;
}

#GridOrderItems td span.order-description-cell,
#GridOrderRevisionItems td span.order-description-cell,
#GridOrderNotRevisedItems td span.order-description-cell
{
    white-space: nowrap;
    overflow: hidden !important;
    display: block;
}

#GridTopBudgets td div,
#GridPOItemStatus td span.order-description-cell {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block;
}

#GridApprovalStatus .k-grouping-header
{
    display: none;
}

#home-left-panel
{
    width: 340px;
    display: inline-block;
    vertical-align: top;
}

#home-right-panel
{
    width: 650px;
    display: inline-block;
    vertical-align: top;
}
#wall-right-panel
{
    width: 650px;
    display: inline-block;
    vertical-align: top;
}

.chart-wrapper
{
    display: inline-block;
    margin: 0 auto;
}

.k-chart.small-chart
{
    display: inline-block;
    width: 300px;
    height: 50px;
}

.k-chart.width-chart
{
    display: inline-block;
    width: 600px;
    height: 110px;
    margin-top: -30px;
    margin-bottom: -5px;
}
#ListViewBudgetIDs {
    float: right;
    margin: 0;
    padding: 1px 1px;
    /*width: 590px;
    min-height: 52px;
    max-height: 155px;*/
}
#ListViewBudgetIDs:not(.k-state-disabled) .k-button:not(.k-state-selected){
    color: var(--k-color);
    background-color:transparent;
}

.k-listview .k-listview-content.k-state-selected {
    background-color: transparent;
}

.multiselect-gc-item-control {
    height: 57px;
    overflow-y: auto;
    overflow-x: hidden;
}

.multiselect-cb-item-control {
    min-height: 57px;
    max-height: 155px;
    overflow-y: auto;
    overflow-x: hidden;
}

.multiselect-gc-item-view .k-multiselect-wrap,
.multiselect-gc-item-edit .k-multiselect-wrap,
.multiselect-cr-item-view .k-multiselect-wrap,
.multiselect-cr-item-edit .k-multiselect-wrap
{
    min-height: 55px !important;
}
.multiselect-cb-item-view .k-multiselect-wrap,
.multiselect-cb-item-edit .k-multiselect-wrap
{
    min-height: 150px !important;
}  

.multiselect-gc-item-edit
{
    width: 780px !important;
}

.multiselect-cr-item-edit
{
    width: 840px !important;
}
.multiselect-cb-item-edit {
    width: 590px !important;
}

.multiselect-gc-item-edit .k-multiselect-wrap ul.k-reset li.k-button,
.multiselect-cr-item-edit .k-multiselect-wrap ul.k-reset li.k-button {
    min-width: 250px;
    width: 250px;
}

.multiselect-gc-item-edit .k-multiselect-wrap ul.k-reset[data-role=sortable] li.k-button {
    cursor: move;
}

.multiselect-gc-item-edit .k-multiselect-wrap ul.k-reset li.k-button span.k-icon {
    cursor: pointer !important;
}


.multiselect-cb-item-edit .k-multiselect-wrap ul.k-reset li.k-button
{
    min-width: 590px;
    width: 590px;
}

.multiselect-gc-item-view
{
    width: 705px !important;
}

.multiselect-cr-item-view,
.multiselect-cb-item-view {
    width: 810px !important;
}

.multiselect-gc-item-view .k-multiselect-wrap ul.k-reset li.k-button {
    min-width: 230px;
    width: 230px;
}

.multiselect-gc-item-view .k-multiselect-wrap ul.k-reset[data-role=sortable] li.k-button {
    cursor: move;
}

.multiselect-gc-item-view .k-multiselect-wrap ul.k-reset li.k-button span.k-icon {
    cursor: pointer !important;
}

.multiselect-cr-item-view .k-multiselect-wrap ul.k-reset li.k-button
{
    min-width: 263px;
    width: 263px;
}

.multiselect-cb-item-view .k-multiselect-wrap ul.k-reset li.k-button
{
    min-width: 394px;
    width: 394px;
}

#TimeoutCountdown
{
    font-weight: bold;
}

#BtnStayLoggedOn
{
    font-weight: bold !important;
}

tr.grand-footer td
{
    border-left: none !important;
}

.k-grid-pager .show-all
{
    float: left;
    margin-right: 20px !important;
}

.admin-title
{
    width: 70%;
    text-align: center;
    margin: 0px auto 10px auto;
    line-height: 23px !important;
    background-image: none;
}

.webstatus-header
{
    width: 218px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

#GridVendorItems tr, #GridCustomerItems tr, #GridBudgets tr, #GridDesignerItems tr,
#GridOrders tr, #GridOrderRevisions tr, #GridInvoices tr, #GridAccountingInvoices tr,
#GridTopBudgets tr,
#FindGrid tr
{
    cursor: pointer;
}

.alphabet
{
    margin-bottom: 3px;
    margin-top: 7px;
}

    .alphabet .alphabet-search
    {
        margin-right: 3px;
        margin-left: 3px;
        text-align: center;
        cursor: pointer;
    }

        .alphabet .alphabet-search.selected
        {
            font-weight: bold;
            font-size: 1.1em;
        }

        .alphabet .alphabet-search:hover {
            font-weight: bold;
        }

.content-stars {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    white-space: nowrap;
}

span.star-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

span.star-icon-little {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    background-size: 100% !important;
}

.l-textbox-link {
    padding: 0px 7px !important;
    background-image: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    /*kendo new version 2016 q1*/
    line-height: 1.6;
    /**************************/
}

.order-header-party-view
{
    width: 325px;
    display: inline-block;
    margin: 0 0 0 5px;
}

    .order-header-party-view > div.k-block
    {
        height: 80px;
        overflow-y: auto;
    }

    .order-header-party-view span.webstatus-header
    {
        float: right;
    }

        .order-header-party-view span.webstatus-header .k-block {
            padding: 0px;
            width: 130px !important;
        }

.orderitem-detail table tr td {
    vertical-align: top;
    border: none !important;
}

.po-group-toolbar {
    text-align: right;
    padding: 7px !important;
}

    .po-group-toolbar button {
        margin: 0px 0px 0px 7px;
    }

    .po-group-toolbar label {
        float: left;
        line-height: 23px;
    }

.order-document-tools {
    width: 100%;
}

    .order-document-tools tr td {
        height: 35px;
    }

        .order-document-tools tr td a {
            width: 160px;
        }

            .order-document-tools tr td a.k-button span.k-icon
            {
                margin-right: 5px;
            }

textarea.resize-x
{
    resize: horizontal !important;
}
.fake-textarea {
    background: #fff;
}

#GridOrderItemAttachments tfoot.k-grid-footer {
    display: none;
}

#GridExpenseReports tr td.k-hierarchy-cell{
    white-space:nowrap;
}

div.file-wrapper
{
    position: relative;
}

.k-upload-status.k-upload-status-total
{
    display: none !important;
}

.k-upload-action.k-button.k-button-bare
{
    min-width: 20px !important;
}

#FormAttachmentEdit div
{
    display: inline-block;
}

.k-grid div.k-widget.k-upload.k-header
{
    /*kendo new version 2016 q1*/
    width: 95%;
    /***************************/
}

li.k-radio-item > .k-radio {
    border-color: var(--k-color);
}
li.k-radio-item > .k-radio:before {
    color: var(--k-color);
}
span.control.radio input[type=radio],
span.control.checkbox input[type=checkbox]
{
    margin-top: 5px;
    vertical-align: top;
}

span.control.radio label,
span.control.checkbox label
{
    width: auto !important;
    margin-right: 15px !important;
    text-align: left !important;
}

.radTitleBarRight {
    position: absolute;
    right: 15px;
}

span.control.mail-invitation label {
    width: 100px !important;
}

/*********** Slider Star Rating ***************/

.rating-review.k-slider-horizontal {
    height: auto !important;
    vertical-align: middle;
    width: 80px !important;

}

.rating-review div.k-slider-selection {
    height: 16px !important;
    margin-top: -8px;
}

.rating-review div.k-slider-track {
    background: none !important;
}

.rating-review.k-state-disabled div.k-slider-track {
    cursor: default !important;
}

.rating-review.k-state-disabled, .rating-review.k-state-disabled .k-slider-wrap {
    opacity: 1 !important;
}

.rating-review.k-slider-horizontal .k-tick {
    background-image: none !important;
}

    .rating-review.k-slider-horizontal .k-tick .k-label {
        display: none !important;
    }

.rating-review.k-slider-horizontal a.k-draghandle,
.rating-review.k-slider-horizontal a.k-state-focused,
.rating-review.k-slider-horizontal a.k-state-selected,
.rating-review.k-slider-horizontal span.k-draghandle,
.rating-review.k-slider-horizontal span.k-state-focused,
.rating-review.k-slider-horizontal span.k-state-selected {
    display: none !important;
}

/***********************************************************/
/*********** Checkbox Star Market Tier ***************/
.MarketTier {
    display: inline-block !important;
    position: relative !important;
}
input.MarketTierChx[type="checkbox"] {
    display: none;
}
input.MarketTierChx[type="checkbox"] + label {
    display: inline-block;
    border: none !important;
    width: 16px !important;
    height: 16px!important;
    /*position: absolute;*/
}
input.MarketTierChx[type="checkbox"]:checked + label::before {
    content: url("/Images/Icons/Stars/star22.png");
    display: inline-block;
    font-size: 1.6em;
}
input.MarketTierChx[type="checkbox"] + label::before {
    content: url("/Images/Icons/Stars/star02.png");
    display: inline-block;
    font-size: 1.6em;
}

/***********************************************************/
/*********** Slider Star Market Tier ***************/

.rating-MarketTier.k-slider-horizontal {
    height: auto !important;
    vertical-align: middle;
    width: 16px !important;

}

.rating-MarketTier div.k-slider-selection {
    height: 16px !important;
    margin-top: -8px;
}

.rating-MarketTier div.k-slider-track {
    background: none !important;
}

.rating-MarketTier.k-state-disabled div.k-slider-track
{
    cursor: default !important;
}

.rating-MarketTier.k-state-disabled, .rating-MarketTier.k-state-disabled .k-slider-wrap
{
    opacity: 1 !important;
}

.rating-MarketTier.k-slider-horizontal .k-tick
{
    background-image: none !important;
}

    .rating-MarketTier.k-slider-horizontal .k-tick .k-label
    {
        display: none !important;
    }

.rating-MarketTier.k-slider-horizontal a.k-draghandle, .rating-MarketTier.k-slider-horizontal a.k-state-focused, .rating-MarketTier.k-slider-horizontal a.k-state-selected
{
    display: none !important;
}
/***********************************************************/

/******************************My Profile**************************************/

#PictureTDContent ul.k-upload-files
{
    visibility: hidden;
    display: none;
}

#PictureTDContent .k-widget.k-upload.k-header
{
    border: none !important;
    padding: 0 !important;
    height: 0 !important;
}

#PictureTDContent .contentPicture {
    height: 150px;
    width: 150px;
    padding: 0 !important;
    border-width: 1px;
    border-style: solid;
}

    #PictureTDContent .contentPicture:hover
    {
        border-color: transparent;
    }

    #PictureTDContent .contentPicture img:hover
    {
        width: 180px;
        height: 180px;
        border-width: 1px;
        border-style: solid;
    }

#PictureTDContent div.k-dropzone
{
    display: inline-block;
    height: 171px;
    margin-left: 0;
    margin-top: -151px;
    vertical-align: bottom;
    width: 152px;
    padding: 5px 0 0 0 !important;
}

    #PictureTDContent div.k-dropzone:hover
    {
        cursor: pointer;
    }

    #PictureTDContent div.k-dropzone .k-button.k-upload-button
    {
        position: absolute;
        bottom: 30px;
        text-align: center;
        width: 60px;
        margin-left: 5px;
        visibility: hidden;
    }

#PictureRemove
{
    position: absolute;
    bottom: 6px;
    text-align: center;
    margin-left: 125px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/******************************************************************/


/******************************Grid Edit Inline**************************************/
.custom-chk-bool
{
    text-align: center;
}
/***********************************************************/


/********************Invoices***********************/

#GridInvoiceOrderItems .k-widget.k-numerictextbox
{
    width: 80px;
}

#GridInvoiceOrderItems .k-i-refresh {
    float: left;
    margin-top: 2px;
    cursor: pointer;
}

.numeric-input-right {
    text-align: right;
}

    .numeric-input-right span.k-expand-padding {
        background-color: #fff !important;
        padding-right: 5px !important;
    }

#GridInvoiceOrderItems .k-formatted-value.numeric-input-right {
    height: 18px !important;
    padding-bottom: 0px;
    padding-top: 1px;
}

#DebitMemoContent input[type=text]
{
    width: 230px;
}

#WndDebitMemoPrintView
{
    padding: 0px;
}
/****************************************************/

/****************** Reports *********************/
#GridMenu.k-grid .k-header, #GridReports.k-grid .k-header, #GridListing.k-grid .k-header, #GridSpeciality.k-grid .k-header
{
    display: none;
}

#tabStripReports #GridMenu .l-i-circle
{
    margin-top: 2px;
}
#tabStripReports .k-tabstrip-items .k-item .f-icon.l-i-close{
    margin-top: 2px;
    font-size: 12px;    
    margin-right: 5px;
}
#tabStripReports .k-tabstrip-items .k-item:not(.k-first) .k-link{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/****************************************************/

/****************** Unit Converter *********************/

div#tabstripUnitConv1 ul.k-reset.k-tabstrip-items,
div#tabstripUnitConv1, div#tabstripUnitConv0
{
    border: none !important;
}
/****************************************************/

/****************** Date Calculator *********************/

.date-calculator-result
{
    padding: 5px;
    border-width: 1px;
    border-style: solid;
}

div#tabstripDateCalc1 ul.k-reset.k-tabstrip-items,
div#tabstripDateCalc1, div#tabstripDateCalc0 {
    border: none !important;
}

.k-tabstrip.k-header {
    padding: 0 !important;
}

/****************************************************/
/****************** IMPORT BUDGET ITEMS *********************/

.xls-column, .map-column {
    padding: 2px 4px;
    margin: 7px 3px;
    border: 1px solid;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 400px;
}

#xlsColumns, #mapColumns {
    margin: 3px;
}

.focus-drop {
    font-size: 1.3em;
    font-weight: bold;
}

.drop-column {
    padding-left: 15px;
    border-top: 1px solid;
    color: #717171;
}
.drop-column span.k-i-close{
    float: right;
}
#table-map-column-content{
    width: 100%;
}

.content-drag-drop {
    width: 45%;
    text-align: center;
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
}


#ReviewMappedExcelContent .k-header {
    font-weight: bold;
}

#ReviewMappedExcelContent .k-upload.k-header{
    border:none !important;
    background-color: transparent !important;
}
/*----------------------- Gantt*/
.k-gantt-toolbar>ul.k-gantt-views>li.k-current-view>.k-link:after {
    content: "" !important;
    font-family: IcoMoon-Ultimate !important;
}

/* invoice estatuses*/
.StatusTypeCode--CANCEL {
    color: red;
}

.k-loading-mask {
    z-index: 99999 !important;
}

/* grid zebra*/
.tr-zebra:nth-child(2n) {
    background-color: #e1e1e1;
}

.k-switch-on .k-switch-container {
    color: #fff;
    background-color: #2db245;
}
.k-switch-off .k-switch-container {
    color: #656565;
    background-color: #fff;
}
.k-switch-on .k-switch-handle,
.k-switch-off .k-switch-handle {
    border-color: rgba(0,0,0,.08);
    color: #fff;
    background-color: #f2f2f2;
}

.g-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.g-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.font-red {
    color: rgba(255,80,80,1) !important;
    -webkit-text-fill-color: rgba(255,80,80,1) !important;
}
.badge {
    display: inline-block;
    padding: .5em .0em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    box-sizing: border-box;
    min-width: 2em;
}
.badge {
    color: #fff;
    background-color: #648eb4;
}

.revision-tag {
    font-weight: bold;
    color: red !important;
}
.block-button {
    width:100%;
}

.best-bid {
    background-color: lightgoldenrodyellow !important;
}

.awarded-bid {
    background-color: lightgoldenrodyellow !important;
}
.f-icon.online-status {
    float: right;
    margin: 2px;
}
tr.k-alt .f-icon.online-status.l-i-offline {
    color: rgb(253,253,253) !important;
}


/*temporary fix, Chrome 100 version adds horizontal scroll to some kendo components*/
.k-prompt-container, .k-window-content {
    padding-left:4px;
    padding-right:4px;
}

.k-widget.k-tabstrip .k-content {
    margin-left: 0;
    margin-right: 0;
}

.k-loading-mask{
    position: fixed !important;
}

/** RFQ related */
.item-in-rfq {
    font-weight:bold;
    color: red;
}

.k-tabstrip {
    margin: 0;
    padding: 4px 0 !important;
    zoom: 1;
    position: relative;
}

.k-tabstrip-items {
    padding: 0.3em 0.3em 0 !important;
}

.collapsable-body {
    transition: max-height linear 0.3s;
    max-height: 700px;
    overflow: hidden;
}
.collapsable-body.collapsable-body-collapsed {
    max-height: 0;
}


#extInputDialog.k-window-content {
    padding:0;
}

