::-webkit-input-placeholder, /* WebKit browsers */
::-moz-placeholder, /* Mozilla Firefox 19+ */
:-ms-input-placeholder, /* Internet Explorer 10+ */
:-moz-placeholder, /* Mozilla Firefox 4 to 18 */
td, input, textarea, select, body {
    color: #666666;
}

.alert-warning span {
    color: #8a6d3b;
}

.GridView thead th, .GridViewEntities thead th, .GridViewEntities thead a, .GridViewEntities thead a:link, .GridViewEntities thead a:visited, .GridViewEntities thead a:hover {
    color: #555555;
}


body, span.icon-bar {
    background-color: #FFFFFF;
}


input[readonly] {
    background-color: transparent;
}

.hilite2 {
    background-color: red;
}

.hilite3 {
    background-color: gray;
}

.hilite4 {
    background-color: orange;
}

.OpacPanelData .SearchField select {
    background-color: Gray;
}

.PaymentSubmitButton {
    background-color: #EEEEEE;
}


.DarkGridView thead th {
    border-color: #7C6C5E;
}

.GridViewEntities {
    border-color: #DDD;
}

.FilterPanel select {
    border-color: #777 !important;
}

.PaymentSubmitButton {
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-right-color: #333333;
    border-bottom-color: #333333;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-toggle {
    border-color: rgba(0,0,0,0.05);
}

.navbar-collapse, .badge,
.btn-custom, .open .dropdown-toggle.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled],
fieldset[disabled] .btn-custom, .btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover, .btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus, .btn-custom.disabled:active, .btn-custom[disabled]:active, fieldset[disabled] .btn-custom:active, .btn-custom.disabled.active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom.active {
    border-color: transparent;
}

.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn-custom, .btn-custom:focus, .btn-custom:active:focus, .btn-custom.active:focus {
    outline-color: transparent;
}


.FooterTop .FooterHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.FooterTop .FooterBody {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.FooterFixed {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}


/* 
    default themed colors: variables can be updated in common-variables.css file
*/

.MainMenu *,
.MainMenu a > *,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:visited,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus {
    color: var(--common-main-menu-text-color);
}


.navbar.navbar-default.navbar-fixed-top {
    background-color: var(--common-navbar-background-color);
}


.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-toggle:hover {
    background-color: var(--common-navbar-selected-background-color-rgba);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:active,
.navbar-default .navbar-nav > .active > a:link,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: var(--common-navbar-selected-background-color-rgba);
}


.navbar-nav > li > a, .navbar-default .navbar-nav > li > a, .navbar-nav li.active > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:active, .navbar-default .navbar-nav > .active > a:link, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, span.icon-bar {
    color: var(--common-navbar-text-color);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: var(--common-navbar-text-color);
}

/* update - hover for all search menu, not the buttons */
.navbar-default .MenuSearch:hover,
.navbar-default .MenuSearch.active {
    background-color: var(--common-navbar-selected-background-color-rgba);
}

/* update - hover for all search menu, not the buttons */
.navbar-default .navbar-nav > .MenuSearch.open > a,
.navbar-default .navbar-nav > .MenuSearch > a:hover,
.navbar-default .navbar-nav > .MenuSearch.open > a:hover,
.navbar-default .navbar-nav > .MenuSearch > a:hover,
.navbar-default .navbar-nav > .MenuSearch > a:focus,
.navbar-default .navbar-nav > .MenuSearch > a:visited,
.navbar-nav > .MenuSearch > a,
.navbar-default .navbar-nav > .MenuSearch > a,
.navbar-nav .MenuSearch.active > a,
.navbar-default .navbar-nav > .MenuSearch.active > a,
.navbar-default .navbar-nav > .MenuSearch > a {
    background-color: transparent;
}


h1, h1 span, h1 > a, h1 > a > span, h1 > a > span > span, h1 small, h1 p, 
h2, h2 > a, h2 span, h2 > label, 
h3, h3 a, h3 span, h3 > span, h3 > label, 
.Title, .SubTitle, .AspNet-TreeView .UnitId, .AspNet-TreeView .UnitDate, .AspNet-TreeView .InfoNotAvailable, 
.DefaultColor, .DefaultColor a:active, .DefaultColor a:link, .DefaultColor a:visited, .DefaultColor a:hover {
    color: var(--common-titles-text-color);
}

p, ol, ul, span, select, label, td, th,
.GridViewEntities .HeaderText,
.DarkGridView td,
.PaymentSubmitButton,
span.font-icon-deposit-list-exportpdf, span.font-icon-deposit-list-exportemail, span.font-icon-deposit-list-exportcsv, span.font-icon-deposit-list-createrequest,
.SearchControl .PanelSearch .FieldHeaderName, .SearchControl .PanelSearch .FieldHeaderName label, .SearchControl .PanelSearch .FieldHeaderName span {
    color: var(--common-theme-text-color);
}

.icon-ArcheevoIcons, .OnlineServicesIntroControl .SubTitle .icon-ArcheevoIcons,
.fa, .fas, .far {
    color: var(--common-theme-text-color);
}

.DefaultColor.fa, .DefaultColor.fas, .DefaultColor.far {
    color: var(--common-titles-text-color);
}


a, a > * {
    color: var(--common-theme-link-color);
}


.hilite, .hilite1 {
    background-color: var(--common-hilite-text-color);
}

span.font-icon-viewer, span.font-icon-search-button, span.font-icon-menu-archeevo-keep, span.mosaic-search, .mosaic-container, .mosaic-label p, .FullBackgroundColor {
    color: var(--common-mosaic-text-color);
}


.btn-custom, .open .dropdown-toggle.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.disabled, .btn-custom[disabled],
fieldset[disabled] .btn-custom, .btn-custom.disabled:hover, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom:hover, .btn-custom.disabled:focus, .btn-custom[disabled]:focus, fieldset[disabled] .btn-custom:focus, .btn-custom.disabled:active, .btn-custom[disabled]:active, fieldset[disabled] .btn-custom:active, .btn-custom.disabled.active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom.active,
.btn-custom > span, .btn-custom > i {
    color: var(--common-buttons-text-color);
    background-color: var(--common-buttons-background-color);
}

.badge {
    color: var(--common-badges-text-color);
    background-color: var(--common-badges-background-color);
}

/* search results facets badges have the neutral color */
.SearchResultsControl .facetControl-single .badge {
    background-color: var(--common-theme-neutral-alt-color);
}


.FullBackgroundColor {
    background-color: var(--common-full-background-color-rgba);
}

.LightBackgroundColor {
    background-color: var(--common-light-background-color-rgba);
}

.MediumBackgroundColor {
    background-color: var(--common-medium-background-color-rgba);
}

.DarkBackgroundColor {
    background-color: var(--common-dark-background-color-rgba);
}

.NeutralBackgroundColor {
    background-color: var(--common-neutral-background-color-rgba);
}


textarea, select {
    border-color: var(--common-borders-color);
    border-color: var(--common-borders-color-opac-rgba);
}

/* search autocomplete icons colors */
.font-icon-autocomplete-search,
.font-icon-autocomplete-search-arrow {
    color: var(--common-icons-autocomplete-search-color);
    color: var(--common-icons-autocomplete-search-color-rgba);
}

/* search autocomplete selected items */
label.autcomplete-result-item {
    color: var(--common-icons-autocomplete-result-item-color);
    background-color: var(--common-icons-autocomplete-result-item-background-color);
    background-color: var(--common-icons-autocomplete-result-item-background-color-rgba);
}


/* Footer */
.footer .FooterTop .FooterHeader {
    background-color: var(--common-footer-header-background-color);
    background-color: var(--common-footer-header-background-color-rgba);
}

.footer .FooterTop .FooterHeader, .footer .FooterTop .FooterHeader span, .footer .FooterTop .FooterHeader a:active, .footer .FooterTop .FooterHeader a:link, .footer .FooterTop .FooterHeader a:visited, .footer .FooterTop .FooterHeader a:hover {
    color: var(--common-footer-header-text-color);
    color: var(--common-footer-header-text-color-rgba);
}

.footer .FooterTop .FooterBody {
    background-color: var(--common-footer-body-background-color);
    background-color: var(--common-footer-body-background-color-rgba);
}

.footer .FooterTop .FooterBody h3,
.footer .FooterTop .FooterBody .FooterBodyTitle {
    color: var(--common-footer-body-text-color);
}

.footer .FooterTop .FooterBody .FooterBodyDescription, .footer .FooterTop .FooterBody .FooterBodyDescription p, .footer .FooterTop .FooterBody .FooterBodyDescription a:active, .footer .FooterTop .FooterBody .FooterBodyDescription a:link, .footer .FooterTop .FooterBody .FooterBodyDescription a:visited, .footer .FooterTop .FooterBody .FooterBodyDescription a:hover {
    color: var(--common-footer-body-text-color);
    color: var(--common-footer-body-text-color-rgba);
}

.footer .FooterFixed {
    background-color: var(--common-footer-fixed-background-color);
    background-color: var(--common-footer-fixed-background-color-rgba);
}




/* New custom buttons */
.button-color-normal {
    background-color: var(--common-theme-main-color);
}

.button-color-normal,
.button-color-normal:hover,
.button-color-normal:visited,
.button-color-normal > span,
.button-color-normal > i {
    color: var(--common-theme-main-alt-color);
}

.button-color-inverted {
    background-color: var(--common-theme-main-alt-color);
    border-color: var(--common-theme-main-color);
}

.button-color-inverted,
.button-color-inverted:hover,
.button-color-inverted:visited,
.button-color-inverted > span,
.button-color-inverted > i {
    color: var(--common-theme-main-color);
}

.button-color-neutral {
    background-color: var(--common-theme-neutral-color);
    border-color: var(--common-theme-neutral-alt-color);
}
 
.button-color-neutral,
.button-color-neutral:hover,
.button-color-neutral:visited,
.button-color-neutral > span,
.button-color-neutral > i  {
    color: var(--common-theme-neutral-alt-color);
}

.button-color-link {
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
}

.button-color-link,
.button-color-link:hover,
.button-color-link > span,
.button-color-link > i {
    color: var(--common-theme-link-color);
}


/* New custom inputs */

.input-wrapper-normal > input {
    border-color: var(--common-theme-main-color);
}

.input-color-normal[readonly],
.input-color-normal {
    background-color: var(--common-theme-main-alt-color);
    border-color: var(--common-theme-main-color);
}

.input-color-normal,
.input-color-normal::placeholder,
.input-color-normal:hover,
.input-color-normal + .input-icon {
    color: var(--common-theme-text-color);
    caret-color: var(--common-theme-text-color);
}


.input-wrapper-inverted > input {
    border-color: var(--common-theme-main-color);
}

.input-color-inverted[readonly],
.input-color-inverted {
    background-color: var(--common-theme-main-color);
    border-color: var(--common-theme-main-color);
}

.input-color-inverted,
.input-color-inverted::placeholder,
.input-color-inverted:hover,
.input-color-inverted + .input-icon {
    color: var(--common-theme-main-alt-color);
    caret-color: var(--common-theme-main-alt-color);
}


.input-wrapper-neutral > input {
    border-color: var(--common-theme-neutral-alt-color);
}

.input-color-neutral[readonly],
.input-color-neutral {
    background-color: var(--common-theme-neutral-color);
    border-color: var(--common-theme-neutral-alt-color);
}

.input-color-neutral,
.input-color-neutral::placeholder,
.input-color-neutral:hover,
.input-color-neutral + .input-icon {
    color: var(--common-theme-text-color);
    caret-color: var(--common-theme-text-color);
}

input::-webkit-input-placeholder,
input::placeholder {
    opacity: 0.8;
}


/* new custom dropdowns */
.dropdown-menu .input-wrapper-neutral {
    border-color: var(--common-theme-neutral-alt-color);
}

.dropdown .button-color-neutral .button-text {
    color: var(--common-theme-text-color);
}
.dropdown-menu > li > a,
.dropdown-menu > li > a:link {
    color: var(--common-theme-text-color);
}


/* search colors */
.font-icon-autocomplete-search,
.inline-search-buttons .fa,
.inline-search-buttons .fas,
.inline-search-buttons .far,
.input-text-aucomplete .fa,
.input-text-aucomplete .fas,
.input-text-aucomplete .far {
    color: var(--common-theme-neutral-alt-color);
}


/* search colors */
.RequestsControl .PopupHelpControl .fa,
.RequestsControl .PopupHelpControl .fas,
.RequestsControl .PopupHelpControl .far {
    color: var(--common-theme-neutral-alt-color);
}

/* error labels */
.LabelError, .LabelError p, .LabelWarning, .LabelWarning p, .LabelWarning ul, .OpacControl .LabelError, .OpacControl .ValidationSummary {
    color: var(--common-theme-warning-color) !important; /*Validator forces red color upon control*/
}


/* Indexes */

span.load-all-items {
    background-color: var(--common-badges-background-color);
    color: var(--common-badges-text-color);
}

/* Responsive rules */
@media (min-width:768px) and (max-width: 950px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--common-theme-text-color);
    }

}

@media (max-width: 767px) {


    .MainMenu a *,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: var(--common-main-menu-text-color);
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    	color: rgba(255,255,255,0.7);
	}

}