/*********** CUSTOM SCROLLBAR **********/
::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb {
    background: #e2e2e2;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
	background: #e2e2e2;
}

body {
    scrollbar-base-color: #f2f2f2;
    scrollbar-highlight-color: #a2a2a2;
    scrollbar-track-color: #00d09e;
    scrollbar-arrow-color: #444;
    scrollbar-shadow-color: #a2a2a2;
}

#PagesTabsContainer {
    border-bottom: 1px solid #00d09e;
}

.PagesTabsTab {
    border: 1px solid #d2d2d2;
    color: #f2f2f2;
    background-color: #007F61;
}
	
.PagesTabsTab:hover {
    color: #f2f2f2;
	background-color:#00d09e;
}

.PagesTabsTabSelected {
    border: 1px solid #00d09e;
    background-color: #00d09e;
    color: #f2f2f2;
}

.PagesTabsTabClose:hover {
	background-color: #004030;
	color:#fff;
}

.PagesTabsTab .tooltiptext {
    background-color: black;
    color: #fff;
}

.PagesTabsTab .tooltiptext::after {
    border-color: transparent transparent black transparent;
}

#PageData {
    background-color: #f2f2f2;
}

fieldset {
    background: #f2f2f2;
    color: #222;
    box-shadow: 1px 1px 10px #00d09e;
}

legend {
    background-color: #00d09e;
    color: #f2f2f2;
    box-shadow: 2px 2px 4px #222;
}

.SubLegend {
    background-color: #3A61B0;
    color: black;
}

select, .k-multiselect-wrap {
    border:1px solid #e2e2e2;
	color: #222;
    background-color: #fff;
}

.k-multiselect-wrap:hover {
    border:1px solid #00d09e;
	color: #222;
    background-color: #fff;
}

select option:checked {
    background-color: #00d09e !important; /* for IE */
    color: white !important;
}

#LoginItemLanguage {
    border: 1px solid #d2d2d2;
    color: #222;
    background-color: white;
}

/*********** HSNM GENERAL LAYOUT **********/
body {
	background-color:#f2f2f2;
	color: #222;
}

hr {
    background-color:#ccc;
    color:#ccc;
}

a:link {
    color: #222;
}

a:visited {
    color: #222;
}

/*********** LOGO & UTILITY MENU  **********/
#SidebarTopMenu  {
    background-color:#f2f2f2;
}

#SidebarCompress {
    background-color: #f2f2f2;
}

.SidebarContainerMinHamburger {
    background-color: #262626;
    color:#fff;
}

#SidebarCompress:hover {
    border: 2px solid #262626;
}

.SidebarContainerMinHamburger:hover {
    border: 2px solid #f2f2f2;
}

#SidebarCompress i, .SidebarContainerMinHamburger i {
    color:#fff;
}

#SidebarCompress i {
    color:#262626;
}

#SidebarTopMenuItemContainer {
    background-color: #f2f2f2;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

#SidebarTopMenuItemInfo i {
    color: white;
    background-color: cadetblue;
}

#SidebarTopMenuItemUtility i {
    color: white;
    background-color: darkgray;
}

#SidebarTopMenuItemLogOut i {
    color: white;
    background-color: brown;
}

#SidebarTopMenuPin {
    color: #222;
}

.SidebarTopMenuPinned {
	background-color: #00d09e;
}

#SidebarTopMenuItemLanguage {
	color:#d2d2d2;
}

#SidebarTopMenuItemLanguages {
	color: #222;
    border: 1px solid #d2d2d2;
    background-color: #f2f2f2;
}

/*********** PagesTopBar & PagesTopBarContainer **********/
#PagesTopBar {
    background-color: #00d09e;
}

#PDFPrintTitle {
    background-color: #00d09e;
}

.MainSubmitMenu {
    background-color: #d2d2d2;
    color: #222;
}

.MainSubmitMenu:hover {
	background-color:#00d09e;
    border: 2px solid #d2d2d2;
}

.MainSubmitMenuSave:hover {
	background-color: #00d09e;
}

.PagesTopBarContainer {
    color: #f2f2f2;
}

/*********** INFOBAR  **********/
#InfoBar {
    background: #fff;
    color: #222;
    -webkit-box-shadow: 38px 0px 75px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 38px 0px 75px -20px rgba(0,0,0,0.75);
    box-shadow: 38px 0px 75px -20px rgba(0,0,0,0.75);
}

#SidebarTopMenuContainer {
    background-color: #f2f2f2;
}

#SidebarTopMenuItemLanguages .InfoBarAccordionLanguage ul li {
    color: #f2f2f2;
}

#SidebarTopMenuItemLanguages .InfoBarAccordionLanguage span {
    color: #222;
}

#SidebarTopMenuItemLanguages .InfoBarAccordionLanguage a {
    color: #222;
}

#SidebarTopMenuItemLanguages a:hover {
	background-color:#00d09e;
}

#SidebarTopMenuItemLanguages ul li:hover {
	background-color:#00d09e;
}

.InfoBarAccordionTitle {
    background-color:#00d09e;
	color: white;
	border-bottom: 1px solid #d2d2d2;
}

#InfoBar .InfoBarAccordionMenu ul li {
    color: #f2f2f2;
}

#InfoBar .InfoBarAccordionMenu a {
    color: #222;
}

#InfoBar .InfoBarAccordionMenu .MenuTitle {
    color: #00d09e;
}

.MenuTitle:hover {
    background-color:#fff !important;
}

#InfoBar a:hover {
	background-color:#00d09e;
}

#InfoBar ul li:hover {
	background-color:#00d09e;
}

.InfoBarLangSelected {
    background-color:#00d09e;
}

/*********** CONTENT **********/
#mainindex {
    background-color: #f2f2f2;
    color: #222;
}

#MainIndexLoader i {
    color: #222;
    background-color: transparent;
}

.SearchLoader i {
    color: #222;
}

#main {
    border-top: 1px solid #d2d2d2;
    background-color: #f2f2f2;
}

#DataMainContainer {
    background-color: #f2f2f2;
}

/*********** FOOTER **********/
#sms {
    background-color:#e2e2e2;
}

.VouchersTablePrintContainerPreview, .CardsTablePrintContainerPreview {
    background-color: #f2f2f2;
}

.VouchersTablePrintContainer, .CardsTablePrintContainer {
    background-color: white;
}

/*********** CUSTOM IMAGE **********/
.CustomImageContainer {
	background: #aaa;
}

.CustomImageTitleRow {
    color: #f2f2f2;
}

.CustomImageFilesizeRow {
    color: #f2f2f2;
}

.CustomImageLinkRow {
    color: #f2f2f2;
}

/*********** SIDEBAR LEFT **********/
#single-top	{
	color: #f2f2f2;
}

#SidebarContainerMin {
    background-color: #262626;
    color: #fff;
}

#sidebarleft {
    border-right: 1px solid #d2d2d2;
    background-color: #f2f2f2;
}

.SidebarTab:hover {
    background: #f2f2f2;
    border-bottom: 4px solid #00d09e;
}

.SidebarTabActive {
    border-bottom: 4px solid #00d09e;
}

.SidebarTabLabel {
    color: #222;
}

.SidebarTabContainer {
    border-right: 1px solid #d2d2d2;
}

.SidebarTabSearchDataSeparator {
    color: #222;
}

#SidebarTabTreeview .SidebarTabTreeview-commands, #SidebarTabSearchData .SidebarTabSearchData-commands {
	background:#00d09e;
}

.treeviewcommand {
    color: white;
}

.k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item {
    background-color: #f2f2f2;
}

.k-header {
    background-color: #f3f3f4;
}

.k-content {
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}

.k-content, .k-editable-area, .k-panelbar > li.k-item, .k-panel > li.k-item, .k-tiles {
    background-color: #f2f2f2;
    color: #222;
}

.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 {
    background-color:#00d09e !important;
}

#SidebarTabTreeview span.k-in i {
    color: #f2f2f2;
}

#SidebarTabSearchData span.k-in i {
    color: #222;
}

.SidebarTabTreeviewIntMenu i {
    color:#222 !important;
}

#SidebarTabTreeview span.k-in, #SidebarTabSearchData span.k-in {
    background-color: #fff;
}

#panelbar {
    border-left: 1px solid #333 !important;
}

.BKSettingsPanelBarText {
    color: #222;
}

.PanelBarInitials {
    color: #f2f2f2;
}

.PanelBarIndent1 {
    border-left: 1px solid #333;
}

#SidebarTabTreeview span.k-state-hover, #SidebarTabSearchData span:hover {
    background-color: #00d09e;
}

.SidebarTabTreeviewItemText, .SidebarTabSearchDataItemText {
    color:#222;
}

.SidebarTabTreeviewItemLocked, .SidebarTabSearchDataItemLocked {
	background-color: red;
}

.aside .current_page_item, .menu-item:hover {
    background-color: #00d09e;
    color: white;
}

.menu-item {
    background-color: #fff;
}

.menu-icon:hover {
	color:white;
}

.menu-link {
    color: #222;
}

.DataTabMenuItem {
    color:#222;
}

#DataTabMenuItemRefresh i, #DataTabMenuItemCollapse i {
    color: #222 !important;
}

.DataTabMenuItem:hover {
	color:#00d09e;
}

#DataTabMenuItemSearchType, #DataTabMenuItemSearch {
    color: #222;
}

#DataTabMenuItemSearch::-webkit-input-placeholder {
    color: #666;
}
#DataTabMenuItemSearch:-moz-placeholder {
    color: #666;
}
#DataTabMenuItemSearch::-moz-placeholder {
    color: #666;
}
#DataTabMenuItemSearch:-ms-input-placeholder {
    color: #666;
}

#DataTabMenuItemSearchType {
	color:#222;
}

/*********** MESSAGES **********/
.InfoMessage {
    background-color: #00d09e;
    color: #222;
}

.InfoAndErrorMessageClose, .WarningMessageClose {
    color: black;
}

.InfoAndErrorMessageClose:hover, .WarningMessageClose:hover {
    color: white;
    border: 2px solid white;
}

.ErrorMessage {
    background-color: red;
    color: #222;
}

.WarningMessage {
    background-color: orange;
    color: #222;
}

#WarningMessageText {
    color: #333;
}

.StaticInfoMessage {
    background-color:#00d09e;
	border:1px solid #00d09e;
	color:#222;
}

.CustomFormActions {
    background-color: #00d09e;
	border: 1px solid #A2D246;
	color: #333;
}

/*********** CONTENT UTILS **********/
.LoginButton {
	background-color: #d2d2d2;
	color: #222;
}

.LoginButton:hover	{
	background-color:#00d09e;
    border: 2px solid #e2e2e2;
}

.LoginForm i {
	color:#999;
}

.divform_title {
    color: #222;
}

.divform_title, .divform_tip {
    border-bottom: 1px dotted #e2e2e2;
}

.divform_tip {
	color: #C6A254;
}

.divform_input[readonly], .divform_input_combobox[readonly], .divform_input:disabled, .divform_input_combobox:disabled {
    color: #999;
    border: 1px solid #e2e2e2 !important;
}

.divform_input:focus, .divform_input_combobox:focus {
    border: 1px solid #00d09e;
}

.divform_input_combobox {
    color: #222;
    border: 1px solid #e2e2e2;
    background-color: #fff;
}

#LoginName, #LoginPassword {
	color:#222;
	border:1px solid #e2e2e2;
}

.divform_input, #Password {
    color: #222;
    border: 1px solid #e2e2e2;
    background-color: #fff;
}

.k-widget.divform_input {
	color:#222;
	border:1px solid #e2e2e2;
}

.k-widget.divform_input .k-state-focused {
    border:1px solid #00d09e;
}

span.k-picker-wrap.k-state-default {
    background-color: #fff;
}

.divform_input:hover, .k-widget.divform_input .k-state-hover, .divform_input_combobox:hover, .k-input.divform_input:hover {
    border: 1px solid #00d09e;
}

.form_table {
    background-color: #f2f2f2;
}

.select_form {
	background-color:#f2f2f2;
	border:1px solid #e2e2e2;
	color:#333;
}

.select_form option {
	background-color:#f2f2f2;
}

.divform_input_edit	{
	background-color:#f2f2f2;
	color:#666;
	border:1px solid #e2e2e2;
}

.divform_input_edit:hover {
	border:1px solid #00d09e;
}

.GridCellLocked {
	background-color: red;
}

.GridItemDetailsTitle {
	background-color: #f2f2f2;
}

.GridDetailsTitle, .GridDetailsData {
	color: #222;
}

.GridItemDetails table {
    border: solid 1px #f2f2f2;
}

.query-builder .rules-group-container {
    border: 1px solid #d2d2d2 !important;
    background: #fff !important;
}

.rule-container {
    background: #fff !important;
    border-color: #e2e2e2 !important;
}

.query-builder .form-control {
    color: #666 !important;
    border: 1px solid #e2e2e2 !important;
    background-color: #fff !important;
}

.query-builder .btn-success {
    color: #FFF !important;
    background-color: #00d09e !important;
    border-color: #d2d2d2 !important;
}

/*********** KENDO UI **********/
#main .k-pager-wrap {
    border-top: 1px solid #ddd;
}

button.k-button.k-primary {
    background-color: #00d09e;
    border-color: #00d09e;
}

#main .k-grid-filter.k-state-active {
    background-color: #00d09e;
}

.k-calendar .k-footer .k-nav-today {
    color: #00d09e;
}

.k-calendar .k-today .k-link {
    color: #00d09e;
    box-shadow: inset 0 0 0 1px #00d09e;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 2px 1px #00d09e;
}

.k-calendar td.k-state-selected .k-link {
    border-color: #00d09e;
    color: #fff;
    background-color: #00d09e;
}

/*********** GOOGLE MAPS **********/
.MapsInfoWindowContainer {
    border:1px solid #333;
    background-color: #f2f2f2;
    color:#FFF;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
}

.MapsInfoWindowTitle {
    color: #f2f2f2;
    background-color: #00d09e;
}

.MapsInfoWindowAddress, .MapsInfoWindowData {
    background-color: #f2f2f2;
    color: #222;
}

.MapsInfoWindowShowDetails {
    color: #333;
}

.FacebookColor, .TwitterColor, .GooglePlusColor, .LinkedinColor, .InstagramColor, .AmazonColor, .VKontakteColor, .CustomOAuth1Color, .LDAPColor {
    color:#888;
}

/* Surveys management */
.survey-add-answer {
    color: #222;
}

.survey-add-answer:hover {
	background-color:#00d09e;
}

.survey-remove-answer, .survey-remove-question {
    color: #222;
}

.survey-remove-answer:hover, .survey-remove-question:hover {
	background-color:#00d09e;
}

.question-HsSurveysUsers {
    border: 1px solid #d2d2d2;
}

/*  Toggler buttons */
a.TogglerButtonAuth, a.TogglerButtonTimeTables, a.TogglerButtonMonthsTimeTable, a.TogglerButtonDaysOfWeekTimeTable, .TogglerButtonAuthDisabled {
    color: #222;
	border: 1px solid #d2d2d2;
}

.TogglerButtonAuthDisabled {
	color: #aaa !important;
}

a.TogglerButtonAuth.TogglerButtonOn, a.TogglerButtonTimeTables.TogglerButtonOn, a.TogglerButtonMonthsTimeTable.TogglerButtonOn, a.TogglerButtonDaysOfWeekTimeTable.TogglerButtonOn {
    color: #222;
	background: #00d09e;
	border: 1px solid #e2e2e2;
}

/* Custom messages */
#ManagerPrepaidBalanceMsg {
    color: #f2f2f2;
}

/*********** CSS3 ANIMATION **********/
@-webkit-keyframes Highlight {
    from {color:#222;}
    to {color:#00d09e;}
}

/*********** MAPS **********/
.MapAddAccessPoint, .MapPasteAccessPoint {
	background-color:#D63E2A;
	color: white;
}

.MapAddHoundSensor {
	background-color: orange;
	color: white;
}

.leaflet-container a.leaflet-popup-close-button {
    color: #222 !important;
}