:root {
  --portal-main-color: #FECA1D;
  --portal-main-contrast: #FFFFFF;
  --portal-dark-color: #b48536;
  --primary-color: var(--theme-secondary-color);
  --secondary-color: var(--theme-secondary-color);
}

.tm-toolbar .uk-subnav-line .custom-connect-li, .tm-toolbar .uk-subnav-line .custom-connect-admin-li {
  display: block;
  background: #DEAF50 !important;
  color: #fff !important;

}

.custom-connect-toolbar ul.uk-subnav.uk-subnav-line, .custom-connect-admin-toolbar ul.uk-subnav.uk-subnav-line {
  background-color: #FFC700 !important;
}

.custom-connect-toolbar .inner, .custom-connect-admin-toolbar .inner {
  background-color: #FFC700 !important;
}

.custom-connect-toolbar, .custom-connect-admin-toolbar {
  border-top-color: #FFC700 !important;
}

.red_color {
  color: #FF3030;
}

.red_background_color:hover {
  background-color: #FF3030;
  border-color: #FF3030;
  color: #767779 !important;
}

.green_color {
  color: lightgreen;
}

.green_background_color:hover {
  background-color: lightgreen;
  border-color: lightgreen;
  color: #767779 !important;
}

.wellcomePage {
  background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) 0 0 no-repeat padding-box;
  min-height: calc(100vh - 412.767px);
}

.iframeContainer {
  overflow: hidden;

}

.iframeContainer iframe {

  width: 100%;
  height: 100%;
  border: 0;
}

/*Customization*/

.customizationMenuPanel {
  /*background-color: #999999;*/
}

.customizationMenuPanel .customizationMenuItems {
  background-color: white;
  border: white solid 1px;
  border-radius: 14px;
}
/*#colorPickerInput {
  width: 15px;
  height: 15px;
  border: 1px solid #707070;
  border-radius: 50%;
  opacity: 1;
  cursor:pointer;

}*/

.colorPicker input {
  width: 35px;
  height: 15px;
  border: 1px solid #707070;
  border-radius: 2px;
  opacity: 1;
  cursor:pointer;
}

/* NEW CSS*/
.login circle {
  fill: var(--primary-color);
}

.login:hover circle {
  fill: var(--secondary-color);
}

#sidebar_main .sidebar_main_header .portal-logo {
  background: url("/assets/common-assets/logo-large-connect.png") no-repeat;
  background-size: contain;
}

.sidebar_mini #sidebar_main .sidebar_main_header .portal-logo {
  background: url("/assets/common-assets/logo-small-connect.png") no-repeat;
  background-size: contain;
}

#sidebar_main #sidebar_content {
  border-right: 1px solid var(--portal-main-color);
}

#sidebar_switcher_toggle {
  border: 1px solid var(--portal-main-color);
  border-left: 0;
}