/* Minification failed. Returning unminified contents.
(604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #EEF7FB;
    color: #333;
}

/*ipad chrome fix*/
.k-block table label,
.k-widget table{
	color: #31556b;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #000;
}


a
{
    color: #31556b;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

footer
{
    border-top: 1px solid #648eb4;
}

.page
{
    border-right: 1px solid #648eb4;
    border-left: 1px solid #648eb4;
    background-color: #FFF;
}

header h1, #header h1
{
    color: #fff;
}

#main
{
    background: #fff;
}


/* MENU   
----------------------------------------------------------*/
#menu
{
    background-color: #31556b !important;
}

#menuQuick .k-link
{
    color: #31556b;
}

#menuQuick, #menuQuick > li.k-first
{
    background-color: #AAA !important;
    color: #FFF !important;
    border-color: #909090;
}

.menuQuickToolContent div
{
    background-color: #e1e1e1;
}

#menuQuick .k-group
{
    border-color: #AAA !important;
    box-shadow: 0 2px 2px 0 rgba(170, 170, 170, 0.5) !important;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
}

/*input[type="text"] 
{
    border: 1px solid #CCC;
}

input[type="password"] 
{
    border: 1px solid #CCC;
}*/

/* TABLE
----------------------------------------------------------*/

table
{
    /*border: solid 1px #e8eef4;*/
}

    table td
    {
        /*border: solid 1px #e8eef4;*/
    }

    table th
    {
        background-color: #e8eef4;
        border: solid 1px #e8eef4;
    }

/* MISC  
----------------------------------------------------------*/

.error
{
    color: Red;
}

.separate-line
{
    border-top: 1px solid #648eb4;
}

div#header-content
{
    border-bottom: 1px solid #648eb4;
}

#logindisplay
{
    color: White;
}

    #logindisplay a:link
    {
        color: white;
    }

    #logindisplay a:visited
    {
        color: white;
    }

    #logindisplay a:hover
    {
        color: white;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #ff0000;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/





/*******************Layout Elements*********************/

#footer-imgLinkSendMail
{
    background-image: url(/Images/Icons/Mail.gif);
}

#footer-lblVersioningDate
{
    color: #ff3333;
}

#header-logo
{
    background-image: url(/Images/Layout/logo.svg);
}

/*#header-content
{
    background-color: #FFF;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 62%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(62%, rgba(255,255,255,1)), color-stop(82%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 62%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 62%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 62%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 62%, rgba(246,246,246,1) 82%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}*/

#header-profile a
{
    color: #000;
}


/*******MENU ALERTS********/
#menuAlertItem, #menuAlertItem span.k-link.k-state-active.k-state-border-down
{
    background-color: #31556b !important;
}

#GridAlerts.k-grid th.k-header,
#GridAlerts.k-grid th.k-header a.k-link:link
{
    color:#31556b;
}
#GridAlerts.k-grid .k-grid-content table tbody tr td a:visited
{
    color:#BBB !important;
}

/***************************/

span.k-select > span.k-i-arrow-60-down.k-icon {
    color: darkblue;
}
span.k-icon.k-i-calendar {
    color: darkblue;
}
.k-state-disabled .f-icon {
     color: #717171 !important;
    
}
/******************Validations********************/




/*********************Forms***********************/
button[disabled]:hover {
    color: gray !important;
    background: #AAA;
}

button[disabled] {
    color: gray !important;
}

.item-control-content, .orderitem-detail
{
    border: 1px solid #648eb4;
    background-color: #FFF;
}

.k-state-disabled .f-icon {
  color: #717171 !important;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly="readonly"], 
textarea[readonly],
input[type="text"]:disabled
{
    color: #717171 !important;
    -webkit-text-fill-color: #717171;
    -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color ---- opacity: 1!important;*/
}

.item-header-combo:hover
{
    box-shadow: 0 0 3px 1px #7EC6E3 inset;
}

#GridTopBudgets tbody tr:hover,
#FindGrid tbody tr table tbody tr:hover {
    background-color: #aaa;
    color: #fff;
    box-shadow: none;
}


/********************Icons**********************/
.f-icon {
    color: #31556b;
}
#menuAlertItem .l-i-flag-notification {
    color: #aaa;
}
#menuAlertItem .l-i-flag-notification.k-state-active {
    color: #FFF;
}
.l-i-offline {
    color: #e6e6e6 !important;
}

.l-i-order
{
    background-image: url('/Images/Icons/PO.gif') !important;
}

.l-i-revision
{
    background-image: url('/Images/Icons/Revision.gif') !important;
}

.l-i-invoice
{
    background-image: url('/Images/Icons/Invoice.gif') !important;
}

.l-i-debit
{
    background-image: url('/Images/Icons/DebitMemo.gif') !important;
}


/********************Panels Colors**********************/
.l-online-colored
{
    background-color: #FFF !important;
    border-color: #648eb4 !important;
    color: #31556b !important;
}

.l-offline-colored
{
    background-color: #FFF !important;
    border-color: #648eb4 !important;
    color: #F00 !important;
}
/******************Controls*****************/
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select
{
    background-color: #e1e1e1 !important;
}

.k-multiselect.k-state-disabled li:hover
{
    background-color: #FFF !important;
    border-color: #648eb4 !important;
    color: #717171 !important;
}

/**************************************************/
#BtnStayLoggedOn
{
    background-color: #0B610B;
    border-color: #071907;
    color: #FFF;
}

tr.grand-footer td
{
    border-top: 1px solid #648eb4 !important;
}

tr.grand-footer div.grand-total
{
    border-top: 1px solid #648eb4 !important;
}

.status-onhold-inactive
{
    color: red !important;
}

.admin-title
{
    background-color: #31556b !important;
    color: #FFF !important;
}

.alphabet .alphabet-search:hover
{
    color: #31556b !important;
}


.l-textbox-link
{
    background-color: #FFF !important;
}

.order-header-party-view a
{
    color: #31556b;
}

.item-changed-field, input[disabled].item-changed-field, textarea.item-changed-field, .order-revised
{
    color: red !important;
    -webkit-text-fill-color: red;
}

tr.item-modified td:last-child, tr.item-added td:last-child
{
    color: red;
}

/*********** Slider Star Rating ***************/
.rating-review div.k-slider-selection
{
    background-color: yellow;
    background: url("/Images/Icons/Stars/star22.png") repeat-x scroll 0 center transparent;
}

.rating-review div.k-slider-wrap
{
    background: url("/Images/Icons/Stars/star02.png") repeat-x scroll 0 center transparent;
}
/***********************************************************/
/*********** Slider Star MarketTier ***************/
.rating-MarketTier div.k-slider-selection
{
    background-color: yellow;
    background: url("/Images/Icons/Stars/star22.png") repeat-x scroll 0 center transparent;
}

.rating-MarketTier div.k-slider-wrap
{
    background: url("/Images/Icons/Stars/star02.png") repeat-x scroll 0 center transparent;
}
/***********************************************************/




/******************************My Profile**************************************/
#MyProfilePictureTDContent .contentPicture
{
    border-color: #648eb4;
}

    #MyProfilePictureTDContent .contentPicture img:hover
    {
        border-color: #648eb4;
    }

/***********************************************************/



/******************************Office Logo Image**************************************/
#OfficeLogoImageTDContent .contentPicture
{
    border-color: #648eb4;
}

    #OfficeLogoImageTDContent .contentPicture img:hover
    {
        border-color: #648eb4;
    }

/***********************************************************/

/***********************************************************/



/****************************** Invoices *************/

#ExistingVendorAddress.k-textbox:hover
{
    color: inherit !important;
}
.item-no-taxable {
    color: green;
}

/***********************************************************/


/****************** Reports *********************/


/****************************************************/

/****************** Date Calculator *********************/
.date-calculator-result
{
    border-color: #31556b !important;
    background-color: #FFF !important;
}

div#tabstripDateCalc1 li.k-item.k-state-default.k-tab-on-top.k-state-active,
div#tabstripDateCalc0 li.k-item.k-state-default.k-tab-on-top.k-state-active,
#tabstripDateCalc1-2, #tabstripDateCalc1-1, #tabstripDateCalc0-2, #tabstripDateCalc0-1, #WndDateCalculator
{
    background-color: #e1e1e1 !important;
}

div#tabstripDateCalc1 ul.k-reset.k-tabstrip-items,
div#tabstripDateCalc1, div#tabstripDateCalc0
{
    background-color: #e1e1e1 !important;
}
/****************************************************/

/****************** Unit Converter *********************/

div#tabstripUnitConv1 li.k-item.k-state-default.k-tab-on-top.k-state-active,
div#tabstripUnitConv0 li.k-item.k-state-default.k-tab-on-top.k-state-active,
#tabstripUnitConv1-2, #tabstripUnitConv1-1, #tabstripUnitConv0-2, #tabstripUnitConv0-1, #WndUnitConverter
{
    background-color: #e1e1e1 !important;
}

div#tabstripUnitConv1 ul.k-reset.k-tabstrip-items,
div#tabstripUnitConv1, div#tabstripUnitConv0
{
    background-color: #e1e1e1 !important;
}

#lenResult0, #lenResult1, #surfResult0, #surfResult1
{
    border-color: #e1e1e1 !important;
    background-color: #e1e1e1 !important;
}
/****************************************************/



/****************** Find Anything *********************/
#WndFindAnything
{
    background-color: #e1e1e1 !important;
}
/****************************************************/



/****************** Budget Item Edit *********************/

#tabstrip-steps ul li.k-item.k-state-disabled.k-state-active span.k-link,
#tabstrip-steps ul li.k-item.k-state-disabled.k-state-active span.k-link span.f-icon{
    color: #31556b !important;
}
.BudgetItemEdit form input[type=text]:focus,
.BudgetItemEdit form input[type=checkbox]:focus,
.BudgetItemEdit form textarea:focus,
.BudgetItemEdit form .k-dropdown-wrap.k-state-focused span.k-input,
.BudgetItemEdit form .k-multiselect.k-state-focused div.k-multiselect-wrap {
  background-color: #eef7fb;
  border-color: #7ec6e3;
  -webkit-box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
  box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
}

.row-succesfully{
    background-color: #ddffd0 !important;
}
.row-error
{
    background-color: #ffded7 !important;
}
#ReviewMappedExcelContent .k-header{
    background-color: #ffded7 !important;
    color: inherit;
}
/****************************************************/


/*********************** Wall *****************************/

.header-content-post-text, .header-content-post-text-home-wall, .textarea-post, .textarea-posted, .footer-content-post-text, #textCounter, #textCounter-update, #imgSelectorText, 
#imgSelectorText-update, div.ReadMore, div.ReadLess {
    color: #31556b;
}

.new-post, .post-vendor {
    border: 1px solid #648eb4; 
}

.new-post-container, .post-container {
    border: 1px solid #648eb4; 
    background: #e1e1e1;
}


/****************************************************/

:root {
    --k-alt: #e1e1e1;
    --k-color: #31556b;
    --k-highcolor: #648eb4;
}

.k-state-default > .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
   
}

span.control > textarea.k-textbox {
    padding-left: 7px;
}

/* Kendo skin */
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}

/* main colors */
.k-block,
.k-widget {
  background-color: #ffffff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files {
  border-color: #648eb4 !important;
}

.k-dropdown-wrap, k-numeric-wrap {
    border-color: #648eb4;
}

.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-calendar th,
.k-dropzone-hovered,
.k-widget.k-popup {
  background-color: #AAA;
}

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: #AAA;
}

.k-list-container {
  border-color: #648eb4;
  background-color: #FFF;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #ffffff;
}

.k-alt,
.k-separator {
  background-color: #e1e1e1;
}

.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  border-color: #648eb4;
  background-color: #648eb4;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #648eb4;
}

.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap,
.k-widget.k-textbox,
.k-widget.k-textbox > .k-input {
  background-color: #ffffff;
  color: #31556b;
}

.k-input[readonly] {
  background-color: #ffffff;
  color: #31556b;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
  color: #31556b;
}

.k-block {
  color: #31556b;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
  color: #31556b;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #31556b;
}

.k-header {
  color: #ffffff;
}

.k-grid .k-header {
  color: #31556b;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-picker-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-color: #AAA;
}

.k-widget.k-tooltip {
    background-image: url("http://cdn.kendostatic.com/2021.3.1207/styles/textures/highlight.png");
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
html .km-pane-wrapper .k-header,
.k-grid .k-grid-header .k-header,
table.k-editor-widget.k-editor,
.k-header.k-grid-toolbar.k-grid-top,
.k-tabstrip-items-wrapper,
.k-widget.k-tabstrip {
    background-color: #e1e1e1;
}

.k-window .k-header,
.k-window > .k-window-titlebar {
	background-color: #31556b;
}
 
.k-block .k-header {
	background-color: #AAA;
}

/* icons */
.k-tool {
  border-color: transparent;
}

/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    border-color: transparent;
}

.k-button {
  color: #31556b;
  border-color: #648eb4;
  background-color: #AAA;
}

.k-button:focus,
.k-button.k-state-focused,
.k-button:active,
.k-button.k-state-active {
  border-color: #648eb4;
}

.k-button:hover {
  color: #31556b;
  border-color: #648eb4;
  background-color: #e1e1e1;
}

.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
  color: #717171;
  border-color: #648eb4;
  background-color: #e1e1e1;
  background-image: none;
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-draghandle {
  border-color: #648eb4;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-draghandle:hover {
  border-color: #648eb4;
  background-color: #648eb4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Scheduler */
.k-scheduler {
  color: #31556b;
  background-color: #ffffff;
}

.k-scheduler-layout {
  color: #31556b;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #ffffff;
  color: #31556b;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border-color: #648eb4;
}

.k-nonwork-hour {
  background-color: #e5f2f7;
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #f3fbff;
}

.k-scheduler-now-arrow {
  border-left-color: #ff7777;
}

.k-scheduler-now-line {
  background-color: #ff7777;
}

.k-event {
    border-color: #92daf7;
    background: #92daf7 0 -257px url("http://cdn.kendostatic.com/2021.3.1207/styles/textures/highlight.png") repeat-x;
    color: #31556b;
}

.k-event-inverse {
  color: #ffffff;
}
.k-ie7 .k-event .k-resize-handle,
.k-event .k-resize-handle:after {
  background-color: #005c83;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #648eb4;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #ffffff;
  color: #31556b;
  border-color: #648eb4;
}

.k-panelbar > li > .k-link {
  color: #31556b;
}
.k-panelbar > .k-item > .k-link {
  border-color: #648eb4;
}

.k-panel > li.k-item {
  background-color: #ffffff;
}

/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
  background-color: #ffffff;
  border-color: #648eb4;
  color: #31556b;
}

.k-menu .k-item.k-state-highlight,
.k-menu .k-item.k-state-hover,
.k-menu .k-item.k-state-border-down,
.k-menu .k-item.k-state-hover > .k-state-active {
    background-color: #ffffff !important;
}

.k-menu .k-item.k-state-highlight > .k-link, 
.k-menu .k-item.k-state-hover > .k-link,
.k-menu .k-item.k-state-border-down > .k-link,
.k-menu .k-item.k-state-border-right > .k-link {
    color: #31556b;
}

.k-window-actions .k-link.k-state-hover {
    background-color: #FFF;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #7ec6e3;
}

.k-calendar .k-link {
  color: #31556b;
}

.k-calendar .k-footer .k-nav-today {
  color: #31556b;
  background-color: #ffffff;
}

.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today.k-state-hover {
  background-color: #ffffff;
}

.k-calendar .k-footer .k-nav-today:active {
  background-color: #ffffff;
}

.k-calendar .k-nav-fast,
.k-calendar .k-nav-prev,
.k-calendar .k-nav-next {
    color: #31556b;
}

    .k-calendar .k-nav-fast:hover {
        background-color: #7bd2f6 !important;
        color: #31556b;
    }

    .k-calendar .k-nav-prev:hover,
    .k-calendar .k-nav-next:hover {
        background-color: #648eb4 !important;
        color: #FFF;
    }

.k-calendar th {
  background-color: #daecf4 !important;
}

.k-calendar-container.k-group {
  border-color: #648eb4;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color,
.k-state-selected a {
  color: #ffffff !important;
  background-color: #648eb4 !important;
  border-color: #648eb4 !important;
}

.k-marquee-text {
  color: #ffffff;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
  -webkit-box-shadow: #7ec6e3 0px 0px 3px 1px inset;
  box-shadow: #7ec6e3 0px 0px 3px 1px inset;
}

.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  -webkit-box-shadow: rgba(0, 92, 131, 0.5) 0px 0px 7px 0px inset, #105776 0px 0px 7px 1px inset;
  box-shadow: rgba(0, 92, 131, 0.5) 0px 0px 7px 0px inset, #105776 0px 0px 7px 1px inset;
}

.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused,
.k-ie7 .k-panelbar span.k-state-focused,
.k-ie7 .k-menu li.k-state-focused,
.k-ie7 .k-listview > .k-state-focused,
.k-ie7 .k-grid-header th.k-state-focused,
.k-ie7 td.k-state-focused,
.k-ie7 .k-tool.k-state-hover,
.k-ie7 .k-button:focus,
.k-ie7 .k-button.k-state-focused {
  background-color: #648eb4;
}

.k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #ffffff;
}

.k-button:active,
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}

.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active,
.k-mobile-list .k-recur-view .k-check:active {
  color: #31556b;
  background-color: #648eb4 !important;
  border-color: #648eb4;
}

.k-ie7 .k-window-titlebar .k-state-hover,
.k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #648eb4;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #648eb4;
}

.k-button:focus,
.k-button.k-state-focused,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em,
.k-draghandle:hover {
}

.k-pager-wrap {
  background-color: #e1e1e1;
  color: #31556b;
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-button:active,
.k-panelbar > .k-item > .k-state-focused {
}

.k-tool-icon {
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-imagebrowser-dropzone em {
  color: #31556b;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
  background-color: #648eb4;
  /*background-image: none;
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-position: 50% 50%;*/
  border-color: #648eb4;
}
.km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.k-dropdown .k-state-focused .k-input {
  color: #31556b;
}

.k-dropdown .k-state-hover .k-input {
  color: #31556b;
}

.k-state-error {
  border-color: #ff7777;
  background-color: #fff1f1;
  color: #f60000;
}

.k-state-disabled {
  color: #717171 !important;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #717171;
}

/* Progressbar */
.k-progressbar-indeterminate {
    background: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/indeterminate.gif');
}
/* Slider */
.k-slider-track {
  background-color: #648eb4;
}
.k-slider-selection {
  background-color: #648eb4;
}
.k-slider-horizontal .k-tick {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/slider-h.gif');
}
.k-slider-vertical .k-tick {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/slider-v.gif');
}
/* Tooltip */
.k-widget.k-tooltip {
  border-color: #648eb4;
  background-color: #ffffff;
  color: #31556b;
}
.k-widget.k-tooltip-validation {
  border-color: #fff4d9;
  background-color: #fff4d9;
  color: #31556b;
}
.k-callout-n {
  border-bottom-color: #648eb4;
}
.k-callout-w {
  border-right-color: #648eb4;
}
.k-callout-s {
  border-top-color: #648eb4;
}
.k-callout-e {
  border-left-color: #648eb4;
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #fff4d9;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #fff4d9;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #fff4d9;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #fff4d9;
}
/* Splitter */
.k-splitbar {
  background-color: #daecf4;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #f60000;
}
/* Upload */
.k-file {
  background-color: #ffffff;
  border-color: #648eb4;
}
.k-file-progress {
  color: #0066cc;
}
.k-file-progress .k-progress {
  background-color: #d0f8ff;
}
.k-file-success {
  color: #28760b;
}
.k-file-success .k-progress {
  background-color: #ddffd0;
}
.k-file-error {
  color: #cc0000;
}
.k-file-error .k-progress {
  background-color: #ffded7;
}
.k-upload-files .k-file .k-filename {
    color: #31556b;
}
/* ImageBrowser */
.k-tile {
  border-color: #ffffff;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #648eb4;
}
.k-tiles li.k-state-selected {
  border-color: #648eb4;
}
.k-tile .k-folder,
.k-tile .k-file {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2021.3.1207/styles/BlueOpal/imagebrowser.png');
}
/* Shadows */
.k-widget,
.k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-slider,
.k-treeview,
.k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  -webkit-box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
  box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
}
.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-grid td.k-state-selected.k-state-focused {
  background-color: #157299;
}
.k-popup,
.k-menu .k-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-imagebrowser .k-image,
.k-tooltip {
  -webkit-box-shadow: 0 2px 2px 0 rgba(18, 115, 157, 0.5);
  box-shadow: 0 2px 2px 0 rgba(18, 115, 157, 0.5);
}
/* Window */
.k-window {
  border-color: rgba(18, 115, 157, 0.5);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(183, 228, 247, 0.5);
  box-shadow: 1px 1px 7px 1px rgba(183, 228, 247, 0.5);
  background-color: #ffffff;
}
.k-window.k-state-focused {
  border-color: rgba(18, 115, 157, 0.5);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(18, 115, 157, 0.5);
  box-shadow: 1px 1px 7px 1px rgba(18, 115, 157, 0.5);
}
.k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(18, 115, 157, 0.5);
  box-shadow: 0 1px 2px 0 rgba(18, 115, 157, 0.5);
}
.k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(18, 115, 157, 0.5);
  box-shadow: inset 0 1px 1px rgba(18, 115, 157, 0.5);
}
/* Selection */
.k-editor-inline ::selection {
  background-color: #648eb4;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #648eb4;
  text-shadow: none;
  color: #fff;
}
/* Notification */
.k-notification.k-notification-info {
  background-color: #648eb4;
  color: #ffffff;
  border-color: #648eb4;
}
.k-notification.k-notification-success {
  background-color: #eaf7ec;
  color: #349946;
  border-color: #b7e1f0;
}
.k-notification.k-notification-warning {
  background-color: #fff4d9;
  color: #0487c4;
  border-color: #b7e1f0;
}

.k-notification.k-notification-error {
  background-color: #ffe0d9;
  color: #ef470a;
  border-color: #b7e1f0;
}

/* Border radius */

.k-numeric-wrap .k-link.k-state-selected {
  background-color: #648eb4;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 1px;
}
.k-multiselect.k-state-disabled li.k-button,
.k-multiselect.k-state-disabled li.k-button .f-icon {
    border-color: #648eb4;
    background: #FFF;
    color: #717171;
}
.k-widget.k-upload.k-header {
    background-color: #e1e1e1 !important;
    border: 1px solid #648eb4 !important;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #31556b;
}
html .km-pane-wrapper .km-widget,
.k-ie .km-pane-wrapper .k-widget,
.k-ie .km-pane-wrapper .k-group,
.k-ie .km-pane-wrapper .k-content,
.k-ie .km-pane-wrapper .k-header,
.k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-label,
.km-pane-wrapper .k-mobile-list .k-edit-field {
  color: #31556b;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  div.km-pane-wrapper a {
    color: #31556b;
  }

    .km-pane-wrapper .k-icon {
        background-size: 21.2em 21em;
    }
}

.km-pane-wrapper .k-mobile-list .k-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #ffffff;
  border-top: 1px solid #648eb4;
}

.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #648eb4;
  border-top-color: #648eb4;
}
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #648eb4;
  box-shadow: inset 0 -1px 0 #648eb4;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  color: #3d7890;
}
.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #648eb4;
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #648eb4;
  box-shadow: 0 1px 1px #648eb4;
}

.km-actionsheet .k-grid-delete,
.km-actionsheet .k-scheduler-delete,
.km-pane-wrapper .k-scheduler-delete,
.km-pane-wrapper .k-filter-menu .k-button[type=reset] {
  color: #fff;
  border-color: #ff7777;
  background-color: red;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255,255,255,.3)), to(rgba(255,255,255,.15)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: linear-gradient(to bottom, rgba(255,255,255,.3), rgba(255,255,255,.15));
}

.km-actionsheet .k-grid-delete:active,
.km-actionsheet .k-scheduler-delete:active,
.km-pane-wrapper .k-scheduler-delete:active,
.km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
  background-color: #990000;
}

/* /Column Menu */

.k-autocomplete.k-state-default,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
  background-color: #648eb4;
  border-color: #648eb4;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #648eb4;
  border-color: #7ec6e3 !important;
}

.k-multiselect.k-header {
  border-color: #648eb4;
}

.k-multiselect.k-header.k-state-hover {
  border-color: #7ec6e3;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused {
  background-color: #648eb4;
  /*background-image: none;
  background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0px, transparent 100%);
  background-position: 50% 50%;*/
  border-color: #7ec6e3;
  -webkit-box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
  box-shadow: rgba(18, 115, 157, 0.5) 0px 0px 3px 0px;
}
.k-list-container {
  color: #31556b;
}
.k-dropdown .k-input {
    color: #31556b; 
    background-color: #FFF /*!important*/;
}
.k-menu .k-popup {
  color: #FFF;
}
.k-state-default > .k-select {
  border-color: #648eb4;
}
.k-dropdown .k-dropdown-wrap > .k-select {
    border-left: 1px solid #648eb4;
}

.k-dropdown-wrap.k-state-disabled > .k-input {
    color: #717171;
} 
.k-state-hover > .k-select,
.k-dropdown-wrap.k-state-hover > .k-select {
  border-color: #7ec6e3;
}
.k-state-focused > .k-select, 
.k-dropdown-wrap.k-state-focused > .k-select {
  border-color: #7ec6e3;
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #31556b;
}

.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #31556b;
}

.k-panelbar .k-state-focused.k-state-hover {
  background: #648eb4;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-tabstrip-items .k-state-default,
.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
  border-color: #648eb4;
}

.k-tabstrip-items .k-state-hover,
.k-ie7 .k-tabstrip-items .k-state-hover .k-loading {
  border-color: #648eb4;
}

.k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading,
.k-tabstrip-items .k-state-hover {
  background-color: #ffffff !important;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  border-color: #648eb4;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #ffffff;
  color: #31556b;
}
.k-menu.k-header,
.k-menu .k-item {
  border-color: #648eb4;
  background-color: #31556b;
}
.k-menu .k-link {
    color: #fff;
}
.k-column-menu,
.k-column-menu .k-item {
  border-color: #648eb4;
}
.k-column-menu .k-separator {
  border-color: #648eb4;
  background-color: transparent;
}
.k-menu .k-group {
  border-color: #648eb4;
}
.k-grid-filter.k-state-active {
  background-color: #ffffff;
}
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
  color: #31556b;
  border-color: #648eb4;
}
.k-grouping-header {
  color: #31556b;
}
.k-grid td.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px #7ec6e3 0px 0px 3px 1px inset;
  box-shadow: inset 0 0 0 1px #7ec6e3 0px 0px 3px 1px inset;
}
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator {
  border-color: #648eb4;
}
.k-primary {
  color: #31556b;
  border-color: #7ec6e3;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, #afe4fa 0px, #7ed3f6 100%);
  background-image: none, -moz-linear-gradient(top, #afe4fa 0px, #7ed3f6 100%);
  background-image: none, -o-linear-gradient(top, #afe4fa 0px, #7ed3f6 100%);
  background-image: none, linear-gradient(to bottom, #afe4fa 0px, #7ed3f6 100%);
  background-position: 50% 50%;
  background-color: #7bd2f6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:focus,
.k-primary.k-state-focused {
  color: #31556b;
  border-color: #7ec6e3;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:hover {
  color: #31556b;
  border-color: #7ec6e3;
  background-image: none;
  background-color: #7bd2f6;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary:active {
  color: #31556b;
  border-color: #7ec6e3;
  background-image: none;
  background-color: #7bd2f6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-primary.k-state-disabled,
.k-state-disabled .k-primary,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:hover,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary:active,
.k-primary.k-state-disabled:active {
  color: #64a1bb;
  border-color: #648eb4;
  background-color: #eaf4f9;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.k-pager-numbers .k-link,
.k-treeview .k-in {
  border-color: transparent;
}

.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon {
  background-color: transparent;
}

.k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}

ul.k-panelbar {
    border-color: #648eb4;
}

li[data-step] .k-link {
    background-color: #e1e1e1 !important;
}

li[data-step] .k-state-selected {
    background-color: #5077dcc2 !important;
}

li[data-step] .k-state-hover {
    background-color: #648eb4 !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .k-icon:not(.k-loading),
    .k-grouping-dropclue,
    .k-drop-hint,
    .k-callout,
    .k-tool-icon,
    .k-state-hover .k-tool-icon,
    .k-state-active .k-tool-icon,
    .k-state-active.k-state-hover .k-tool-icon,
    .k-state-selected .k-tool-icon,
    .k-state-selected.k-state-hover .k-tool-icon,
    .k-column-menu .k-sprite,
    .k-mobile-list .k-check:checked,
    .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .k-mobile-list .k-edit-field [type=radio]:checked {
        background-size: 340px 336px;
    }
}

@media screen and (-ms-high-contrast: active) {
  .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
  .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
    border-color: #fff;
  }
}